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