-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
183 additions
and
181 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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'); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters