1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/mozapps/extensions/extensions.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,1191 @@
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 +%include ../../global/shared.inc
1.11 +
1.12 +@namespace html url("http://www.w3.org/1999/xhtml");
1.13 +
1.14 +
1.15 +/*** global warnings ***/
1.16 +
1.17 +.global-warning-container {
1.18 + overflow-x: hidden;
1.19 +}
1.20 +
1.21 +.global-warning {
1.22 + -moz-box-align: center;
1.23 + padding: 0 8px;
1.24 + color: #916D15;
1.25 + font-weight: bold;
1.26 +}
1.27 +
1.28 +.global-warning,
1.29 +.global-warning .button-link {
1.30 + text-shadow: @loweredShadow@;
1.31 +}
1.32 +
1.33 +#addons-page[warning] .global-warning-container {
1.34 + background-color: rgba(255, 255, 0, 0.1);
1.35 + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png");
1.36 + background-repeat: repeat-x;
1.37 +}
1.38 +
1.39 +#detail-view .global-warning {
1.40 + padding: 4px 12px;
1.41 + min-height: 31px;
1.42 + border-bottom: 1px solid rgba(50, 65, 92, 0.4);
1.43 +}
1.44 +
1.45 +@media (max-width: 600px) {
1.46 + .global-warning-text {
1.47 + display: none;
1.48 + }
1.49 +
1.50 + .global-warning .warning-icon {
1.51 + background-color: rgba(255, 255, 255, 0.7);
1.52 + box-shadow: 0px 0px 2px 4px rgba(255, 255, 255, 0.7);
1.53 + border-radius: 10px;
1.54 + }
1.55 +}
1.56 +
1.57 +/*** global informations ***/
1.58 +#addons-page .global-info-container {
1.59 + background-color: #e3e6eb;
1.60 + border-top-right-radius: 5px;
1.61 + border-top-left-radius: 5px;
1.62 +}
1.63 +
1.64 +/* Plugins aren't yet disabled by safemode (bug 342333),
1.65 + so don't show that warning when viewing plugins. */
1.66 +#addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
1.67 +#addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
1.68 + background-color: inherit;
1.69 + background-image: none;
1.70 +}
1.71 +
1.72 +
1.73 +/*** notification icons ***/
1.74 +
1.75 +.warning-icon {
1.76 + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png");
1.77 + width: 16px;
1.78 + height: 15px;
1.79 + margin: 3px 0;
1.80 +}
1.81 +
1.82 +.error-icon {
1.83 + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.png");
1.84 + width: 16px;
1.85 + height: 15px;
1.86 + margin: 3px 0;
1.87 +}
1.88 +
1.89 +.pending-icon,
1.90 +.info-icon {
1.91 + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.png");
1.92 + width: 16px;
1.93 + height: 15px;
1.94 + margin: 3px 0;
1.95 +}
1.96 +
1.97 +.addon-view[pending="disable"] .pending-icon,
1.98 +.addon-view[pending="uninstall"] .pending-icon {
1.99 + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
1.100 + width: 16px;
1.101 + height: 15px;
1.102 + margin: 3px 0;
1.103 +}
1.104 +
1.105 +
1.106 +/*** view alert boxes ***/
1.107 +
1.108 +.alert-container {
1.109 + -moz-box-align: center;
1.110 +}
1.111 +
1.112 +.alert-spacer-before {
1.113 + -moz-box-flex: 1;
1.114 +}
1.115 +
1.116 +.alert-spacer-after {
1.117 + -moz-box-flex: 3;
1.118 +}
1.119 +
1.120 +.alert {
1.121 + -moz-box-align: center;
1.122 + padding: 10px;
1.123 + color: #373D48;
1.124 + font-size: 12px;
1.125 + border: 1px solid #A8B8D1;
1.126 + border-radius: 8px;
1.127 + background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(236, 241, 247, 0.7));
1.128 + background-clip: padding-box;
1.129 + box-shadow: 0 -3px 0 rgba(58, 78, 103, 0.05) inset,
1.130 + 0 3px 0 rgba(175, 195, 220, 0.3);
1.131 +}
1.132 +
1.133 +.alert .alert-title {
1.134 + font-weight: bold;
1.135 + font-size: 200%;
1.136 + margin-bottom: 15px;
1.137 +}
1.138 +
1.139 +.alert button {
1.140 + margin: 1em 2em;
1.141 +}
1.142 +
1.143 +.loading {
1.144 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.145 + padding-left: 20px;
1.146 + padding-right: 20px;
1.147 +}
1.148 +
1.149 +
1.150 +
1.151 +/*** category selector ***/
1.152 +
1.153 +#categories {
1.154 + -moz-appearance: none;
1.155 + border: none;
1.156 + -moz-margin-end: -1px;
1.157 + background-color: transparent;
1.158 + position: relative;
1.159 + margin-top: 31px;
1.160 +}
1.161 +
1.162 +.category {
1.163 + -moz-appearance: none;
1.164 + color: #252F3B;
1.165 + border-width: 1px;
1.166 + border-style: solid;
1.167 + border-color: transparent;
1.168 + padding: 10px 4px;
1.169 + -moz-box-align: center;
1.170 + overflow: hidden;
1.171 + min-height: 0;
1.172 +}
1.173 +
1.174 +.category:-moz-locale-dir(ltr) {
1.175 + border-top-left-radius: 5px;
1.176 + border-bottom-left-radius: 5px;
1.177 +}
1.178 +
1.179 +.category:-moz-locale-dir(rtl) {
1.180 + border-top-right-radius: 5px;
1.181 + border-bottom-right-radius: 5px;
1.182 +}
1.183 +
1.184 +.category[disabled] {
1.185 + border-top: 0;
1.186 + border-bottom: 0;
1.187 + height: 0;
1.188 + opacity: 0;
1.189 + transition-property: height, opacity;
1.190 + transition-duration: 1s, 0.8s;
1.191 +}
1.192 +
1.193 +.category:not([disabled]) {
1.194 + height: 52px;
1.195 + transition-property: height, opacity;
1.196 + transition-duration: 1s, 0.8s;
1.197 +}
1.198 +
1.199 +.category[selected] {
1.200 + background-color: rgba(255, 255, 255, 0.35);
1.201 + color: -moz-dialogtext;
1.202 + border-color: rgba(50, 65, 92, 0.4);
1.203 + -moz-border-end-color: #C9CFD7;
1.204 +}
1.205 +
1.206 +.category-name {
1.207 + font-size: 150%;
1.208 +}
1.209 +
1.210 +/* Maximize the size of the viewport when the window is small */
1.211 +@media (max-width: 800px) {
1.212 + .category-name {
1.213 + display: none;
1.214 + }
1.215 +}
1.216 +
1.217 +.category-badge {
1.218 + background-color: #55D4FF;
1.219 + padding: 2px 8px;
1.220 + margin: 6px 0;
1.221 + border-radius: 10000px;
1.222 + color: #FFF;
1.223 + font-weight: bold;
1.224 + text-align: center;
1.225 +}
1.226 +
1.227 +.category-badge[value="0"] {
1.228 + visibility: hidden;
1.229 +}
1.230 +
1.231 +.category-icon {
1.232 + width: 32px;
1.233 + height: 32px;
1.234 + -moz-margin-start: 6px;
1.235 +}
1.236 +
1.237 +#category-search > .category-icon {
1.238 + list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
1.239 +}
1.240 +#category-discover > .category-icon {
1.241 + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
1.242 +}
1.243 +#category-locale > .category-icon {
1.244 + list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
1.245 +}
1.246 +#category-searchengine > .category-icon {
1.247 + list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
1.248 +}
1.249 +#category-extension > .category-icon {
1.250 + list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
1.251 +}
1.252 +#category-service > .category-icon {
1.253 + list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
1.254 +}
1.255 +#category-theme > .category-icon {
1.256 + list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
1.257 +}
1.258 +#category-plugin > .category-icon {
1.259 + list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
1.260 +}
1.261 +#category-dictionary > .category-icon {
1.262 + list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
1.263 +}
1.264 +#category-experiment > .category-icon {
1.265 + list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
1.266 +}
1.267 +#category-availableUpdates > .category-icon {
1.268 + list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
1.269 +}
1.270 +#category-recentUpdates > .category-icon {
1.271 + list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
1.272 +}
1.273 +
1.274 +
1.275 +/*** header ***/
1.276 +
1.277 +#header {
1.278 + margin-bottom: 18px;
1.279 +}
1.280 +
1.281 +.nav-button {
1.282 + list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
1.283 +}
1.284 +
1.285 +#back-btn:-moz-locale-dir(ltr),
1.286 +#forward-btn:-moz-locale-dir(rtl) {
1.287 + border-top-right-radius: 0;
1.288 + border-bottom-right-radius: 0;
1.289 + border-right: none;
1.290 + -moz-image-region: rect(0, 20px, 20px, 0);
1.291 + padding-right: 3px;
1.292 +}
1.293 +
1.294 +#back-btn:-moz-locale-dir(rtl),
1.295 +#forward-btn:-moz-locale-dir(ltr) {
1.296 + border-top-left-radius: 0;
1.297 + border-bottom-left-radius: 0;
1.298 + -moz-image-region: rect(0, 40px, 20px, 20px);
1.299 + padding-left: 3px;
1.300 +}
1.301 +
1.302 +#header-utils-btn {
1.303 + list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
1.304 + -moz-margin-end: 18px;
1.305 +}
1.306 +
1.307 +#header-utils-btn > .toolbarbutton-menu-dropmarker {
1.308 + list-style-image: url("chrome://mozapps/skin/extensions/toolbarbutton-dropmarker.png");
1.309 + padding: 0;
1.310 + -moz-margin-start: 2px;
1.311 +}
1.312 +
1.313 +#header-search {
1.314 + margin: 0;
1.315 + -moz-appearance: none;
1.316 + padding: 3px 5px 2px;
1.317 + border: 1px solid rgba(60,73,97,0.5);
1.318 + border-radius: 10000px;
1.319 + box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 1px rgba(255,255,255,0.25);
1.320 + background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.3));
1.321 + background-clip: padding-box;
1.322 +}
1.323 +
1.324 +@media (max-width: 600px) {
1.325 + #header-search {
1.326 + width: 12em;
1.327 + }
1.328 +}
1.329 +
1.330 +#header-search[focused] {
1.331 + box-shadow: @focusRingShadow@, inset 0 1px 1px rgba(0,0,0,0.15);
1.332 + border-color: -moz-mac-focusring;
1.333 +}
1.334 +
1.335 +#header-search > .textbox-input-box {
1.336 + -moz-padding-start: 15px;
1.337 + background: url("chrome://mozapps/skin/extensions/search.png") left no-repeat;
1.338 +}
1.339 +
1.340 +#header-search > .textbox-input-box:-moz-locale-dir(rtl) {
1.341 + background-position: right;
1.342 +}
1.343 +
1.344 +#header-search > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
1.345 + color: #5C6470;
1.346 + opacity: 1.0;
1.347 +}
1.348 +
1.349 +.view-header {
1.350 + padding: 4px;
1.351 + margin: 0;
1.352 + min-height: 31px;
1.353 + border-bottom: 1px solid rgba(50, 65, 92, 0.4);
1.354 + background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
1.355 +}
1.356 +
1.357 +
1.358 +/*** sorters ***/
1.359 +
1.360 +.sort-controls {
1.361 + -moz-appearance: none;
1.362 +}
1.363 +
1.364 +.sorter {
1.365 + -moz-appearance: none;
1.366 + border: none;
1.367 + color: #41434B;
1.368 + background-color: transparent;
1.369 + border-radius: 10000px;
1.370 + padding: 0 6px;
1.371 + margin: 0 6px;
1.372 + min-width: 12px !important;
1.373 + -moz-box-direction: reverse;
1.374 +}
1.375 +
1.376 +.sorter[checkState="1"],
1.377 +.sorter[checkState="2"],
1.378 +.sorter:active:hover {
1.379 + text-shadow: @loweredShadow@;
1.380 + background-color: #C0C3CB;
1.381 + box-shadow: inset #A3A6AC 0 1px 1px, @loweredShadow@;
1.382 +}
1.383 +
1.384 +.sorter:hover {
1.385 + text-shadow: @loweredShadow@;
1.386 + background-color: #C0C3CB;
1.387 +}
1.388 +
1.389 +.sorter[checkState="1"] {
1.390 + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
1.391 +}
1.392 +
1.393 +.sorter[checkState="2"] {
1.394 + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
1.395 +}
1.396 +
1.397 +.sorter .button-icon {
1.398 + -moz-margin-start: 4px;
1.399 +}
1.400 +
1.401 +
1.402 +/*** discover view ***/
1.403 +
1.404 +.discover-spacer-before,
1.405 +.discover-spacer-after {
1.406 + -moz-box-flex: 1;
1.407 +}
1.408 +
1.409 +#discover-error .alert {
1.410 + max-width: 45em;
1.411 + -moz-box-flex: 1;
1.412 +}
1.413 +
1.414 +.discover-logo {
1.415 + list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
1.416 + -moz-margin-end: 15px;
1.417 +}
1.418 +
1.419 +.discover-title {
1.420 + font-weight: bold;
1.421 + font-size: 24px;
1.422 + font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif;
1.423 + margin: 0 0 15px 0;
1.424 +}
1.425 +
1.426 +.discover-description {
1.427 + text-align: justify;
1.428 + margin: 0 0 15px 0;
1.429 +}
1.430 +
1.431 +.discover-footer {
1.432 + text-align: justify;
1.433 +}
1.434 +
1.435 +
1.436 +/*** list ***/
1.437 +
1.438 +.list {
1.439 + -moz-appearance: none;
1.440 + margin: 0;
1.441 + border: none;
1.442 + background-color: transparent;
1.443 +}
1.444 +
1.445 +.addon {
1.446 + border-bottom: 1px solid #B6B1B9;
1.447 + padding: 5px;
1.448 + color: #373D48;
1.449 +}
1.450 +
1.451 +.details {
1.452 + cursor: pointer;
1.453 + margin: 0;
1.454 + -moz-margin-start: 10px;
1.455 +}
1.456 +
1.457 +.icon-container {
1.458 + width: 48px;
1.459 + height: 48px;
1.460 + margin: 3px 7px;
1.461 + -moz-box-align: center;
1.462 + -moz-box-pack: center;
1.463 +}
1.464 +
1.465 +.icon {
1.466 + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
1.467 + max-width: 48px;
1.468 + max-height: 48px;
1.469 +}
1.470 +
1.471 +.addon[active="false"] .icon {
1.472 + filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
1.473 +}
1.474 +
1.475 +.addon-view[type="theme"] .icon {
1.476 + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
1.477 +}
1.478 +
1.479 +.addon-view[type="locale"] .icon {
1.480 + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
1.481 +}
1.482 +
1.483 +.addon-view[type="plugin"] .icon {
1.484 + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
1.485 +}
1.486 +
1.487 +.addon-view[type="dictionary"] .icon {
1.488 + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
1.489 +}
1.490 +
1.491 +.addon-view[type="experiment"] .icon {
1.492 + list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
1.493 +}
1.494 +
1.495 +.name-container {
1.496 + font-size: 150%;
1.497 + margin-bottom: 0;
1.498 + font-weight: bold;
1.499 + color: #000;
1.500 + text-shadow: @loweredShadow@;
1.501 + -moz-box-align: end;
1.502 + -moz-box-flex: 1;
1.503 +}
1.504 +
1.505 +.creator {
1.506 + font-weight: bold;
1.507 +}
1.508 +
1.509 +.creator .text-link {
1.510 + color: #0066CC;
1.511 +}
1.512 +
1.513 +.description-container {
1.514 + margin-top: 8px;
1.515 + -moz-margin-start: 6px;
1.516 + -moz-box-align: center;
1.517 +}
1.518 +
1.519 +.description {
1.520 + margin: 0;
1.521 +}
1.522 +
1.523 +.warning,
1.524 +.pending,
1.525 +.error {
1.526 + -moz-margin-start: 48px;
1.527 + font-weight: bold;
1.528 + text-shadow: @loweredShadow@;
1.529 + -moz-box-align: center;
1.530 +}
1.531 +
1.532 +.content-container,
1.533 +.basicinfo-container {
1.534 + -moz-box-align: start;
1.535 +}
1.536 +
1.537 +.addon[status="installing"] > .content-container {
1.538 + -moz-box-align: stretch;
1.539 +}
1.540 +
1.541 +.update-info-container {
1.542 + -moz-box-align: center;
1.543 +}
1.544 +
1.545 +.advancedinfo-container,
1.546 +.update-available {
1.547 + -moz-box-align: end;
1.548 +}
1.549 +
1.550 +.install-status-container {
1.551 + -moz-box-pack: end;
1.552 + -moz-box-align: end;
1.553 +}
1.554 +
1.555 +.name-outer-container {
1.556 + -moz-box-pack: center;
1.557 +}
1.558 +
1.559 +.relnotes-toggle-container,
1.560 +.icon-outer-container {
1.561 + -moz-box-pack: start;
1.562 +}
1.563 +
1.564 +.status-container,
1.565 +.control-container {
1.566 + -moz-box-pack: end;
1.567 +}
1.568 +
1.569 +.addon-view .warning {
1.570 + color: #916D15;
1.571 +}
1.572 +
1.573 +.addon-view .error {
1.574 + color: #864441;
1.575 +}
1.576 +
1.577 +.addon-view .pending {
1.578 + color: #1B7123;
1.579 +}
1.580 +
1.581 +.addon-view[pending="disable"] .pending,
1.582 +.addon-view[pending="uninstall"] .pending {
1.583 + color: #62666E;
1.584 +}
1.585 +
1.586 +.addon-view[notification="warning"] {
1.587 + background-image: linear-gradient(rgba(255, 255, 0, 0.2), rgba(255, 255, 0, 0.1));
1.588 +}
1.589 +
1.590 +.addon-view[notification="error"] {
1.591 + background-image: linear-gradient(rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.1));
1.592 +}
1.593 +
1.594 +.addon-view[notification="info"] {
1.595 + background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.1));
1.596 +}
1.597 +
1.598 +.addon-view[pending="enable"],
1.599 +.addon-view[pending="upgrade"],
1.600 +.addon-view[pending="install"] {
1.601 + background-image: linear-gradient(rgba(0, 255, 0, 0.2), rgba(0, 255, 0, 0.1));
1.602 +}
1.603 +
1.604 +.addon-view[pending="disable"],
1.605 +.addon-view[pending="uninstall"] {
1.606 + background-image: linear-gradient(rgba(128, 128, 128, 0.2), rgba(128, 128, 128, 0.1));
1.607 +}
1.608 +
1.609 +.addon .relnotes-container {
1.610 + -moz-box-align: start;
1.611 + height: 0;
1.612 + overflow: hidden;
1.613 + opacity: 0;
1.614 + transition-property: height, opacity;
1.615 + transition-duration: 0.5s, 0.5s;
1.616 +}
1.617 +
1.618 +.addon[show-relnotes] .relnotes-container {
1.619 + opacity: 1;
1.620 + transition-property: height, opacity;
1.621 + transition-duration: 0.5s, 0.5s;
1.622 +}
1.623 +
1.624 +.addon .relnotes-header {
1.625 + font-weight: bold;
1.626 + margin: 10px 0;
1.627 +}
1.628 +
1.629 +.addon .relnotes-toggle {
1.630 + -moz-appearance: none;
1.631 + border: none;
1.632 + background: transparent;
1.633 + font-weight: bold;
1.634 + -moz-box-direction: reverse;
1.635 + cursor: pointer;
1.636 + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
1.637 +}
1.638 +
1.639 +.addon .relnotes-toggle > .button-box > .button-icon {
1.640 + -moz-padding-start: 4px;
1.641 +}
1.642 +
1.643 +.addon[show-relnotes] .relnotes-toggle {
1.644 + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
1.645 +}
1.646 +
1.647 +.addon[active="false"] {
1.648 + background-color: rgba(135, 135, 135, 0.1);
1.649 + background-image: linear-gradient(rgba(135, 135, 135, 0),
1.650 + rgba(135, 135, 135, 0.1));
1.651 +}
1.652 +
1.653 +.addon-view[active="false"],
1.654 +.addon-view[active="false"] .name-container {
1.655 + color: #686A6B;
1.656 +}
1.657 +
1.658 +.addon-view[notification="warning"] {
1.659 + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"),
1.660 + linear-gradient(rgba(255, 255, 0, 0.04),
1.661 + rgba(255, 255, 0, 0));
1.662 + background-repeat: repeat-x;
1.663 +}
1.664 +
1.665 +.addon-view[notification="error"] {
1.666 + background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"),
1.667 + linear-gradient(rgba(255, 0, 0, 0.04),
1.668 + rgba(255, 0, 0, 0));
1.669 + background-repeat: repeat-x;
1.670 +}
1.671 +
1.672 +.addon-view[pending="enable"],
1.673 +.addon-view[pending="upgrade"],
1.674 +.addon-view[pending="install"] {
1.675 + background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"),
1.676 + linear-gradient(rgba(0, 255, 0, 0.04),
1.677 + rgba(0, 255, 0, 0));
1.678 + background-repeat: repeat-x;
1.679 +}
1.680 +
1.681 +.addon-view[pending="disable"],
1.682 +.addon-view[pending="uninstall"] {
1.683 + background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"),
1.684 + linear-gradient(rgba(128, 128, 128, 0.04),
1.685 + rgba(128, 128, 128, 0));
1.686 + background-repeat: repeat-x;
1.687 +}
1.688 +
1.689 +.addon[selected] {
1.690 + background-color: rgba(105, 125, 149, 0.39);
1.691 + color: black;
1.692 +}
1.693 +
1.694 +.addon[selected] .name-container {
1.695 + text-shadow: @loweredShadow@;
1.696 +}
1.697 +
1.698 +.addon[active="false"][selected] .name-container {
1.699 + color: #3F3F3F;
1.700 +}
1.701 +
1.702 +
1.703 +/*** search view ***/
1.704 +
1.705 +#search-filter {
1.706 + padding: 5px 20px;
1.707 + font-size: 120%;
1.708 + overflow-x: hidden;
1.709 + border-bottom: 1px solid rgba(50, 65, 92, 0.4);
1.710 +}
1.711 +
1.712 +#search-filter-label {
1.713 + font-weight: bold;
1.714 + color: #666;
1.715 +}
1.716 +
1.717 +.search-filter-radio {
1.718 + -moz-appearance: none;
1.719 + padding: 0 10px;
1.720 + margin: 0 3px;
1.721 + border-radius: 10000px;
1.722 +}
1.723 +
1.724 +.search-filter-radio[selected] {
1.725 + text-shadow: @loweredShadow@;
1.726 + background-color: #C0C3CB;
1.727 + box-shadow: inset #A3A6AC 0 1px 1px, @loweredShadow@;
1.728 +}
1.729 +
1.730 +.search-filter-radio:hover {
1.731 + text-shadow: @loweredShadow@;
1.732 + background-color: #C0C3CB;
1.733 +}
1.734 +
1.735 +.search-filter-radio .radio-check {
1.736 + display: none;
1.737 +}
1.738 +
1.739 +.search-filter-radio .radio-icon {
1.740 + display: none;
1.741 +}
1.742 +
1.743 +#search-allresults-link {
1.744 + margin-top: 1em;
1.745 + margin-bottom: 2em;
1.746 +}
1.747 +
1.748 +/*** detail view ***/
1.749 +
1.750 +#detail-view .loading {
1.751 + opacity: 0;
1.752 +}
1.753 +
1.754 +#detail-view[loading-extended] .loading {
1.755 + opacity: 1;
1.756 + transition-property: opacity;
1.757 + transition-duration: 1s;
1.758 +}
1.759 +
1.760 +.detail-view-container {
1.761 + padding: 0 2em 2em 2em;
1.762 + font-size: 110%;
1.763 +}
1.764 +
1.765 +#detail-notifications {
1.766 + margin-top: 1em;
1.767 + margin-bottom: 2em;
1.768 +}
1.769 +
1.770 +#detail-notifications .warning,
1.771 +#detail-notifications .pending,
1.772 +#detail-notifications .error {
1.773 + -moz-margin-start: 0;
1.774 +}
1.775 +
1.776 +#detail-icon-container {
1.777 + width: 64px;
1.778 + -moz-margin-end: 10px;
1.779 + margin-top: 6px;
1.780 +}
1.781 +
1.782 +#detail-icon {
1.783 + max-width: 64px;
1.784 + max-height: 64px;
1.785 +}
1.786 +
1.787 +#detail-summary {
1.788 + margin-bottom: 2em;
1.789 +}
1.790 +
1.791 +#detail-name-container {
1.792 + font-size: 200%;
1.793 +}
1.794 +
1.795 +#detail-screenshot {
1.796 + -moz-margin-end: 2em;
1.797 + max-width: 300px;
1.798 + max-height: 300px;
1.799 +}
1.800 +
1.801 +#detail-screenshot[loading] {
1.802 + background-image: url("chrome://global/skin/icons/loading_16.png"),
1.803 + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
1.804 + background-position: 50% 50%;
1.805 + background-repeat: no-repeat;
1.806 + border-radius: 3px;
1.807 +}
1.808 +
1.809 +#detail-screenshot[loading="error"] {
1.810 + background-image: url("chrome://global/skin/media/error.png"),
1.811 + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
1.812 +}
1.813 +
1.814 +#detail-desc-container {
1.815 + margin-bottom: 2em;
1.816 +}
1.817 +
1.818 +#detail-desc, #detail-fulldesc {
1.819 + -moz-margin-start: 6px;
1.820 + /* This is necessary to fix layout issues with multi-line descriptions, see
1.821 + bug 592712*/
1.822 + outline: solid transparent;
1.823 + white-space: pre-wrap;
1.824 + min-width: 10em;
1.825 +}
1.826 +
1.827 +#detail-fulldesc {
1.828 + margin-top: 1em;
1.829 +}
1.830 +
1.831 +#detail-contributions {
1.832 + border-radius: 5px;
1.833 + border: 1px solid rgba(50, 65, 92, 0.3);
1.834 + margin-bottom: 2em;
1.835 + padding: 1em;
1.836 + background-color: rgba(255, 255, 255, 0.35);
1.837 +}
1.838 +
1.839 +#detail-contrib-description {
1.840 + font-style: italic;
1.841 + margin-bottom: 1em;
1.842 + color: #373D48;
1.843 +}
1.844 +
1.845 +#detail-contrib-suggested {
1.846 + color: grey;
1.847 + font-weight: bold;
1.848 +}
1.849 +
1.850 +#detail-contrib-btn {
1.851 + -moz-appearance: none;
1.852 + color: #FFF;
1.853 + border: 1px solid #3A4EEE;
1.854 + border-radius: 3px;
1.855 + list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
1.856 + background-color: #2F73EF;
1.857 + background-image: linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%,
1.858 + rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1));
1.859 +}
1.860 +
1.861 +#detail-contrib-btn .button-box {
1.862 + padding: 0 6px 1px 6px;
1.863 +}
1.864 +
1.865 +#detail-contrib-btn .button-icon {
1.866 + -moz-margin-end: 3px;
1.867 +}
1.868 +
1.869 +#detail-contrib-btn:not(:active):hover {
1.870 + border-color: #4271FF;
1.871 + background-color: #0459F7;
1.872 + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),
1.873 + 0 0 3.5px hsl(190, 90%, 80%);
1.874 + transition: background-color .4s ease-in,
1.875 + border-color .3s ease-in,
1.876 + box-shadow .3s ease-in;
1.877 +}
1.878 +
1.879 +#detail-contrib-btn:active:hover {
1.880 + background-color: #8FA1C1;
1.881 + border-color: rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.55) rgba(0, 0, 0, 0.5);
1.882 + box-shadow: 0 0 6.5px rgba(0, 0, 0, 0.4) inset,
1.883 + 0 0 2px rgba(0, 0, 0, 0.4) inset;
1.884 +}
1.885 +
1.886 +#detail-grid {
1.887 + margin-bottom: 2em;
1.888 +}
1.889 +
1.890 +#detail-grid > columns > column:first-child {
1.891 + min-width: 15em;
1.892 + max-width: 25em;
1.893 +}
1.894 +
1.895 +.detail-row[first-row="true"],
1.896 +.detail-row-complex[first-row="true"],
1.897 +setting[first-row="true"] {
1.898 + border-top: none;
1.899 +}
1.900 +
1.901 +.detail-row,
1.902 +.detail-row-complex,
1.903 +setting {
1.904 + border-top: 2px solid;
1.905 + -moz-border-top-colors: rgba(28, 31, 37, 0.2) rgba(255, 255, 255, 0.2);
1.906 + -moz-box-align: center;
1.907 + min-height: 30px;
1.908 +}
1.909 +
1.910 +#detail-controls {
1.911 + margin-bottom: 1em;
1.912 +}
1.913 +
1.914 +#detail-view[active="false"]:not([pending]):not([notification]) {
1.915 + background-image: linear-gradient(rgba(135, 135, 135, 0.1),
1.916 + rgba(135, 135, 135, 0));
1.917 +}
1.918 +
1.919 +setting[first-row="true"] {
1.920 + margin-top: 2em;
1.921 +}
1.922 +
1.923 +setting {
1.924 + -moz-box-align: start;
1.925 +}
1.926 +
1.927 +.preferences-alignment {
1.928 + min-height: 30px;
1.929 + -moz-box-align: center;
1.930 +}
1.931 +
1.932 +.preferences-description {
1.933 + font-size: 90.9%;
1.934 + color: graytext;
1.935 + margin-top: -2px;
1.936 + -moz-margin-start: 2em;
1.937 + white-space: pre-wrap;
1.938 +}
1.939 +
1.940 +.preferences-description:empty {
1.941 + display: none;
1.942 +}
1.943 +
1.944 +setting[type="radio"] > radiogroup {
1.945 + -moz-box-orient: horizontal;
1.946 +}
1.947 +
1.948 +
1.949 +/*** creator ***/
1.950 +
1.951 +.creator > label {
1.952 + -moz-margin-start: 0;
1.953 + -moz-margin-end: 0;
1.954 +}
1.955 +
1.956 +.creator > .text-link {
1.957 + margin-top: 1px;
1.958 + margin-bottom: 1px;
1.959 +}
1.960 +
1.961 +
1.962 +/*** rating ***/
1.963 +
1.964 +.meta-rating {
1.965 + -moz-margin-end: 0;
1.966 + margin-top: 2px;
1.967 +}
1.968 +
1.969 +.meta-rating > .star {
1.970 + list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
1.971 + padding: 0 1px;
1.972 +}
1.973 +
1.974 +.meta-rating > .star[on="true"] {
1.975 + list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
1.976 +}
1.977 +
1.978 +
1.979 +/*** download progress ***/
1.980 +
1.981 +.download-progress {
1.982 + background-image: linear-gradient(#DCDEE3, #CBCED6);
1.983 + border: 1px solid #858898;
1.984 + border-radius: 3px;
1.985 + box-shadow: inset #E3E8EC 0 1px 1px, @loweredShadow@;
1.986 + width: 200px;
1.987 + height: 21px;
1.988 + margin: 0 8px;
1.989 +}
1.990 +
1.991 +.download-progress[mode="undetermined"] .progress {
1.992 + -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
1.993 +}
1.994 +
1.995 +.download-progress[mode="undetermined"] {
1.996 + border-color: #2E773A;
1.997 +}
1.998 +
1.999 +.download-progress[mode="undetermined"] .status-container {
1.1000 + padding: 0 2px;
1.1001 +}
1.1002 +
1.1003 +.download-progress .start-cap,
1.1004 +.download-progress[complete] .end-cap,
1.1005 +.download-progress[mode="undetermined"] .end-cap,
1.1006 +.download-progress .progress .progress-bar {
1.1007 + -moz-appearance: none;
1.1008 + background-image: linear-gradient(#6AC47E, #4FAC6A);
1.1009 + margin-top: -1px;
1.1010 + margin-bottom: -1px;
1.1011 + border: 1px solid #2E773A;
1.1012 +}
1.1013 +
1.1014 +.download-progress .start-cap {
1.1015 + -moz-margin-start: -1px;
1.1016 + -moz-border-end-width: 0;
1.1017 +}
1.1018 +
1.1019 +.download-progress .end-cap {
1.1020 + -moz-margin-end: -1px;
1.1021 + -moz-border-start-width: 0px !important;
1.1022 +}
1.1023 +
1.1024 +.download-progress .progress .progress-bar {
1.1025 + border-left-width: 0;
1.1026 + border-right-width: 0;
1.1027 + min-height: 21px;
1.1028 +}
1.1029 +
1.1030 +.download-progress .progress {
1.1031 + -moz-appearance: none;
1.1032 + background-color: transparent;
1.1033 + padding: 0;
1.1034 + margin: 0;
1.1035 + border: none;
1.1036 +}
1.1037 +
1.1038 +.download-progress .start-cap,
1.1039 +.download-progress .end-cap {
1.1040 + width: 4px;
1.1041 +}
1.1042 +
1.1043 +.download-progress .start-cap:-moz-locale-dir(ltr),
1.1044 +.download-progress .end-cap:-moz-locale-dir(rtl) {
1.1045 + border-radius: 3px 0 0 3px;
1.1046 +}
1.1047 +
1.1048 +.download-progress .end-cap:-moz-locale-dir(ltr),
1.1049 +.download-progress .start-cap:-moz-locale-dir(rtl) {
1.1050 + border-radius: 0 3px 3px 0;
1.1051 +}
1.1052 +
1.1053 +.download-progress .cancel {
1.1054 + -moz-appearance: none;
1.1055 + background-color: rgba(255, 255, 255, 0.15);
1.1056 + border: 1px solid rgba(0, 0, 0, 0.4);
1.1057 + padding: 3px;
1.1058 + border-radius: 3px;
1.1059 + min-width: 0;
1.1060 + margin: 3px;
1.1061 +}
1.1062 +
1.1063 +.download-progress .cancel .button-text {
1.1064 + display: none;
1.1065 +}
1.1066 +
1.1067 +.download-progress .cancel .button-icon {
1.1068 + -moz-margin-start: 0;
1.1069 +}
1.1070 +
1.1071 +.download-progress .cancel {
1.1072 + list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
1.1073 +}
1.1074 +
1.1075 +.download-progress .status-container {
1.1076 + -moz-box-align: center;
1.1077 +}
1.1078 +
1.1079 +.download-progress .status {
1.1080 + text-shadow: @loweredShadow@;
1.1081 +}
1.1082 +
1.1083 +
1.1084 +/*** install status ***/
1.1085 +
1.1086 +.install-status {
1.1087 + -moz-box-align: center;
1.1088 +}
1.1089 +
1.1090 +
1.1091 +/*** check for updates ***/
1.1092 +
1.1093 +#updates-container {
1.1094 + -moz-box-align: center;
1.1095 +}
1.1096 +
1.1097 +#updates-installed,
1.1098 +#updates-downloaded {
1.1099 + color: #3C735C;
1.1100 + font-weight: bold;
1.1101 +}
1.1102 +
1.1103 +#update-selected {
1.1104 + margin: 12px;
1.1105 +}
1.1106 +
1.1107 +
1.1108 +/*** buttons ***/
1.1109 +
1.1110 +.addon-control[disabled="true"] {
1.1111 + display: none;
1.1112 +}
1.1113 +
1.1114 +button.button-link {
1.1115 + -moz-appearance: none;
1.1116 + background: transparent;
1.1117 + border: none;
1.1118 + box-shadow: none;
1.1119 + text-decoration: underline;
1.1120 + color: #0066CC;
1.1121 + cursor: pointer;
1.1122 + min-width: 0;
1.1123 + margin: 0 6px;
1.1124 +}
1.1125 +
1.1126 +.text-link {
1.1127 + color: #3386D5;
1.1128 +}
1.1129 +
1.1130 +.button-link:hover,
1.1131 +.text-link:hover {
1.1132 + color: #3DA1FF;
1.1133 +}
1.1134 +
1.1135 +/* Needed to override normal button style from inContent.css */
1.1136 +button.button-link:not([disabled="true"]):active:hover {
1.1137 + background: transparent;
1.1138 + border: none;
1.1139 + box-shadow: none;
1.1140 +}
1.1141 +
1.1142 +.header-button {
1.1143 + -moz-appearance: none;
1.1144 + padding: 0 4px;
1.1145 + margin: 0;
1.1146 + height: 22px;
1.1147 + border: 1px solid rgba(60,73,97,0.5);
1.1148 + border-radius: @toolbarbuttonCornerRadius@;
1.1149 + box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25);
1.1150 + background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0));
1.1151 + background-clip: padding-box;
1.1152 +}
1.1153 +
1.1154 +.header-button .toolbarbutton-text {
1.1155 + display: none;
1.1156 +}
1.1157 +
1.1158 +.header-button[disabled="true"] .toolbarbutton-icon {
1.1159 + opacity: 0.4;
1.1160 +}
1.1161 +
1.1162 +.header-button:not([disabled="true"]):active:hover,
1.1163 +.header-button[open="true"] {
1.1164 + border-color: rgba(45,54,71,0.7);
1.1165 + box-shadow: inset 0 0 4px rgb(45,54,71), 0 1px rgba(255,255,255,0.25);
1.1166 + background-image: linear-gradient(rgba(45,54,71,0.6), rgba(45,54,71,0));
1.1167 +}
1.1168 +
1.1169 +/*** telemetry experiments ***/
1.1170 +
1.1171 +#detail-experiment-container {
1.1172 + font-size: 80%;
1.1173 + margin-bottom: 1em;
1.1174 +}
1.1175 +
1.1176 +#detail-experiment-bullet-container,
1.1177 +#detail-experiment-state,
1.1178 +#detail-experiment-time,
1.1179 +.experiment-bullet-container,
1.1180 +.experiment-state,
1.1181 +.experiment-time {
1.1182 + vertical-align: middle;
1.1183 + display: inline-block;
1.1184 +}
1.1185 +
1.1186 +.addon .experiment-bullet,
1.1187 +#detail-experiment-bullet {
1.1188 + fill: rgb(158, 158, 158);
1.1189 +}
1.1190 +
1.1191 +.addon[active="true"] .experiment-bullet,
1.1192 +#detail-view[active="true"] #detail-experiment-bullet {
1.1193 + fill: rgb(106, 201, 20);
1.1194 +}
