From: Robert Kaiser Date: Sun, 6 Jun 2010 20:40:36 +0000 (+0200) Subject: correct theme new addons manager in LCARStrek, some small improvements for EarlyBlue... X-Git-Tag: LCARStrek-2.1a2~7 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=4c18c82c8aae51ecc4e5273ad55a70c869d59ff4 correct theme new addons manager in LCARStrek, some small improvements for EarlyBlue addons manager --- diff --git a/EarlyBlue/mozapps/extensions/category-languages.png b/EarlyBlue/mozapps/extensions/category-languages.png index e3f713e6..ec5a3ade 100644 Binary files a/EarlyBlue/mozapps/extensions/category-languages.png and b/EarlyBlue/mozapps/extensions/category-languages.png differ diff --git a/EarlyBlue/mozapps/extensions/category-search.png b/EarlyBlue/mozapps/extensions/category-search.png index 9d86a804..270dc131 100644 Binary files a/EarlyBlue/mozapps/extensions/category-search.png and b/EarlyBlue/mozapps/extensions/category-search.png differ diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 4a00db42..522dab9b 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -371,7 +371,7 @@ } .addon[selected] .details-container { - border-color: #AAA; + border-color: #9999CC; } @@ -579,8 +579,8 @@ background-color: #CCD0DD; border-width: 1px 0px 0px 1px; border-style: solid; - -moz-border-top-colors: #FFFFF; - -moz-border-left-colors: #FFFFF; + -moz-border-top-colors: #FFFFFF; + -moz-border-left-colors: #FFFFFF; /* -moz-border-radius: 100%; */ min-width: 16px; width: 16px; diff --git a/EarlyBlue/mozapps/extensions/go-back.png b/EarlyBlue/mozapps/extensions/go-back.png index 5e327b9a..e6f666da 100644 Binary files a/EarlyBlue/mozapps/extensions/go-back.png and b/EarlyBlue/mozapps/extensions/go-back.png differ diff --git a/EarlyBlue/mozapps/extensions/rating-unrated.png b/EarlyBlue/mozapps/extensions/rating-unrated.png index 966ef397..86d4f51b 100644 Binary files a/EarlyBlue/mozapps/extensions/rating-unrated.png and b/EarlyBlue/mozapps/extensions/rating-unrated.png differ diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index 66b2007a..6616c44f 100644 --- a/LCARStrek/global/button.css +++ b/LCARStrek/global/button.css @@ -105,19 +105,19 @@ button[default="true"][disabled="true"] > .button-box { button:hover, button:hover:active { - border : none; + border: none; background-color: #FFCF00; color: #000000; } button[open="true"] { - border : none; + border: none; background-color: #FF9F00; color: #000000; } -button[checked="true"] { - border : none; +button[checked="true"]:not(:hover) { + border: none; background-color: #008484; color: #000000; } diff --git a/LCARStrek/mozapps/extensions/question.png b/LCARStrek/global/icons/question-16.png similarity index 100% rename from LCARStrek/mozapps/extensions/question.png rename to LCARStrek/global/icons/question-16.png diff --git a/LCARStrek/mozapps/extensions/category-discover.png b/LCARStrek/mozapps/extensions/category-discover.png new file mode 100644 index 00000000..f8a00fb0 Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-discover.png differ diff --git a/LCARStrek/mozapps/extensions/category-extensions.png b/LCARStrek/mozapps/extensions/category-extensions.png new file mode 100644 index 00000000..785bb438 Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-extensions.png differ diff --git a/LCARStrek/mozapps/extensions/category-languages.png b/LCARStrek/mozapps/extensions/category-languages.png new file mode 100644 index 00000000..5a8d7e78 Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-languages.png differ diff --git a/LCARStrek/mozapps/extensions/category-plugins.png b/LCARStrek/mozapps/extensions/category-plugins.png new file mode 100644 index 00000000..c9ad1b4c Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-plugins.png differ diff --git a/LCARStrek/mozapps/extensions/category-search.png b/LCARStrek/mozapps/extensions/category-search.png new file mode 100644 index 00000000..2e01a1db Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-search.png differ diff --git a/LCARStrek/mozapps/extensions/category-searchengines.png b/LCARStrek/mozapps/extensions/category-searchengines.png new file mode 100644 index 00000000..f3eb961c Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-searchengines.png differ diff --git a/LCARStrek/mozapps/extensions/category-themes.png b/LCARStrek/mozapps/extensions/category-themes.png new file mode 100644 index 00000000..3b35985b Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-themes.png differ diff --git a/LCARStrek/mozapps/extensions/extensionIcons.png b/LCARStrek/mozapps/extensions/extensionIcons.png deleted file mode 100644 index 5eb8bfa1..00000000 Binary files a/LCARStrek/mozapps/extensions/extensionIcons.png and /dev/null differ diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 8899198f..627e39c0 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -1,434 +1,636 @@ -#extensionsBox { - margin: 10px 10px 0px; +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is the Extension Manager UI. + * + * The Initial Developer of the Original Code is + * the Mozilla Foundation. + * Portions created by the Initial Developer are Copyright (C) 2010 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Blair McBride + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + + +.pane-splitter { + -moz-appearance: none; + border: none; + -moz-border-start: 1px solid #9C9CFF; + background-color: transparent; + background-image: none; min-width: 1px; } -#extensionsView { +.view-pane { + background-color: #000000; +} + + +/*** category selector ***/ + +#categories { -moz-appearance: none; - -moz-border-radius: 3px; - border: 1px solid #9C9CFF; - margin: 0; - min-width: 245px; + border: none; + margin: 0px; } -#resizerBox { - margin-top: -12px; - visibility: hidden; +.category { + border: none; + -moz-border-radius: 8px; + padding: 10px 4px; + -moz-box-align: center; + overflow: hidden; + min-height: 0px; } -#resizerBox > resizer { - height: 10px; - max-height: 10px; - visibility: visible; +.category[disabled] { + height: 0px; + opacity: 0; + -moz-transition-property: height, opacity; + -moz-transition-duration: 1s, 0.8s; } -.notification-inner { - border: none; - border-bottom: 1px solid #9C9CFF; +.category:not([disabled]) { + height: 52px; + -moz-transition-property: height, opacity; + -moz-transition-duration: 1s, 0.8s; } -#searchfield { - -moz-margin-start: 0; +.category[selected] { + background-color: #008484; + color: #FFCF00; } -/* Command Bar */ -#commandBarBottom { - margin-top: 5px; - margin-bottom: 10px; - -moz-margin-start: 10px; - -moz-margin-end: 5px; - min-width: 1px; +.category-name { + font-size: 150%; } -#commandBarBottom button { - margin: 0; - -moz-margin-end: 5px; +.category-badge { + background-color: #E7ADE7; + padding: 2px 8px; + margin: 6px 0px; + -moz-border-radius: 100%; + color: #000000; + font-weight: bold; + text-align: center; } -/* List Items */ -richlistitem { - padding-top: 6px; - padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; - min-height: 25px; - border-bottom: 1px dotted #FF9F00; +.category-badge[value="0"] { + visibility: hidden; } -richlistitem[isDisabled="true"] .addonIcon { - opacity: 0.3; +.category-icon { + width: 32px; + height: 32px; + -moz-margin-start: 6px; } -richlistitem[isDisabled="true"] { - color: #8050B0; +#category-search > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-search.png"); +} +#category-discover > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); +} +#category-languages > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); +} +#category-searchengines > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); +} +#category-extensions > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); +} +#category-themes > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); +} +#category-plugins > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); } -richlistitem[newAddon="true"] { - background-color: #000000; - color: #FFCF00; + +/*** header ***/ + +#header { + background-color: #FF9F00; + -moz-border-radius: 8px; + padding: 2px 4em; + margin: 3px; + -moz-box-align: center; + height: 4.5em; } -richlistitem[selected="true"] { - background-color: #008484; +#header-name, #header-link { color: #000000; } -richlistitem[selected="true"] .text-link { - color: inherit; +#header-name { + font-size: 180%; +} + +#header-link { + -moz-appearance: none; + border: none; + background: transparent; + font-size: 120%; + cursor: pointer; + list-style-image: url("chrome://mozapps/skin/extensions/go-back.png"); +} + +#header-link .button-icon { + -moz-margin-end: 6px; +} + +.view-header { + background-color: #9C9CFF; + color: #000000; + -moz-border-radius: 8px; + padding: 0px 4em; + margin: 3px; } -#extensionsView:focus > richlistitem[selected="true"] { + +/*** sorters ***/ + +.sort-controls { + -moz-appearance: none; +} + +.sorter { + -moz-appearance: none; + border: none; + border-left: 3px solid #000000; + border-right: 3px solid #000000; + background-color: transparent; + -moz-border-radius: 0; + padding: 0px 6px; + margin: 0px 6px; + min-width: 12px !important; + -moz-box-direction: reverse; +} + + +.sorter[checkState="1"], +.sorter[checkState="2"] { background-color: #008484; color: #FFCF00; } -#extensionsView:focus > richlistitem[selected="true"][isDisabled="true"] { - background-color: #8050B0; - color: #000000; +.sorter[checkState="1"] { + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } -.descriptionWrap { - margin-bottom: 2px; +.sorter[checkState="2"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } -.addonName { - font-weight: bold; +.sorter .button-icon { + -moz-margin-start: 4px; } -.previewText { - font-size: larger; - font-weight: bold; - color: #FF9F00; - text-align: center; + +/*** empty list notification ***/ + +.empty-list-notice { + -moz-box-align: center; } -#themePreviewArea { - -moz-border-radius: 3px; - border: 1px solid #9C9CFF; +.empty-list-notice > button { + margin: 20px; +} + + +/*** list ***/ + +.list { + -moz-appearance: none; + margin: 0px; + border: none; +} + +.addon[status="installed"], .addon[status="installing"] { background-color: #000000; - color: #FF9F00; - min-width: 65px; - overflow: auto; + -moz-border-radius: 10px; + border: 1px solid #9C9CFF; + padding: 6px 7px; + margin: 3px; } -#previewImageDeck { - min-width: 220px; +.addon[status="installing"] { + -moz-box-align: center; + border-color: #FF9F00; } -#themeSplitter { - border-width: 0; +.addon[selected]:not([status="uninstalled"]) { + background-color: #008484; + color: #FFCF00; } -.addonIcon { - -moz-margin-end: 2px; - width: 32px; - height: 32px; +.addon[status="installed"][selected]:not([pending="true"]) { + border: none; + padding: 7px 8px; } -.addonIcon > image { - max-width: 32px; - max-height: 32px; +.addon[status="installed"][active="false"] .fade { + opacity: 0.5; } -richlistitem[plugin] .addonIcon > image { - list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +.addon[status="installed"][pending="true"] { + border-color: red; } -richlistitem[lwtheme] .addonIcon > image { - list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +.addon[selected] { + /* color: -moz-dialogtext; */ } -.updateBadge, -.notifyBadge { - width: 16px; - height: 16px; - margin-bottom: -3px; - list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png"); +.addon[selected] .text-link { + /* color: -moz-nativehyperlinktext; */ } -richlistitem .updateBadge { - -moz-margin-end: -2px; +.addon .toggle-more { + padding: 0px 6px; + margin: 0px 6px; + min-width: 12px !important; + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); + -moz-box-direction: reverse; + /* border: 1px solid transparent; + background: transparent; */ + cursor: pointer; } -richlistitem .notifyBadge { - -moz-margin-start: -2px; +.addon .toggle-more > .button-box > .button-icon { + -moz-padding-start: 4px; } -/* Selected Add-on buttons - See content/extensions.css to hide / display buttons */ -.selectedButtons { - margin-top: 4px; - min-height: 2.1em; +.addon[show-extra] .toggle-more { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } -.selectedButtons > button { - margin-top: 0; - margin-bottom: 0; +.addon .toggle-more:hover { + /* background-color: #FFCF00; + color: #FFCF00; */ } -.enableButton, -.disableButton, -.optionsButton, -.useThemeButton { - -moz-margin-end: 0; +.addon[selected] .toggle-more:hover { + /* background-color: #FFCF00; + color: #FFCF00; */ } -.enableButton, .disableButton, -.uninstallButton, .cancelUninstallButton { - -moz-margin-start: 5px; +.addon .extra-details { + height: 0px; + overflow: hidden; + opacity: 0; + text-align: end; + -moz-transition-property: height, opacity; + -moz-transition-duration: 0.5s, 0.5s; } -richlistitem[loading="true"] .updateBadge { - width: 16px; - height: 16px; - margin-bottom: -3px; - -moz-margin-end: -2px; - list-style-image: url("chrome://global/skin/icons/loading.gif"); - -moz-image-region: auto; +.addon[show-extra] .extra-details { + opacity: 1; + -moz-transition-property: height, opacity; + -moz-transition-duration: 0.5s, 0.5s; } -.addonThrobber { - -moz-margin-start: 5px; - width: 16px; - height: 16px; - list-style-image: url("chrome://global/skin/icons/loading.gif"); +.addon .icon { + margin: 7px 5px; + width: 32px; + height: 32px; + list-style-image: url("chrome://mozapps/skin/xpinstall/xpinstallItemGeneric.png"); } -.selectedStatusMsgs > hbox { - margin-top: 2px; - margin-bottom: 2px; +.addon[type="theme"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); } -.selectedStatusMsgs label { - font-weight: bold; +.addon[type="plugin"] .icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.selectedStatusMsgs label.text-link { - font-weight: normal; - border: none; +.addon .name-container { + -moz-box-align: end; +} + +.addon .name { + font-size: 150%; + margin-bottom: 0px; +} + +.addon .disabled-postfix { + font-size: 130%; } -.addon-search-details { - margin-top: 5px; - margin-bottom: 5px; +.addon .description { + margin-top: 8px; -moz-margin-start: 6px; - -moz-margin-end: 0; } -.addonThumbnailContainer { - background-color: #000000; - padding: 5px; - -moz-border-radius: 3px; - border: 1px solid #9C9CFF; - width: 135px; - min-height: 104px; - -moz-margin-end: 5px; +.addon .warning { + color: #FF0000; + -moz-box-align: start; } -.addonMissingThumbnail { - color: GrayText; - font-size: larger; - font-weight: bold; +.addon .warning-icon { + opacity: 0.7; + list-style-image: url("chrome://global/skin/icons/warning-16.png"); } -.addonFailure { - width: 16px; - height: 16px; - list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png"); +.addon[selected] .warning-icon { + opacity: 1; } -.addonLearnMore { - margin-top: 4px; - margin-bottom: 4px; +.addon .details-container { + -moz-box-align: end; + -moz-margin-start: 20px; } -.addonRating[rating] { - width: 68px; - height: 12px; - list-style-image: url("chrome://mozapps/skin/extensions/ratings.png"); +.addon .control-container { + -moz-box-align: center; + -moz-box-pack: end; + margin-top: 6px; } -.addonRating[rating="0"] { - -moz-image-region: rect(0px 68px 12px 0px); +.addon[selected] .details-container { + border-color: #FFCF00; } -.addonRating[rating="1"] { - -moz-image-region: rect(12px 68px 24px 0px); + +/*** item - uninstalled ***/ + +.addon[status="uninstalled"] { + border: none; } -.addonRating[rating="2"] { - -moz-image-region: rect(24px 68px 36px 0px); +.addon[status="uninstalled"] > .container { + -moz-box-align: center; + padding: 4px 20px; + background-color: #8050B0; + -moz-border-radius: 8px; + font-size: 120%; } -.addonRating[rating="3"] { - -moz-image-region: rect(36px 68px 48px 0px); +.addon[status="uninstalled"][selected] { + background-color: transparent; } -.addonRating[rating="4"] { - -moz-image-region: rect(48px 68px 60px 0px); + + +/*** search view ***/ + +.search-filter { + padding: 20px; + -moz-box-align: center; + background-color: #000000; + font-size: 120%; } -.addonRating[rating="5"] { - -moz-image-region: rect(60px 68px 72px 0px); + +/*** detail view ***/ + +#detail-view[active="false"] .fade { + opacity: 0.5; } -.addonType image { - -moz-margin-start: 6px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png"); - width: 16px; - height: 16px; +#detail-view > .loading { + opacity: 0; } -.addonTypeExtension image { - -moz-image-region: rect(0px 16px 16px 0px); +#detail-view:not([loading]) > .loading { + visibility: collapse; } -.addonTypeTheme image { - -moz-image-region: rect(0px 32px 16px 16px); +#detail-view[loading-extended] > .loading { + -moz-box-align: center; + -moz-box-pack: center; + opacity: 1; + -moz-transition-property: opacity; + -moz-transition-duration: 1s; } -vbox[typeName="status"][type="search-failure"], -vbox[typeName="status"][type="recommended-failure"], -vbox[typeName="status"][type="message-norecommended"], -vbox[typeName="status"][type="message-nosearchresults"], -vbox[typeName="status"][type="retrieve-search"], -vbox[typeName="status"][type="retrieve-recommended"] { - margin-top: 2em; +#detail-view > .loading > image { + list-style-image: url("chrome://global/skin/icons/loading.gif"); } -vbox[typeName="status"][type="footer-recommended"], -vbox[typeName="status"][type="footer-search"] { - margin-top: 1em; +.detail-view-container { + overflow: auto; + padding: 10px 20px; } -vbox[typeName="status"][type="header-recommended"] { - font-size: 150%; - background: #000000; +.detail-basicinfo { + padding: 10px 0px; + -moz-box-align: center; } -#searchbox { - padding: 0; +.detail-extra { + margin-top: 20px; } -#progressBox { - padding: 5px; +#detail-desc { + min-height: 40px; + margin-bottom: 20px; } -#progressBox > hbox { - -moz-box-align: center; +#detail-icon { + width: 32px; + height: 32px; + -moz-margin-end: 10px; + list-style-image: url("chrome://mozapps/skin/xpinstall/xpinstallItemGeneric.png"); } -/* View buttons resp. Progress box */ -#topBar { - border-bottom: 1px solid #9C9CFF; - padding-bottom: 3px; - background-color: #000000; - color: #FF9F00; +#detail-view[type="theme"] #detail-icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); } -#viewGroup { - -moz-padding-start: 10px; +#detail-view[type="plugin"] #detail-icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -#viewGroup > radio { - -moz-border-radius: 5px; - margin: 0px; - padding: 1px 3px; - min-width: 4.5em; - list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png"); - border: 1px solid transparent; +#detail-name { + font-size: 200%; } -#viewGroup > radio:hover { +#detail-screenshot { + width: 140px; + height: 140px; + background-color: #9C9CFF; + margin: 0px 10px 0px 0px; +} + +.detail-prefs { + -moz-box-align: start; +} + +.meta-label { + font-weight: bold; +} + +#detail-notification { + -moz-box-align: center; + -moz-box-pack: center; + margin: 0px 50px; + padding: 4px 20px; background-color: #FFCF00; - color: #000000; + -moz-border-radius: 8px; + font-size: 120%; } -#viewGroup > radio[selected="true"] { - background-color: #008484; - color: #000000; + +/*** creator ***/ + +.creator > label { + -moz-margin-start: 0px; + -moz-margin-end: 0px; } -.viewButtonIcon { - width: 32px; - height: 32px; +.creator > .text-link { + margin-top: 1px; + margin-bottom: 1px; } -radio#extensions-view { - -moz-image-region: rect(0px, 32px, 32px, 0px) + +/*** rating ***/ + +.meta-rating { + -moz-margin-start: 0px; + -moz-margin-end: 0px; + vertical-align: text-top; } -radio#themes-view { - -moz-image-region: rect(0px, 64px, 32px, 32px) +.meta-rating[showrating="average"] > .star { + list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); + padding: 0px 1px; } -radio#locales-view { - -moz-image-region: rect(0px, 96px, 32px, 64px) +.meta-rating[showrating="user"] > .star { + list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); + padding: 2px 3px; } -radio#plugins-view { - -moz-image-region: rect(0px, 128px, 32px, 96px) +.meta-rating > .star[on="true"], +.meta-rating[showrating="user"] > .star[hover] { + list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); + padding: 0px 1px; } -radio#updates-view { - -moz-image-region: rect(0px, 160px, 32px, 128px) + +/*** download progress ***/ + +.download-progress { + background-color: #000000; + -moz-border-radius: 100%; + border: 1px solid #FF9F00; + width: 200px; + height: 24px; + margin: 0px 8px; } -radio#installs-view { - -moz-image-region: rect(0px, 192px, 32px, 160px) +.download-progress .start-cap, +.download-progress[complete] .end-cap, +.download-progress .progress .progress-bar { + background-color: #008484; } -radio#search-view { - -moz-image-region: rect(0px, 224px, 32px, 192px) +.download-progress .progress { + background-color: transparent; } -/* Update view checkbox */ -.includeUpdate { - -moz-user-focus: none; +.download-progress .start-cap, .download-progress .end-cap { + width: 12px; } -richlistitem[selected="true"] .includeUpdate { - -moz-user-focus: normal; +.download-progress .start-cap { + -moz-border-radius: 100% 0 0 100%; } -#infoDisplay { - overflow-y: auto; +.download-progress .end-cap { + -moz-border-radius: 0 100% 100% 0; } -#infoDisplay body { - padding: 5px; +.download-progress .progress { + -moz-appearance: none; + padding: 0px; + margin: 0px; + border: none; } -#infoDisplay h1, -#infoDisplay h2, -#infoDisplay h3 { - text-align: left; - font-weight: bold; - margin: 0 0 0.7em; +.download-progress .pause, .download-progress .cancel { + -moz-appearance: none; + background-color: #8050B0; + border-width: 1px 0px 0px 1px; + border-style: solid; + -moz-border-radius: 100%; + min-width: 16px; + width: 16px; + height: 16px; + margin: 3px; } -#infoDisplay h1 { - font-size: 150%; +.download-progress .status-container { + -moz-box-align: center; +} + + +/*** install status ***/ + +.install-status { + -moz-box-align: center; } -#infoDisplay h2 { - font-size: 125%; + +/*** check for updates ***/ + +#updates-container { + -moz-box-align: center; } -#infoDisplay h3 { - font-size: 100%; +#updates-installed, #updates-downloaded { + color: #008484; + font-weight: bold; } -#infoDisplay ol, -#infoDisplay ul { - margin: 0 0 0.7em; + +/*** buttons ***/ + +.addon-control { + padding: 0px 5px; } -#infoDisplay li { - text-align: left; +.addon-control[disabled="true"] { + display: none; } -#infoDisplay p { - text-align: justify; - margin: 0 0 0.7em; +.contribute { + -moz-padding-start: 20px; + -moz-padding-end: 4px; +} + +.button-link { + background: transparent; + border: none; + text-decoration: underline; + color: blue; + cursor: pointer; + min-width: 0; } diff --git a/LCARStrek/mozapps/extensions/go-back.png b/LCARStrek/mozapps/extensions/go-back.png new file mode 100644 index 00000000..28081859 Binary files /dev/null and b/LCARStrek/mozapps/extensions/go-back.png differ diff --git a/LCARStrek/mozapps/extensions/itemDisabledFader.png b/LCARStrek/mozapps/extensions/itemDisabledFader.png deleted file mode 100644 index 06a3e71e..00000000 Binary files a/LCARStrek/mozapps/extensions/itemDisabledFader.png and /dev/null differ diff --git a/LCARStrek/mozapps/extensions/itemEnabledFader.png b/LCARStrek/mozapps/extensions/itemEnabledFader.png deleted file mode 100644 index 1c974dcd..00000000 Binary files a/LCARStrek/mozapps/extensions/itemEnabledFader.png and /dev/null differ diff --git a/LCARStrek/mozapps/extensions/notifyBadges.png b/LCARStrek/mozapps/extensions/notifyBadges.png deleted file mode 100644 index 37a57491..00000000 Binary files a/LCARStrek/mozapps/extensions/notifyBadges.png and /dev/null differ diff --git a/LCARStrek/mozapps/extensions/rating-not-won.png b/LCARStrek/mozapps/extensions/rating-not-won.png new file mode 100644 index 00000000..9b07e887 Binary files /dev/null and b/LCARStrek/mozapps/extensions/rating-not-won.png differ diff --git a/LCARStrek/mozapps/extensions/rating-unrated.png b/LCARStrek/mozapps/extensions/rating-unrated.png new file mode 100644 index 00000000..3bfd1f3d Binary files /dev/null and b/LCARStrek/mozapps/extensions/rating-unrated.png differ diff --git a/LCARStrek/mozapps/extensions/rating-won.png b/LCARStrek/mozapps/extensions/rating-won.png new file mode 100644 index 00000000..b5e5aa3a Binary files /dev/null and b/LCARStrek/mozapps/extensions/rating-won.png differ diff --git a/LCARStrek/mozapps/extensions/ratings.png b/LCARStrek/mozapps/extensions/ratings.png deleted file mode 100644 index 233a2af4..00000000 Binary files a/LCARStrek/mozapps/extensions/ratings.png and /dev/null differ diff --git a/LCARStrek/mozapps/extensions/viewButtons.png b/LCARStrek/mozapps/extensions/viewButtons.png deleted file mode 100644 index d74254cb..00000000 Binary files a/LCARStrek/mozapps/extensions/viewButtons.png and /dev/null differ