X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fextensions%2Fextensions.css;h=2cb6ea00e7e7b5360b18ad930a6cb4ac74100533;hp=f58806c9af46dfc2d966602257a7138bed8f867f;hb=a7145e953610161cc4774a08ded880bc9e0e9e07;hpb=72a6fd3905676b14c504bf0532ebd52906c82a4c diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index f58806c9..2cb6ea00 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -1,56 +1,13 @@ -/* ***** 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 ***** */ - -#addons-page { - background-color: #000000; - color: #FF9F00; - margin: 20px; -} +/* 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/. */ -#view-port-container { - /* Needed to allow the radius to clip the inner content, see bug 595656 */ - overflow: hidden; - border: 1px solid #9C9CFF; - border-radius: 5px; -} +@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"); - min-width: 0; } #forward-btn { @@ -77,8 +34,9 @@ -moz-image-region: rect(63px 50px 84px 25px); } + /*** global warnings ***/ - + .global-warning-container { overflow-x: hidden; } @@ -96,10 +54,10 @@ #detail-view .global-warning { padding: 4px 12px; - border-bottom: 3px solid #000000; + border-bottom: 3px solid #000000; } -@media all and (max-width: 600px) { +@media (max-width: 600px) { .global-warning-text { display: none; } @@ -111,6 +69,22 @@ } } +/*** global informations ***/ +#addons-page .global-info-container { + background-color: #9C9CFF; + border-top-right-radius: 5px; + border-top-left-radius: 5px; +} + +/* 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 { @@ -165,6 +139,7 @@ border: 1px solid #9C9CFF; border-radius: 8px; background-color: #000000; + background-clip: padding-box; } .alert .alert-title { @@ -173,7 +148,7 @@ margin-bottom: 15px; } -.alert .addon-control { +.alert button { margin: 1em 2em; } @@ -197,7 +172,7 @@ .category { background-color: transparent; - color: #000000; + color: #FF9F00; min-height: 0; padding: 10px 4px; border-width: 1px; @@ -218,21 +193,23 @@ } .category[disabled] { + border-top: 0; + border-bottom: 0; height: 0; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category:not([disabled]) { height: 52px; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; } .category[selected] { - color: FFCF00; - font-weight: bold; + background-color: #008484; + color: #FFCF00; border-color: #9C9CFF; } @@ -241,7 +218,7 @@ } /* Maximize the size of the viewport when the window is small */ -@media all and (max-width: 800px) { +@media (max-width: 800px) { .category-name { display: none; } @@ -273,21 +250,24 @@ #category-discover > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); } -#category-languages > .category-icon { +#category-locale > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); } -#category-searchengines > .category-icon { +#category-searchengine > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); } -#category-extensions > .category-icon { +#category-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } -#category-themes > .category-icon { +#category-theme > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); } -#category-plugins > .category-icon { +#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-availableUpdates > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); } @@ -312,18 +292,17 @@ margin: 0; } -#header-search .textbox-input:-moz-placeholder { +#header-search .textbox-input::-moz-placeholder { color: #8050B0; } -#header-search[focused="true"] { +#header-search[focused] { border-color: #008484; } #header-utils-btn { - min-width: 4.5em; list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); - -moz-margin-end: 18px; + -moz-margin-end: 16px; } #header-utils-btn:hover, @@ -342,7 +321,8 @@ } .view-header { - background-color: #000000; + background-color: #9C9CFF; + color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; @@ -400,6 +380,40 @@ } +/*** 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 { @@ -414,10 +428,6 @@ background-origin: border-box; } -.addon[status="installing"] { - -moz-box-align: center; -} - .details { cursor: pointer; margin: 0; @@ -427,7 +437,9 @@ .icon-container { width: 48px; height: 48px; - margin: 22px 7px 7px 7px; + margin: 3px 7px; + -moz-box-align: center; + -moz-box-pack: center; } .icon { @@ -437,7 +449,7 @@ } .addon[active="false"] .icon { -/* filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */ + filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); } .addon-view[type="theme"] .icon { @@ -452,12 +464,17 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.name-container, -.addon[status="installing"] .name { +.addon-view[type="dictionary"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +.name-container { font-size: 150%; font-weight: bold; - color: #E7ADE7; + color: #9C9CFF; margin-bottom: 0; + -moz-box-align: end; + -moz-box-flex: 1; } .creator { @@ -469,8 +486,8 @@ } .description-container { - margin-top: 8px; -moz-margin-start: 6px; + -moz-box-align: center; } .description { @@ -483,6 +500,44 @@ .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 { @@ -508,14 +563,14 @@ height: 0; overflow: hidden; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; + transition-property: height, opacity; + 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; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; } .addon .relnotes-header { @@ -541,12 +596,13 @@ } .addon[active="false"] { - /* background-color: rgba(135, 135, 135, 0.1); */ + background-color: #8050B0; + color: #E7ADE7; } -.addon-view[active="false"], .addon-view[active="false"] .name-container { color: #E7ADE7; + color: #000000; } .addon-view[notification="warning"] { @@ -558,6 +614,10 @@ color: #000000; } +.addon-view[notification="warning"] .name-container { + color: #000000; +} + .addon-view[notification="error"] { background-color: #FF0000; color: #000000; @@ -578,6 +638,12 @@ background-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; @@ -604,15 +670,19 @@ .addon[selected] { background-color: #008484; - color: #FFCF00; + color: #FF9F00; } .addon[selected] .name-container { - /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */ + color: #FFCF00; +} + +.addon[active="false"][selected] { + color: #E7ADE7; } .addon[active="false"][selected] .name-container { - /* color: #; */ + color: #E7ADE7; } @@ -662,14 +732,10 @@ opacity: 0; } -#detail-view:not([loading]) .alert-container { - visibility: collapse; -} - #detail-view[loading-extended] .loading { opacity: 1; - -moz-transition-property: opacity; - -moz-transition-duration: 1s; + transition-property: opacity; + transition-duration: 1s; } .detail-view-container { @@ -688,9 +754,13 @@ -moz-margin-start: 0; } -#detail-icon { +#detail-icon-container { + width: 64px; -moz-margin-end: 10px; margin-top: 6px; +} + +#detail-icon { max-width: 64px; max-height: 64px; } @@ -705,13 +775,25 @@ #detail-screenshot { -moz-margin-end: 2em; + max-width: 300px; + max-height: 300px; +} + +#detail-screenshot[loading] { + background-image: url("chrome://communicator/skin/brand/throbber-anim.png"); + 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-desc, #detail-fulldesc { -moz-margin-start: 6px; white-space: pre-wrap; /* This is necessary to fix layout issues with multi-line descriptions, see @@ -720,6 +802,10 @@ min-width: 8em; } +#detail-fulldesc { + margin-top: 1em; +} + #detail-contributions { border-radius: 5px; border: 1px solid #9C9CFF; @@ -748,22 +834,26 @@ } #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"] { +.detail-row-complex[first-row="true"], +setting[first-row="true"] { border-top: none; } .detail-row, -.detail-row-complex { +.detail-row-complex, +setting { border-top: 1px solid #9C9CFF; -moz-box-align: center; -} - -.detail-row-value { - -moz-margin-start: 0; + min-height: 30px; } #detail-controls { @@ -774,10 +864,42 @@ /* background-color: foo; */ } +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; + -moz-margin-start: 2em; + white-space: pre-wrap; +} + +.preferences-description:empty { + display: none; +} + +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; } @@ -790,7 +912,6 @@ /*** rating ***/ .meta-rating { - -moz-margin-start: 0; -moz-margin-end: 0; padding-top: 2px; } @@ -816,12 +937,23 @@ 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: #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; @@ -843,7 +975,6 @@ border-radius: 0 3px 3px 0; } -.download-progress .pause, .download-progress .cancel { -moz-appearance: none; background-color: #8050B0; @@ -854,26 +985,19 @@ margin: 3px; } -.download-progress .pause .button-box, .download-progress .cancel .button-box { padding: 0; border: none; } -.download-progress .pause .button-text, .download-progress .cancel .button-text { display: none; } -.download-progress .pause .button-icon, .download-progress .cancel .button-icon { -moz-margin-start: 0; } -.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'); } @@ -919,12 +1043,16 @@ display: none; } -.button-link { +button.button-link { background: transparent; border: none; text-decoration: underline; - color: blue; + 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 { +}