2020-05-22 07:13:58 +02:00
|
|
|
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_toolbox.css made available under Mozilla Public License v. 2.0
|
|
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
|
2019-06-02 18:08:43 +02:00
|
|
|
/* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */
|
|
|
|
/* Dimensions on non-Win10 OS probably needs to be adjusted */
|
|
|
|
|
2020-07-05 17:45:27 +02:00
|
|
|
/* Compatibility options for hide_tabs_toolbar.css and tabs_on_bottom.css at the end of this file */
|
|
|
|
|
2020-07-06 19:29:51 +02:00
|
|
|
:root{
|
|
|
|
--uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */
|
2020-12-11 08:55:00 +01:00
|
|
|
--uc-toolbox-rotation: 82deg; /* This may need to be lower on mac - like 75 or so */
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[sizemode="maximized"]{
|
|
|
|
--uc-toolbox-rotation: 89deg;
|
2020-07-06 19:29:51 +02:00
|
|
|
}
|
2020-07-05 17:45:27 +02:00
|
|
|
|
2021-06-06 07:23:40 +02:00
|
|
|
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
2019-11-28 11:00:59 +01:00
|
|
|
|
2021-04-01 09:45:25 +02:00
|
|
|
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
2019-11-28 11:00:59 +01:00
|
|
|
|
|
|
|
@media screen and (min-resolution: 1.25dppx){
|
2020-07-29 22:14:42 +02:00
|
|
|
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
2021-04-01 09:45:25 +02:00
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px; }
|
2019-11-28 11:00:59 +01:00
|
|
|
}
|
|
|
|
@media screen and (min-resolution: 1.5dppx){
|
2020-05-11 15:01:54 +02:00
|
|
|
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
2019-11-28 11:00:59 +01:00
|
|
|
}
|
|
|
|
@media screen and (min-resolution: 2dppx){
|
2020-05-11 15:01:54 +02:00
|
|
|
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; }
|
2019-11-28 11:00:59 +01:00
|
|
|
}
|
2020-07-23 21:11:58 +02:00
|
|
|
#navigator-toolbox:not(:-moz-lwtheme){ background-color: rgb(32, 35, 64) !important; }
|
2019-06-12 12:33:11 +02:00
|
|
|
}
|
|
|
|
|
2020-01-14 20:15:15 +01:00
|
|
|
:root[sizemode="fullscreen"]{ margin-top: 0px !important; }
|
|
|
|
|
2019-06-02 18:08:43 +02:00
|
|
|
#navigator-toolbox{
|
|
|
|
position: fixed !important;
|
2019-09-28 11:18:59 +02:00
|
|
|
display: block;
|
2019-11-28 11:00:59 +01:00
|
|
|
background-color: var(--lwt-accent-color,black) !important;
|
2020-07-06 19:29:51 +02:00
|
|
|
transition: transform 82ms linear, opacity 82ms linear !important;
|
|
|
|
transition-delay: var(--uc-autohide-toolbox-delay) !important;
|
2019-06-02 18:08:43 +02:00
|
|
|
transform-origin: top;
|
2020-12-11 08:55:00 +01:00
|
|
|
transform: rotateX(var(--uc-toolbox-rotation));
|
|
|
|
opacity: 0;
|
2019-06-03 16:26:32 +02:00
|
|
|
line-height: 0;
|
2019-11-14 16:48:20 +01:00
|
|
|
z-index: 1;
|
2020-05-01 10:53:21 +02:00
|
|
|
pointer-events: none;
|
2019-06-02 18:08:43 +02:00
|
|
|
}
|
2019-06-03 16:26:32 +02:00
|
|
|
|
2021-04-01 09:45:25 +02:00
|
|
|
|
2020-12-11 08:55:00 +01:00
|
|
|
/* #mainPopupSet:hover ~ box > toolbox, */
|
|
|
|
/* Uncomment the above line to make toolbar visible if some popup is hovered */
|
|
|
|
#navigator-toolbox:hover,
|
|
|
|
#navigator-toolbox:focus-within{
|
|
|
|
transition-delay: 33ms !important;
|
|
|
|
transform: rotateX(0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2020-07-06 19:29:51 +02:00
|
|
|
|
2020-05-01 10:53:21 +02:00
|
|
|
#navigator-toolbox > *{ line-height: normal; pointer-events: auto }
|
2019-06-12 18:08:13 +02:00
|
|
|
|
2019-06-02 18:08:43 +02:00
|
|
|
#navigator-toolbox,
|
|
|
|
#navigator-toolbox > *{
|
|
|
|
width: 100vw;
|
|
|
|
-moz-appearance: none !important;
|
|
|
|
}
|
|
|
|
|
2020-10-04 10:20:55 +02:00
|
|
|
/* These two exist for oneliner compatibility */
|
|
|
|
#nav-bar{ width: var(--uc-navigationbar-width,100vw) }
|
|
|
|
#TabsToolbar{ width: calc(100vw - var(--uc-navigationbar-width,0px)) }
|
|
|
|
|
2020-02-15 22:25:43 +01:00
|
|
|
/* Don't apply transform before window has been fully created */
|
|
|
|
:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important }
|
|
|
|
|
2019-11-11 16:23:33 +01:00
|
|
|
:root[customizing] #navigator-toolbox{
|
2020-02-15 22:25:43 +01:00
|
|
|
position: relative !important;
|
|
|
|
transform: none !important;
|
|
|
|
opacity: 1 !important;
|
2019-09-14 01:26:42 +02:00
|
|
|
}
|
2019-06-03 16:26:32 +02:00
|
|
|
|
2020-01-14 20:15:15 +01:00
|
|
|
#navigator-toolbox[inFullscreen] > #PersonalToolbar,
|
|
|
|
#PersonalToolbar[collapsed="true"]{ display: none }
|
2019-06-02 18:08:43 +02:00
|
|
|
|
2019-06-03 16:26:32 +02:00
|
|
|
/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
|
2020-02-15 22:25:43 +01:00
|
|
|
/*#titlebar{ margin-bottom: -9px }*/
|
2020-07-05 17:45:27 +02:00
|
|
|
|
|
|
|
/* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
|
|
|
|
/*
|
|
|
|
:root{ --uc-titlebar-padding: 0px !important; }
|
|
|
|
#navigator-toolbox{ flex-direction: column; display: flex; }
|
|
|
|
#titlebar{ order: 2 }
|
|
|
|
*/
|