Import the Statusbar - Part 3: Themes
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 207 B |
|
After Width: | Height: | Size: 241 B |
|
After Width: | Height: | Size: 567 B |
|
After Width: | Height: | Size: 713 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 327 B |
|
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
|
||||