diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css
new file mode 100644
index 0000000..9595e86
--- /dev/null
+++ b/chrome/vertical_menubar.css
@@ -0,0 +1,46 @@
+/* Makes menubar appear vertically on the right side of the window */
+
+/* The first element in the menubar is used to "toggle" the file-menu & friends */
+/* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */
+
+
+#titlebar{
+  position: fixed; 
+  right: 0px; 
+  height: 100vh;
+  width: 30px;
+}
+#navigator-toolbox{ margin-top: var(--tab-min-height) }
+
+#TabsToolbar{
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100vw;
+  padding-left: 30px !important;
+}
+
+#TabsToolbar > .toolbar-items{ max-width: calc(100vw - 138px) }
+#TabsToolbar > .titlebar-buttonbox-container{
+  display: block !important;
+  float: right !important;
+}
+
+#toolbar-menubar{
+  margin-top: 40px;
+  width: 30px;
+  -moz-box-orient: vertical;
+}
+
+#toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; }
+
+#toolbar-menubar > #menubar-items{ visibility: collapse }
+#toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible }
+
+#main-menubar{
+  -moz-box-orient: vertical;
+  margin-left: -60px;
+  background-color: var(--lwt-accent-color)
+}
+
+:root:not([inDOMFullscreen]) > #content-deck{ margin-right: 30px }