modifications mostly to awesome
This commit is contained in:
parent
a7db9e944a
commit
dda80f1d77
126 changed files with 6539 additions and 27 deletions
26
firefox/chrome/chrome/Fx65_tabs_on_bottom.css
Normal file
26
firefox/chrome/chrome/Fx65_tabs_on_bottom.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/* Modify to change window drag space width */
|
||||
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }
|
||||
|
||||
.titlebar-buttonbox-container{
|
||||
position: fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
height: 40px;
|
||||
}
|
||||
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
|
||||
|
||||
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
|
||||
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }
|
||||
|
||||
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
|
||||
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
|
||||
#titlebar{
|
||||
-moz-box-ordinal-group: 2;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
:root[tabsintitlebar="true"] #nav-bar{
|
||||
padding-right: calc(138px + var(--window-drag-space-width,0px));
|
||||
padding-left: var(--window-drag-space-width,0px)
|
||||
}
|
||||
.titlebar-placeholder,
|
||||
#TabsToolbar .titlebar-spacer{ display: none; }
|
||||
119
firefox/chrome/chrome/autohide_sidebar.css
Normal file
119
firefox/chrome/chrome/autohide_sidebar.css
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
|
||||
/* material firefox imports */
|
||||
/* @import "../global/variables.css"; */
|
||||
/* @import "../global/global.css"; */
|
||||
/* @import "../icons/icons.css"; */
|
||||
/* @import "../tabbar/tabbar.css"; */
|
||||
/* @import "../navbar/navbar.css"; */
|
||||
/* @import "../personalbar/personalbar.css"; */
|
||||
/* @import "../popup/popup.css"; */
|
||||
/* @import "../urlbar/urlbar.css"; */
|
||||
/* @import "../findbar/findbar.css"; */
|
||||
|
||||
/* Show sidebar only when the cursor is over it */
|
||||
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
|
||||
|
||||
|
||||
/* #sidebar-box{ */
|
||||
/* --uc-sidebar-width: 30px; */
|
||||
/* --uc-sidebar-hover-width: 210px; */
|
||||
/* position: relative; */
|
||||
/* min-width: var(--uc-sidebar-width) !important; */
|
||||
/* width: var(--uc-sidebar-width) !important; */
|
||||
/* max-width: var(--uc-sidebar-width) !important; */
|
||||
/* } */
|
||||
|
||||
/* #sidebar-splitter{ display: none } */
|
||||
|
||||
/* #sidebar-header{ overflow: hidden; color: var(--chrome-color, inherit) !important} */
|
||||
|
||||
/* #sidebar{ */
|
||||
/* transition: min-width 115ms linear !important; */
|
||||
/* min-width: var(--uc-sidebar-width) !important; */
|
||||
/* will-change: min-width; */
|
||||
/* } */
|
||||
|
||||
/* #sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } */
|
||||
|
||||
/* .sidebar-panel{ */
|
||||
/* background-color: transparent !important; */
|
||||
/* color: var(--newtab-text-primary-color) !important; */
|
||||
/* } */
|
||||
|
||||
/* .sidebar-panel #search-box{ */
|
||||
/* -moz-appearance: none !important; */
|
||||
/* background-color: rgba(249,249,250,0.1) !important; */
|
||||
/* color: inherit !important; */
|
||||
/* } */
|
||||
|
||||
/* /\* Add sidebar divider and give it background *\/ */
|
||||
|
||||
/* #sidebar, */
|
||||
/* #sidebar-header{ */
|
||||
/* background-color: var(--toolbar-non-lwt-bgcolor) !important; */
|
||||
/* border-right: 1px solid rgb(80,80,80); */
|
||||
/* } */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Made for the treestyletab stuff */
|
||||
|
||||
:root {
|
||||
--initial-width : 50px; /* initial width of the sidebar */
|
||||
--sidebar-width : 250px; /* expanded width of the sidebar */
|
||||
--toolbar-height : 0;
|
||||
--menubar-height : -40px;
|
||||
--toolmenubar-height: -40px; /* sum of previous two */
|
||||
--shadow-color : #28282F; /* shadow color. set to #00000000 for no shadow. same as folder color from hntp and tab-hover color from tst*/
|
||||
}
|
||||
|
||||
/*
|
||||
There's two main sidebar components.
|
||||
1. #sidebar-box (outer)
|
||||
2. #sidebar (inner)
|
||||
*/
|
||||
/* lock outer to height by doing the inverse margin of the toolbar element */
|
||||
/* set outer width = initial width */
|
||||
#sidebar-box {
|
||||
z-index : 1000 !important;
|
||||
position : relative!important;
|
||||
//margin-top : var(--menubar-height) !important;
|
||||
padding-top : calc(-1*var(--menubar-height));
|
||||
border-radius: 0 5px 0px 0;
|
||||
min-width : var(--initial-width) !important;
|
||||
max-width : var(--initial-width) !important;
|
||||
}
|
||||
|
||||
/* inner width = expanded width & move inner to only show initial-width long section */
|
||||
#sidebar-box #sidebar {
|
||||
min-width : var(--sidebar-width) !important;
|
||||
max-width : var(--sidebar-width) !important;
|
||||
transform : translateX(calc(var(--initial-width) - var(--sidebar-width))) !important;
|
||||
border-radius: 0 3px 0px 0;
|
||||
transition : all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* move inner to show entire sidebar */
|
||||
#sidebar-box #sidebar:hover {
|
||||
transform : translateX(0) !important;
|
||||
box-shadow: 2px 0 33px var(--shadow-color);
|
||||
}
|
||||
|
||||
#main-window[title^="Firefox"] #sidebar-box {
|
||||
margin-top: var(--toolmenubar-height) !important;
|
||||
}
|
||||
|
||||
/* hide sidebar header for tree style tabs sidebar */
|
||||
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* Hide splitter, when using Tree Style Tab. */
|
||||
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter {
|
||||
display: none !important;
|
||||
}
|
||||
6
firefox/chrome/chrome/blank_page_background.css
Normal file
6
firefox/chrome/chrome/blank_page_background.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/* Set blank page background-color */
|
||||
/* Uses color from theme_colors if available */
|
||||
|
||||
#tabbrowser-tabpanels{
|
||||
background-color: var(--uc-light-bkgnd-color,rgb(46,54,69)) !important;
|
||||
}
|
||||
11
firefox/chrome/chrome/bookmarksbar_on_new_tabs_only.css
Normal file
11
firefox/chrome/chrome/bookmarksbar_on_new_tabs_only.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
:root[title$=" - Mozilla Firefox"] #PersonalToolbar,
|
||||
:root[title$=" - Mozilla Firefox (Private Browsing)"] #PersonalToolbar,
|
||||
:root[title$=" - Firefox Nightly"] #PersonalToolbar,
|
||||
:root[title$=" - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: collapse; }
|
||||
/* about:home or something can have a "New Tab" prefix */
|
||||
:root[title="New Tab - Mozilla Firefox"] #PersonalToolbar,
|
||||
:root[title="New Tab - Mozilla Firefox (Private Browsing)"] #PersonalToolbar,
|
||||
:root[title="New Tab - Firefox Nightly"] #PersonalToolbar,
|
||||
:root[title="New Tab - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: visible; }
|
||||
/* Short delay to prevent being shortly visible during tab restore */
|
||||
#PersonalToolbar{ transition: visibility 0ms linear 200ms !important}
|
||||
25
firefox/chrome/chrome/button_effect_scale_onclick.css
Normal file
25
firefox/chrome/chrome/button_effect_scale_onclick.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/* Effect */
|
||||
|
||||
:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
|
||||
|
||||
.toolbarbutton-icon,
|
||||
.menuitem-iconic .menu-iconic-icon{
|
||||
transition: transform 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon
|
||||
.urlbar-icon{
|
||||
transition: padding 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||
.menuitem-iconic:active .menu-iconic-icon{
|
||||
transform: scale(0.6) !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
|
||||
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
|
||||
}
|
||||
|
||||
#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }
|
||||
35
firefox/chrome/chrome/button_effect_scale_onhover.css
Normal file
35
firefox/chrome/chrome/button_effect_scale_onhover.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
/* Effect */
|
||||
|
||||
:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
|
||||
|
||||
.toolbarbutton-icon,
|
||||
.menuitem-iconic .menu-iconic-icon{
|
||||
transition: transform 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
.urlbar-icon{
|
||||
transition: padding 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||
.menuitem-iconic .menu-iconic-icon{
|
||||
transform: scale(0.8) !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important;
|
||||
}
|
||||
|
||||
#page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon{
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{
|
||||
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
/* Show tab close button when cursor is over the tab icon */
|
||||
|
||||
.tab-close-button{
|
||||
-moz-box-ordinal-group: 0;
|
||||
display: -moz-box !important;
|
||||
position: relative;
|
||||
margin-right: -18px !important;
|
||||
z-index: -1;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tab-close-button:hover{ background-color: var(--lwt-accent-color); }
|
||||
|
||||
.tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); }
|
||||
|
||||
/**** ONLY USE ONE OF THE FOLLOWING ****/
|
||||
/**** These select the behavior of a scenario where the page has no favicon ****/
|
||||
|
||||
/*** Option 1 - no favicon - no close-button ***/
|
||||
|
||||
/*
|
||||
.tab-icon-image:hover ~ .tab-close-button, .tab-close-button:hover{ visibility: visible; z-index: 1 }
|
||||
*/
|
||||
|
||||
/*** Option 2 - No icon - always show close-button ***/
|
||||
|
||||
/*
|
||||
.tab-icon-image:hover ~ .tab-close-button,
|
||||
.tab-close-button:hover,
|
||||
.tab-icon-image:not([src]) ~ .tab-close-button{ visibility: visible; z-index: 1 }
|
||||
.tab-icon-image:not([src]) ~ .tab-close-button{ margin-right:0px !important; }
|
||||
*/
|
||||
|
||||
/*** Option 3 - No icon - show close-button when cursor is over the tab text ***/
|
||||
|
||||
.tab-icon-image:hover ~ .tab-close-button,
|
||||
.tab-close-button:hover,
|
||||
.tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button{ visibility: visible; z-index: 1 }
|
||||
.tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button,
|
||||
.tab-icon-image:not([src]) ~ .tab-close-button:hover {margin-right: 0px !important; }
|
||||
45
firefox/chrome/chrome/floating_findbar_on_top.css
Normal file
45
firefox/chrome/chrome/floating_findbar_on_top.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
findbar{
|
||||
-moz-box-ordinal-group: 0;
|
||||
margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px);
|
||||
position: relative;
|
||||
border-top: none !important;
|
||||
transition: transform 82ms linear, opacity 82ms linear 32ms !important;
|
||||
background: none !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.findbar-container > .findbar-find-fast{
|
||||
padding: var(--toolbarbutton-inner-padding) 1px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
findbar[hidden]{ transform: translateY(-30px);}
|
||||
|
||||
findbar > .findbar-container,
|
||||
findbar > .close-icon{
|
||||
border: 1px solid var(--chrome-content-separator-color);
|
||||
border-width: 0 0 1px 0px;
|
||||
background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
|
||||
pointer-events: auto;
|
||||
}
|
||||
findbar > .findbar-container{
|
||||
-moz-box-direction: reverse;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
findbar > .findbar-container > hbox{ margin: 0 5px }
|
||||
|
||||
findbar::before{
|
||||
content:"";
|
||||
display: -moz-box;
|
||||
-moz-box-flex: 100;
|
||||
}
|
||||
|
||||
/*
|
||||
Move findbar so it isn't over the scrollbar
|
||||
Delete if you want findbar to begin from right window edge
|
||||
*/
|
||||
findbar{
|
||||
margin-right: 16px;
|
||||
border-right: 1px solid var(--chrome-content-separator-color);
|
||||
}
|
||||
29
firefox/chrome/chrome/hide_tabs_toolbar.css
Normal file
29
firefox/chrome/chrome/hide_tabs_toolbar.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/* Hide tabs toolbar Fx65+ */
|
||||
:root{--uc-toolbar-height: 32px}
|
||||
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
|
||||
|
||||
#TabsToolbar{visibility: collapse}
|
||||
#nav-bar,
|
||||
#PersonalToolbar{
|
||||
background: transparent !important;
|
||||
}
|
||||
#navigator-toolbox{ background: var(--toolbar-bgcolor) var(--toolbar-bgimage) }
|
||||
|
||||
#nav-bar{margin: calc(0px - var(--uc-toolbar-height)) 138px 0 0 }
|
||||
|
||||
#toolbar-menubar{
|
||||
min-height:unset !important;
|
||||
height:var(--uc-toolbar-height) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-menubar{
|
||||
-moz-box-flex: 1;
|
||||
background: var(--toolbar-non-lwt-bgcolor);
|
||||
background-clip: padding-box;
|
||||
border-right: 30px solid transparent;
|
||||
border-image: linear-gradient(to left, transparent, var(--toolbar-non-lwt-bgcolor) 30px) 20 / 30px
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive]){ z-index: 2 }
|
||||
#toolbar-menubar[inactive] > #menubar-items { opacity: 0 }
|
||||
39
firefox/chrome/chrome/hide_tabs_with_one_tab.css
Normal file
39
firefox/chrome/chrome/hide_tabs_with_one_tab.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */
|
||||
/* Firefox 65+ only */
|
||||
/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */
|
||||
|
||||
/* Configurable window drag space */
|
||||
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
|
||||
|
||||
#titlebar{ -moz-appearance: none !important; }
|
||||
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
|
||||
:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
|
||||
:root:not([customizing]) #TabsToolbar .titlebar-button{
|
||||
-moz-appearance: none !important;
|
||||
height: 0px;
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
-moz-box-align: stretch;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
|
||||
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
/* Button re-styling */
|
||||
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
|
||||
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
|
||||
padding: 0 !important;
|
||||
transform: scale(0.6);
|
||||
background-color: transparent !important;
|
||||
}
|
||||
/* Extra top padding in maximized window */
|
||||
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }
|
||||
/* Fix window controls not being clickable */
|
||||
#toolbar-menubar:hover{
|
||||
min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
|
||||
height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
|
||||
-moz-appearance: initial !important;
|
||||
}
|
||||
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */
|
||||
/* Firefox 65+ only */
|
||||
/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */
|
||||
|
||||
/* Configurable window drag space */
|
||||
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
|
||||
|
||||
#titlebar{ -moz-appearance: none !important; }
|
||||
/* We'll use window controls from menubar instead */
|
||||
#TabsToolbar > .titlebar-buttonbox-container { display: none }
|
||||
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
|
||||
|
||||
#TabsToolbar > .titlebar-spacer[type="post-tabs"]{ width: 178px !important; }
|
||||
#toolbar-menubar > spacer{ pointer-events: none }
|
||||
|
||||
:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button{
|
||||
-moz-appearance: none !important;
|
||||
height: 0px;
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
-moz-box-align: stretch;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
|
||||
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
|
||||
visibility: collapse;
|
||||
}
|
||||
|
||||
/* Button re-styling */
|
||||
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
|
||||
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
|
||||
padding: 0 !important;
|
||||
transform: scale(0.6);
|
||||
background-color: transparent !important;
|
||||
}
|
||||
/* Extra top padding in maximized window */
|
||||
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }
|
||||
|
||||
/* Window controls in nav-bar */
|
||||
:root:not([customizing]) #toolbar-menubar[inactive]{
|
||||
height: initial !important;
|
||||
min-height: initial !important;
|
||||
margin-bottom: -28px !important;
|
||||
}
|
||||
|
||||
:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 }
|
||||
|
||||
#nav-bar{ padding-right: calc(3 * 46px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px)}
|
||||
10
firefox/chrome/chrome/hide_toolbox_top_bottom_borders.css
Normal file
10
firefox/chrome/chrome/hide_toolbox_top_bottom_borders.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
#main-window[sizemode="normal"]{ border-top: none !important }
|
||||
#navigator-toolbox::after{ content: none !important }
|
||||
|
||||
/* OPTIONAL - uncomment to remove still remaining space atop of tabs */
|
||||
/* This just increases the height of tabs by few pixels, not decrease the toolbar height */
|
||||
|
||||
/* Fx pre-65 */
|
||||
/* #navigator-toolbox > #TabsToolbar{margin-top: -2px;} */
|
||||
/* Fx65+ */
|
||||
/* #TabsToolbar > .toolbar-items > spacer{ display: none; } */
|
||||
7
firefox/chrome/chrome/menubar_in_toolbar.css
Normal file
7
firefox/chrome/chrome/menubar_in_toolbar.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
|
||||
margin-left:300px !important;
|
||||
margin-top: -26px !important;
|
||||
}
|
||||
:root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{
|
||||
margin-top: -28px !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
/* Use with navbar_tabs_oneliner.css */
|
||||
|
||||
#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
|
||||
margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important;
|
||||
margin-top: calc(0px - var(--uc-toolbar-height)) !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
#toolbar-menubar:not([inactive]){
|
||||
margin-left: var(--uc-navigationbar-width);
|
||||
height: var(--uc-toolbar-height);
|
||||
}
|
||||
23
firefox/chrome/chrome/minimal_text_fields.css
Normal file
23
firefox/chrome/chrome/minimal_text_fields.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
:root{
|
||||
--lwt-toolbar-field-background-color: transparent !important;
|
||||
--lwt-toolbar-field-border-color: transparent !important;
|
||||
}
|
||||
|
||||
#urlbar,
|
||||
.searchbar-textbox{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#urlbar > *,
|
||||
.searchbar-textbox > *{
|
||||
opacity: 0;
|
||||
transition: opacity 150ms linear
|
||||
}
|
||||
|
||||
#urlbar > .urlbar-input-box,
|
||||
.searchbar-textbox > moz-input-box{ opacity: 0.6 }
|
||||
|
||||
#urlbar:hover > *,
|
||||
#urlbar:focus-within > *,
|
||||
.searchbar-textbox:hover > *,
|
||||
.searchbar-textbox:focus-within > *{ opacity: 1 }
|
||||
28
firefox/chrome/chrome/minimal_toolbarbuttons.css
Normal file
28
firefox/chrome/chrome/minimal_toolbarbuttons.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/* Create a circular placeholder for toolbarbutton and downscale to hide them */
|
||||
|
||||
/* Create a placeholder for buttons */
|
||||
toolbar .toolbarbutton-1:not([open]),
|
||||
.titlebar-button{
|
||||
background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% );
|
||||
}
|
||||
/* Hide placeholder on hover */
|
||||
toolbar:hover .toolbarbutton-1,.titlebar-buttonbox:hover > .titlebar-button{ background-image: none }
|
||||
|
||||
toolbar .toolbarbutton-1 > *,
|
||||
.titlebar-button > *{
|
||||
transform: scale(0);
|
||||
transition: transform 82ms linear !important;
|
||||
}
|
||||
toolbar:hover .toolbarbutton-1 > *,
|
||||
.toolbarbutton-1[open] > *,
|
||||
.titlebar-buttonbox:hover > .titlebar-button > *{
|
||||
transform: scale(1)
|
||||
}
|
||||
|
||||
/* Urlbar icons, this way they show colors is applicable */
|
||||
.urlbar-icon{ transition: transform 82ms linear !important; }
|
||||
#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) }
|
||||
|
||||
/* The menu button has some margin on non-compact density which creates annnoying transitions */
|
||||
/* Lets remove that as well as border since this is minimal style anyway */
|
||||
#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; }
|
||||
2
firefox/chrome/chrome/more_visible_tab_icon.css
Normal file
2
firefox/chrome/chrome/more_visible_tab_icon.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/* Makes black favicons more visible on dark background, contrast will be lowered though */
|
||||
.tab-icon-image{ filter: invert(40%) contrast(250%) saturate(250%) !important; }
|
||||
27
firefox/chrome/chrome/multi-row_tabs.css
Normal file
27
firefox/chrome/chrome/multi-row_tabs.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/* Makes tabs to appear on multiple lines */
|
||||
/* Tab reordering will not work */
|
||||
|
||||
#tabbrowser-tabs,
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
|
||||
min-height: unset !important;
|
||||
}
|
||||
#tabbrowser-tabs .scrollbox-innerbox{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#tabbrowser-tabs .arrowscrollbox-scrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
}
|
||||
.tabbrowser-tab{ max-height: 32px }
|
||||
|
||||
.tabbrowser-tab[fadein]{
|
||||
min-width: 100px !important;
|
||||
flex-grow: 1;
|
||||
/*
|
||||
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
|
||||
Don't set to none or you'll see errors in console when closing tabs
|
||||
*/
|
||||
/*max-width: 100vw !important;*/
|
||||
}
|
||||
.tabbrowser-tab > stack{ width: 100%; height: 100% }
|
||||
53
firefox/chrome/chrome/navbar_notabs.css
Normal file
53
firefox/chrome/chrome/navbar_notabs.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/* Variables */
|
||||
:root {
|
||||
--initial-width : 70px; /* initial width of the sidebar */
|
||||
--sidebar-width : 250px; /* expanded width of the sidebar */
|
||||
--toolbar-height : 0;
|
||||
--menubar-height : -40px;
|
||||
--toolmenubar-height: -40px; /* sum of previous two */
|
||||
--shadow-color : #28282F; /* shadow color. set to #00000000 for no shadow. same as folder color from hntp and tab-hover color from tst*/
|
||||
}
|
||||
|
||||
/* material firefox imports */
|
||||
@import "../global/variables.css";
|
||||
@import "../global/global.css";
|
||||
@import "../icons/icons.css";
|
||||
@import "../tabbar/tabbar.css";
|
||||
@import "../navbar/navbar.css";
|
||||
@import "../personalbar/personalbar.css";
|
||||
@import "../popup/popup.css";
|
||||
@import "../urlbar/urlbar.css";
|
||||
@import "../findbar/findbar.css";
|
||||
/* show bookmarks toolbar on new tab only */
|
||||
#main-window #PersonalToolbar {
|
||||
visibility : collapse !important;
|
||||
z-index : 1!important;
|
||||
position : relative!important;
|
||||
margin-left: var(--initial-width); /* shift toolbar to the right based on initial width */
|
||||
margin-top : var(--toolbar-height) !important;
|
||||
}
|
||||
|
||||
#main-window[title^="Firefox"] #PersonalToolbar {
|
||||
visibility: visible !important;
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
|
||||
/* Hide the title bar */
|
||||
#titlebar{ visibility: collapse; }
|
||||
|
||||
/* hide normal horizontal tab bar */
|
||||
#TabsToolbar { visibility: collapse !important; }
|
||||
|
||||
#sidebar { border-right: none !important; }
|
||||
|
||||
toolbar#nav-bar {
|
||||
padding-top : 12px;
|
||||
padding-bottom: 7px;
|
||||
margin-left : var(--initial-width);
|
||||
padding-left : 7px;
|
||||
border : none !important;
|
||||
}
|
||||
|
||||
toolbar{
|
||||
border: none !important;
|
||||
}
|
||||
27
firefox/chrome/chrome/navbar_tabs_oneliner.css
Normal file
27
firefox/chrome/chrome/navbar_tabs_oneliner.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/* Modify these to change relative widths or default height */
|
||||
#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 0px}
|
||||
/* Override for other densities */
|
||||
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; }
|
||||
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
|
||||
|
||||
/* prevent urlbar overflow on narrow windows */
|
||||
/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
|
||||
@media screen and (max-width: 1200px){
|
||||
#urlbar-container{ min-width:unset !important }
|
||||
}
|
||||
|
||||
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
|
||||
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
|
||||
/* This isn't useful when tabs start in the middle of the window */
|
||||
.titlebar-placeholder[type="pre-tabs"],
|
||||
.titlebar-spacer[type="pre-tabs"]{ display: none }
|
||||
#nav-bar{
|
||||
margin-right:calc(100vw - var(--uc-navigationbar-width));
|
||||
margin-top: calc(0px - var(--uc-toolbar-height));
|
||||
padding-left: var(--window-drag-space-width);
|
||||
}
|
||||
/* 1px margin on touch density causes tabs to be too high */
|
||||
.tab-close-button{ margin-top: 0 }
|
||||
|
||||
/* Hide dropdown placeholder */
|
||||
#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
/* Modify these to change relative widths or default height */
|
||||
#navigator-toolbox{ --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px}
|
||||
/* reserved space for overflow + menu buttons */
|
||||
#navigator-toolbox{ --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))}
|
||||
#nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) }
|
||||
/* Override for other densities */
|
||||
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px}
|
||||
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
|
||||
|
||||
/* prevent urlbar overflow on narrow windows */
|
||||
/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
|
||||
@media screen and (max-width: 1000px){
|
||||
#urlbar-container{ min-width:unset !important }
|
||||
}
|
||||
|
||||
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
|
||||
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
|
||||
/* This isn't useful when tabs start in the middle of the window */
|
||||
.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important}
|
||||
#nav-bar{
|
||||
margin-right:calc(3 * 46px + var(--window-drag-space-width));
|
||||
margin-top: calc(0px - var(--uc-toolbar-height));
|
||||
padding-left: var(--window-drag-space-width);
|
||||
}
|
||||
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) }
|
||||
#TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 }
|
||||
.titlebar-placeholder[type="post-tabs"],
|
||||
.titlebar-spacer[type="post-tabs"]{
|
||||
width: calc(var(--uc-buttons-width) + var(--window-drag-space-width)) !important;
|
||||
}
|
||||
#PanelUI-button,#nav-bar-overflow-button{
|
||||
margin: 0px !important;
|
||||
border: 0px !important;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
/* 1px margin on touch density causes tabs to be too high */
|
||||
.tab-close-button{ margin-top: 0 }
|
||||
|
||||
/* Hide dropdown placeholder */
|
||||
#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}
|
||||
130
firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css
Normal file
130
firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
/* Modify these to change relative widths or default height */
|
||||
#navigator-toolbox{ --uc-navigationbar-width: 11vw; --uc-toolbar-height: 30px; --window-drag-space-width: 20px}
|
||||
/* Override for other densities */
|
||||
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;}
|
||||
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
|
||||
|
||||
/* prevent urlbar overflow on narrow windows */
|
||||
/* Dependent on how many items are in navigation toolbar and tabs-/nav-bar ratio - ADJUST AS NEEDED */
|
||||
@media screen and (max-width: 1600px){
|
||||
#urlbar-container{ min-width:unset !important }
|
||||
}
|
||||
|
||||
|
||||
#toolbar-menubar{ height:initial !important; }
|
||||
#toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; }
|
||||
#toolbar-menubar[inactive]{
|
||||
margin-bottom: calc(0px - var(--uc-toolbar-height));
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#TabsToolbar > .titlebar-buttonbox-container,
|
||||
#TabsToolbar > .toolbar-items > spacer,
|
||||
.titlebar-spacer[type="post-tabs"]{
|
||||
display: none;
|
||||
visibility: none;
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
#TabsToolbar{
|
||||
margin-right: calc(0px + var(--uc-navigationbar-width));
|
||||
/* Remove empty space above tabs so that tabs are clickable at very top of screen */
|
||||
margin-top: -2px;
|
||||
margin-left: 10px;
|
||||
z-index: 10;
|
||||
}
|
||||
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
||||
#tabbrowser-tabs,
|
||||
.tabbrowser-tab[pinned]{
|
||||
height: var(--uc-toolbar-height) !important;
|
||||
min-height: var(--uc-toolbar-height) !important;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected]{
|
||||
min-width: 200px !important;
|
||||
box-shadow: 0px 0px 15px 4px #111;
|
||||
/*margin-top: -10px;*/
|
||||
}
|
||||
|
||||
.tabbrowser-tab[pinned]{
|
||||
max-width: 35px !important;
|
||||
min-width: 0px !important;
|
||||
}
|
||||
|
||||
#nav-bar{
|
||||
margin-left: calc(100vw - var(--uc-navigationbar-width));
|
||||
margin-top: calc(0px - var(--uc-toolbar-height));
|
||||
padding-right: calc(3 * 46px + var(--window-drag-space-width));
|
||||
}
|
||||
|
||||
/* Hide dropdown placeholder */
|
||||
#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}
|
||||
|
||||
|
||||
/* Autohide Navbar */
|
||||
|
||||
#nav-bar:not([customizing="true"]):not([inFullscreen]) {
|
||||
/*visibility: collapse !important;*/
|
||||
min-height: 0px !important;
|
||||
max-height: 0px !important;
|
||||
margin-top: -15px !important;
|
||||
margin-bottom: 14px !important;
|
||||
margin-right: 200px !important;
|
||||
margin-left: 200px !important;
|
||||
transition: all 300ms ease .5s !important;
|
||||
z-index: -5 !important;
|
||||
border-radius: 50px;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox:hover:not([inFullscreen]) :-moz-any(#nav-bar),
|
||||
#navigator-toolbox:focus-within :-moz-any(#nav-bar) {
|
||||
/*visibility: visible !important;*/
|
||||
min-height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
margin-top: 5px !important;
|
||||
margin-bottom: -38px !important;
|
||||
transition: all 200ms ease 0s !important;
|
||||
z-index: 5 !important;
|
||||
border: 0px !important;
|
||||
box-shadow: 3px 3px 8px 2px #111 !important;
|
||||
}
|
||||
|
||||
/* make urlbar rounded */
|
||||
#urlbar{
|
||||
margin-top: 30px !important;
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
#urlbar-background{
|
||||
border-radius: 50px !important;
|
||||
}
|
||||
|
||||
#urlbar[open] > #urlbar-background{
|
||||
animation-duration: 200ms !important;
|
||||
border-radius: 15px !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
margin-top: 20px !important;
|
||||
top: 0px !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
||||
height: calc(var(--uc-toolbar-height) + 2 * 2px) !important;
|
||||
padding-block: calc(2px + (var(--uc-toolbar-height) - var(--urlbar-height)) / 2);
|
||||
padding-inline: calc(5px + 2px);
|
||||
}
|
||||
|
||||
#nav-bar-customization-target{
|
||||
margin-top: -15px;
|
||||
}
|
||||
#nav-bar-overflow-button{
|
||||
margin-top: -15px !important;
|
||||
}
|
||||
#PanelUI-button{
|
||||
margin-top: -15px !important;
|
||||
}
|
||||
60
firefox/chrome/chrome/navigation_buttons_inside_urlbar.css
Normal file
60
firefox/chrome/chrome/navigation_buttons_inside_urlbar.css
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
/* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: <urlbar><reload-button><back-button><forward-button>*/
|
||||
/* Actually, the order of reload and back-buttons doesn't matter */
|
||||
|
||||
#urlbar{
|
||||
margin-right:0px !important;
|
||||
border-right:none !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar,
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
|
||||
border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25));
|
||||
}
|
||||
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
|
||||
margin: 3px 0 !important;
|
||||
padding: 0 0px !important;
|
||||
background-clip: padding-box;
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
opacity: 1 !important;
|
||||
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
|
||||
}
|
||||
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button) .toolbarbutton-icon{
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
margin: -3px 0 !important;
|
||||
background-color:transparent;
|
||||
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#back-button{ --backbutton-background: transparent; --uc-back-extra-padding: 0px !important }
|
||||
|
||||
#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) }
|
||||
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):not([disabled]):hover{
|
||||
background-image: linear-gradient(to bottom, var(--uc-ext-active-color,hsla(0,0%,70%,.2)), var(--uc-ext-active-color,hsla(0,0%,70%,.2)))
|
||||
}
|
||||
|
||||
#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
|
||||
border-color:Highlight !important;
|
||||
}
|
||||
|
||||
#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled]:not(#downloads-button) .toolbarbutton-icon{ opacity: 0.4 !important }
|
||||
/* Change this if you want some other button to be the right-most one */
|
||||
#forward-button{
|
||||
border-right-width: 1px !important;
|
||||
border-radius: 0 2px 2px 0 !important;
|
||||
}
|
||||
|
||||
#back-button, #back-button > image{ border-radius: 0 !important; }
|
||||
#stop-reload-button{ padding: 0 !important; }
|
||||
14
firefox/chrome/chrome/page_action_buttons_on_hover.css
Normal file
14
firefox/chrome/chrome/page_action_buttons_on_hover.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
/* Page action-buttons "slide in" when cursor is on top of them and don't reserve space when not used */
|
||||
|
||||
#page-action-buttons > *[class^=urlbar-icon]{
|
||||
margin-inline-end: -26px;
|
||||
opacity: 0;
|
||||
transition: margin-inline-end 200ms linear, opacity 200ms linear;
|
||||
}
|
||||
:root[uidensity="compact"] #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -22px; }
|
||||
#page-action-buttons:hover > *[class^=urlbar-icon],
|
||||
#page-action-buttons > *[class^=urlbar-icon][open],
|
||||
#page-action-buttons > *[class^=urlbar-icon][open] ~ *[class^=urlbar-icon]{
|
||||
opacity: 1;
|
||||
margin-inline-end: 0px !important;
|
||||
}
|
||||
43
firefox/chrome/chrome/status_inside_urlbar.css
Normal file
43
firefox/chrome/chrome/status_inside_urlbar.css
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
/* STATUSPANEL INSIDE URLBAR */
|
||||
|
||||
#urlbar .urlbar-input-box{ display: -moz-stack; }
|
||||
/* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */
|
||||
|
||||
#urlbar .urlbar-input-box::after{
|
||||
z-index: 2;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events:none;
|
||||
background: -moz-element(#statuspanel) left calc(90% - var(--toolbarbutton-outer-padding)) no-repeat !important;
|
||||
}
|
||||
|
||||
#urlbar .urlbar-input-box::after{
|
||||
display: -moz-box;
|
||||
}
|
||||
|
||||
#statuspanel-inner > #statuspanel-label{
|
||||
height:23px;
|
||||
min-width: 500px;
|
||||
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
|
||||
border: none !important;
|
||||
font-size: larger;
|
||||
color: inherit !important;
|
||||
}
|
||||
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
|
||||
#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }
|
||||
|
||||
#statuspanel{ color: lightpink; z-index: -1; }
|
||||
#statuspanel[type="status"] { color: skyblue }
|
||||
|
||||
/* Don't show common values to save space (useful for oneliner) - safe to delete these */
|
||||
/* If you change the font size of the label then you'll have to modify these too */
|
||||
/* non-https links get a slight red hue */
|
||||
|
||||
#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; }
|
||||
#statuspanel-inner > #statuspanel-label[value^="http"]{ margin-left: -3.7ch !important; }
|
||||
#statuspanel-inner > #statuspanel-label[value^="https"]{ margin-left: -6.1ch !important; color: var(--lwt-toolbar-field-color, black) !important}
|
||||
#statuspanel-inner > #statuspanel-label[value^="www"]{ margin-left: -4.5ch !important; }
|
||||
#statuspanel-inner > #statuspanel-label[value^="http://www"]{ margin-left: -9.7ch !important; }
|
||||
#statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; }
|
||||
#statuspanel-inner{ margin-left: -1px; }
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/* Always show tab close button on hover and never otherwise */
|
||||
.tabbrowser-tab .tab-close-button{
|
||||
display:none;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):hover .tab-close-button{
|
||||
display:-moz-box !important;
|
||||
}
|
||||
44
firefox/chrome/chrome/tab_loading_progress_throbber.css
Normal file
44
firefox/chrome/chrome/tab_loading_progress_throbber.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/* Create a circular throbber inside tabs replacing the default one */
|
||||
/* Doesn't really measure loading progress but sort of looks like it */
|
||||
|
||||
#tabbrowser-tabs{ --tab-loader-size: 18px; }
|
||||
.tabbrowser-tab .tab-throbber,
|
||||
.tabbrowser-tab[bursting] .tab-icon-image{
|
||||
display: none !important;
|
||||
}
|
||||
.tabbrowser-tab .tab-content::before{
|
||||
display: -moz-box;
|
||||
content: "";
|
||||
width:var(--tab-loader-size);
|
||||
height:var(--tab-loader-size);
|
||||
margin-right:6px;
|
||||
background: center no-repeat url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" ?><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" version="1.1" stroke="url(%23gradient)" fill="none" width="100%" height="100%" stroke-width="1.7"><defs><radialGradient id="gradient" cx="50%" cy="0" r="0.6"><stop offset="0%" stop-color="lightpink"/><stop offset="100%" stop-color="red"/></radialGradient></defs><circle cx="8" cy="8" r="5.7"/></svg>') !important;
|
||||
clip-path: polygon(50% 50%,50% 0%,50% 0%,50% 0%, 50% 0%,50% 0%, 50% 0%);
|
||||
transition: clip-path 0.2s ease-out, opacity 0.3s linear 0.1s;
|
||||
}
|
||||
.tabbrowser-tab:-moz-any([busy],[bursting]) .tab-content{ padding-left: calc( 9px - (var(--tab-loader-size) - 16px)) !important; }
|
||||
.tabbrowser-tab[pinned] .tab-content::before{ margin-right: 0px }
|
||||
@keyframes loadprogress{
|
||||
from{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); }
|
||||
25%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 100% 100%,100% 100%, 100% 100%); }
|
||||
50%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 100%,0% 100%); }
|
||||
75%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%,0% 0%); }
|
||||
to{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%, 0% 0%, 50% 0%); }
|
||||
}
|
||||
@keyframes rotation{
|
||||
from{ transform: rotateZ(0deg) }
|
||||
to{ transform: rotateZ(360deg) }
|
||||
}
|
||||
.tabbrowser-tab:not([busy]):not([bursting]) .tab-content::before{ visibility: collapse; }
|
||||
.tabbrowser-tab:not([busy]) .tab-content::before{ opacity: 0 }
|
||||
.tabbrowser-tab[busy]:not([progress]) .tab-content::before{
|
||||
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%);
|
||||
}
|
||||
.tabbrowser-tab[busy][progress] .tab-content::before{
|
||||
animation: loadprogress 2s linear, rotation 0.7s linear 2s infinite !important;
|
||||
animation-fill-mode: forwards !important;
|
||||
}
|
||||
.tabbrowser-tab[bursting] .tab-content::before{
|
||||
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%, 50% 0%) !important;
|
||||
}
|
||||
#tabbrowser-tabs[schedulepressure] .tab-content::before{ display:none !important; }
|
||||
2
firefox/chrome/chrome/tabs_fill_available_width.css
Normal file
2
firefox/chrome/chrome/tabs_fill_available_width.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */
|
||||
.tabbrowser-tab[fadein]{ max-width: 100vw !important }
|
||||
66
firefox/chrome/chrome/theme_additional_windows.css
Normal file
66
firefox/chrome/chrome/theme_additional_windows.css
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Library window */
|
||||
@-moz-document url(chrome://browser/content/places/places.xul){
|
||||
:root{ background-color: var(--uc-light-bkgnd-color,black) !important;}
|
||||
#placesToolbar,
|
||||
tree{
|
||||
background: transparent !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
textbox,
|
||||
richlistbox,
|
||||
treecol,
|
||||
button{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
treecol:not([hideheader]){ height: 24px; }
|
||||
treecol:hover{ filter: brightness(160%) }
|
||||
treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; }
|
||||
treechildren::-moz-tree-row(hover),button:hover{ background-color: var(--uc-active-color) !important; }
|
||||
treechildren::-moz-tree-row(selected){ background-color: var(--uc-border-color) !important; }
|
||||
button{ padding: 3px }
|
||||
#placesMenu > menu{ border: none !important; }
|
||||
#detailsDeck{ color: var(--uc-text-color) }
|
||||
}
|
||||
|
||||
/* Page-info window */
|
||||
@-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul){
|
||||
#main-window,
|
||||
#topBar{
|
||||
background-color: var(--uc-dark-bkgnd-color,black) !important;
|
||||
color: var(--uc-text-color,white) !important;
|
||||
}
|
||||
textbox{ color: var(--uc-text-color) !important; }
|
||||
|
||||
richlistbox,
|
||||
treecol,
|
||||
button,
|
||||
#permList{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
tree{
|
||||
background: transparent !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
treecol:not([hideheader]){ height: 24px; }
|
||||
treecol:hover{ filter: brightness(140%) }
|
||||
treechildren{ background-color: var(--uc-light-bkgnd-color) !important; }
|
||||
treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; }
|
||||
treechildren::-moz-tree-row(hover),
|
||||
button:hover,
|
||||
radiogroup > radio:hover,
|
||||
#permList > .permission:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
treechildren::-moz-tree-row(selected),
|
||||
radiogroup > radio[selected]{
|
||||
background-color: var(--uc-border-color) !important;
|
||||
}
|
||||
}
|
||||
8
firefox/chrome/chrome/theme_color_variables.css
Normal file
8
firefox/chrome/chrome/theme_color_variables.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
/* Color controls for theme_***.css files */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: #2b2b2b;
|
||||
--uc-light-bkgnd-color: rgb(24, 24, 24);
|
||||
--uc-active-color: rgb(59, 59, 59);
|
||||
--uc-text-color: rgb(228, 228, 228);
|
||||
--uc-border-color: rgb(172, 172, 172);
|
||||
}
|
||||
135
firefox/chrome/chrome/theme_popups_and_menus.css
Normal file
135
firefox/chrome/chrome/theme_popups_and_menus.css
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
/* Makes popups, menus and context menus dark */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Limit popups for general browser popups so that devtools is not affected */
|
||||
@-moz-document url-prefix(chrome://browser/content/){
|
||||
:root{ --panel-disabled-color: #888 !important; }
|
||||
|
||||
.panel-arrowcontent,
|
||||
#alltabs-popup .arrowscrollbox-scrollbox,
|
||||
menupopup:not(#BMB_bookmarksPopup),
|
||||
.textbox-contextmenu{
|
||||
border: 1px solid #434850 !important;
|
||||
background: var(--uc-dark-bkgnd-color) !important;
|
||||
border-radius: 5px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
/* bookmarks menu is different from others */
|
||||
#BMB_bookmarksPopup{
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
/* GENERAL */
|
||||
menupopup,
|
||||
menuitem,
|
||||
menu{
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
menupopup{
|
||||
background-color:var(--uc-dark-bkgnd-color) !important;
|
||||
border:none;
|
||||
}
|
||||
|
||||
menuitem,
|
||||
menu{
|
||||
min-height:24px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"],
|
||||
menu[disabled="true"]{
|
||||
color: black !important;
|
||||
text-shadow: 0 0 4px silver !important;
|
||||
}
|
||||
|
||||
menuitem:hover,
|
||||
menu:hover{
|
||||
background-color:var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"]:hover,
|
||||
menu[disabled="true"]:hover{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.menu-right{ filter: invert(100%) }
|
||||
#context-navigation{ background-color: transparent !important; }
|
||||
|
||||
/* POPUP PANELS */
|
||||
|
||||
.panel-subviews,
|
||||
#mainPopupSet menupopup,
|
||||
#main-menubar menupopup,
|
||||
#bookmarks-menu-button menu menupopup > hbox,
|
||||
.search-panel-header.search-panel-current-engine,
|
||||
.search-panel-current-input,
|
||||
panelview,
|
||||
.PanelUI-subView,
|
||||
.autocomplete-richlistbox{
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.subviewbutton:hover,
|
||||
#widget-overflow-mainView .toolbarbutton-1:hover,
|
||||
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover,
|
||||
#PopupSearchAutoComplete .autocomplete-richlistitem:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
#widget-overflow-mainView #searchbar > .searchbar-textbox{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
panelview toolbarbutton.subviewbutton .toolbarbutton-text,
|
||||
#downloadsFooter,
|
||||
#customizationui-widget-panel label,
|
||||
.autocomplete-richlistitem .ac-title,
|
||||
#widget-overflow-mainView toolbarbutton,
|
||||
#bookmarks-menu-button menu menupopup,
|
||||
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree,
|
||||
#PanelUI-contents toolbarbutton,
|
||||
#alltabs_containersTab,
|
||||
#PopupAutoCompleteRichResult .ac-title,
|
||||
#PopupAutoCompleteRichResult .search-one-offs,
|
||||
.search-panel-input-value{
|
||||
color: var(--uc-text-color)!important;
|
||||
}
|
||||
|
||||
#alltabs-popup,
|
||||
#alltabs_containersMenuTab{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.search-panel-one-offs,
|
||||
.downloadsPanelFooterButton:not(:hover),
|
||||
#overflowMenu-customize-button:not(:hover),
|
||||
#searchbar-anon-search-settings{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
#PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{
|
||||
color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
#editBookmarkPanel textbox,
|
||||
#editBookmarkPanel menulist,
|
||||
#editBookmarkPanel button,
|
||||
#editBookmarkPanel richlistbox,
|
||||
#editBookmarkPanel tree{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#editBookmarkPanel button:hover{ filter: brightness(150%) }
|
||||
#editBookmarkPanel menulist{ padding: 4px !important; }
|
||||
#editBookmarkPanel button{ padding: 3px !important; }
|
||||
|
||||
#editBMPanel_folderTree treechildren::-moz-tree-cell(selected){ background-color: var(--uc-border-color) !important; }
|
||||
#editBMPanel_folderTree treechildren::-moz-tree-cell(hover){ background-color: var(--uc-active-color) !important; }
|
||||
}
|
||||
43
firefox/chrome/chrome/theme_sidebar.css
Normal file
43
firefox/chrome/chrome/theme_sidebar.css
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
/* Colors for bookmarks and history sidebars */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
#sidebar-box{ --toolbar-non-lwt-bgcolor: var(--uc-light-bkgnd-color) }
|
||||
|
||||
#sidebar-search-container #search-box{
|
||||
-moz-appearance:none !important;
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
border: none !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#history-panel,
|
||||
#bookmarksPanel,
|
||||
#sidebar-header{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
border-top: none !important;
|
||||
border-bottom:none !important;
|
||||
scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren,
|
||||
#sidebar-box,
|
||||
#sidebar-header{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell{
|
||||
outline:none;
|
||||
border-radius:0px;
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(selected){
|
||||
background-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(hover){
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
118
firefox/chrome/chrome/theme_toolbars.css
Normal file
118
firefox/chrome/chrome/theme_toolbars.css
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/* General toolbar coloring - buttons, text, findbar etc. */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Override some default variables - stylesheet compatibility */
|
||||
:root{
|
||||
--lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
--lwt-toolbar-field-border-color: transparent !important;
|
||||
--toolbar-bgcolor: var(--uc-dark-bkgnd-color) !important;
|
||||
}
|
||||
#nav-bar{--uc-ext-active-color: var(--uc-active-color);}
|
||||
|
||||
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
|
||||
#browser-bottombox,
|
||||
findbar{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
findbar{ background-image: none !important; }
|
||||
|
||||
#TabsToolbar,
|
||||
#toolbar-menubar,
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next,
|
||||
#urlbar,
|
||||
.findbar-textbox,
|
||||
.searchbar-textbox{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar,
|
||||
#toolbar-menubar{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next{
|
||||
background-color: var(--lwt-toolbar-field-background-color) !important;
|
||||
}
|
||||
|
||||
#urlbar{ border-color: transparent !important; }
|
||||
|
||||
#urlbar[focused]{
|
||||
border-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
#urlbar .urlbar-icon:hover{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
.search-panel-input-value,
|
||||
.titlebar-buttonbox-container,
|
||||
.tab-close-button{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon:hover, toolbarbutton:hover > stack{ border-radius: 2px !important; }
|
||||
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; }
|
||||
|
||||
.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon,
|
||||
.toolbarbutton-1:not([disabled]):hover > stack,
|
||||
.toolbarbutton-1[open="true"] > .toolbarbutton-icon,
|
||||
.toolbarbutton-1[open="true"] > stack,
|
||||
.toolbarbutton-1[checked="true"] > .toolbarbutton-icon,
|
||||
.toolbarbutton-1[checked="true"] > stack,
|
||||
#PlacesToolbarItems .bookmark-item:hover,
|
||||
#page-action-buttons image:hover,
|
||||
.urlbar-icon:hover,
|
||||
#TabsToolbar .scrollbutton-down:hover,
|
||||
#TabsToolbar .scrollbutton-up:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
box-shadow: inset 0 0 0px 0px var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
findbar toolbarbutton:not([disabled]):not(.close-icon):hover,
|
||||
findbar toolbarbutton[checked="true"],
|
||||
findbar > .findbar-closebutton:hover > .toolbarbutton-icon{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
.findbar-textbox:not(.minimal){ border-right: none !important; }
|
||||
.findbar-find-next{ border-left: none !important; }
|
||||
.findbar-textbox:focus-within ~ toolbarbutton{ border-color: var(--toolbar-field-focus-border-color, Highlight) !important; }
|
||||
|
||||
/* Override some special cases */
|
||||
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
|
||||
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon,
|
||||
#downloads-indicator-anchor,
|
||||
#PersonalToolbar .bookmark-item > .toolbarbutton-icon,
|
||||
#titlebar .titlebar-button > .toolbarbutton-icon,
|
||||
#widget-overflow-mainView toolbarbutton > stack,
|
||||
#widget-overflow-mainView toolbarbutton > .toolbarbutton-icon{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#back-button {--backbutton-background: rgb(66,74,89) }
|
||||
|
||||
.toolbarbutton-1{ fill: var(--uc-text-color) !important; }
|
||||
|
||||
.tab-line{
|
||||
height:0px !important;
|
||||
border-bottom: solid 1px rgb(16, 69, 87) !important;
|
||||
}
|
||||
|
||||
|
||||
/* commented out to remove gradient from active tab */
|
||||
/*
|
||||
.tabbrowser-tab[selected] .tab-background{
|
||||
background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important;
|
||||
box-shadow:0 3px 1px -1px white inset,
|
||||
0 10px 4px -5px var(--uc-border-color) inset,
|
||||
0 -2px 0 rgba(0,0,0,.06) inset !important;
|
||||
}
|
||||
*/
|
||||
13
firefox/chrome/chrome/toggle_bookmarksbar_with_alt.css
Normal file
13
firefox/chrome/chrome/toggle_bookmarksbar_with_alt.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */
|
||||
/* Otherwise the changing vertical position causes bookmarks to be unclickable */
|
||||
/* NOT COMPATIBLE with Fx65+ */
|
||||
#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{
|
||||
transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){
|
||||
margin-top:-28px;
|
||||
z-index: -1;
|
||||
}
|
||||
21
firefox/chrome/chrome/urlbar_visible_on_active_tab_click.css
Normal file
21
firefox/chrome/chrome/urlbar_visible_on_active_tab_click.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
/* NOTE This only works if tabs are on top */
|
||||
.urlbar-input-box::before{
|
||||
content:"";
|
||||
display: block;
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100vw;
|
||||
height:32px;
|
||||
}
|
||||
.tabbrowser-tab,
|
||||
#TabsToolbar toolbarbutton{
|
||||
position: relative;
|
||||
z-index: 2
|
||||
}
|
||||
#navigator-toolbox:not(:focus-within) .tabbrowser-tab[visuallyselected]{ z-index: 0 !important; }
|
||||
|
||||
:root:not([customizing]) #urlbar{ opacity: 0; transition: opacity 200ms ease-in-out }
|
||||
:root:not([customizing]) #urlbar:focus-within{ opacity: 1 }
|
||||
|
||||
#toolbar-menubar{ position: relative; z-index:3 }
|
||||
Loading…
Add table
Add a link
Reference in a new issue