/* ***** 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; } .view-pane { background-color: #000000; } /*** category selector ***/ #categories { -moz-appearance: none; border: none; margin: 0px; } .category { border: none; -moz-border-radius: 8px; padding: 10px 4px; -moz-box-align: center; overflow: hidden; min-height: 0px; } .category[disabled] { height: 0px; opacity: 0; -moz-transition-property: height, opacity; -moz-transition-duration: 1s, 0.8s; } .category:not([disabled]) { height: 52px; -moz-transition-property: height, opacity; -moz-transition-duration: 1s, 0.8s; } .category[selected] { background-color: #008484; color: #FFCF00; } .category-name { font-size: 150%; } .category-badge { background-color: #E7ADE7; padding: 2px 8px; margin: 6px 0px; -moz-border-radius: 100%; color: #000000; font-weight: bold; text-align: center; } .category-badge[value="0"] { visibility: hidden; } .category-icon { width: 32px; height: 32px; -moz-margin-start: 6px; } #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"); } /*** header ***/ #header { background-color: #FF9F00; -moz-border-radius: 8px; padding: 2px 4em; margin: 3px; -moz-box-align: center; height: 4.5em; } #header-name, #header-link { color: #000000; } #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; } #header-searching { list-style-image: url("chrome://global/skin/icons/loading.gif"); } .view-header { background-color: #9C9CFF; color: #000000; -moz-border-radius: 8px; padding: 0px 4em; margin: 3px; } /*** 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; } .sorter[checkState="1"] { list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } .sorter[checkState="2"] { list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } .sorter .button-icon { -moz-margin-start: 4px; } /*** empty list notification ***/ .empty-list-notice { -moz-box-align: center; } .empty-list-notice > button { margin: 20px; } /*** list ***/ .list { -moz-appearance: none; margin: 0px; border: none; } .addon[status="installed"], .addon[status="installing"] { background-color: #000000; -moz-border-radius: 10px; border: 1px solid #9C9CFF; padding: 6px 7px; margin: 3px; } .addon[status="installing"] { -moz-box-align: center; border-color: #FF9F00; } .addon[selected]:not([status="uninstalled"]) { background-color: #008484; color: #FFCF00; } .addon[status="installed"][selected]:not([pending="true"]) { border: none; padding: 7px 8px; } .addon[status="installed"][active="false"] .fade { opacity: 0.5; } .addon[status="installed"][pending="true"] { border-color: red; } .addon[selected] { /* color: -moz-dialogtext; */ } .addon[selected] .text-link { /* color: -moz-nativehyperlinktext; */ } .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; } .addon .toggle-more > .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; } .addon .icon { margin: 7px 5px; width: 32px; height: 32px; list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); } .addon[type="theme"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); } .addon[type="locale"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); } .addon[type="plugin"] .icon { list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } .addon .name-container { -moz-box-align: end; } .addon .name, .addon .version { font-size: 150%; margin-bottom: 0px; } .addon .disabled-postfix { font-size: 130%; } .addon .description { margin-top: 8px; -moz-margin-start: 6px; } .addon .warning { color: #FF0000; -moz-box-align: start; } .addon .warning-icon { opacity: 0.7; list-style-image: url("chrome://global/skin/icons/warning-16.png"); } .addon[selected] .warning-icon { opacity: 1; } .addon .details-container { -moz-box-align: end; -moz-margin-start: 20px; } .addon .control-container { -moz-box-align: center; -moz-box-pack: end; margin-top: 6px; } .addon[selected] .details-container { border-color: #FFCF00; } /*** item - uninstalled ***/ .addon[status="uninstalled"] { border: none; } .addon[status="uninstalled"] > .container { -moz-box-align: center; padding: 4px 20px; background-color: #8050B0; -moz-border-radius: 8px; font-size: 120%; } .addon[status="uninstalled"][selected] { background-color: transparent; } /*** search view ***/ .search-filter { padding: 20px; -moz-box-align: center; background-color: #000000; font-size: 120%; } /*** detail view ***/ #detail-view[active="false"] .fade { opacity: 0.5; } #detail-view > .loading { opacity: 0; } #detail-view:not([loading]) > .loading { visibility: collapse; } #detail-view[loading-extended] > .loading { -moz-box-align: center; -moz-box-pack: center; opacity: 1; -moz-transition-property: opacity; -moz-transition-duration: 1s; } #detail-view > .loading > image { list-style-image: url("chrome://global/skin/icons/loading.gif"); } .detail-view-container { overflow: auto; padding: 10px 20px; } .detail-basicinfo { padding: 10px 0px; -moz-box-align: center; } .detail-extra { margin-top: 20px; } #detail-desc { min-height: 40px; margin-bottom: 20px; } #detail-icon { width: 32px; height: 32px; -moz-margin-end: 10px; list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); } #detail-view[type="theme"] #detail-icon { list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); } #detail-view[type="locale"] #detail-icon { list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); } #detail-view[type="plugin"] #detail-icon { list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } #detail-name { font-size: 200%; } #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; -moz-border-radius: 8px; font-size: 120%; } /*** creator ***/ .creator > label { -moz-margin-start: 0px; -moz-margin-end: 0px; } .creator > .text-link { margin-top: 1px; margin-bottom: 1px; } /*** rating ***/ .meta-rating { -moz-margin-start: 0px; -moz-margin-end: 0px; vertical-align: text-top; } .meta-rating[showrating="average"] > .star { list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); padding: 0px 1px; } .meta-rating[showrating="user"] > .star { list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); padding: 2px 3px; } .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; } /*** download progress ***/ .download-progress { background-color: #000000; -moz-border-radius: 100%; border: 1px solid #FF9F00; width: 200px; height: 24px; margin: 0px 8px; } .download-progress .start-cap, .download-progress[complete] .end-cap, .download-progress .progress .progress-bar { background-color: #008484; } .download-progress .progress { background-color: transparent; } .download-progress .start-cap, .download-progress .end-cap { width: 12px; } .download-progress .start-cap:-moz-locale-dir(ltr), .download-progress .end-cap:-moz-locale-dir(rtl) { -moz-border-radius: 100% 0 0 100%; } .download-progress .end-cap:-moz-locale-dir(ltr), .download-progress .start-cap:-moz-locale-dir(rtl) { -moz-border-radius: 0 100% 100% 0; } .download-progress .progress { -moz-appearance: none; padding: 0px; margin: 0px; border: none; } .download-progress .pause, .download-progress .cancel { -moz-appearance: none; background-color: #8050B0; border-width: 1px 0px 0px 1px; padding-right: 1px; border-style: solid; -moz-border-radius: 100%; min-width: 16px; width: 16px; height: 16px; margin: 3px; } .download-progress .pause { list-style-image: url('chrome://mozapps/skin/extensions/pause.png'); } .download-progress .cancel { list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); } .download-progress .status-container { -moz-box-align: center; } /*** install status ***/ .install-status { -moz-box-align: center; } /*** check for updates ***/ #updates-container { -moz-box-align: center; } #updates-installed, #updates-downloaded { color: #008484; font-weight: bold; } /*** buttons ***/ .addon-control { padding: 0px 5px; } .addon-control[disabled="true"] { display: none; } .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; }