X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fextensions%2Fextensions.css;h=2be2700d94b90c414de4f3d49715fade4d91d6e5;hp=86655e179c7632cf055f686d40a1b44db4ae0486;hb=b4888bae6fbc1a4e61b478a329f0dca352d0e5a7;hpb=a62af8a99f2099bd7ff6c2623fdc419f9bd4c559 diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 86655e17..2be2700d 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -1,73 +1,30 @@ -/* ***** 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"); +/* 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/. */ -.nav-button { - list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); -} +@import url("chrome://global/skin/in-content/common.css"); -#forward-btn { - -moz-border-start: none; +#addons-page { + padding: 3px; + margin: 0; } -#back-btn:-moz-locale-dir(ltr), -#forward-btn:-moz-locale-dir(rtl) { - -moz-image-region: rect(42px 25px 63px 0px); +.main-content { + padding: 0; } -#back-btn[disabled="true"]:-moz-locale-dir(ltr), -#forward-btn[disabled="true"]:-moz-locale-dir(rtl) { - -moz-image-region: rect(42px 50px 63px 25px); +#nav-header { + min-height: 39px; } -#back-btn:-moz-locale-dir(rtl), -#forward-btn:-moz-locale-dir(ltr) { - -moz-image-region: rect(63px 25px 84px 0px); +.view-pane > .list > scrollbox { + border-radius: 1em 0 0 0; } -#back-btn[disabled="true"]:-moz-locale-dir(rtl), -#forward-btn[disabled="true"]:-moz-locale-dir(ltr) { - -moz-image-region: rect(63px 50px 84px 25px); +#search-list > scrollbox { + border-radius: 0; } - /*** global warnings ***/ .global-warning-container { @@ -103,11 +60,6 @@ } /*** 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. */ @@ -120,41 +72,38 @@ /*** notification icons ***/ -.warning-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); +.warning-icon, +.error-icon, +.pending-icon, +.info-icon { width: 16px; height: 16px; margin: 1px 0; } +.warning-icon { + list-style-image: url("chrome://global/skin/icons/warning-16.png"); +} + .error-icon { list-style-image: url("chrome://global/skin/icons/error-16.png"); - width: 16px; - height: 16px; - margin: 1px 0; } .pending-icon, .info-icon { list-style-image: url("chrome://global/skin/icons/information-16.png"); - width: 16px; - height: 16px; - margin: 1px 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; + -moz-margin-end: 48px; } .alert-spacer-before { @@ -195,59 +144,20 @@ /*** 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: #FF9F00; - min-height: 0; - padding: 10px 4px; - border-width: 1px; - border-style: solid; - border-color: transparent; - -moz-box-align: center; - overflow: hidden; -} - -.category:-moz-locale-dir(ltr) { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; -} - -.category:-moz-locale-dir(rtl) { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + padding-top: 0;/*31px;*/ } .category[disabled] { - border-top: 0; - border-bottom: 0; - height: 0; + min-height: 0; opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 1s, 0.8s; + transition-property: min-height, opacity; + 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; - border-color: #9C9CFF; -} - -.category-name { - font-size: 150%; + min-height: 40px; + transition-property: min-height, opacity; + transition-duration: 1s, 0.8s; } /* Maximize the size of the viewport when the window is small */ @@ -261,20 +171,15 @@ background-color: #E7ADE7; padding: 2px 8px; margin: 6px 0; - border-radius: 10000px; + -moz-margin-start: 6px; + 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; + display: none; } #category-search > .category-icon { @@ -292,6 +197,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"); } @@ -301,6 +209,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"); } @@ -308,40 +219,46 @@ list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png"); } +/*** main content ***/ -/*** header ***/ +#addons-page > hbox { + /* This applies to the box surrounding all content. */ + background-color: #A09090; + border-radius: 1em 0 0 0; +} -#header { - margin-bottom: 18px; - height: 2em; +.main-content { + border: none; } -#header-search { - color: #E7ADE7; - border: 1px solid #9C9CFF; - border-radius: 4px; - padding: 3px; +#view-port { background-color: #000000; - margin: 0; + border-radius: 1em 0 0 0; } -#header-search .textbox-input:-moz-placeholder { - color: #8050B0; +/*** header ***/ + +#header { + height: 2em; + padding: 3px; + background-color: #A09090; } -#header-search[focused] { - border-color: #008484; +@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; } #header-utils-btn:hover, #header-utils-btn:hover:active, #header-utils-btn[open="true"] { - list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover"); } #header-utils-btn > .button-box > .button-menu-dropmarker { @@ -354,32 +271,70 @@ } .view-header { + margin: 0; + -moz-margin-end: 48px; background-color: #9C9CFF; color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; - min-height: 31px; } +.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 { + -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); +} /*** sorters ***/ .sort-controls { - -moz-appearance: none; border-right: 3px solid #000000; } .sorter { - -moz-appearance: none; border: none; border-left: 3px solid #000000; background-color: transparent; - color: #8050B0; + color: #000000; border-radius: 0; - padding: 0 6px; - -moz-padding-start: 6px; - -moz-padding-end: 3px; margin: 0; min-width: 12px !important; -moz-box-direction: reverse; @@ -409,7 +364,7 @@ } .sorter .button-icon { - -moz-margin-start: 4px; + -moz-margin-start: 6px; } @@ -446,21 +401,36 @@ text-align: justify; } +#discover-browser { + border-radius: 1em 0px 0px; +} /*** list ***/ .list { margin: 0; - border: none; + 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; @@ -481,8 +451,12 @@ max-height: 48px; } +.content-inner-container { + -moz-margin-end: 5px; +} + .addon[active="false"] .icon { - filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); + filter: grayscale(1); } .addon-view[type="theme"] .icon { @@ -501,6 +475,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; @@ -514,10 +492,6 @@ font-weight: bold; } -.creator .text-link { - /* color: #0066CC; */ -} - .description-container { -moz-margin-start: 6px; -moz-box-align: center; @@ -545,7 +519,6 @@ -moz-box-align: stretch; } -.advancedinfo-container, .update-info-container { -moz-box-align: center; } @@ -596,14 +569,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 { @@ -628,16 +601,6 @@ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } -.addon[active="false"] { - background-color: #8050B0; - color: #E7ADE7; -} - -.addon-view[active="false"] .name-container { - color: #E7ADE7; - color: #000000; -} - .addon-view[notification="warning"] { background-color : #FFCF00; color: #000000; @@ -651,6 +614,10 @@ color: #000000; } +.addon-view[notification="warning"] .text-link:hover { + color: #000000; +} + .addon-view[notification="error"] { background-color: #FF0000; color: #000000; @@ -710,6 +677,16 @@ 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; } @@ -733,25 +710,7 @@ #search-filter-label { font-weight: bold; color: #FFCF00; -} - -.search-filter-radio { - padding: 0 6px; - margin: 0 3px; - border-radius: 10000px; -} - -.search-filter-radio[selected] { - background-color: #008484; - color: #000000; -} - -.search-filter-radio .radio-check-box1 { - display: none; -} - -.search-filter-radio .radio-icon { - display: none; + -moz-margin-end: 10px; } #search-allresults-link { @@ -767,8 +726,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 { @@ -806,14 +765,19 @@ font-size: 200%; } -#detail-screenshot { +#detail-screenshot-box { -moz-margin-end: 2em; +} + + +#detail-screenshot { max-width: 300px; max-height: 300px; +/* background-color: white;*/ } #detail-screenshot[loading] { - background-image: url("chrome://communicator/skin/brand/throbber-anim.gif"); + background-image: url("chrome://communicator/skin/brand/throbber-anim.png"); background-position: 50% 50%; background-repeat: no-repeat; } @@ -886,17 +850,15 @@ setting[first-row="true"] { setting { border-top: 1px solid #9C9CFF; -moz-box-align: center; - min-height: 30px; + min-height: 35px; + font-size: 1.25rem; + line-height: 20px; } #detail-controls { margin-bottom: 1em; } -#detail-view[active="false"]:not([pending]):not([notification]) { - /* background-color: foo; */ -} - setting[first-row="true"] { margin-top: 2em; } @@ -926,10 +888,6 @@ setting[type="radio"] > radiogroup { -moz-box-orient: horizontal; } -menulist { /* Fixes some styling inconsistencies */ - margin: 1px 5px 2px 5px; -} - /*** creator ***/ .creator > label { @@ -963,15 +921,15 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress { background-color: #000000; - border-radius: 10000px; + border-radius: 2px; border: 1px solid #FF9F00; width: 200px; - height: 21px; - margin: 0 8px; + height: 30px; + margin: 2px 4px; } -.download-progress[mode="undetermined"] .status-container { - padding: 0 2px; +.download-progress[mode="undetermined"] { + border-color: #A09090; } .download-progress .start-cap, @@ -1000,12 +958,12 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress .start-cap:-moz-locale-dir(ltr), .download-progress .end-cap:-moz-locale-dir(rtl) { - border-radius: 3px 0 0 3px; + 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 3px 3px 0; + border-radius: 0 1px 1px 0; } .download-progress .cancel { @@ -1013,8 +971,9 @@ menulist { /* Fixes some styling inconsistencies */ background-color: #8050B0; border: 1px solid #9C9CFF; padding: 3px; - border-radius: 3px; min-width: 0; + width: 20px; + height: 20px; margin: 3px; } @@ -1072,15 +1031,19 @@ 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; text-decoration: underline; - color: blue; + color: #3333FF; cursor: pointer; min-width: 0; margin: 0 6px; @@ -1089,3 +1052,51 @@ 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: #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; + -moz-margin-end: 48px; +} + +#disabled-unsigned-addons-heading { + font-size: 1.4em; + font-weight: bold; + margin-bottom: .5em; +} + +#signing-dev-info { + font-style: italic; +}