/* ***** 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 ***** */ @import url("chrome://global/skin/inContentUI.css"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); .nav-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); } #forward-btn { -moz-border-start: none; } #back-btn:-moz-locale-dir(ltr), #forward-btn:-moz-locale-dir(rtl) { -moz-image-region: rect(42px 25px 63px 0px); } #back-btn[disabled="true"]:-moz-locale-dir(ltr), #forward-btn[disabled="true"]:-moz-locale-dir(rtl) { -moz-image-region: rect(42px 50px 63px 25px); } #back-btn:-moz-locale-dir(rtl), #forward-btn:-moz-locale-dir(ltr) { -moz-image-region: rect(63px 25px 84px 0px); } #back-btn[disabled="true"]:-moz-locale-dir(rtl), #forward-btn[disabled="true"]:-moz-locale-dir(ltr) { -moz-image-region: rect(63px 50px 84px 25px); } /*** global warnings ***/ .global-warning-container { overflow-x: hidden; } .global-warning { -moz-box-align: center; padding: 0 8px; color: #000000; font-weight: bold; } #addons-page[warning] .global-warning-container { background-color: #FFFFCC; } #detail-view .global-warning { padding: 4px 12px; border-bottom: 1px solid #9999CC; } @media all and (max-width: 600px) { .global-warning-text { display: none; } .global-warning .warning-icon { /* background-color: #FFF; box-shadow: 0px 0px 2px 5px #FFF; border-radius: 10px; */ } } /*** global informations ***/ #addons-page .global-info-container { background-color: #9C9CFF; } /* Plugins aren't yet disabled by safemode (bug 342333), so don't show that warning when viewing plugins. */ #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container, #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container { background-color: inherit; background-image: none; } /*** notification icons ***/ .warning-icon { list-style-image: url("chrome://global/skin/icons/warning-16.png"); width: 16px; height: 16px; margin: 3px 0; } .error-icon { list-style-image: url("chrome://global/skin/icons/error-16.png"); width: 16px; height: 16px; margin: 3px 0; } .pending-icon, .info-icon { list-style-image: url("chrome://global/skin/icons/information-16.png"); width: 16px; height: 16px; margin: 3px 0; } .addon-view[pending="disable"] .pending-icon, .addon-view[pending="uninstall"] .pending-icon { list-style-image: url("chrome://global/skin/icons/warning-16.png"); width: 16px; height: 15px; margin: 3px 0; } /*** view alert boxes ***/ .alert-container { -moz-box-align: center; } .alert-spacer-before { -moz-box-flex: 1; } .alert-spacer-after { -moz-box-flex: 3; } .alert { -moz-box-align: center; padding: 10px; color: #000000; border: 1px inset #CCD0DD; border-radius: 8px; background-color: #CCD0DD; background-clip: padding-box; } .alert .alert-title { font-weight: bold; font-size: 200%; margin-bottom: 15px; } .alert button { margin: 1em 2em; } .loading { list-style-image: url("chrome://global/skin/icons/loading.gif"); padding-left: 20px; padding-right: 20px; } /*** category selector ***/ #categories { -moz-appearance: none; border: none; -moz-margin-end: -1px; background-color: transparent; position: relative; margin-top: 31px; } .category { background-color: transparent; color: #404040; min-height: 0; padding: 10px 4px; border-width: 1px; border-style: solid; border-color: transparent; -moz-box-align: center; overflow: hidden; } .category[disabled] { border-top: 0; border-bottom: 0; height: 0; 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: #FFFFFF; color: #000000; border-color: #666699; } .category-name { font-size: 150%; } /* Maximize the size of the viewport when the window is small */ @media all and (max-width: 800px) { .category-name { display: none; } } .category-badge { background-color: #666699; padding: 2px 8px; margin: 6px 0; border: 1px outset #666699; color: #FFFFFF; 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-locale > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); } #category-searchengine > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); } #category-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } #category-theme > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); } #category-plugin > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); } #category-availableUpdates > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); } #category-recentUpdates > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png"); } /*** header ***/ #header { margin-bottom: 18px; height: 2em; } #header-search { color: #000000; border: 1px inset #CCD0DD; padding: 3px; background-color: #CCD0DD; margin: 0; } #header-search .textbox-input:-moz-placeholder { color: #808080; } #header-search[focused] { background-color: #FFFFFF; } #header-utils-btn { list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); -moz-margin-end: 16px; } .view-header { background-color: #9999CC; padding: 4px; margin: 0; min-height: 31px; border-bottom: 1px solid #666699; } /*** sorters ***/ .sort-controls { -moz-appearance: none; } .sorter { -moz-appearance: none; border: 1px solid transparent; background-color: transparent; color: #000000; padding: 0 5px; margin: 0 6px; min-width: 12px !important; -moz-box-direction: reverse; } .sorter .button-box { padding-top: 0; padding-bottom: 0; } .sorter:hover { border: 1px outset #666699; } .sorter[checkState="1"], .sorter[checkState="2"] { background-color: #666699; color: #FFFFFF; border: 1px inset #666699; } .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; } /*** discover view ***/ .discover-spacer-before, .discover-spacer-after { -moz-box-flex: 1; } #discover-error .alert { max-width: 45em; -moz-box-flex: 1; } .discover-logo { list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png"); -moz-margin-end: 15px; } .discover-title { font-weight: bold; font-size: 24px; /* font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; */ margin: 0 0 15px 0; } .discover-description { text-align: justify; margin: 0 0 15px 0; } .discover-footer { text-align: justify; } /*** list ***/ .list { margin: 0; border: none; background-color: transparent; } .addon { border-bottom: 1px solid #9999CC; padding: 5px; background-origin: border-box; } .details { cursor: pointer; margin: 0; -moz-margin-start: 10px; } .icon-container { width: 48px; height: 48px; margin: 3px 7px; -moz-box-align: center; -moz-box-pack: center; } .icon { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); max-width: 48px; max-height: 48px; } .addon[active="false"] .icon { /* filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */ } .addon-view[type="theme"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); } .addon-view[type="locale"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); } .addon-view[type="plugin"] .icon { list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } .name-container { font-size: 150%; font-weight: bold; color: #404040; margin-bottom: 0; -moz-box-align: end; -moz-box-flex: 1; } .creator { font-weight: bold; } .creator .text-link { /* color: #0066CC; */ } .description-container { -moz-margin-start: 6px; -moz-box-align: center; } .description { margin: 0; } .warning, .pending, .error, .info { -moz-margin-start: 48px; font-weight: bold; -moz-box-align: center; } .content-container, .basicinfo-container { -moz-box-align: start; } .addon[status="installing"] > .content-container { -moz-box-align: stretch; } .advancedinfo-container, .update-info-container { -moz-box-align: center; } .update-available { -moz-box-align: end; } .install-status-container { -moz-box-pack: end; -moz-box-align: end; } .name-outer-container { -moz-box-pack: center; } .relnotes-toggle-container, .icon-outer-container { -moz-box-pack: start; } .status-container, .control-container { -moz-box-pack: end; } .addon-view .warning { color: #808000; } .addon-view .error { color: #FF0000; } .addon-view .pending { color: #33FF33; } .addon-view[pending="disable"] .pending, .addon-view[pending="uninstall"] .pending { color: #000000; } .addon .relnotes-container { -moz-box-align: start; -moz-margin-start: 6px; height: 0; overflow: hidden; opacity: 0; -moz-transition-property: height, opacity; -moz-transition-duration: 0.5s, 0.5s; } .addon[show-relnotes] .relnotes-container { opacity: 1; -moz-transition-property: height, opacity; -moz-transition-duration: 0.5s, 0.5s; } .addon .relnotes-header { font-weight: bold; margin: 10px 0; } .addon .relnotes-toggle { border: none; background: transparent; font-weight: bold; -moz-box-direction: reverse; cursor: pointer; list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } .addon .relnotes-toggle > .button-box > .button-icon { -moz-padding-start: 4px; } .addon[show-relnotes] .relnotes-toggle { list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } .addon[active="false"] { /* background-color: rgba(135, 135, 135, 0.1); */ } .addon-view[active="false"], .addon-view[active="false"] .name-container { color: #666699; } .addon-view[notification="warning"] { background-color: #FFFFCC; } .addon-view[notification="error"] { background-color: #FFD0DD; } .addon-view[notification="info"] { background-color: #9999CC; } .addon-view[pending="enable"], .addon-view[pending="upgrade"], .addon-view[pending="install"] { background-color: #CCFFDD; } .addon-view[pending="enable"] .pending, .addon-view[pending="upgrade"] .pending, .addon-view[pending="install"] .pending { color: #008000; } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { background-color: #808080; } .addon[selected] { background-color: #336699; color: #FFFFFF; } .addon[selected] .name-container { color: #FFFFFF; } .addon[active="false"][selected] { color: #000000; } .addon[active="false"][selected] .name-container { color: #222233; } /*** item - uninstalled ***/ .addon[status="uninstalled"] { border: none; } .addon[status="uninstalled"] > .container { -moz-box-align: center; padding: 4px 20px; background-color: #808080; border-radius: 8px; font-size: 120%; } .addon[status="uninstalled"][selected] { background-color: transparent; } /*** search view ***/ #search-filter { padding: 5px 20px; -moz-box-align: center; background-color: #FFFFFF; font-size: 120%; border-bottom: 1px solid #666699; overflow-x: hidden; } #search-filter-label { font-weight: bold; color: #808080; } .search-filter-radio { -moz-appearance: none; padding: 0 6px; margin: 0 3px; border-radius: 10000px; } .search-filter-radio[selected] { background-color: #3366699; color: #000000; } .search-filter-radio .radio-check-box1 { display: none; } .search-filter-radio .radio-icon { display: none; } #search-allresults-link { margin-top: 1em; margin-bottom: 2em; } /*** detail view ***/ #detail-view .loading { opacity: 0; } #detail-view[loading-extended] .loading { opacity: 1; -moz-transition-property: opacity; -moz-transition-duration: 1s; } .detail-view-container { padding: 0 2em 2em 2em; font-size: 110%; } #detail-notifications { margin-top: 1em; margin-bottom: 2em; } #detail-notifications .warning, #detail-notifications .pending, #detail-notifications .error { -moz-margin-start: 0; } #detail-icon { -moz-margin-end: 10px; margin-top: 6px; max-width: 64px; max-height: 64px; } #detail-summary { margin-bottom: 2em; } #detail-name-container { font-size: 200%; } #detail-screenshot { -moz-margin-end: 2em; max-width: 300px; max-height: 300px; } #detail-screenshot[loading] { background-image: url("chrome://communicator/skin/brand/throbber-anim.gif"); background-position: 50% 50%; background-repeat: no-repeat; } #detail-screenshot[loading="error"] { background-image: url("chrome://global/skin/icons/alert-error.gif"); } #detail-desc-container { margin-bottom: 2em; } #detail-desc, #detail-fulldesc { -moz-margin-start: 6px; white-space: pre-wrap; /* This is necessary to fix layout issues with multi-line descriptions, see bug 592712*/ outline: solid transparent; min-width: 8em; } #detail-fulldesc { margin-top: 1em; } #detail-contributions { border-radius: 5px; border: 1px solid #666699; margin-bottom: 2em; padding: 1em; background-color: #FFFFCC; } #detail-contrib-description { font-style: italic; margin-bottom: 1em; color: #000000; } #detail-contrib-suggested { color: #808080; font-weight: bold; } #detail-contrib-btn { list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); } #detail-contrib-btn .button-icon { -moz-margin-end: 3px; } #detail-grid { margin-bottom: 2em; } #detail-grid > columns > column:first-child { max-width: 25em; } .detail-row[first-row="true"], .detail-row-complex[first-row="true"], setting[first-row="true"] { border-top: none; } .detail-row, .detail-row-complex, setting { border-top: 1px solid #808080; -moz-box-align: center; min-height: 30px; } #detail-controls { margin-bottom: 1em; } #detail-view[active="false"]:not([pending]):not([notification]) { /* background-color: foo; */ } setting[first-row="true"] { margin-top: 2em; } .preferences-description { font-size: 90.9%; color: #808080; margin-top: -2px; -moz-margin-start: 2em; } setting[type="string"] > .setting-input > textbox { -moz-box-flex: 1; } setting[type="radio"] > radiogroup { -moz-box-orient: horizontal; } menulist { /* Fixes some styling inconsistencies */ margin: 1px 5px 2px 5px; } /*** creator ***/ .creator > label { -moz-margin-start: 0; -moz-margin-end: 0; } .creator > .text-link { margin-top: 1px; margin-bottom: 1px; } /*** rating ***/ .meta-rating { -moz-margin-end: 0; padding-top: 2px; } .meta-rating > .star { list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); padding: 0 1px; } .meta-rating > .star[on="true"] { list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); } /*** download progress ***/ .download-progress { background-color: #CCD0DD; border: 1px solid #808080; width: 200px; height: 21px; margin: 0 8px; } .download-progress[mode="undetermined"] .status-container { padding: 0 2px; } .download-progress .start-cap, .download-progress[complete] .end-cap, .download-progress[mode="undetermined"] .end-cap, .download-progress .progress .progress-bar { background-color: #336699; } .download-progress .progress .progress-bar { border-left-width: 0; border-right-width: 0; min-height: 21px; } .download-progress .progress { background-color: transparent; padding: 0; margin: 0; border: none; } .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) { border-radius: 3px 0 0 3px; } .download-progress .end-cap:-moz-locale-dir(ltr), .download-progress .start-cap:-moz-locale-dir(rtl) { border-radius: 0 3px 3px 0; } .download-progress .cancel { -moz-appearance: none; background-color: #CCD0DD; border: 1px solid #666699; padding: 3px; min-width: 0; margin: 3px; } .download-progress .cancel .button-box { padding: 0; border: none; } .download-progress .cancel .button-text { display: none; } .download-progress .cancel .button-icon { -moz-margin-start: 0; } .download-progress .cancel { list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); } .download-progress .status-container { -moz-box-align: center; } .download-progress .status { /* text-shadow: #FFF 0 0 2px; */ } /*** install status ***/ .install-status { -moz-box-align: center; } /*** check for updates ***/ #updates-container { -moz-box-align: center; } #updates-container .button-link { font-weight: bold; } #updates-installed, #updates-downloaded { color: #00CC00; font-weight: bold; } #update-selected { margin: 12px; } /*** buttons ***/ .addon-control[disabled="true"] { display: none; } button.button-link { background: transparent; border: none; text-decoration: underline; color: #0000FF; cursor: pointer; min-width: 0; margin: 0 6px; } /* Needed to override normal button style from inContent.css */ button.button-link:not([disabled="true"]):active:hover { }