mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-24 18:55:30 +00:00
db4af8b188
MozReview-Commit-ID: 52MHjqEMwyI --HG-- extra : rebase_source : a29d88d2bcd04b8a8a74d4a2a2fbf471016e4a67
131 lines
3.5 KiB
CSS
131 lines
3.5 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
%include downloads/indicator.inc.css
|
|
|
|
%filter substitution
|
|
%define navbarTabsShadowSize 1px
|
|
|
|
:root {
|
|
/* Note: Setting this to 0 (without px) breaks CSS calculations for OSX. */
|
|
--space-above-tabbar: 0px;
|
|
}
|
|
|
|
:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
|
|
--space-above-tabbar: 8px;
|
|
}
|
|
|
|
/* Toolbar / content area border */
|
|
|
|
#navigator-toolbox::after {
|
|
content: "";
|
|
display: -moz-box;
|
|
border-bottom: 1px solid var(--toolbox-border-bottom-color);
|
|
}
|
|
|
|
:root[customizing] #navigator-toolbox::after {
|
|
border-bottom-style: none;
|
|
}
|
|
|
|
/* Bookmark toolbar */
|
|
|
|
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
|
|
overflow: -moz-hidden-unscrollable;
|
|
max-height: 4em;
|
|
transition: min-height 170ms ease-out, max-height 170ms ease-out;
|
|
padding: 0 6px 2px;
|
|
}
|
|
|
|
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar)[collapsed=true] {
|
|
min-height: 0.1px;
|
|
max-height: 0;
|
|
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear;
|
|
}
|
|
|
|
#navigator-toolbox > toolbar[customizing]:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
|
|
outline: 1px dashed;
|
|
outline-offset: -3px;
|
|
-moz-outline-radius: 2px;
|
|
}
|
|
|
|
#navigator-toolbox > toolbar[customizing]:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):empty {
|
|
/* Avoid the toolbar having no height when there's no items in it */
|
|
min-height: 22px;
|
|
}
|
|
|
|
/* Required for Library animation */
|
|
|
|
#navigator-toolbox {
|
|
position: relative;
|
|
}
|
|
|
|
#library-animatable-box {
|
|
display: none;
|
|
}
|
|
|
|
#library-animatable-box[animate] {
|
|
display: -moz-box;
|
|
}
|
|
|
|
/* Back / Forward context menu */
|
|
|
|
.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
|
|
.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
|
|
list-style-image: url("chrome://browser/skin/back.svg") !important;
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
|
|
.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
|
|
list-style-image: url("chrome://browser/skin/forward.svg") !important;
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
|
|
/* Private browsing and accessibility indicators */
|
|
|
|
.accessibility-indicator,
|
|
.private-browsing-indicator {
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
background-position: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-left: 7px;
|
|
margin-right: 7px;
|
|
position: relative;
|
|
/* Need to ensure this gets positioned on top of the position:relative #navigator-toolbox
|
|
* in case the dark/light themes give that item a background. */
|
|
z-index: 1;
|
|
}
|
|
|
|
.accessibility-indicator {
|
|
background-image: url("chrome://browser/skin/accessibility.svg");
|
|
-moz-user-focus: normal;
|
|
/* Clear default button styling */
|
|
-moz-appearance: none;
|
|
margin-top: unset;
|
|
margin-bottom: unset;
|
|
min-width: unset;
|
|
color: unset;
|
|
text-shadow: unset;
|
|
}
|
|
|
|
.accessibility-indicator:-moz-any(:hover, :active, :focus, :-moz-focusring) {
|
|
background-image: url("chrome://browser/skin/accessibility-active.svg");
|
|
outline: 0;
|
|
}
|
|
|
|
.private-browsing-indicator {
|
|
background-image: url("chrome://browser/skin/private-browsing.svg");
|
|
}
|
|
|
|
:root:not([accessibilitymode]) .accessibility-indicator,
|
|
:root:not([privatebrowsingmode=temporary]) .private-browsing-indicator {
|
|
display: none;
|
|
}
|
|
|
|
/* End private browsing and accessibility indicators */
|