/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url("chrome://global/skin/in-content/common.css"); #addons-page { padding: 3px; margin: 0; } .main-content { padding: 0; } #nav-header { min-height: 39px; } .view-pane > .list > scrollbox { border-radius: 1em 0 0 0; /* padding-right: 48px; padding-left: 48px; */ } #search-list > scrollbox { border-radius: 0; } /*** 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: #FFCF00; } #detail-view .global-warning { padding: 4px 12px; border-bottom: 3px solid #000000; } @media (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 ***/ /* 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, .error-icon, .pending-icon, .info-icon { width: 16px; height: 16px; margin: 1px 0; } .warning-icon { list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); } .error-icon { list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg"); } .pending-icon, .info-icon { list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg"); } .addon-view[pending="disable"] .pending-icon, .addon-view[pending="uninstall"] .pending-icon { list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg"); } /*** view alert boxes ***/ .alert-container { -moz-box-align: center; margin-right: 48px; margin-left: 48px; } .alert-spacer-before { -moz-box-flex: 1; } .alert-spacer-after { -moz-box-flex: 3; } .alert { -moz-box-align: center; padding: 10px; color: #FF9F00; border: 1px solid #9C9CFF; border-radius: 8px; background-color: #000000; 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.png"); padding-left: 20px; padding-right: 20px; } @media (min-resolution: 1.1dppx) { .loading > image { width: 16px; list-style-image: url("chrome://global/skin/icons/loading@2x.png"); } } button.warning { list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); } /*** category selector ***/ #categories { padding-top: 0;/*31px;*/ } .category[disabled] { min-height: 0; opacity: 0; transition-property: min-height, opacity; transition-duration: 1s, 0.8s; } .category:not([disabled]) { min-height: 40px; transition-property: min-height, opacity; transition-duration: 1s, 0.8s; } /* Maximize the size of the viewport when the window is small */ @media (max-width: 800px) { .category-name { display: none; } } .category-badge { background-color: #E7ADE7; padding: 2px 8px; margin: 6px 0; margin-inline-start: 6px; border-radius: 100%; color: #000000; font-weight: bold; text-align: center; } .category-badge[value="0"] { display: none; } #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-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } #category-service > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-service.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-dictionary > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png"); } #category-experiment > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.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"); } /*** main content ***/ #addons-page > hbox { /* This applies to the box surrounding all content. */ background-color: #A09090; border-radius: 1em 0 0 0; } .main-content { border: none; padding-bottom: 0; } #view-port { background-color: #000000; border-radius: 1em 0 0 0; } /*** header ***/ #header { height: 2em; padding: 3px; background-color: #A09090; } @media (max-width: 600px) { #header-search { width: 12em; } } #header-utils-btn { list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities"); margin-inline-end: 16px; } #header-utils-btn:hover, #header-utils-btn:hover:active, #header-utils-btn[open="true"] { list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover"); } #header-utils-btn > .button-box > .button-menu-dropmarker { border: none; background: transparent; } #header-utils-btn:hover > .button-box > .button-menu-dropmarker { list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } .view-header { margin: 0 48px; background-color: #9C9CFF; color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; } .header-button { } .header-button[disabled="true"] > .toolbarbutton-icon { } .header-button:not([disabled="true"]):hover, #header-utils-btn:not([disabled="true"]):hover { cursor: pointer; } .header-button > .toolbarbutton-text { display: none; } .nav-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); } #forward-btn { border-inline-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); } /*** sorters ***/ .sort-controls { border-right: 3px solid #000000; } .sorter { border: none; border-left: 3px solid #000000; background-color: transparent; color: #000000; border-radius: 0; margin: 0; min-width: 12px !important; -moz-box-direction: reverse; } .sorter:hover { background-color: #FFCF00; color: #000000; } .sorter .button-box { padding-top: 0; padding-bottom: 0; } .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 { margin-inline-start: 6px; } /*** 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"); margin-inline-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; } #discover-browser { border-radius: 1em 0px 0px; } /*** list ***/ .list { margin: 0; border-width: 0 !important; background-color: transparent; } .list > scrollbox > .scrollbox-innerbox { border: 1px dotted transparent; } .list:-moz-focusring > scrollbox > .scrollbox-innerbox { border-color: #008484; } .addon { border-bottom: 1px solid #9C9CFF; padding: 5px; background-origin: border-box; } .addon:not(:only-child):last-child { border-bottom-width: 0; } .details { cursor: pointer; margin: 0; margin-inline-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.svg"); max-width: 48px; max-height: 48px; } .content-inner-container { margin-inline-end: 5px; } .addon[active="false"] .icon { filter: grayscale(1); } .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"); } .addon-view[type="dictionary"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); } .addon-view[type="experiment"] .icon { list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png"); } .name-container { font-size: 1.3rem; font-weight: bold; color: #9C9CFF; margin-bottom: 0; -moz-box-align: end; -moz-box-flex: 1; } .creator { font-weight: bold; } .description-container { margin-inline-start: 6px; -moz-box-align: center; font-size: 1.25rem; } .description { margin: 0; } .warning, .pending, .error, .info { margin-inline-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; } .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: #FFCF00; } .addon-view .error { color: #FF0000; } .addon-view .pending { color: #008484; } .addon-view[pending="disable"] .pending, .addon-view[pending="uninstall"] .pending { color: #FF9C00; } .addon .relnotes-container { -moz-box-align: start; margin-inline-start: 6px; height: 0; overflow: hidden; opacity: 0; transition-property: height, opacity; transition-duration: 0.5s, 0.5s; } .addon[show-relnotes] .relnotes-container { opacity: 1; transition-property: height, opacity; 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 { padding-inline-start: 4px; } .addon[show-relnotes] .relnotes-toggle { list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } .addon-view[notification], .addon-view[pending] { --view-highlight-color: transparent; /* background-image: radial-gradient(at 50% 0%, var(--view-highlight-color) 0%, transparent 75%); */ background-color: var(--view-highlight-color); } .addon-view[notification="warning"] { --view-highlight-color: #FFCF00; color: #000000; } .addon-view[notification="warning"] .warning { color: #000000; } .addon-view[notification="warning"] .name-container { color: #000000; } .addon-view[notification="warning"] .text-link:hover { color: #000000; } .addon-view[notification="error"] { --view-highlight-color: #FF0000; color: #000000; } .addon-view[notification="error"] .error { color: #000000; } .addon-view[notification="info"] { --view-highlight-color: #9C9CFF; color: #000000; } .addon-view[pending="enable"], .addon-view[pending="upgrade"], .addon-view[pending="install"] { --view-highlight-color: #008484; } .addon-view[pending="enable"] .pending, .addon-view[pending="upgrade"] .pending, .addon-view[pending="install"] .pending { color: #000000; } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { color: #8050B0; } /*** item - uninstalled ***/ .addon[status="uninstalled"] { border: none; } .addon[status="uninstalled"] > .container { -moz-box-align: center; padding: 4px 20px; background-color: #8050B0; border-radius: 8px; font-size: 120%; } .addon[status="uninstalled"][selected] { background-color: transparent; } .addon[selected] { background-color: #008484; color: #FF9F00; } .addon[selected] .name-container { color: #FFCF00; } .addon[active="false"] { background-color: #8050B0; color: #E7ADE7; } .addon-view[active="false"] .name-container { color: #E7ADE7; color: #000000; } .addon[active="false"][selected] { color: #E7ADE7; } .addon[active="false"][selected] .name-container { color: #E7ADE7; } /*** search view ***/ #search-filter { padding: 5px 20px; /* margin-right: 48px; margin-left: 48px;*/ -moz-box-align: center; background-color: #000000; font-size: 120%; border-bottom: 1px solid #9C9CFF; overflow-x: hidden; } #search-filter-label { font-weight: bold; color: #FFCF00; margin-inline-end: 10px; } #search-allresults-link { margin-top: 1em; margin-bottom: 2em; } /*** detail view ***/ #detail-view .loading { opacity: 0; } #detail-view[loading-extended] .loading { opacity: 1; transition-property: opacity; transition-duration: 1s; } .detail-view-container { padding: 0 2em 2em 2em; font-size: 1.25rem; } #detail-notifications { margin-top: 1em; margin-bottom: 2em; } #detail-notifications .warning, #detail-notifications .pending, #detail-notifications .error { margin-inline-start: 0; } #detail-icon-container { width: 64px; margin-inline-end: 10px; margin-top: 6px; } #detail-icon { max-width: 64px; max-height: 64px; } #detail-summary { margin-bottom: 2em; } #detail-name-container { font-size: 2.5rem; font-weight: normal; } #detail-screenshot-box { margin-inline-end: 2em; /* background-color: white;*/ } #detail-screenshot { max-width: 300px; max-height: 300px; } #detail-screenshot[loading] { background-image: url("chrome://global/skin/icons/loading.png"); background-position: 50% 50%; background-repeat: no-repeat; } @media (min-resolution: 1.1dppx) { #detail-screenshot[loading] { background-image: url("chrome://global/skin/icons/loading@2x.png"); background-size: 16px; } } #detail-screenshot[loading="error"] { background-image: url("chrome://global/skin/icons/alert-error.gif"); } #detail-desc-container { margin-bottom: 2em; } #detail-desc, #detail-fulldesc { margin-inline-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 #9C9CFF; margin-bottom: 2em; padding: 1em; background-color: #FFCF00; } #detail-contrib-description { font-style: italic; margin-bottom: 1em; color: #000000; } #detail-contrib-suggested { color: #8050B0; font-weight: bold; } #detail-contrib-btn { list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); } #detail-contrib-btn .button-icon { margin-inline-end: 3px; } #detail-grid { min-width: 15em; 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 #9C9CFF; -moz-box-align: center; min-height: 35px; line-height: 20px; } #detail-controls { margin-bottom: 1em; } .inline-options-browser, setting[first-row="true"] { margin-top: 2em; } setting { -moz-box-align: start; } .preferences-alignment { min-height: 30px; -moz-box-align: center; } .preferences-description { font-size: 90.9%; color: #808080; margin-top: -2px; margin-inline-start: 2em; white-space: pre-wrap; } .preferences-description:empty { display: none; } setting[type="radio"] > radiogroup { -moz-box-orient: horizontal; } /*** creator ***/ .creator > label { margin-inline-end: 0; } .creator > .text-link { margin-top: 1px; margin-bottom: 1px; } /*** rating ***/ .meta-rating { margin-inline-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: #000000; border-radius: 2px; border: 1px solid #FF9F00; width: 200px; height: 30px; margin: 2px 4px; } .download-progress[mode="undetermined"] { border-color: #A09090; } .download-progress .start-cap, .download-progress[complete] .end-cap, .download-progress[mode="undetermined"] .end-cap, .download-progress .progress .progress-bar { background-color: #008484; } .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: 1px 0 0 1px; } .download-progress .end-cap:-moz-locale-dir(ltr), .download-progress .start-cap:-moz-locale-dir(rtl) { border-radius: 0 1px 1px 0; } .download-progress .cancel { -moz-appearance: none; background-color: #8050B0; border: 1px solid #9C9CFF; padding: 3px; min-width: 0; width: 20px; height: 20px; margin: 3px; } .download-progress .cancel .button-box { padding: 0; border: none; } .download-progress .cancel .button-text { display: none; } .download-progress .cancel .button-icon { margin-inline-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: #008484; font-weight: bold; } #update-selected { margin: 12px; } /*** buttons ***/ .addon-control[disabled="true"]:not(.no-auto-hide) { display: none; } .no-auto-hide .addon-control { display: block !important; } button.button-link { background: transparent; border: none; text-decoration: underline; color: #3333FF; 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 { } /*** telemetry experiments ***/ #detail-experiment-container { font-size: 80%; margin-bottom: 1em; } #detail-experiment-bullet-container, #detail-experiment-state, #detail-experiment-time, .experiment-bullet-container, .experiment-state, .experiment-time { vertical-align: middle; display: inline-block; } .addon .experiment-bullet, #detail-experiment-bullet { fill: #8050B0; } .addon[active="true"] .experiment-bullet, #detail-view[active="true"] #detail-experiment-bullet { fill: #FFCF00; } /*** info UI for add-ons that have been disabled for being unsigned ***/ #show-disabled-unsigned-extensions:not(:hover) { background-color: #FF0000; } #disabled-unsigned-addons-info { margin-bottom: 2em; margin-inline-end: 48px; } #disabled-unsigned-addons-heading { font-size: 1.4em; font-weight: bold; margin-bottom: .5em; } #signing-dev-info { font-style: italic; }