From 30f433e7c74173001c9389386c6d0aae911a7849 Mon Sep 17 00:00:00 2001 From: kustodian Date: Tue, 7 Oct 2014 21:21:57 +0200 Subject: [PATCH] Fixed global styelsheet loading --- chrome/skin/extendedstatusbar.css | 303 ++++++++++++----------- chrome/skin/extendedstatusbaroptions.css | 59 ++--- install.rdf | 2 +- 3 files changed, 183 insertions(+), 181 deletions(-) diff --git a/chrome/skin/extendedstatusbar.css b/chrome/skin/extendedstatusbar.css index 8724068..62ef894 100644 --- a/chrome/skin/extendedstatusbar.css +++ b/chrome/skin/extendedstatusbar.css @@ -1,152 +1,153 @@ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* Adding a button modifies the toolbar's height, we need to make it unchangeable somehow */ -#ESB_toolbar -{ - height: 22px; -} - -/* Needed to fix the broken button appearance, maybe the result of some skin bug in australis */ -#ESB_toolbar .toolbarbutton-1, -#ESB_toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button -{ - -moz-appearance: none; - border-style: none; - padding: 0 2px; -} - -#ESB_toolbar .toolbarbutton-1:not([disabled]):hover, -#ESB_toolbar .toolbarbutton-1[open], -#ESB_toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover -{ - background-image: linear-gradient(to bottom, transparent, #C4DEFF),linear-gradient(to bottom, transparent, #C4DEFF 50%),linear-gradient(to bottom, transparent, #C4DEFF 50%); - background-position: left; - background-size: auto, 1px 100%, 1px 100%; - background-repeat: no-repeat; -} - -/* We need to see the spacer in customization mode */ -#main-window[customize-entered] #ESB_toolbarspacer -{ - background-color: grey; -} - -/* We need to adapt the widget for the customization panel */ -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_percent_box, -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_loaded_box, -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_images_box, -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_speed_box, -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_time_box, -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_percent_box, -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_loaded_box, -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_images_box, -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_speed_box, -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_time_box -{ - display: none; -} - -toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar -{ - min-width: 32px; - height: 32px; - background-repeat: no-repeat; - background-color: transparent !important; - background-position: center center; - background-image: url(chrome://extendedstatusbar/skin/icon.png) !important; -} - -#ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar -{ - width: 89px; - height: 83px; - background-repeat: no-repeat; - background-color: transparent !important; - background-position: center center; - background-image: url(chrome://extendedstatusbar/skin/icon.png) !important; -} - -#ESB_toolbaritem[cui-areatype="menu-panel"] -{ - border: 1px solid Black; -} - -/* Default colors */ -#ESB_loaded_working_progressbar -{ - border-right: 10px solid LightGray; -} - -#ESB_loaded_finished_progressbar -{ - background-color: DarkGrey; -} - -#ESB_percent_progressbar -{ - background-color: DarkGrey; -} - -/* Newstyle */ -#ESB_status_bar.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); -} - -#ESB_percent_box.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - width:135px; - border-right:1px solid; -} - -#ESB_images_box.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - border-right:1px solid; - width:105px; -} - -#ESB_loaded_box.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - border-right:1px solid; - width:120px; -} - -#ESB_speed_box.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - border-right:1px solid; - width:115px; -} - -#ESB_time_box.newstyle -{ - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - border-right:1px solid; -} - -#ESB_percent_progressbar.newstyle -{ - background-color:Darkgrey; - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); -} - -#ESB_loaded_finished_progressbar.newstyle -{ - background-color:Darkgrey; - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); -} - -#ESB_loaded_working_progressbar.newstyle -{ - background-color:Darkgrey; - background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); - border-right:10px solid Lightgrey; -} - -#ESB_options_context_item -{ - list-style-image: url('chrome://extendedstatusbar/skin/icon.png'); +@-moz-document url("chrome://browser/content/browser.xul") { + + /* Adding a button modifies the toolbar's height, we need to make it unchangeable somehow */ + #ESB_toolbar + { + height: 22px; + } + + /* Needed to fix the broken button appearance, maybe the result of some skin bug in australis */ + #ESB_toolbar .toolbarbutton-1, + #ESB_toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button + { + -moz-appearance: none; + border-style: none; + padding: 0 2px; + } + + #ESB_toolbar .toolbarbutton-1:not([disabled]):hover, + #ESB_toolbar .toolbarbutton-1[open], + #ESB_toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover + { + background-image: linear-gradient(to bottom, transparent, #C4DEFF),linear-gradient(to bottom, transparent, #C4DEFF 50%),linear-gradient(to bottom, transparent, #C4DEFF 50%); + background-position: left; + background-size: auto, 1px 100%, 1px 100%; + background-repeat: no-repeat; + } + + /* We need to see the spacer in customization mode */ + #main-window[customize-entered] #ESB_toolbarspacer + { + background-color: grey; + } + + /* We need to adapt the widget for the customization panel */ + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_percent_box, + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_loaded_box, + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_images_box, + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_speed_box, + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar > #ESB_time_box, + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_percent_box, + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_loaded_box, + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_images_box, + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_speed_box, + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar > #ESB_time_box + { + display: none; + } + + toolbarpaletteitem[place="palette"] > #ESB_toolbaritem > #ESB_status_bar + { + min-width: 32px; + height: 32px; + background-repeat: no-repeat; + background-color: transparent !important; + background-position: center center; + background-image: url(chrome://extendedstatusbar/skin/icon.png) !important; + } + + #ESB_toolbaritem[cui-areatype="menu-panel"] > #ESB_status_bar + { + width: 89px; + height: 83px; + background-repeat: no-repeat; + background-color: transparent !important; + background-position: center center; + background-image: url(chrome://extendedstatusbar/skin/icon.png) !important; + } + + #ESB_toolbaritem[cui-areatype="menu-panel"] + { + border: 1px solid Black; + } + + /* Default colors */ + #ESB_loaded_working_progressbar + { + border-right: 10px solid LightGray; + } + + #ESB_loaded_finished_progressbar + { + background-color: DarkGrey; + } + + #ESB_percent_progressbar + { + background-color: DarkGrey; + } + + /* Newstyle */ + #ESB_status_bar.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + } + + #ESB_percent_box.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + width:135px; + border-right:1px solid; + } + + #ESB_images_box.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + border-right:1px solid; + width:105px; + } + + #ESB_loaded_box.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + border-right:1px solid; + width:120px; + } + + #ESB_speed_box.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + border-right:1px solid; + width:115px; + } + + #ESB_time_box.newstyle + { + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + border-right:1px solid; + } + + #ESB_percent_progressbar.newstyle + { + background-color:Darkgrey; + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + } + + #ESB_loaded_finished_progressbar.newstyle + { + background-color:Darkgrey; + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + } + + #ESB_loaded_working_progressbar.newstyle + { + background-color:Darkgrey; + background-image:url(chrome://extendedstatusbar/skin/white_trans_grad.png); + border-right:10px solid Lightgrey; + } + + #ESB_options_context_item + { + list-style-image: url('chrome://extendedstatusbar/skin/icon.png'); + } } \ No newline at end of file diff --git a/chrome/skin/extendedstatusbaroptions.css b/chrome/skin/extendedstatusbaroptions.css index 953bf37..7df02c5 100644 --- a/chrome/skin/extendedstatusbaroptions.css +++ b/chrome/skin/extendedstatusbaroptions.css @@ -1,36 +1,37 @@ @import url("chrome://global/skin/"); -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@-moz-document url("chrome://browser/content/browser.xul") { -.picker { - width: 38px; - height: 24px; - border: 2px solid; - -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; - background-color: ThreeDFace; -} + .picker { + width: 38px; + height: 24px; + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: ThreeDFace; + } -.colorbox { - border: 1px solid #000000; -} + .colorbox { + border: 1px solid #000000; + } -.picker:focus { - -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight; -} + .picker:focus { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight; + } -.picker[open="true"] { - -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; -} + .picker[open="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; + } -#backcolorBox, #progresscolorBox, #cursorcolorBox, #textcolorBox { - padding:3px; -} + #backcolorBox, #progresscolorBox, #cursorcolorBox, #textcolorBox { + padding:3px; + } +} \ No newline at end of file diff --git a/install.rdf b/install.rdf index 8c9f4a2..e5c8a7a 100644 --- a/install.rdf +++ b/install.rdf @@ -6,7 +6,7 @@ {daf44bf7-a45e-4450-979c-91cf07434c3d} Extended Statusbar - 2.1 + 2.0.2 true A Statusbar with speed, percentage, time and loaded size (similar to Opera's one) Andreas Allacher