179 lines
5.5 KiB
CSS
179 lines
5.5 KiB
CSS
/*
|
|
*
|
|
*
|
|
* This theme uses code from: https://github.com/Bali10050/FirefoxCSS
|
|
*
|
|
*/
|
|
|
|
/* Just comment the lines or block, flex for the elements you WANT to see */
|
|
|
|
|
|
/* ------------------------------------------------------------------------MEDIA QUERIES FOR ONELINE NAVBAR----------------------------------------------------------- */
|
|
|
|
/* Navbar size calc */
|
|
:root{
|
|
--tab-border-radius: 15px !important; /* Tab border radius -- Changes the tabs rounding *//* Default: 6px */
|
|
--NavbarWidth: 43; /* Default values: 36 - 43 */
|
|
--TabsHeight: 25; /* Minimum: 30 *//* Default: 36 */
|
|
--TabsBorder: 8; /* Doesnt do anything on small layout *//* Default: 8 */
|
|
--NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder)) /* Only on small layout *//* Default: calc(var(--TabsHeight) + var(--TabsBorder)) *//* Default as a number: 44 */}
|
|
|
|
|
|
@media screen and (min-width:1325px) /* Only the tabs space will grow from here */
|
|
{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important;
|
|
height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)}
|
|
#TabsToolbar{margin-left: calc(1325px / 100 * var(--NavbarWidth)) !important}
|
|
#nav-bar{margin-right: calc(100vw - calc(1325px / 100 * var(--NavbarWidth))) !important; vertical-align: center !important}
|
|
#urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:950px) and (max-width:1324px) /* Both the tabs space and the navbar will grow */
|
|
{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px) !important;
|
|
height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)}
|
|
#TabsToolbar{margin-left: calc(var(--NavbarWidth) * 1vw) !important}
|
|
#nav-bar{margin-right: calc(100vw - calc(var(--NavbarWidth) * 1vw)) !important; vertical-align: center !important}
|
|
#urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important}
|
|
#TabsToolbar, #nav-bar{transition: margin-top .25s !important}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:949px) /* The window is not enough wide for a one line layout */
|
|
{:root #nav-bar{padding: 0 5px 0 5px!important; height: calc(var(--NavbarHeightSmall) * 1px) !important} toolbarspring{display: none !important;}
|
|
#TabsToolbar, #nav-bar{transition: margin-top .25s !important}}
|
|
#nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important}
|
|
#nav-bar{margin-left: 3px;} .tab-background, .tab-stack { min-height: calc(var(--TabsHeight) * 1px) !important
|
|
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------- MENU BUTTON ----------------------------------------------------------------------*/
|
|
#PanelUI-button {
|
|
-moz-box-ordinal-group: 0 !important;
|
|
order: -2 !important;
|
|
margin: 2px !important;
|
|
display: flex !important;
|
|
}
|
|
|
|
/* Window control buttons (min, resize and close) */
|
|
.titlebar-buttonbox-container {
|
|
display: flex !important;
|
|
margin-right: 12px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* Page back and foward buttons
|
|
*
|
|
#back-button,
|
|
#forward-button
|
|
{
|
|
display: none !important;
|
|
}
|
|
*/
|
|
|
|
/* Extensions button */
|
|
#unified-extensions-button {
|
|
order: -3 !important;
|
|
display: flex !important;
|
|
|
|
}
|
|
|
|
/* Extension name inside URL bar */
|
|
#identity-box.extensionPage #identity-icon-label {
|
|
visibility: none !important;
|
|
}
|
|
|
|
/* All tabs (v-like) button */
|
|
#alltabs-button {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------- END element visibility section ------------------------------------------------------------- */
|
|
|
|
|
|
/* URL bar icons */
|
|
#reload-button,
|
|
#identity-permission-box,
|
|
#star-button-box,
|
|
#identity-icon-box,
|
|
#picture-in-picture-button,
|
|
#tracking-protection-icon-container,
|
|
#reader-mode-button,
|
|
#translations-button
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
/* "This time search with:..." */
|
|
#urlbar .search-one-offs {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Removes urlbar border/background */
|
|
#urlbar-background {
|
|
border: none !important;
|
|
outline: block !important;
|
|
transition: .15s !important;
|
|
}
|
|
|
|
/* Removes the background from the urlbar while not in use */
|
|
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
|
|
box-shadow: none !important;
|
|
background: #0000 !important;
|
|
}
|
|
|
|
/* Removes annoying border */
|
|
#navigator-toolbox {
|
|
border: none !important
|
|
}
|
|
|
|
/* Fades window while not in focus */
|
|
#navigator-toolbox-background:-moz-window-inactive {
|
|
filter: contrast(90%)
|
|
}
|
|
|
|
/* Remove fullscreen warning border */
|
|
#fullscreen-warning {
|
|
border: none !important;
|
|
background: -moz-Dialog !important;
|
|
}
|
|
|
|
/* Tabs close button */
|
|
.tabbrowser-tab:not(:hover) .tab-close-button {
|
|
opacity: 0% !important;
|
|
transition: 0.3s !important;
|
|
display: -moz-box !important;
|
|
}
|
|
.tab-close-button[selected]:not(:hover) {
|
|
opacity: 45% !important;
|
|
transition: 0.3s !important;
|
|
display: -moz-box !important;
|
|
}
|
|
.tabbrowser-tab:hover .tab-close-button {
|
|
opacity: 50%;
|
|
transition: 0.3s !important;
|
|
background: none !important;
|
|
cursor: pointer;
|
|
display: -moz-box !important;
|
|
}
|
|
.tab-close-button:hover {
|
|
opacity: 100% !important;
|
|
transition: 0.3s !important;
|
|
background: none !important;
|
|
cursor: pointer;
|
|
display: -moz-box !important;
|
|
}
|
|
.tab-close-button[selected]:hover {
|
|
opacity: 100% !important;
|
|
transition: 0.3s !important;
|
|
background: none !important;
|
|
cursor: pointer;
|
|
display: -moz-box !important;
|
|
}
|
|
/* Remove duplicated window control buttons*/
|
|
#nav-bar .titlebar-buttonbox{display: none !important
|
|
}
|