1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/shared/incontentprefs/preferences.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,867 @@
1.4 +%if 0
1.5 +/* - This Source Code Form is subject to the terms of the Mozilla Public
1.6 + - License, v. 2.0. If a copy of the MPL was not distributed with this file,
1.7 + - You can obtain one at http://mozilla.org/MPL/2.0/. */
1.8 +%endif
1.9 +@namespace html "http://www.w3.org/1999/xhtml";
1.10 +
1.11 +@font-face {
1.12 + font-family: "Clear Sans";
1.13 + src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff');
1.14 +}
1.15 +
1.16 +page {
1.17 + -moz-appearance: none;
1.18 + background-image: linear-gradient(#FFFFFF, #EDEDED 100px);
1.19 +}
1.20 +
1.21 +caption {
1.22 + -moz-appearance: none;
1.23 + margin: 0;
1.24 +}
1.25 +
1.26 +.caption-text {
1.27 + font-size: 1.3rem;
1.28 + font-weight: bold;
1.29 + line-height: 22px;
1.30 + margin: 0 !important;
1.31 +}
1.32 +
1.33 +.main-content {
1.34 + padding: 40px 48px 48px;
1.35 + overflow: auto;
1.36 +}
1.37 +
1.38 +prefpane {
1.39 + max-width: 800px;
1.40 + padding: 0;
1.41 + font-family: "Clear Sans", sans-serif;
1.42 + font-size: 1.25rem;
1.43 + line-height: 22px;
1.44 + color: #424E5A;
1.45 +}
1.46 +
1.47 +prefpane > .content-box {
1.48 + overflow: visible;
1.49 +}
1.50 +
1.51 +/* groupboxes */
1.52 +
1.53 +groupbox {
1.54 + -moz-appearance: none;
1.55 + border: none;
1.56 + margin-top: 15px;
1.57 + margin-bottom: 15px;
1.58 + -moz-margin-start: 60px;
1.59 + -moz-padding-start: 0;
1.60 + font-size: 1.25rem;
1.61 +}
1.62 +
1.63 +groupbox label {
1.64 + -moz-margin-start: 0;
1.65 +}
1.66 +
1.67 +/* tabpanels and tabs */
1.68 +
1.69 +tabpanels {
1.70 + -moz-appearance: none;
1.71 + font-size: 1.25rem;
1.72 + line-height: 22px;
1.73 + color: #424E5A;
1.74 + border: none;
1.75 + padding: 0;
1.76 + background-color: transparent;
1.77 +}
1.78 +
1.79 +tabs {
1.80 + -moz-margin-start: 60px;
1.81 + margin-bottom: 15px;
1.82 + border-top: 2px solid;
1.83 + border-bottom: 2px solid;
1.84 + -moz-border-top-colors: #BBBBBB #F9F9F9;
1.85 + -moz-border-bottom-colors: #F9F9F9 #BBBBBB;
1.86 +}
1.87 +
1.88 +.tabs-left,
1.89 +.tabs-right {
1.90 + border-bottom: none;
1.91 +}
1.92 +
1.93 +tab {
1.94 + -moz-appearance: none;
1.95 + margin-top: 0;
1.96 + padding: 0;
1.97 + -moz-margin-end: 30px;
1.98 + min-height: 60px;
1.99 + background-color: transparent;
1.100 + border-width: 0;
1.101 + border-bottom: 3px solid transparent;
1.102 +}
1.103 +
1.104 +tab[selected] {
1.105 + border-bottom-color: #FF9500;
1.106 +}
1.107 +
1.108 +.tab-text {
1.109 + font-size: 1.3rem;
1.110 + line-height: 22px;
1.111 + color: #737980;
1.112 + border: 1px solid transparent;
1.113 + border-radius: 5px;
1.114 +}
1.115 +
1.116 +tab:not([selected]):hover > .tab-middle > .tab-text {
1.117 + background-color: rgba(255,255,255,0.5);
1.118 + border-color: #FFFFFF;
1.119 +}
1.120 +
1.121 +tab:not([selected]):hover:active > .tab-middle > .tab-text {
1.122 + background-color: rgba(0,0,0,0.03);
1.123 +}
1.124 +
1.125 +tab[selected] > .tab-middle > .tab-text {
1.126 + font-weight: bold;
1.127 + color: #424E5A;
1.128 +}
1.129 +
1.130 +/* buttons and menulists */
1.131 +
1.132 +button,
1.133 +menulist {
1.134 + -moz-appearance: none;
1.135 + height: 30px;
1.136 + color: #737980;
1.137 + line-height: 20px;
1.138 + text-shadow: 0 1px 1px #FEFFFE;
1.139 + border: 1px solid rgba(23,50,77,0.4);
1.140 + -moz-border-top-colors: none !important;
1.141 + -moz-border-right-colors: none !important;
1.142 + -moz-border-bottom-colors: none !important;
1.143 + -moz-border-left-colors: none !important;
1.144 + border-radius: 5px;
1.145 + box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 #FFFFFF;
1.146 + background-color: #F1F1F1;
1.147 + background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.1));
1.148 +}
1.149 +
1.150 +button:not([disabled="true"]):hover,
1.151 +menulist:not([disabled="true"]):hover {
1.152 + background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.6));
1.153 +}
1.154 +
1.155 +button:not([disabled="true"]):hover:active,
1.156 +menulist[open="true"]:not([disabled="true"]) {
1.157 + background-image: linear-gradient(rgba(255,255,255,0.1),
1.158 + rgba(255,255,255,0.6));
1.159 +}
1.160 +
1.161 +button[disabled="true"],
1.162 +menulist[disabled="true"] {
1.163 + background-image: linear-gradient(rgba(255,255,255,0.5),
1.164 + rgba(255,255,255,0.1));
1.165 + border-color: rgba(23,50,77,0.25);
1.166 + color: rgba(115,121,128,0.5);
1.167 + text-shadow: 0 1px 1px #FFFFFF;
1.168 +}
1.169 +
1.170 +button > .button-box,
1.171 +menulist > .menulist-label-box {
1.172 + padding-right: 10px !important;
1.173 + padding-left: 10px !important;
1.174 +}
1.175 +
1.176 +button[type="menu"] > .button-box > .button-menu-dropmarker {
1.177 + -moz-appearance: none;
1.178 + margin: 1px 0;
1.179 + -moz-margin-start: 10px;
1.180 + padding: 0;
1.181 + width: 10px;
1.182 + height: 16px;
1.183 + border: none;
1.184 + background-color: transparent;
1.185 + list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png");
1.186 +}
1.187 +
1.188 +.spinbuttons-button {
1.189 + -moz-margin-start: 10px !important;
1.190 + -moz-margin-end: 2px !important;
1.191 +}
1.192 +
1.193 +.spinbuttons-up {
1.194 + margin-top: 2px !important;
1.195 + border-radius: 4px 4px 0 0;
1.196 +}
1.197 +
1.198 +.spinbuttons-down {
1.199 + margin-bottom: 2px !important;
1.200 + border-radius: 0 0 4px 4px;
1.201 +}
1.202 +
1.203 +.spinbuttons-button > .button-box {
1.204 + padding: 1px 5px 2px !important;
1.205 +}
1.206 +
1.207 +.spinbuttons-up > .button-box > .button-icon {
1.208 + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
1.209 +}
1.210 +
1.211 +.spinbuttons-up[disabled="true"] > .button-box > .button-icon {
1.212 + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
1.213 +}
1.214 +
1.215 +.spinbuttons-down > .button-box > .button-icon {
1.216 + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
1.217 +}
1.218 +
1.219 +.spinbuttons-down[disabled="true"] > .button-box > .button-icon {
1.220 + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
1.221 +}
1.222 +
1.223 +menulist:not([editable="true"]) > .menulist-dropmarker {
1.224 + -moz-appearance: none;
1.225 + -moz-margin-end: 10px;
1.226 + padding: 0;
1.227 + border: none;
1.228 + background-color: transparent;
1.229 + list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png")
1.230 +}
1.231 +
1.232 +menulist[disabled="true"]:not([editable="true"]) > .menulist-dropmarker {
1.233 + list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown-disabled.png")
1.234 +}
1.235 +
1.236 +@media (min-resolution: 2dppx) {
1.237 + menulist:not([editable="true"]) > .menulist-dropmarker,
1.238 + button[type="menu"] > .button-box > .button-menu-dropmarker {
1.239 + list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown@2x.png");
1.240 + }
1.241 +
1.242 + menulist[disabled="true"]:not([editable="true"]) > .menulist-dropmarker {
1.243 + list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown-disabled@2x.png")
1.244 + }
1.245 +
1.246 + menulist:not([editable="true"]) > .menulist-dropmarker > .dropmarker-icon,
1.247 + button[type="menu"] > .button-box > .button-menu-dropmarker > .dropmarker-icon {
1.248 + width: 10px;
1.249 + height: 16px;
1.250 + }
1.251 +}
1.252 +
1.253 +menulist > menupopup,
1.254 +button[type="menu"] > menupopup {
1.255 + -moz-appearance: none;
1.256 + border: 1px solid rgba(23,50,77,0.4);
1.257 + border-radius: 5px;
1.258 + background-color: #FFFFFF;
1.259 +}
1.260 +
1.261 +menulist > menupopup menu,
1.262 +menulist > menupopup menuitem,
1.263 +button[type="menu"] > menupopup menu,
1.264 +button[type="menu"] > menupopup menuitem {
1.265 + -moz-appearance: none;
1.266 + font-size: 1.25rem;
1.267 + line-height: 22px;
1.268 + height: 40px;
1.269 + color: #737980;
1.270 +}
1.271 +
1.272 +menulist > menupopup > menu[_moz-menuactive="true"],
1.273 +menulist > menupopup > menuitem[_moz-menuactive="true"],
1.274 +button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
1.275 +button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
1.276 + color: #FFFFFF;
1.277 + background-image: linear-gradient(#4CB1FF, #1792E5);
1.278 +}
1.279 +
1.280 +menulist > menupopup menuseparator,
1.281 +button[type="menu"] > menupopup menuseparator {
1.282 + -moz-appearance: none;
1.283 + margin-top: 2px;
1.284 + margin-bottom: 2px;
1.285 + padding: 0;
1.286 + border-top: 1px solid rgba(23,50,77,0.4);
1.287 + border-bottom: none;
1.288 +}
1.289 +
1.290 +/* textboxes */
1.291 +
1.292 +textbox {
1.293 + -moz-appearance: none;
1.294 + height: 30px;
1.295 + color: #737980;
1.296 + line-height: 20px;
1.297 + text-shadow: 0 1px 1px #FEFFFE;
1.298 + padding-right: 10px;
1.299 + padding-left: 10px;
1.300 + border: 1px solid rgba(23,50,77,0.4);
1.301 + -moz-border-top-colors: none !important;
1.302 + -moz-border-right-colors: none !important;
1.303 + -moz-border-bottom-colors: none !important;
1.304 + -moz-border-left-colors: none !important;
1.305 + border-radius: 5px;
1.306 + box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 rgba(0,0,0,0.03);
1.307 + background-color: #F1F1F1;
1.308 + background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.8));
1.309 +}
1.310 +
1.311 +textbox[focused] {
1.312 + color: #424E5A;
1.313 + border-color: #0096DC;
1.314 + box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
1.315 +}
1.316 +
1.317 +textbox[disabled="true"] {
1.318 + color: rgba(115,121,128,0.5);
1.319 + border-color: rgba(23,50,77,0.25);
1.320 + background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.4));
1.321 +}
1.322 +
1.323 +/* Links */
1.324 +
1.325 +.text-link,
1.326 +.inline-link,
1.327 +html|a.inline-link {
1.328 + font-size: 1.25rem;
1.329 + line-height: 22px;
1.330 + color: #0096DC;
1.331 +}
1.332 +
1.333 +.text-link:hover,
1.334 +.inline-link:hover {
1.335 + color: #4CB1FF;
1.336 + text-decoration: none;
1.337 +}
1.338 +
1.339 +.text-link:hover:active,
1.340 +.inline-link:hover:active {
1.341 + color: #FF9500;
1.342 + text-decoration: none;
1.343 +}
1.344 +
1.345 +/* Checkboxes and radio buttons */
1.346 +
1.347 +checkbox {
1.348 + -moz-margin-start: 0;
1.349 + position: relative;
1.350 +}
1.351 +
1.352 +.checkbox-check {
1.353 + -moz-appearance: none;
1.354 + width: 23px;
1.355 + height: 23px;
1.356 + border-radius: 2px;
1.357 + border: 1px solid rgba(23,50,77,0.40);
1.358 + -moz-margin-end: 10px;
1.359 + background-color: #f1f1f1;
1.360 + background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
1.361 + box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
1.362 +}
1.363 +
1.364 +.checkbox-check[checked] {
1.365 + border-color: #0096dc;
1.366 + box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
1.367 +}
1.368 +
1.369 +.checkbox-label-box {
1.370 + -moz-margin-start: -1px; /* negative margin for the transparent border */
1.371 + -moz-padding-start: 0;
1.372 +}
1.373 +
1.374 +checkbox:hover::before,
1.375 +checkbox[checked]::before {
1.376 + position: absolute;
1.377 + content: "";
1.378 + width: 15px;
1.379 + height: 10px;
1.380 + background-image: url("chrome://browser/skin/preferences/in-content/check.png");
1.381 +}
1.382 +
1.383 +checkbox[checked]::before {
1.384 + background-position: -15px 0;
1.385 +}
1.386 +
1.387 +@media (min-resolution: 2dppx) {
1.388 + checkbox:hover::before {
1.389 + background-size: cover;
1.390 + background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 30, 30, 0);
1.391 + }
1.392 +
1.393 + checkbox[checked]::before {
1.394 + background-size: cover;
1.395 + background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 60, 30, 30);
1.396 + }
1.397 +}
1.398 +
1.399 +.radio-check {
1.400 + -moz-appearance: none;
1.401 + width: 23px;
1.402 + height: 23px;
1.403 + border: 1px solid rgba(23,50,77,0.40);
1.404 + border-radius: 50%;
1.405 + -moz-margin-end: 10px;
1.406 + background-color: #f1f1f1;
1.407 + background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
1.408 + box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
1.409 +}
1.410 +
1.411 +.radio-check[selected] {
1.412 + border-color: #0096dc;
1.413 + box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
1.414 +}
1.415 +
1.416 +.radio-label-box {
1.417 + -moz-margin-start: -1px; /* negative margin for the transparent border */
1.418 + -moz-margin-end: 10px;
1.419 + -moz-padding-start: 0;
1.420 +}
1.421 +
1.422 +radio {
1.423 + position: relative;
1.424 +}
1.425 +
1.426 +radio:hover::before,
1.427 +radio[selected]::before {
1.428 + position: absolute;
1.429 + content: "";
1.430 + width: 11px;
1.431 + height: 11px;
1.432 + border-radius: 50%;
1.433 + background-image: linear-gradient(rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
1.434 +}
1.435 +
1.436 +radio[selected]::before {
1.437 + background-image: linear-gradient(#4cb1ff 0%, #1792e5 100%);
1.438 +}
1.439 +
1.440 +/* Category List */
1.441 +
1.442 +#categories {
1.443 + -moz-appearance: none;
1.444 + background-color: #424e5a;
1.445 + -moz-border-end: 1px solid rgba(0,0,0,0.20);
1.446 + padding-top: 39px;
1.447 + margin: 0;
1.448 +}
1.449 +
1.450 +.category {
1.451 + -moz-appearance: none;
1.452 + color: rgba(241,241,241,0.70);
1.453 + border: 1px solid transparent;
1.454 + -moz-border-end-width: 0;
1.455 + -moz-padding-start: 14px;
1.456 + -moz-padding-end: 21px;
1.457 + margin-bottom: -1px;
1.458 + min-height: 40px;
1.459 +}
1.460 +
1.461 +.category:hover {
1.462 + background-color: rgba(255,255,255,0.15);
1.463 + border-color: rgba(255,255,255,0.20);
1.464 +}
1.465 +
1.466 +.category[selected] {
1.467 + background-color: rgba(0,0,0,0.20);
1.468 + border-color: rgba(255,255,255,0.20);
1.469 + -moz-border-start-width: 3px;
1.470 + -moz-border-start-color: #ff9500;
1.471 + -moz-padding-start: 12px;
1.472 + color: #f1f1f1;
1.473 +}
1.474 +
1.475 +.category-name {
1.476 + line-height: 22px;
1.477 + font-family: "Clear Sans", sans-serif;
1.478 + font-size: 1.25rem;
1.479 + padding-bottom: 2px;
1.480 + -moz-padding-start: 9px;
1.481 + margin: 0;
1.482 +}
1.483 +
1.484 +.category-icon {
1.485 + width: 24px;
1.486 + height: 24px;
1.487 + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
1.488 +}
1.489 +
1.490 +#category-general > .category-icon {
1.491 + -moz-image-region: rect(0, 24px, 24px, 0);
1.492 +}
1.493 +
1.494 +#category-general[selected] > .category-icon {
1.495 + -moz-image-region: rect(24px, 24px, 48px, 0);
1.496 +}
1.497 +
1.498 +#category-content > .category-icon {
1.499 + -moz-image-region: rect(0, 48px, 24px, 24px);
1.500 +}
1.501 +
1.502 +#category-content[selected] > .category-icon {
1.503 + -moz-image-region: rect(24px, 48px, 48px, 24px);
1.504 +}
1.505 +
1.506 +#category-application > .category-icon {
1.507 + -moz-image-region: rect(0, 72px, 24px, 48px);
1.508 +}
1.509 +
1.510 +#category-application[selected] > .category-icon {
1.511 + -moz-image-region: rect(24px, 72px, 48px, 48px);
1.512 +}
1.513 +
1.514 +#category-privacy > .category-icon {
1.515 + -moz-image-region: rect(0, 96px, 24px, 72px);
1.516 +}
1.517 +
1.518 +#category-privacy[selected] > .category-icon {
1.519 + -moz-image-region: rect(24px, 96px, 48px, 72px);
1.520 +}
1.521 +
1.522 +#category-security > .category-icon {
1.523 + -moz-image-region: rect(0, 120px, 24px, 96px);
1.524 +}
1.525 +
1.526 +#category-security[selected] > .category-icon {
1.527 + -moz-image-region: rect(24px, 120px, 48px, 96px);
1.528 +}
1.529 +
1.530 +#category-sync > .category-icon {
1.531 + -moz-image-region: rect(0, 144px, 24px, 120px);
1.532 +}
1.533 +
1.534 +#category-sync[selected] > .category-icon {
1.535 + -moz-image-region: rect(24px, 144px, 48px, 120px);
1.536 +}
1.537 +
1.538 +#category-advanced > .category-icon {
1.539 + -moz-image-region: rect(0, 168px, 24px, 144px);
1.540 +}
1.541 +
1.542 +#category-advanced[selected] > .category-icon {
1.543 + -moz-image-region: rect(24px, 168px, 48px, 144px);
1.544 +}
1.545 +
1.546 +@media (min-resolution: 2dppx) {
1.547 + .category-icon {
1.548 + list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
1.549 + }
1.550 +
1.551 + #category-general > .category-icon {
1.552 + -moz-image-region: rect(0, 48px, 48px, 0);
1.553 + }
1.554 +
1.555 + #category-general[selected] > .category-icon {
1.556 + -moz-image-region: rect(48px, 48px, 96px, 0);
1.557 + }
1.558 +
1.559 + #category-content > .category-icon {
1.560 + -moz-image-region: rect(0, 96px, 48px, 48px);
1.561 + }
1.562 +
1.563 + #category-content[selected] > .category-icon {
1.564 + -moz-image-region: rect(48px, 96px, 96px, 48px);
1.565 + }
1.566 +
1.567 + #category-application > .category-icon {
1.568 + -moz-image-region: rect(0, 144px, 48px, 96px);
1.569 + }
1.570 +
1.571 + #category-application[selected] > .category-icon {
1.572 + -moz-image-region: rect(48px, 144px, 96px, 96px);
1.573 + }
1.574 +
1.575 + #category-privacy > .category-icon {
1.576 + -moz-image-region: rect(0, 192px, 48px, 144px);
1.577 + }
1.578 +
1.579 + #category-privacy[selected] > .category-icon {
1.580 + -moz-image-region: rect(48px, 192px, 96px, 144px);
1.581 + }
1.582 +
1.583 + #category-security > .category-icon {
1.584 + -moz-image-region: rect(0, 240px, 48px, 192px);
1.585 + }
1.586 +
1.587 + #category-security[selected] > .category-icon {
1.588 + -moz-image-region: rect(48px, 240px, 96px, 192px);
1.589 + }
1.590 +
1.591 + #category-sync > .category-icon {
1.592 + -moz-image-region: rect(0, 288px, 48px, 240px);
1.593 + }
1.594 +
1.595 + #category-sync[selected] > .category-icon {
1.596 + -moz-image-region: rect(48px, 288px, 96px, 240px);
1.597 + }
1.598 +
1.599 + #category-advanced > .category-icon {
1.600 + -moz-image-region: rect(0, 336px, 48px, 288px);
1.601 + }
1.602 +
1.603 + #category-advanced[selected] > .category-icon {
1.604 + -moz-image-region: rect(48px, 336px, 96px, 288px);
1.605 + }
1.606 +}
1.607 +
1.608 +/* header */
1.609 +
1.610 +.header {
1.611 + margin-bottom: 15px;
1.612 +}
1.613 +
1.614 +.header-icon {
1.615 + width: 40px;
1.616 + max-height: 40px;
1.617 + -moz-margin-end: 20px;
1.618 + list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
1.619 +}
1.620 +
1.621 +.header-name {
1.622 + font-size: 2.5rem;
1.623 + font-weight: normal;
1.624 + line-height: 40px;
1.625 + margin: 0;
1.626 +}
1.627 +
1.628 +#header-general > .header-icon {
1.629 + -moz-image-region: rect(0, 40px, 40px, 0);
1.630 +}
1.631 +
1.632 +#header-content > .header-icon {
1.633 + -moz-image-region: rect(0, 80px, 40px, 40px);
1.634 +}
1.635 +
1.636 +#header-application > .header-icon {
1.637 + -moz-image-region: rect(0, 120px, 40px, 80px);
1.638 +}
1.639 +
1.640 +#header-privacy > .header-icon {
1.641 + -moz-image-region: rect(0, 160px, 40px, 120px);
1.642 +}
1.643 +
1.644 +#header-security > .header-icon {
1.645 + -moz-image-region: rect(0, 200px, 40px, 160px);
1.646 +}
1.647 +
1.648 +#header-sync > .header-icon {
1.649 + -moz-image-region: rect(0, 240px, 40px, 200px);
1.650 +}
1.651 +
1.652 +#header-advanced > .header-icon {
1.653 + -moz-image-region: rect(0, 280px, 40px, 240px);
1.654 +}
1.655 +
1.656 +@media (min-resolution: 2dppx) {
1.657 + .header-icon {
1.658 + list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
1.659 + }
1.660 +
1.661 + #header-general > .header-icon {
1.662 + -moz-image-region: rect(0, 80px, 80px, 0);
1.663 + }
1.664 +
1.665 + #header-content > .header-icon {
1.666 + -moz-image-region: rect(0, 160px, 80px, 80px);
1.667 + }
1.668 +
1.669 + #header-application > .header-icon {
1.670 + -moz-image-region: rect(0, 240px, 80px, 160px);
1.671 + }
1.672 +
1.673 + #header-privacy > .header-icon {
1.674 + -moz-image-region: rect(0, 320px, 80px, 240px);
1.675 + }
1.676 +
1.677 + #header-security > .header-icon {
1.678 + -moz-image-region: rect(0, 400px, 80px, 320px);
1.679 + }
1.680 +
1.681 + #header-sync > .header-icon {
1.682 + -moz-image-region: rect(0, 480px, 80px, 400px);
1.683 + }
1.684 +
1.685 + #header-advanced > .header-icon {
1.686 + -moz-image-region: rect(0, 560px, 80px, 480px);
1.687 + }
1.688 +}
1.689 +
1.690 +/* General Pane */
1.691 +
1.692 +filefield {
1.693 + -moz-appearance: none;
1.694 + background-color: transparent;
1.695 + border: none;
1.696 + padding: 0;
1.697 +}
1.698 +
1.699 +.fileFieldContentBox {
1.700 + background-color: transparent;
1.701 +}
1.702 +
1.703 +.fileFieldIcon {
1.704 + -moz-margin-start: 10px;
1.705 + -moz-margin-end: 0;
1.706 +}
1.707 +
1.708 +.fileFieldLabel {
1.709 + -moz-margin-start: -26px;
1.710 + -moz-padding-start: 36px;
1.711 +}
1.712 +
1.713 +/* Applications Pane Styles */
1.714 +
1.715 +#applications-content {
1.716 + -moz-margin-start: 60px;
1.717 + padding: 15px;
1.718 +}
1.719 +
1.720 +#handlersView {
1.721 + -moz-appearance: none;
1.722 + font-size: 1.25rem;
1.723 + line-height: 22px;
1.724 + color: #737980;
1.725 + border: 1px solid rgba(23,50,77,0.4);
1.726 + border-radius: 5px;
1.727 + background-color: #F1F1F1;
1.728 + overflow-y: auto;
1.729 +}
1.730 +
1.731 +#typeColumn,
1.732 +#actionColumn {
1.733 + -moz-appearance: none;
1.734 + font-family: "Clear Sans", sans-serif;
1.735 + line-height: 20px;
1.736 + color: #737980;
1.737 + height: 36px;
1.738 + padding: 0 10px;
1.739 + background-color: #F7F7F7;
1.740 + border: 1px solid #CCCCCC;
1.741 + -moz-border-top-colors: none;
1.742 + -moz-border-right-colors: none;
1.743 + -moz-border-bottom-colors: none;
1.744 + -moz-border-left-colors: none;
1.745 + text-shadow: 0 1px 1px #FFFFFF;
1.746 +}
1.747 +
1.748 +#typeColumn:-moz-locale-dir(ltr),
1.749 +#actionColumn:-moz-locale-dir(rtl) {
1.750 + border-top-left-radius: 5px;
1.751 +}
1.752 +
1.753 +#typeColumn:-moz-locale-dir(rtl),
1.754 +#actionColumn:-moz-locale-dir(ltr) {
1.755 + border-top-right-radius: 5px;
1.756 +}
1.757 +
1.758 +#typeColumn:hover,
1.759 +#actionColumn:hover {
1.760 + border-color: #737980;
1.761 +}
1.762 +
1.763 +#typeColumn:hover:active,
1.764 +#actionColumn:hover:active {
1.765 + padding: 0 10px;
1.766 + border-color: #0096DC;
1.767 + box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
1.768 +}
1.769 +
1.770 +#typeColumn > .treecol-sortdirection[sortDirection=ascending],
1.771 +#actionColumn > .treecol-sortdirection[sortDirection=ascending],
1.772 +#typeColumn > .treecol-sortdirection[sortDirection=descending],
1.773 +#actionColumn > .treecol-sortdirection[sortDirection=descending] {
1.774 + -moz-appearance: none;
1.775 + list-style-image: url("chrome://browser/skin/preferences/in-content/sorter.png");
1.776 +}
1.777 +
1.778 +#typeColumn > .treecol-sortdirection[sortDirection=descending],
1.779 +#actionColumn > .treecol-sortdirection[sortDirection=descending] {
1.780 + transform: scaleY(-1);
1.781 +}
1.782 +
1.783 +@media (min-resolution: 2dppx) {
1.784 + #typeColumn > .treecol-sortdirection[sortDirection=ascending],
1.785 + #actionColumn > .treecol-sortdirection[sortDirection=ascending],
1.786 + #typeColumn > .treecol-sortdirection[sortDirection=descending],
1.787 + #actionColumn > .treecol-sortdirection[sortDirection=descending] {
1.788 + width: 12px;
1.789 + height: 8px;
1.790 + list-style-image: url("chrome://browser/skin/preferences/in-content/sorter@2x.png");
1.791 + }
1.792 +}
1.793 +
1.794 +#handlersView > richlistitem {
1.795 + min-height: 40px !important;
1.796 +}
1.797 +
1.798 +.typeIcon {
1.799 + -moz-margin-start: 10px !important;
1.800 + -moz-margin-end: 9px !important;
1.801 +}
1.802 +
1.803 +.actionIcon {
1.804 + -moz-margin-start: 11px !important;
1.805 + -moz-margin-end: 8px !important;
1.806 +}
1.807 +
1.808 +.actionsMenu {
1.809 + height: 40px;
1.810 + max-height: 40px;
1.811 +}
1.812 +
1.813 +.actionsMenu > menupopup > menuitem {
1.814 + -moz-padding-start: 10px !important;
1.815 +}
1.816 +
1.817 +.actionsMenu > menupopup > menuitem > .menu-iconic-left {
1.818 + -moz-margin-end: 8px !important;
1.819 +}
1.820 +
1.821 +/* XXX This style is for bug 740213 and should be removed once that
1.822 + bug has a solution. */
1.823 +description > html|a {
1.824 + cursor: pointer;
1.825 +}
1.826 +
1.827 +/* Content Pane */
1.828 +
1.829 +#defaultFontSize {
1.830 + min-width: 5.5em;
1.831 +}
1.832 +
1.833 +/* Sync Pane */
1.834 +
1.835 +#syncEnginesList {
1.836 + -moz-appearance: none;
1.837 + color: #737980;
1.838 + padding: 10px;
1.839 + border: 1px solid rgba(23,50,77,0.4);
1.840 + border-radius: 5px;
1.841 + background-color: #F1F1F1;
1.842 +}
1.843 +
1.844 +/* Advanced Pane */
1.845 +
1.846 +#advancedPrefs {
1.847 + padding-bottom: 0; /* no padding needed in inContent prefs */
1.848 +}
1.849 +
1.850 +#encryptionPanel {
1.851 + margin-top: 15px;
1.852 + -moz-margin-start: 60px;
1.853 +}
1.854 +
1.855 +#offlineAppsList {
1.856 + -moz-appearance: none;
1.857 + color: #737980;
1.858 + padding: 2px;
1.859 + border: 1px solid rgba(23,50,77,0.4);
1.860 + border-radius: 5px;
1.861 + background-color: #F1F1F1;
1.862 +}
1.863 +
1.864 +#telemetryLearnMore,
1.865 +#FHRLearnMore,
1.866 +#crashReporterLearnMore {
1.867 + /* center the links */
1.868 + margin-top: 8px;
1.869 + margin-bottom: 8px;
1.870 +}
