X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fmozapps%2Fextensions%2Fextensions.css;h=7af4bd7ede74c662c18d6a91c8ae8e4425c0d5a4;hp=21f90ab35f5e330ac78991fc0d36c7843112f780;hb=e6947267ac09872af2aa1c74c74cb00d8581abe4;hpb=f777a4f1d5abd2057e324f87c8c90e21189ec9d7 diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 21f90ab3..7af4bd7e 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -1,44 +1,9 @@ -/* ***** 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 ***** */ +/* 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/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"); } @@ -218,14 +183,14 @@ 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] { @@ -280,6 +245,9 @@ #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"); } @@ -289,6 +257,9 @@ #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"); } @@ -312,7 +283,7 @@ margin: 0; } -#header-search .textbox-input:-moz-placeholder { +#header-search .textbox-input::-moz-placeholder { color: #808080; } @@ -320,8 +291,14 @@ background-color: #FFFFFF; } +@media (max-width: 600px) { + #header-search { + width: 12em; + } +} + #header-utils-btn { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities"); -moz-margin-end: 16px; } @@ -449,7 +426,7 @@ } .addon[active="false"] .icon { -/* filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */ + filter: grayscale(1); } .addon-view[type="theme"] .icon { @@ -468,6 +445,10 @@ 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: 150%; font-weight: bold; @@ -563,14 +544,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 { @@ -596,7 +577,7 @@ } .addon[active="false"] { - /* background-color: rgba(135, 135, 135, 0.1); */ + background-color: #DDDDDD; } .addon-view[active="false"], @@ -643,11 +624,11 @@ } .addon[active="false"][selected] { - color: #000000; + color: #AAAAAA; } .addon[active="false"][selected] .name-container { - color: #222233; + color: #DDDDDD; } @@ -694,7 +675,7 @@ } .search-filter-radio[selected] { - background-color: #3366699; + background-color: #336699; color: #000000; } @@ -719,8 +700,8 @@ #detail-view[loading-extended] .loading { opacity: 1; - -moz-transition-property: opacity; - -moz-transition-duration: 1s; + transition-property: opacity; + transition-duration: 1s; } .detail-view-container { @@ -853,15 +834,25 @@ 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; } -setting[type="string"] > .setting-input > textbox { - -moz-box-flex: 1; +.preferences-description:empty { + display: none; } setting[type="radio"] > radiogroup { @@ -1013,10 +1004,14 @@ menulist { /* Fixes some styling inconsistencies */ /*** buttons ***/ -.addon-control[disabled="true"] { +.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; @@ -1030,3 +1025,30 @@ button.button-link { /* 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: #808080; +} + +.addon[active="true"] .experiment-bullet, +#detail-view[active="true"] #detail-experiment-bullet { + fill: #336699; +}