mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-23 10:15:41 +00:00
61 lines
3.7 KiB
CSS
61 lines
3.7 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/. */
|
|
|
|
%define WINDOWS_AERO
|
|
%include downloads.css
|
|
%undef WINDOWS_AERO
|
|
|
|
@media (-moz-windows-default-theme) {
|
|
richlistitem[type="download"] {
|
|
border: 1px solid transparent;
|
|
border-bottom: 1px solid hsl(213,40%,90%);
|
|
}
|
|
|
|
#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
|
|
border: 1px solid hsl(213,45%,65%);
|
|
box-shadow: 0 0 0 1px hsla(0,0%,100%,.5) inset,
|
|
0 1px 0 hsla(0,0%,100%,.3) inset;
|
|
background-image: linear-gradient(hsl(212,86%,92%), hsl(212,91%,86%));
|
|
color: black;
|
|
}
|
|
}
|
|
|
|
@media (-moz-windows-compositor) {
|
|
/* The following rules are for the downloads indicator when in its normal,
|
|
non-downloading, non-paused state (ie, it's just showing the downloads
|
|
button icon). */
|
|
#toolbar-menubar #downloads-indicator:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon:not(:-moz-lwtheme),
|
|
#TabsToolbar[tabsontop=true] #downloads-indicator:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon:not(:-moz-lwtheme),
|
|
#navigator-toolbox[tabsontop=false] > #nav-bar #downloads-indicator:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon:not(:-moz-lwtheme),
|
|
#nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #downloads-indicator:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon:not(:-moz-lwtheme),
|
|
|
|
/* The following rules are for the downloads indicator when in its paused
|
|
or undetermined progress state. We use :not([counter]) as a shortcut for
|
|
:-moz-any([progress], [paused]). */
|
|
|
|
/* This is the case where the downloads indicator has been moved next to the menubar */
|
|
#toolbar-menubar #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
|
|
/* This is the case where the downloads indicator is in the tabstrip toolbar with tabs on top. */
|
|
#TabsToolbar[tabsontop=true] #downloads-indicator:not(:-moz-lwtheme):not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
|
|
/* This is the case where the downloads indicator is anywhere in the nav-bar with tabs on bottom. */
|
|
#navigator-toolbox[tabsontop=false] > #nav-bar #downloads-indicator:not(:-moz-lwtheme):not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
|
|
/* This is the case where the downloads indicator is in the tabstrip when the tabstrip is the last item in the toolbox (and is therefore over glass) */
|
|
#nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #downloads-indicator:not(:-moz-lwtheme):not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
|
|
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90);
|
|
}
|
|
|
|
#toolbar-menubar #downloads-indicator-counter:not(:-moz-lwtheme),
|
|
#TabsToolbar[tabsontop=true] #downloads-indicator-counter:not(:-moz-lwtheme),
|
|
#navigator-toolbox[tabsontop=false] > #nav-bar #downloads-indicator-counter:not(:-moz-lwtheme),
|
|
#nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #downloads-indicator-counter:not(:-moz-lwtheme) {
|
|
color: white;
|
|
text-shadow: 0 0 1px rgba(0,0,0,.7),
|
|
0 1px 1.5px rgba(0,0,0,.5);
|
|
}
|
|
}
|
|
|
|
#downloads-indicator-counter {
|
|
margin-bottom: -1px;
|
|
}
|