From 706c344c03f7c434b9407c67e1bd904eab88778d Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 12 Sep 2010 23:16:02 +0200 Subject: [PATCH] update both themes for toolkit winstripe changes up to 2010-08-29 --- EarlyBlue/global/icons/delete.png | Bin 0 -> 196 bytes EarlyBlue/global/splitter.css | 4 + EarlyBlue/global/textbox.css | 11 +- .../{headsUpDisplay.css => webConsole.css} | 8 +- EarlyBlue/mozapps/extensions/extensions.css | 260 +++++++++-------- LCARStrek/global/icons/delete.png | Bin 0 -> 266 bytes LCARStrek/global/splitter.css | 4 + LCARStrek/global/textbox.css | 11 +- .../{headsUpDisplay.css => webConsole.css} | 8 +- LCARStrek/mozapps/extensions/extensions.css | 266 +++++++++--------- 10 files changed, 300 insertions(+), 272 deletions(-) create mode 100644 EarlyBlue/global/icons/delete.png rename EarlyBlue/global/{headsUpDisplay.css => webConsole.css} (98%) create mode 100644 LCARStrek/global/icons/delete.png rename LCARStrek/global/{headsUpDisplay.css => webConsole.css} (98%) diff --git a/EarlyBlue/global/icons/delete.png b/EarlyBlue/global/icons/delete.png new file mode 100644 index 0000000000000000000000000000000000000000..5f08a3abb26ac00464978bff95939efa8bc1043f GIT binary patch literal 196 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|I0Jk_T=_Tz z($dcS|NoymVU0dWMM;ofFoVOh8)+a;lDE4HLkFv@2S|B=M`SSr1Gg{;GcwGYBLNg- zFY)wsWxvJABcf@1gKuvkP)Oa=#W95AdU65-vm3ht-|SZh4s6T1%EEC_LW)boXZA@4 f5kV;~Lk@XDizRwJ> .button-box > .button-icon { - -moz-padding-start: 4px; -} - -.addon[show-extra] .toggle-more { - list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); -} - -.addon .toggle-more:hover { - background-color: #CCD0DD; - border: 1px outset #CCD0DD; -} - -.addon[selected] .toggle-more:hover { - background-color: #CCD0DD; - border: 1px outset #CCD0DD; -} - -.addon .extra-details { - height: 0px; - overflow: hidden; - opacity: 0; - text-align: end; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; -} - -.addon[show-extra] .extra-details { - opacity: 1; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; +.icon-container { + width: 48px; + height: 48px; + margin: 7px; } -.addon .icon { - margin: 7px 5px; - width: 32px; - height: 32px; +.icon { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; } .addon[type="theme"] .icon { @@ -335,54 +266,92 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.addon .name-container { - -moz-box-align: end; -} - -.addon .name, -.addon .version { +.name, +.version, +.update-postfix { font-size: 150%; margin-bottom: 0px; } -.addon .disabled-postfix { +.disabled-postfix { font-size: 130%; } -.addon .description { +.description-container { margin-top: 8px; -moz-margin-start: 6px; } -.addon .warning { +.description { + margin: 0; +} + +.warning, .pending, .error, .info { + -moz-margin-start: 48px; +} + +.addon:not([selected]) .warning { + color: #808000; +} + +.addon:not([selected]) .error { color: #FF0000; - -moz-box-align: start; +} + +.addon:not([selected]) .pending { + color: #33FF33; } .addon .warning-icon { opacity: 0.7; list-style-image: url("chrome://global/skin/icons/warning-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon[selected] .warning-icon { - opacity: 1; +.addon .error-icon { + list-style-image: url("chrome://global/skin/icons/error-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon .details-container { - -moz-box-align: end; - -moz-margin-start: 20px; +.addon .pending-icon, +.addon .info-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon .control-container { - -moz-box-align: center; - -moz-box-pack: end; - margin-top: 6px; +.addon[notification="warning"] { + background-color : #FFFFCC; +} + +.addon[notification="error"] { + background-color: #FFD0DD; +} + +.addon[notification="info"] { + background-color: #9999CC; } -.addon[selected] .details-container { - border-color: #9999CC; +.addon[pending="enable"], +.addon[pending="upgrade"], +.addon[pending="install"] { + background-color: #CCFFDD; } +.addon[pending="disable"], +.addon[pending="uninstall"] { + background-color: #808080; +} + + +.remove-container { + width: 16px; +} /*** item - uninstalled ***/ @@ -406,13 +375,37 @@ /*** search view ***/ -.search-filter { - padding: 20px; +#search-filter { + padding: 5px 20px; -moz-box-align: center; background-color: #FFFFFF; font-size: 120%; } +#search-filter-label { + font-weight: bold; + color: #808080; +} + +.search-filter-radio { + -moz-appearance: none; + padding: 0px 6px; + margin: 0px 3px; + -moz-border-radius: 100%; +} + +.search-filter-radio[selected] { + background-color: #3366699; + color: #000000; +} + +.search-filter-radio .radio-check-box1 { + display: none; +} + +.search-filter-radio .radio-icon { + display: none; +} /*** detail view ***/ @@ -638,11 +631,27 @@ /*** buttons ***/ -.addon-control { - padding: 0px 5px; +.remove-button { + background: transparent; + padding: 0; + margin: 0; + list-style-image: url("chrome://global/skin/icons/delete.png"); + border: 1px solid transparent; +} + +.remove-button .button-box { + padding: 0; +} + +.remove-button:hover { + border: 1px outset #CCD0DD; +} + +.remove-button:active { + border: 1px inset #CCD0DD; } -.addon-control[disabled="true"] { +.remove-button .button-text { display: none; } @@ -658,4 +667,5 @@ color: #CCCCFF; cursor: pointer; min-width: 0; + margin: 0 6px; } diff --git a/LCARStrek/global/icons/delete.png b/LCARStrek/global/icons/delete.png new file mode 100644 index 0000000000000000000000000000000000000000..6058fc39d5d8fd05193463a83ea1560b9525bfd8 GIT binary patch literal 266 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et!3HGD8EPYe6k~CayA#8@b22Z19JVBHcNd2L zAh=-f^2tCE&H|6fVg?3oVGw3ym^DWND9B#o>FdgVi<3u0M?vv8$19*vm#2$kh{y4_ zp$B;z6a*F@Y2{Hq8S&iX*u+=P4uLF-_-ih-6tH_nUwRVo>b!uW>j{35lGlQVLqFW{ zXM3k)w_WT6huqm+? .button-box > .button-icon { - -moz-padding-start: 4px; -} - -.addon[show-extra] .toggle-more { - list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); -} - -.addon .toggle-more:hover { - /* background-color: #FFCF00; - color: #FFCF00; */ -} - -.addon[selected] .toggle-more:hover { - /* background-color: #FFCF00; - color: #FFCF00; */ -} - -.addon .extra-details { - height: 0px; - overflow: hidden; - opacity: 0; - text-align: end; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; -} - -.addon[show-extra] .extra-details { - opacity: 1; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; +.icon-container { + width: 48px; + height: 48px; + margin: 7px; } -.addon .icon { - margin: 7px 5px; - width: 32px; - height: 32px; +.icon { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; } .addon[type="theme"] .icon { @@ -337,55 +278,95 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.addon .name-container { - -moz-box-align: end; -} - -.addon .name, -.addon .version { +.name, +.version, +.update-postfix { font-size: 150%; margin-bottom: 0px; } -.addon .disabled-postfix { +.disabled-postfix { font-size: 130%; } -.addon .description { +.description-container { margin-top: 8px; -moz-margin-start: 6px; } -.addon .warning { +.description { + margin: 0; +} + +.warning, .pending, .error, .info { + -moz-margin-start: 48px; +} + +.addon:not([selected]) .warning { + color: #FFCF00; +} + +.addon:not([selected]) .error { color: #FF0000; - -moz-box-align: start; +} + +.addon:not([selected]) .pending { + color: #008484; } .addon .warning-icon { - opacity: 0.7; list-style-image: url("chrome://global/skin/icons/warning-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon[selected] .warning-icon { - opacity: 1; +.addon .error-icon { + list-style-image: url("chrome://global/skin/icons/error-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon .details-container { - -moz-box-align: end; - -moz-margin-start: 20px; +.addon .pending-icon, +.addon .info-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; + margin: 0; } -.addon .control-container { - -moz-box-align: center; - -moz-box-pack: end; - margin-top: 6px; +.addon[notification="warning"] { + background-color : #FFCF00; + color: #000000; +} + +.addon[notification="error"] { + background-color: #FF0000; + color: #000000; +} + +.addon[notification="info"] { + background-color: #9C9CFF; + color: #000000; +} + +.addon[pending="enable"], +.addon[pending="upgrade"], +.addon[pending="install"] { + background-color: #008484; } -.addon[selected] .details-container { - border-color: #FFCF00; +.addon[pending="disable"], +.addon[pending="uninstall"] { + color: #8050B0; } +.remove-container { + width: 16px; +} + /*** item - uninstalled ***/ .addon[status="uninstalled"] { @@ -408,13 +389,36 @@ /*** search view ***/ -.search-filter { - padding: 20px; +#search-filter { + padding: 5px 20px; -moz-box-align: center; background-color: #000000; font-size: 120%; } +#search-filter-label { + font-weight: bold; + color: #FFCF00; +} + +.search-filter-radio { + padding: 0px 6px; + margin: 0px 3px; + -moz-border-radius: 100%; +} + +.search-filter-radio[selected] { + background-color: #008484; + color: #000000; +} + +.search-filter-radio .radio-check-box1 { + display: none; +} + +.search-filter-radio .radio-icon { + display: none; +} /*** detail view ***/ @@ -637,11 +641,18 @@ /*** buttons ***/ -.addon-control { - padding: 0px 5px; +.remove-button { + padding: 0; + margin: 0; + list-style-image: url("chrome://global/skin/icons/delete.png"); + -moz-image-region: rect(0, 16px, 16px, 0px); +} + +.remove-button:hover, .remove-button:active { + -moz-image-region: rect(0, 32px, 16px, 16px); } -.addon-control[disabled="true"] { +.remove-button .button-text { display: none; } @@ -657,4 +668,5 @@ color: blue; cursor: pointer; min-width: 0; + margin: 0 6px; } -- 2.35.3