Import the Statusbar - Part 3: Themes

This commit is contained in:
NTD
2016-09-09 04:54:54 -04:00
committed by roytam1
parent 90dd08101b
commit 507d4a2a3f
25 changed files with 1054 additions and 0 deletions
@@ -0,0 +1,44 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/australis.css
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#status4evar-status-bar
{
box-shadow: 0 1px 0 rgba(0,0,0,.15) inset;
padding: 0;
min-height: 20px;
}
#status4evar-status-bar .toolbarbutton-1,
#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button
{
-moz-appearance: none;
border-style: none;
padding: 0 3px;
}
#status4evar-status-bar .toolbarbutton-1:not([disabled]):hover,
#status4evar-status-bar .toolbarbutton-1[open],
#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover
{
background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)),
linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%),
linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%);
background-position: left, left, right;
background-size: auto, 1px 100%, 1px 100%;
background-repeat: no-repeat;
}
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
min-width: 18px;
min-height: 18px;
}
+26
View File
@@ -0,0 +1,26 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/legacy.css
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 24, 24, 0) center no-repeat;
min-width: 24px;
min-height: 24px;
}
toolbar[iconsize="small"] #status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
min-width: 16px;
min-height: 16px;
}
toolbar[iconsize="small"] > #status4evar-download-button[attention] #status4evar-download-icon {
background-image: url("chrome://browser/skin/downloads/download-glow-small.png");
}
@@ -0,0 +1,96 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/overlay.css
/*
* General
*/
#status4evar-status-text,
#status4evar-progress-bar
{
margin: 0px 4px;
}
/*
* Download status
*/
#status4evar-download-progress-bar
{
height: 6px;
}
toolbar[iconsize="small"] #status4evar-download-progress-bar
{
height: 4px;
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
{
margin: 0px 2px !important;
margin-top: -1px !important;
-moz-margin-start: 4px !important;
}
/*
* Splitter
*/
splitter.status4evar-status-splitter
{
width: 8px;
margin: 0px -4px;
}
/*
* Location bar
*/
#urlbar-progress-alt
{
margin: -1px;
}
#notification-popup-box
{
-moz-margin-start: -1px;
}
#urlbar .urlbar-over-link-box
{
margin-top: -1px;
margin-bottom: -1px;
}
/*
* Add-on bar
*/
#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar)
{
-moz-appearance: none;
}
#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"])
{
box-shadow: none !important;
border: none !important;
border-top: 2px solid !important;
-moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
}
#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ *
{
border: none !important;
}
+8
View File
@@ -0,0 +1,8 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/prefs.css
@@ -0,0 +1,53 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/australis.css
#status4evar-status-bar
{
min-height: 18px;
}
#status4evar-status-bar:not(:-moz-lwtheme)
{
-moz-appearance: statusbar;
}
#browser-bottombox > #status4evar-status-bar:last-child
{
padding-right: 16px;
}
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
min-width: 18px;
min-height: 18px;
}
#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat;
}
@media (min-resolution: 2dppx)
{
#status4evar-download-button #status4evar-download-icon
{
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360);
}
#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
{
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360);
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow@2x.png");
}
}
+39
View File
@@ -0,0 +1,39 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/legacy.css
#status-bar
{
padding-right: 0px;
}
#browser-bottombox > #addon-bar:last-child
{
padding-right: 16px;
}
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 140, 20, 120) center no-repeat;
min-width: 20px;
min-height: 20px;
}
@media (min-resolution: 2dppx)
{
#status4evar-download-button #status4evar-download-icon
{
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 280, 40, 240);
background-size: 20px;
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow@2x.png");
}
}
+81
View File
@@ -0,0 +1,81 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/overlay.css
/*
* General
*/
#status4evar-status-text,
#status4evar-progress-bar
{
margin: 0px 4px;
}
/*
* Download status
*/
#status4evar-download-progress-bar
{
height: 5px;
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
{
margin: 0px 2px !important;
-moz-margin-start: 3px !important;
}
/*
* Splitter
*/
splitter.status4evar-status-splitter
{
width: 8px;
margin: 0px -4px;
}
/*
* Location bar
*/
#urlbar-progress-alt
{
margin-right: -1px;
}
/*
* Toolbar progress
*/
#status4evar-progress-bar[s4estyle="true"]
{
-moz-appearance: none;
border: 1px solid gray;
}
#status4evar-progress-bar[s4estyle="true"] > .progress-remainder
{
background-color: white;
}
/*
* Gripper
*/
#status4evar-window-gripper
{
display: none;
}
+13
View File
@@ -0,0 +1,13 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/prefs.css
#status4evar-addonbar-windowGripper-check
{
display: none;
}
@@ -0,0 +1,82 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#status-bar
{
display: -moz-box;
min-width: 0;
min-height: 0;
-moz-appearance: none;
background-color: transparent;
border: none;
}
#status-bar > statusbarpanel
{
border-width: 0;
-moz-appearance: none;
}
#status4evar-legacy-widget[cui-areatype="menu-panel"] #status-bar,
toolbarpaletteitem[place="palette"] > #status4evar-legacy-widget #status-bar
{
min-height: 32px;
}
toolbarpaletteitem #status-bar
{
min-width: 32px;
background-image: repeating-linear-gradient(135deg,
rgba(255,255,255,0.1),
rgba(255,255,255,0.1) 5px,
rgba(0,0,0,0.1) 5px,
rgba(0,0,0,0.1) 10px);
}
@keyframes status4evar-throbber-widget-loading
{
to
{
transform: rotate(360deg);
}
}
@keyframes status4evar-throbber-widget-connecting
{
from
{
transform: rotate(360deg);
}
}
#status4evar-throbber-widget
{
padding: 0 12px;
}
#status4evar-throbber-widget image
{
list-style-image: url("chrome://browser/skin/statusbar/throbber-idle.png");
width: 16px;
height: 16px;
}
#status4evar-throbber-widget[busy] image
{
list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
animation-duration: 960ms;
animation-iteration-count: infinite;
animation-name: status4evar-throbber-widget-connecting;
animation-timing-function: linear;
}
#status4evar-throbber-widget[progress] image
{
list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
animation-duration: 800ms;
animation-name: status4evar-throbber-widget-loading;
}
@@ -0,0 +1,36 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Progress bar/line styles */
#urlbar[s4estyle="true"] > #urlbar-progress-alt > .progress-bar
{
-moz-appearance: none;
background: #33FF33;
}
#status4evar-progress-bar[s4estyle="true"] > .progress-bar
{
-moz-appearance: none;
background: #33FF33;
border-radius: 3px;
}
.urlbar-over-link-box
{
color: GrayText;
}
#status4evar-download-progress-bar[pmType^="active"] > .progress-bar
{
background-color: #33FF33;
}
#status4evar-download-progress-bar[pmType^="paused"] > .progress-bar
{
background-color: gray;
}
@@ -0,0 +1,11 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#urlbar .urlbar-origin-label
{
-moz-padding-start: 1px;
}
+332
View File
@@ -0,0 +1,332 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/*
* General styles
*/
#status4evar-status-widget,
#status4evar-progress-widget
{
-moz-box-align: center;
}
[forcevisible="true"]
{
visibility: visible !important;
}
#wrapper-status4evar-progress-widget progressmeter,
#wrapper-status4evar-download-button toolbarbutton
{
visibility: visible;
}
#wrapper-status4evar-status-widget toolbaritem label
{
background-color: rgba(0,0,0,0.2);
padding: 2px 4px;
}
/*
* Options button
*/
#status4evar-options-button
{
list-style-image: url("chrome://browser/skin/statusbar/s4e24.png");
}
toolbar[iconsize="small"] #status4evar-options-button
{
list-style-image: url("chrome://browser/skin/statusbar/s4e16.png");
}
/*
* Download status
*/
toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"],
toolbar[mode="text"] #status4evar-download-button
{
-moz-box-orient: horizontal !important;
}
toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
{
display: -moz-box !important;
}
#status4evar-download-progress-bar
{
border: 1px solid gray;
-moz-appearance: none;
margin: 0px;
min-height: 0px;
min-width: 0px;
}
#status4evar-download-progress-bar > *
{
-moz-appearance: none;
background: #FFFFFF;
}
#status4evar-download-progress-bar[pmType$="unknown"] > .progress-bar
{
background-image: url("chrome://browser/skin/statusbar/pulse.png");
}
#status4evar-download-notification-container
{
min-height: 1px;
min-width: 1px;
height: 1px;
margin-bottom: -1px;
position: relative;
z-index: 5;
}
#status4evar-download-notification-icon
{
opacity: 0;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
@keyframes status4evar-download-notification-finish
{
from { opacity: 0; transform: scale(1); }
20% { opacity: .65; animation-timing-function: ease-in; }
to { opacity: 0; transform: scale(8); }
}
#status4evar-download-notification-anchor[notification="finish"][forcevisible="true"] #status4evar-download-notification-icon
{
background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
animation-name: status4evar-download-notification-finish;
animation-duration: 1s;
}
/*
* Splitter
*/
splitter.status4evar-status-splitter
{
-moz-appearance: splitter;
border: none;
background: transparent;
position: relative;
}
splitter.status4evar-status-splitter:not(:hover)
{
-moz-appearance: none;
}
/*
* Location bar progress
*/
#urlbar-progress-alt
{
margin: 0px;
-moz-appearance: none;
min-height: 0px;
height: 3px;
border: none;
background-color: transparent;
}
#urlbar[pmpack="center"] #urlbar-progress-alt
{
-moz-box-flex: 1;
}
#urlbar:not([pmpack="center"]) #urlbar-progress-alt > *
{
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
#urlbar-container:not([combined]) #urlbar:not([pmpack="begin"]) #urlbar-progress-alt,
#urlbar-container:not([combined]) #urlbar:not([pmpack="begin"]) #urlbar-progress-alt > *
{
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#urlbar-container:not([combined]) #urlbar:not([pmpack="end"]) #urlbar-progress-alt,
#urlbar-container:not([combined]) #urlbar:not([pmpack="end"]) #urlbar-progress-alt > *
{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
/*
* General progress
*/
#urlbar-progress-alt > *,
#status4evar-progress-bar[s4estyle="true"] > *
{
border: none;
}
#urlbar-progress-alt > .progress-remainder,
#status4evar-progress-bar > .progress-remainder
{
background-image: none;
background-color: transparent;
}
#urlbar[s4estyle="true"] > #urlbar-progress-alt > .progress-bar,
#status4evar-progress-bar[s4estyle="true"] > .progress-bar
{
border-right: 1px solid rgba(0,0,0,.2);
}
#urlbar[s4estyle="true"] > #urlbar-progress-alt[value="0"] > .progress-bar,
#urlbar[s4estyle="true"] > #urlbar-progress-alt[value="100"] > .progress-bar,
#status4evar-progress-bar[s4estyle="true"][value="0"] > .progress-bar,
#status4evar-progress-bar[s4estyle="true"][value="100"] > .progress-bar
{
border-right: none;
}
/*
* Location bar status transisions
*/
#urlbar .urlbar-over-link-layer
{
opacity: 0;
}
#urlbar .urlbar-input-layer[overlinkstate="fade-in"],
#urlbar .urlbar-input-layer[overlinkstate="fade-in"] html|input.urlbar-input::-moz-placeholder
{
-moz-transition-property: color;
-moz-transition-duration: 150ms;
color: transparent;
}
#urlbar .urlbar-input-layer[overlinkstate="fade-out"],
#urlbar .urlbar-input-layer[overlinkstate="fade-out"] html|input.urlbar-input::-moz-placeholder
{
-moz-transition-property: color;
-moz-transition-duration: 150ms;
-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
}
#urlbar .urlbar-input-layer[overlinkstate="showing"],
#urlbar .urlbar-input-layer[overlinkstate="showing"] html|input.urlbar-input::-moz-placeholder
{
color: transparent;
}
#urlbar .urlbar-over-link-layer[overlinkstate="fade-in"]
{
-moz-transition-property: opacity;
-moz-transition-duration: 150ms;
opacity: 1;
}
#urlbar .urlbar-over-link-layer[overlinkstate="fade-out"]
{
-moz-transition-property: opacity;
-moz-transition-duration: 150ms;
-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
}
#urlbar .urlbar-over-link-layer[overlinkstate="showing"]
{
opacity: 1;
}
#urlbar .urlbar-input-layer-children[overlinkstate="fade-in"]
{
-moz-transition-property: opacity;
-moz-transition-duration: 150ms;
opacity: 0;
}
#urlbar .urlbar-input-layer-children[overlinkstate="fade-out"]
{
-moz-transition-property: opacity;
-moz-transition-duration: 150ms;
-moz-transition-timing-function: cubic-bezier(0.0, 1.0, 1.0, 1.0);
}
#urlbar .urlbar-input-layer-children[overlinkstate="showing"]
{
opacity: 0;
}
/*
* Location bar status layout
*/
#urlbar[s4esalign="left"] .urlbar-origin-box
{
display: none;
}
#urlbar .urlbar-origin-label,
#urlbar .urlbar-over-link-host-label,
#urlbar .urlbar-over-link-path-label
{
padding: 0;
margin: 0;
border: none;
}
#urlbar .urlbar-over-link-box:-moz-locale-dir(ltr)
{
-moz-padding-start: 18px;
-moz-padding-end: 2px;
}
#urlbar .urlbar-over-link-box:-moz-locale-dir(rtl)
{
-moz-padding-end: 18px;
-moz-padding-start: 2px;
}
#urlbar[s4esalign="left"] .urlbar-over-link-box:-moz-locale-dir(ltr)
{
-moz-padding-start: 1px;
}
#urlbar[s4esalign="left"] .urlbar-over-link-box:-moz-locale-dir(rtl)
{
-moz-padding-end: 1px;
}
#urlbar:not([s4esalign="left"]) .urlbar-over-link-box:-moz-locale-dir(ltr)
{
background: url(chrome://browser/skin/statusbar/urlbar-over-link-arrow.png) no-repeat left center;
}
#urlbar:not([s4esalign="left"]) .urlbar-over-link-box:-moz-locale-dir(rtl)
{
background: url(chrome://browser/skin/statusbar/urlbar-over-link-arrow-rtl.png) no-repeat right center;
}
/*
* Status bar
*/
#status-bar > .statusbar-resizerpanel
{
display: none !important;
}
+51
View File
@@ -0,0 +1,51 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#status4evar-prefs > prefpane > vbox.content-box
{
min-height: 18em !important;
}
radio[pane="status4evar-pane-status"]
{
list-style-image: url("chrome://global/skin/icons/information-32.png");
}
radio[pane="status4evar-pane-progress"]
{
list-style-image: url("chrome://browser/skin/statusbar/throbberStatic.png");
}
radio[pane="status4evar-pane-download"]
{
list-style-image: url("chrome://mozapps/skin/downloads/downloadIcon.png");
}
radio[pane="status4evar-pane-addonbar"]
{
list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
}
radio[pane="status4evar-pane-advanced"]
{
list-style-image: url("chrome://browser/skin/preferences/Options.png");
-moz-image-region: rect(0px, 224px, 32px, 192px);
}
#status4evar-advanced-urlbar-forceBinding-desc
{
-moz-appearance: none;
pointer-events: none;
background-color: transparent;
border: none;
padding: 0px;
}
#warningInnerBox
{
max-width: 25em;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 567 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 713 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 B

@@ -0,0 +1,74 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/australis.css
#status4evar-status-bar
{
-moz-appearance: none;
min-height: 20px;
border-top-style: none;
border-bottom-style: none;
padding-top: 1px;
background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
background-size: 100% 2px;
background-repeat: no-repeat;
}
#status4evar-status-bar .toolbarbutton-1,
#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button
{
-moz-appearance: none;
border-style: none;
padding: 0 3px;
}
#status4evar-status-bar .toolbarbutton-1:not([disabled]):hover,
#status4evar-status-bar .toolbarbutton-1[open],
#status4evar-status-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover
{
background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)),
linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%),
linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%);
background-position: left, left, right;
background-size: auto, 1px 100%, 1px 100%;
background-repeat: no-repeat;
}
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 198, 18, 180) center no-repeat;
}
#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat;
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
@media (-moz-windows-theme: aero)
{
@media (-moz-os-version: windows-vista), (-moz-os-version: windows-win7)
{
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow-XPVista7.png");
}
}
}
@media (not (-moz-windows-theme: aero)), (-moz-os-version: windows-xp)
{
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow-XPVista7.png");
}
}
@@ -0,0 +1,22 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/legacy.css
#status4evar-download-button #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 108, 18, 90) center no-repeat;
}
#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon
{
background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) center no-repeat;
}
#status4evar-download-button[attention] #status4evar-download-icon
{
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
@@ -0,0 +1,79 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/overlay.css
/*
* General
*/
#status4evar-status-text,
#status4evar-progress-bar
{
margin: 0px 3px;
}
/*
* Download status
*/
#status4evar-download-progress-bar
{
height: 4px;
}
#status4evar-download-button #status4evar-download-icon
{
min-width: 18px;
min-height: 18px;
}
toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label
{
-moz-margin-start: 5px !important;
}
/*
* Splitter
*/
splitter.status4evar-status-splitter
{
width: 6px;
margin: 0px -3px;
}
/*
* Location bar
*/
#urlbar-progress-alt
{
-moz-margin-end: -2px;
}
/*
* Status bar
*/
#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar)
{
-moz-appearance: none;
}
#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"])
{
box-shadow: none !important;
border: none !important;
border-top: 2px solid !important;
-moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
}
#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ *
{
border: none !important;
}
@@ -0,0 +1,7 @@
/* 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/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
%include ../../shared/statusbar/prefs.css