64 lines
2.4 KiB
CSS
64 lines
2.4 KiB
CSS
|
/*************************************************************************************************************************************************************************************************************************************************************
|
||
|
|
|
||
|
|
"userChrome.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's interface (NOT internal site) using "chrome" privileges.
|
||
|
|
For instance, if you want to hide the tab bar, you can use the following CSS rule:
|
||
|
|
|
||
|
|
**************************************
|
||
|
|
#TabsToolbar { *
|
||
|
|
display: none !important; *
|
||
|
|
} *
|
||
|
|
**************************************
|
||
|
|
|
||
|
|
NOTE: You can use the userChrome.css file without change preferences (about:config)
|
||
|
|
|
||
|
|
Quote: https://userChrome.org | https://github.com/topics/userchrome
|
||
|
|
|
||
|
|
************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
|
||
|
|
@charset "UTF-8";
|
||
|
|
@-moz-document url(chrome://browser/content/browser.xhtml)
|
||
|
|
{
|
||
|
|
#sidebar-box {
|
||
|
|
--bar-width: 54px;
|
||
|
|
position: relative !important;
|
||
|
|
overflow-x: hidden !important;
|
||
|
|
/* margin-right: calc(10px * -1) !important; */
|
||
|
|
/* left: var(--bar-width) !important; */
|
||
|
|
min-width: var(--bar-width) !important;
|
||
|
|
max-width: var(--bar-width) !important;
|
||
|
|
border-right: 1px solid var(--sidebar-border-color);
|
||
|
|
z-index: 1;
|
||
|
|
transition: all 0.1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box:hover {
|
||
|
|
--expanded-width: 250px;
|
||
|
|
margin-right: calc(
|
||
|
|
calc(var(--expanded-width) - var(--bar-width)) * -1
|
||
|
|
) !important;
|
||
|
|
/* left: var(--expanded-width) !important; */
|
||
|
|
min-width: var(--expanded-width) !important;
|
||
|
|
max-width: var(--expanded-width) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box:hover #sidebar-header {
|
||
|
|
min-width: var(--expanded-width) !important;
|
||
|
|
max-width: var(--expanded-width) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
|
||
|
|
#sidebar-header {
|
||
|
|
min-width: var(--bar-width) !important;
|
||
|
|
max-width: var(--bar-width) !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
|
||
|
|
#sidebar-splitter {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.browserStack {
|
||
|
|
background-color: var(--toolbar-bgcolor) !important;
|
||
|
|
}
|
||
|
|
}
|