1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/linux/mozapps/extensions/extensions.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,952 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@import url("chrome://global/skin/inContentUI.css");
1.9 +
1.10 +
1.11 +/*** global warnings ***/
1.12 +
1.13 +.global-warning-container {
1.14 + overflow-x: hidden;
1.15 +}
1.16 +
1.17 +.global-warning {
1.18 + -moz-box-align: center;
1.19 + padding: 0 8px;
1.20 + font-weight: bold;
1.21 +}
1.22 +
1.23 +.global-warning-text {
1.24 + color: -moz-FieldText;
1.25 +}
1.26 +
1.27 +#addons-page[warning] .global-warning-container {
1.28 + background-color: rgba(255, 255, 0, 0.1);
1.29 + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png");
1.30 + background-repeat: repeat-x;
1.31 +}
1.32 +
1.33 +#detail-view .global-warning {
1.34 + padding: 4px 12px;
1.35 + border-bottom: 1px solid ThreeDShadow;
1.36 + min-height: 41px;
1.37 +}
1.38 +
1.39 +@media (max-width: 600px) {
1.40 + .global-warning-text {
1.41 + display: none;
1.42 + }
1.43 +}
1.44 +
1.45 +/* Plugins aren't yet disabled by safemode (bug 342333),
1.46 + so don't show that warning when viewing plugins. */
1.47 +#addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
1.48 +#addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
1.49 + background-color: inherit;
1.50 + background-image: none;
1.51 +}
1.52 +
1.53 +
1.54 +/*** notification icons ***/
1.55 +
1.56 +.warning-icon {
1.57 + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
1.58 + width: 16px;
1.59 + height: 16px;
1.60 + margin: 3px 0;
1.61 +}
1.62 +
1.63 +.error-icon {
1.64 + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
1.65 + width: 16px;
1.66 + height: 16px;
1.67 + margin: 3px 0;
1.68 +}
1.69 +
1.70 +.pending-icon,
1.71 +.info-icon {
1.72 + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
1.73 + width: 16px;
1.74 + height: 16px;
1.75 + margin: 3px 0;
1.76 +}
1.77 +
1.78 +/*** view alert boxes ***/
1.79 +
1.80 +.alert-container {
1.81 + -moz-box-align: center;
1.82 +}
1.83 +
1.84 +.alert-spacer-before {
1.85 + -moz-box-flex: 1;
1.86 +}
1.87 +
1.88 +.alert-spacer-after {
1.89 + -moz-box-flex: 3;
1.90 +}
1.91 +
1.92 +.alert {
1.93 + -moz-box-align: center;
1.94 + padding: 10px;
1.95 + font-size: 12px;
1.96 + border: 1px solid ThreeDShadow;
1.97 + border-radius: 8px;
1.98 + color: WindowText;
1.99 + background-color: Window;
1.100 + background-clip: padding-box;
1.101 +}
1.102 +
1.103 +.alert .alert-title {
1.104 + font-weight: bold;
1.105 + font-size: 200%;
1.106 + margin-bottom: 15px;
1.107 +}
1.108 +
1.109 +.alert button {
1.110 + margin: 1em 2em;
1.111 +}
1.112 +
1.113 +.loading {
1.114 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.115 + padding-left: 20px;
1.116 + padding-right: 20px;
1.117 +}
1.118 +
1.119 +/*** category selector ***/
1.120 +
1.121 +#categories {
1.122 + -moz-appearance: none;
1.123 + border: none;
1.124 + -moz-margin-end: -1px;
1.125 + background-color: transparent;
1.126 + position: relative;
1.127 + margin-top: 41px;
1.128 +}
1.129 +
1.130 +.category {
1.131 + -moz-appearance: none;
1.132 + border-width: 1px;
1.133 + -moz-border-end-width: 0;
1.134 + border-style: solid;
1.135 + border-color: transparent;
1.136 + padding: 10px 4px;
1.137 + -moz-box-align: center;
1.138 + overflow: hidden;
1.139 + min-height: 0;
1.140 + color: WindowText;
1.141 +}
1.142 +
1.143 +.category:-moz-locale-dir(ltr) {
1.144 + border-top-left-radius: 5px;
1.145 + border-bottom-left-radius: 5px;
1.146 +}
1.147 +
1.148 +.category:-moz-locale-dir(rtl) {
1.149 + border-top-right-radius: 5px;
1.150 + border-bottom-right-radius: 5px;
1.151 +}
1.152 +
1.153 +.category[disabled] {
1.154 + border-top: 0;
1.155 + border-bottom: 0;
1.156 + height: 0;
1.157 + opacity: 0;
1.158 + transition-property: height, opacity;
1.159 + transition-duration: 1s, 0.8s;
1.160 +}
1.161 +
1.162 +.category:not([disabled]) {
1.163 + height: 52px;
1.164 + transition-property: height, opacity;
1.165 + transition-duration: 1s, 0.8s;
1.166 +}
1.167 +
1.168 +.category[selected] {
1.169 + background-color: -moz-Field;
1.170 + color: -moz-FieldText;
1.171 + border-color: ThreeDShadow;
1.172 +}
1.173 +
1.174 +.category-name {
1.175 + font-size: 150%;
1.176 +}
1.177 +
1.178 +/* Maximize the size of the viewport when the window is small */
1.179 +@media (max-width: 800px) {
1.180 + .category-name {
1.181 + display: none;
1.182 + }
1.183 +}
1.184 +
1.185 +.category-badge {
1.186 + background-color: Highlight;
1.187 + padding: 2px 8px;
1.188 + margin: 6px 0;
1.189 + border-radius: 10000px;
1.190 + color: HighlightText;
1.191 + font-weight: bold;
1.192 + text-align: center;
1.193 +}
1.194 +
1.195 +.category-badge[value="0"] {
1.196 + visibility: hidden;
1.197 +}
1.198 +
1.199 +.category-icon {
1.200 + width: 32px;
1.201 + height: 32px;
1.202 + -moz-margin-start: 6px;
1.203 +}
1.204 +
1.205 +#category-search > .category-icon {
1.206 + list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
1.207 +}
1.208 +#category-discover > .category-icon {
1.209 + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
1.210 +}
1.211 +#category-locale > .category-icon {
1.212 + list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
1.213 +}
1.214 +#category-searchengine > .category-icon {
1.215 + list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
1.216 +}
1.217 +#category-extension > .category-icon {
1.218 + list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
1.219 +}
1.220 +#category-service > .category-icon {
1.221 + list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
1.222 +}
1.223 +#category-theme > .category-icon {
1.224 + list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
1.225 +}
1.226 +#category-plugin > .category-icon {
1.227 + list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
1.228 +}
1.229 +#category-dictionary > .category-icon {
1.230 + list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
1.231 +}
1.232 +#category-experiment > .category-icon {
1.233 + list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
1.234 +}
1.235 +#category-availableUpdates > .category-icon {
1.236 + list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
1.237 +}
1.238 +#category-recentUpdates > .category-icon {
1.239 + list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
1.240 +}
1.241 +
1.242 +
1.243 +/*** header ***/
1.244 +
1.245 +#header {
1.246 + margin-bottom: 18px;
1.247 +}
1.248 +
1.249 +.nav-button {
1.250 + min-width: 0;
1.251 +}
1.252 +
1.253 +#back-btn:-moz-locale-dir(ltr) {
1.254 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar");
1.255 +}
1.256 +
1.257 +#forward-btn:-moz-locale-dir(ltr) {
1.258 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar");
1.259 +}
1.260 +
1.261 +#back-btn:-moz-locale-dir(rtl) {
1.262 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar");
1.263 +}
1.264 +
1.265 +#forward-btn:-moz-locale-dir(rtl) {
1.266 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar");
1.267 +}
1.268 +
1.269 +#back-btn[disabled="true"]:-moz-locale-dir(ltr) {
1.270 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled");
1.271 +}
1.272 +
1.273 +#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
1.274 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled");
1.275 +}
1.276 +
1.277 +#back-btn[disabled="true"]:-moz-locale-dir(rtl) {
1.278 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled");
1.279 +}
1.280 +
1.281 +#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
1.282 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled");
1.283 +}
1.284 +
1.285 +#header-utils-btn {
1.286 + min-width: 4.5em;
1.287 +}
1.288 +
1.289 +#header-utils-btn .toolbarbutton-icon {
1.290 + list-style-image: url("moz-icon://stock/gtk-preferences?size=toolbar");
1.291 +}
1.292 +
1.293 +#header-utils-btn:-moz-focusring > .button-box {
1.294 + border: none;
1.295 +}
1.296 +
1.297 +#header-search {
1.298 + margin: 0;
1.299 +}
1.300 +
1.301 +@media (max-width: 600px) {
1.302 + #header-search {
1.303 + width: 12em;
1.304 + }
1.305 +}
1.306 +
1.307 +.view-header {
1.308 + padding: 4px;
1.309 + margin: 0;
1.310 + min-height: 41px;
1.311 + background-color: ThreeDHighlight;
1.312 + border-bottom: 1px solid ThreeDShadow;
1.313 +}
1.314 +
1.315 +
1.316 +/*** sorters ***/
1.317 +
1.318 +.sort-controls {
1.319 + -moz-appearance: none;
1.320 +}
1.321 +
1.322 +.sorter[checkState="1"] .button-icon {
1.323 + display: -moz-box;
1.324 + list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16");
1.325 +}
1.326 +
1.327 +.sorter[checkState="2"] .button-icon {
1.328 + display: -moz-box;
1.329 + list-style-image: url("moz-icon://stock/gtk-sort-ascending?size=16");
1.330 +}
1.331 +
1.332 +
1.333 +/*** discover view ***/
1.334 +
1.335 +.discover-spacer-before,
1.336 +.discover-spacer-after {
1.337 + -moz-box-flex: 1;
1.338 +}
1.339 +
1.340 +#discover-error .alert {
1.341 + max-width: 45em;
1.342 + -moz-box-flex: 1;
1.343 +}
1.344 +
1.345 +.discover-logo {
1.346 + list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
1.347 + -moz-margin-end: 15px;
1.348 +}
1.349 +
1.350 +.discover-title {
1.351 + font-weight: bold;
1.352 + font-size: 24px;
1.353 + font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif;
1.354 + margin: 0 0 15px 0;
1.355 +}
1.356 +
1.357 +.discover-description {
1.358 + text-align: justify;
1.359 + margin: 0 0 15px 0;
1.360 +}
1.361 +
1.362 +.discover-footer {
1.363 + text-align: justify;
1.364 +}
1.365 +
1.366 +
1.367 +/*** list ***/
1.368 +
1.369 +.list {
1.370 + -moz-appearance: none;
1.371 + margin: 0;
1.372 + border: none;
1.373 + background-color: transparent;
1.374 +}
1.375 +
1.376 +.addon {
1.377 + border-bottom: 1px solid ThreeDLightShadow;
1.378 + padding: 5px;
1.379 +}
1.380 +
1.381 +.addon[selected] .text-link,
1.382 +.addon[selected] .button-link {
1.383 + color: inherit;
1.384 +}
1.385 +
1.386 +.details {
1.387 + cursor: pointer;
1.388 + margin: 0;
1.389 + -moz-margin-start: 10px;
1.390 +}
1.391 +
1.392 +.icon-container {
1.393 + width: 48px;
1.394 + height: 48px;
1.395 + margin: 3px 7px;
1.396 + -moz-box-align: center;
1.397 + -moz-box-pack: center;
1.398 +}
1.399 +
1.400 +.icon {
1.401 + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
1.402 + max-width: 48px;
1.403 + max-height: 48px;
1.404 +}
1.405 +
1.406 +.addon[active="false"] .icon {
1.407 + filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
1.408 +}
1.409 +
1.410 +.addon-view[type="theme"] .icon {
1.411 + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
1.412 +}
1.413 +
1.414 +.addon-view[type="locale"] .icon {
1.415 + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
1.416 +}
1.417 +
1.418 +.addon-view[type="plugin"] .icon {
1.419 + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
1.420 +}
1.421 +
1.422 +.addon-view[type="dictionary"] .icon {
1.423 + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
1.424 +}
1.425 +
1.426 +.addon-view[type="experiment"] .icon {
1.427 + list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
1.428 +}
1.429 +
1.430 +.name-container {
1.431 + font-size: 150%;
1.432 + margin-bottom: 0;
1.433 + font-weight: bold;
1.434 + -moz-box-align: end;
1.435 + -moz-box-flex: 1;
1.436 +}
1.437 +
1.438 +.creator {
1.439 + font-weight: bold;
1.440 +}
1.441 +
1.442 +.addon-view[active="false"]:not([selected]) {
1.443 + color: GrayText;
1.444 +}
1.445 +
1.446 +.description-container {
1.447 + -moz-margin-start: 6px;
1.448 + -moz-box-align: center;
1.449 +}
1.450 +
1.451 +.description {
1.452 + margin: 0;
1.453 +}
1.454 +
1.455 +.warning,
1.456 +.pending,
1.457 +.error {
1.458 + -moz-margin-start: 48px;
1.459 + -moz-box-align: center;
1.460 +}
1.461 +
1.462 +.content-container,
1.463 +.basicinfo-container {
1.464 + -moz-box-align: start;
1.465 +}
1.466 +
1.467 +.addon[status="installing"] > .content-container {
1.468 + -moz-box-align: stretch;
1.469 +}
1.470 +
1.471 +.advancedinfo-container,
1.472 +.update-info-container {
1.473 + -moz-box-align: center;
1.474 +}
1.475 +
1.476 +.update-available {
1.477 + -moz-box-align: end;
1.478 +}
1.479 +
1.480 +.install-status-container {
1.481 + -moz-box-pack: end;
1.482 + -moz-box-align: end;
1.483 +}
1.484 +
1.485 +.name-outer-container {
1.486 + -moz-box-pack: center;
1.487 +}
1.488 +
1.489 +.relnotes-toggle-container,
1.490 +.icon-outer-container {
1.491 + -moz-box-pack: start;
1.492 +}
1.493 +
1.494 +.status-container,
1.495 +.control-container {
1.496 + -moz-box-pack: end;
1.497 +}
1.498 +
1.499 +.addon-view:not([selected]) .warning {
1.500 + color: #90792E;
1.501 +}
1.502 +
1.503 +.addon-view:not([selected]) .error {
1.504 + color: #7C322B;
1.505 +}
1.506 +
1.507 +.addon-view:not([selected]) .pending {
1.508 + color: #4F7939;
1.509 +}
1.510 +
1.511 +.addon[active="false"] {
1.512 + background-image: linear-gradient(rgba(135, 135, 135, 0.2),
1.513 + rgba(135, 135, 135, 0.1));
1.514 +}
1.515 +
1.516 +.addon-view[notification="warning"] {
1.517 + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"),
1.518 + linear-gradient(rgba(255, 255, 0, 0.04),
1.519 + rgba(255, 255, 0, 0));
1.520 + background-repeat: repeat-x;
1.521 +}
1.522 +
1.523 +.addon-view[notification="error"] {
1.524 + background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"),
1.525 + linear-gradient(rgba(255, 0, 0, 0.04),
1.526 + rgba(255, 0, 0, 0));
1.527 + background-repeat: repeat-x;
1.528 +}
1.529 +
1.530 +.addon-view[pending="enable"],
1.531 +.addon-view[pending="upgrade"],
1.532 +.addon-view[pending="install"] {
1.533 + background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"),
1.534 + linear-gradient(rgba(0, 255, 0, 0.04),
1.535 + rgba(0, 255, 0, 0));
1.536 + background-repeat: repeat-x;
1.537 +}
1.538 +
1.539 +.addon-view[pending="disable"],
1.540 +.addon-view[pending="uninstall"] {
1.541 + background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"),
1.542 + linear-gradient(rgba(128, 128, 128, 0.04),
1.543 + rgba(128, 128, 128, 0));
1.544 + background-repeat: repeat-x;
1.545 +}
1.546 +
1.547 +.addon .relnotes-container {
1.548 + -moz-box-align: start;
1.549 + height: 0;
1.550 + overflow: hidden;
1.551 + opacity: 0;
1.552 + transition-property: height, opacity;
1.553 + transition-duration: 0.5s, 0.5s;
1.554 +}
1.555 +
1.556 +.addon[show-relnotes] .relnotes-container {
1.557 + opacity: 1;
1.558 + transition-property: height, opacity;
1.559 + transition-duration: 0.5s, 0.5s;
1.560 +}
1.561 +
1.562 +.addon .relnotes-header {
1.563 + font-weight: bold;
1.564 + margin: 10px 0;
1.565 +}
1.566 +
1.567 +.addon .relnotes-toggle {
1.568 + -moz-appearance: none;
1.569 + border: none;
1.570 + background: transparent;
1.571 + font-weight: bold;
1.572 + cursor: pointer;
1.573 + list-style-image: url("moz-icon://stock/gtk-go-down?size=16");
1.574 +}
1.575 +
1.576 +.addon .relnotes-toggle > .button-box > .button-icon {
1.577 + display: -moz-box;
1.578 +}
1.579 +
1.580 +.addon[show-relnotes] .relnotes-toggle {
1.581 + list-style-image: url("moz-icon://stock/gtk-go-up?size=16");
1.582 +}
1.583 +
1.584 +
1.585 +/*** search view ***/
1.586 +
1.587 +#search-filter {
1.588 + padding: 5px 20px;
1.589 + font-size: 120%;
1.590 + overflow-x: hidden;
1.591 + border-bottom: 1px solid ThreeDShadow;
1.592 +}
1.593 +
1.594 +#search-filter-label {
1.595 + font-weight: bold;
1.596 +}
1.597 +
1.598 +#search-allresults-link {
1.599 + margin-top: 1em;
1.600 + margin-bottom: 2em;
1.601 +}
1.602 +
1.603 +/*** detail view ***/
1.604 +
1.605 +#detail-view[active="false"] .fade {
1.606 + opacity: 0.6;
1.607 +}
1.608 +
1.609 +#detail-view .loading {
1.610 + opacity: 0;
1.611 +}
1.612 +
1.613 +#detail-view[loading-extended] .loading {
1.614 + -moz-box-align: center;
1.615 + -moz-box-pack: center;
1.616 + opacity: 1;
1.617 + transition-property: opacity;
1.618 + transition-duration: 1s;
1.619 +}
1.620 +
1.621 +.detail-view-container {
1.622 + padding: 0 2em 2em 2em;
1.623 + font-size: 110%;
1.624 +}
1.625 +
1.626 +#detail-notifications {
1.627 + margin-top: 1em;
1.628 + margin-bottom: 2em;
1.629 +}
1.630 +
1.631 +#detail-notifications .warning,
1.632 +#detail-notifications .pending,
1.633 +#detail-notifications .error {
1.634 + -moz-margin-start: 0;
1.635 +}
1.636 +
1.637 +#detail-icon-container {
1.638 + width: 64px;
1.639 + -moz-margin-end: 10px;
1.640 +}
1.641 +
1.642 +#detail-icon {
1.643 + max-width: 64px;
1.644 + max-height: 64px;
1.645 +}
1.646 +
1.647 +#detail-summary {
1.648 + margin-bottom: 2em;
1.649 +}
1.650 +
1.651 +#detail-name-container {
1.652 + font-size: 200%;
1.653 +}
1.654 +
1.655 +#detail-screenshot {
1.656 + -moz-margin-end: 2em;
1.657 + max-width: 300px;
1.658 + max-height: 300px;
1.659 +}
1.660 +
1.661 +#detail-screenshot[loading] {
1.662 + background-image: url("chrome://global/skin/icons/loading_16.png");
1.663 + background-position: 50% 50%;
1.664 + background-repeat: no-repeat;
1.665 + border: 1px threedshadow solid;
1.666 + border-radius: 5px;
1.667 + box-sizing: border-box;
1.668 +}
1.669 +
1.670 +#detail-screenshot[loading="error"] {
1.671 + background-image: url("chrome://global/skin/media/error.png");
1.672 +}
1.673 +
1.674 +#detail-desc-container {
1.675 + margin-bottom: 2em;
1.676 +}
1.677 +
1.678 +#detail-desc, #detail-fulldesc {
1.679 + -moz-margin-start: 6px;
1.680 + /* This is necessary to fix layout issues with multi-line descriptions, see
1.681 + bug 592712*/
1.682 + outline: solid transparent;
1.683 + white-space: pre-wrap;
1.684 + min-width: 10em;
1.685 +}
1.686 +
1.687 +#detail-fulldesc {
1.688 + margin-top: 1em;
1.689 +}
1.690 +
1.691 +#detail-contributions {
1.692 + border-radius: 5px;
1.693 + border: 1px solid ThreeDShadow;
1.694 + margin-bottom: 2em;
1.695 + padding: 1em;
1.696 + background: ThreeDHighlight;
1.697 +}
1.698 +
1.699 +#detail-contrib-description {
1.700 + font-style: italic;
1.701 + margin-bottom: 1em;
1.702 +}
1.703 +
1.704 +#detail-contrib-suggested {
1.705 + color: GrayText;
1.706 +}
1.707 +
1.708 +#detail-grid {
1.709 + margin-bottom: 2em;
1.710 +}
1.711 +
1.712 +#detail-grid > columns > column:first-child {
1.713 + min-width: 15em;
1.714 + max-width: 25em;
1.715 +}
1.716 +
1.717 +.detail-row[first-row="true"],
1.718 +.detail-row-complex[first-row="true"],
1.719 +setting[first-row="true"] {
1.720 + border-top: none;
1.721 +}
1.722 +
1.723 +.detail-row,
1.724 +.detail-row-complex,
1.725 +setting {
1.726 + border-top: 1px solid ThreeDShadow;
1.727 + -moz-box-align: center;
1.728 + min-height: 32px;
1.729 +}
1.730 +
1.731 +#detail-controls {
1.732 + margin-bottom: 1em;
1.733 +}
1.734 +
1.735 +#detail-view[active="false"]:not([pending]):not([notification]) {
1.736 + background-image: linear-gradient(rgba(135, 135, 135, 0.1),
1.737 + rgba(135, 135, 135, 0));
1.738 +}
1.739 +
1.740 +setting[first-row="true"] {
1.741 + margin-top: 2em;
1.742 +}
1.743 +
1.744 +setting {
1.745 + -moz-box-align: start;
1.746 +}
1.747 +
1.748 +.preferences-alignment {
1.749 + min-height: 32px;
1.750 + -moz-box-align: center;
1.751 +}
1.752 +
1.753 +.preferences-description {
1.754 + font-size: 90.9%;
1.755 + color: graytext;
1.756 + margin-top: -2px;
1.757 + -moz-margin-start: 2em;
1.758 + white-space: pre-wrap;
1.759 +}
1.760 +
1.761 +.preferences-description:empty {
1.762 + display: none;
1.763 +}
1.764 +
1.765 +menulist { /* Fixes some styling inconsistencies */
1.766 + font-size: 100%;
1.767 + margin: 1px 5px 2px 5px;
1.768 +}
1.769 +
1.770 +colorpicker[type="button"] { /* Fixes some styling inconsistencies */
1.771 + height: 29px;
1.772 + margin: 1px 5px 2px 5px;
1.773 +}
1.774 +
1.775 +setting[type="radio"] > radiogroup {
1.776 + -moz-box-orient: horizontal;
1.777 +}
1.778 +
1.779 +/*** creator ***/
1.780 +
1.781 +.creator > label {
1.782 + -moz-margin-start: 0;
1.783 + -moz-margin-end: 0;
1.784 +}
1.785 +
1.786 +.creator > .text-link {
1.787 + margin-top: 1px;
1.788 + margin-bottom: 1px;
1.789 +}
1.790 +
1.791 +
1.792 +/*** rating ***/
1.793 +
1.794 +.meta-rating {
1.795 + -moz-margin-end: 0;
1.796 + vertical-align: text-top;
1.797 +}
1.798 +
1.799 +.meta-rating[showrating="average"] > .star {
1.800 + list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
1.801 + padding: 0 1px;
1.802 +}
1.803 +
1.804 +.meta-rating[showrating="user"] > .star {
1.805 + list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
1.806 + padding: 2px 3px;
1.807 +}
1.808 +
1.809 +.meta-rating > .star[on="true"],
1.810 +.meta-rating[showrating="user"] > .star[hover] {
1.811 + list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
1.812 + padding: 0 1px;
1.813 +}
1.814 +
1.815 +
1.816 +/*** download progress ***/
1.817 +
1.818 +.download-progress {
1.819 + width: 200px;
1.820 +}
1.821 +
1.822 +.download-progress .start-cap,
1.823 +.download-progress .end-cap {
1.824 + display: none;
1.825 +}
1.826 +
1.827 +.download-progress .progress {
1.828 + padding: 0;
1.829 + margin: 0;
1.830 + border: none;
1.831 +}
1.832 +
1.833 +.download-progress .cancel {
1.834 + -moz-appearance: none;
1.835 + background-color: ButtonFace;
1.836 + padding-bottom: 1px;
1.837 + -moz-padding-start: 2px;
1.838 + border-width: 1px;
1.839 + border-style: solid;
1.840 + border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
1.841 + border-radius: 10000px;
1.842 + min-width: 16px;
1.843 + width: 16px;
1.844 + height: 16px;
1.845 + margin: 3px;
1.846 +}
1.847 +
1.848 +.download-progress .cancel:hover {
1.849 + background-color: -moz-ButtonHoverFace;
1.850 +}
1.851 +
1.852 +.download-progress .cancel {
1.853 + list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
1.854 +}
1.855 +
1.856 +.download-progress .status-container {
1.857 + -moz-box-align: center;
1.858 +}
1.859 +
1.860 +
1.861 +/*** install status ***/
1.862 +
1.863 +.install-status {
1.864 + -moz-box-align: center;
1.865 +}
1.866 +
1.867 +
1.868 +/*** check for updates ***/
1.869 +
1.870 +#updates-container {
1.871 + -moz-box-align: center;
1.872 +}
1.873 +
1.874 +#updates-installed,
1.875 +#updates-downloaded {
1.876 + font-weight: bold;
1.877 +}
1.878 +
1.879 +#update-selected {
1.880 + margin: 12px;
1.881 +}
1.882 +
1.883 +
1.884 +/*** buttons ***/
1.885 +
1.886 +.addon-control[disabled="true"] {
1.887 + display: none;
1.888 +}
1.889 +
1.890 +.addon-control.enable {
1.891 + list-style-image: url("moz-icon://stock/gtk-yes?size=button");
1.892 +}
1.893 +
1.894 +.addon-control.disable {
1.895 + list-style-image: url("moz-icon://stock/gtk-no?size=button");
1.896 +}
1.897 +
1.898 +.addon-control.remove {
1.899 + list-style-image: url("moz-icon://stock/gtk-remove?size=button");
1.900 +}
1.901 +
1.902 +.addon-control.preferences {
1.903 + list-style-image: url("moz-icon://stock/gtk-preferences?size=button");
1.904 +}
1.905 +
1.906 +.addon-control.install,
1.907 +.addon-control.update {
1.908 + list-style-image: url("moz-icon://stock/gtk-save?size=button");
1.909 +}
1.910 +
1.911 +.button-link {
1.912 + -moz-appearance: none;
1.913 + background: transparent;
1.914 + border: none;
1.915 + text-decoration: underline;
1.916 + color: -moz-nativehyperlinktext;
1.917 + cursor: pointer;
1.918 + min-width: 0;
1.919 + margin: 0 6px;
1.920 +}
1.921 +
1.922 +.button-link:active {
1.923 + color: -moz-activehyperlinktext;
1.924 +}
1.925 +
1.926 +.header-button .toolbarbutton-text {
1.927 + display: none;
1.928 +}
1.929 +
1.930 +/*** telemetry experiments ***/
1.931 +
1.932 +#detail-experiment-container {
1.933 + font-size: 80%;
1.934 + margin-bottom: 1em;
1.935 +}
1.936 +
1.937 +#detail-experiment-bullet-container,
1.938 +#detail-experiment-state,
1.939 +#detail-experiment-time,
1.940 +.experiment-bullet-container,
1.941 +.experiment-state,
1.942 +.experiment-time {
1.943 + vertical-align: middle;
1.944 + display: inline-block;
1.945 +}
1.946 +
1.947 +.addon .experiment-bullet,
1.948 +#detail-experiment-bullet {
1.949 + fill: rgb(158, 158, 158);
1.950 +}
1.951 +
1.952 +.addon[active="true"] .experiment-bullet,
1.953 +#detail-view[active="true"] #detail-experiment-bullet {
1.954 + fill: rgb(106, 201, 20);
1.955 +}
