tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Scope styles that select #browser to browser.xhtml

Browse Source
This commit is contained in:
MrOtherGuy
2020-08-08 16:24:59 +03:00
parent 783914689c
commit 6263334baa
5 changed files with 284 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
chrome/vertical_menubar.css
View File

@@ -6,48 +6,51 @@ See the above repository for updates as well as full license text. */
/* 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. */
@-moz-document url(chrome://browser/content/browser.xhtml){
:root:not([customizing]) #titlebar{
position: fixed;
display: block;
-moz-appearance: none !important;
right: 0px;
height: 100vh;
width: 30px;
}
:root:not([customizing]) #navigator-toolbox{ margin-top: var(--tab-min-height) }
:root:not([customizing]) #titlebar{
position: fixed;
display: block;
-moz-appearance: none !important;
right: 0px;
height: 100vh;
width: 30px;
}
:root:not([customizing]) #navigator-toolbox{ margin-top: var(--tab-min-height) }
#TabsToolbar:not([customizing]){
position: fixed;
display: block;
top: 0px;
left: 0px;
width: 100vw;
padding-left: 30px !important;
}
#TabsToolbar:not([customizing]){
position: fixed;
display: block;
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;
}
#TabsToolbar > .toolbar-items{ max-width: calc(100vw - 138px) }
#TabsToolbar > .titlebar-buttonbox-container{
display: block !important;
float: right !important;
}
#toolbar-menubar:not([customizing]){
margin-top: 40px;
width: 30px;
-moz-box-orient: vertical;
-moz-box-flex: 1;
}
#toolbar-menubar:not([customizing]){
margin-top: 40px;
width: 30px;
-moz-box-orient: vertical;
-moz-box-flex: 1;
}
#toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; }
#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 }
#toolbar-menubar > #menubar-items{ visibility: collapse }
#toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible }
#toolbar-menubar:not([customizing]) #main-menubar{
-moz-box-orient: vertical;
margin-left: -60px;
background-color: var(--lwt-accent-color)
}
#toolbar-menubar:not([customizing]) #main-menubar{
-moz-box-orient: vertical;
margin-left: -60px;
background-color: var(--lwt-accent-color)
}
:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px }
:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px }
}