1 /* - This Source Code Form is subject to the terms of the Mozilla Public
2 - License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 - You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* === BEGIN shared/in-content/preferences.css === */
7 @namespace html "http://www.w3.org/1999/xhtml";
15 background-color: #000000;
19 -moz-user-select: text;
23 /* override the * rule to let the treecol be sortable */
24 -moz-user-select: none;
34 padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
37 /* This actually results in two black boxes extending to the right and bottom,
38 * leaving the LCARS-gray background only in a top stripe and
39 * a bit larger area on the top left.
40 * The prefpane will overlay that with the rounded shape we want. */
41 background-color: #A09090;
42 background-position: 3em 1.5em, 0px 5em;
43 background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
44 background-repeat: no-repeat;
48 padding: 10px 20px 0px;
49 border-radius: 1em 0 0 0;
50 background-color: #000000;
53 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
59 prefpane > .content-box {
72 /* tabpanels and tabs */
93 tab:not([selected]):hover > .tab-middle > .tab-text {
96 tab:not([selected]):hover:active > .tab-middle > .tab-text {
99 tab[selected] > .tab-middle > .tab-text {
102 /* buttons and menulists */
108 button:not([disabled]):hover,
109 menulist:not([disabled]):hover {
112 button:not([disabled]):hover:active,
113 menulist[open="true"]:not([disabled]) {
120 button > .button-box,
121 menulist > .menulist-label-box {
124 button[type="menu"] > .button-box > .button-menu-dropmarker {
130 border: 1px solid #C1C1C1;
131 background-color: #FFCB00;
132 background-image: none;
136 .help-button:not([disabled="true"]):hover {
137 background-color: #F4C200;
138 background-image: none;
141 .help-button:not([disabled="true"]):hover:active {
142 background-color: #EABA00;
143 background-image: none;
146 .close-icon > .button-box,
147 .help-button > .button-box {
150 padding-right: 0 !important;
151 padding-left: 0 !important;
154 .help-button > .button-box > .button-icon {
157 background-image: url("chrome://browser/skin/preferences/in-content/help-glyph.png");
158 background-position: center;
161 @media (min-resolution: 2dppx) {
162 .help-button > .button-box > .button-icon {
163 background-size: 26px 26px;
164 background-image: url("chrome://browser/skin/preferences/in-content/help-glyph@2x.png");
168 .help-button > .button-box > .button-text {
172 .spinbuttons-button {
181 .spinbuttons-button > .button-box {
184 .spinbuttons-up > .button-box > .button-icon {
187 .spinbuttons-up[disabled] > .button-box > .button-icon {
190 .spinbuttons-down > .button-box > .button-icon {
193 .spinbuttons-down[disabled] > .button-box > .button-icon {
196 menulist:not([editable="true"]) > .menulist-dropmarker {
199 menulist[disabled]:not([editable="true"]) > .menulist-dropmarker {
202 menulist > menupopup,
203 button[type="menu"] > menupopup {
206 menulist > menupopup menu,
207 menulist > menupopup menuitem,
208 button[type="menu"] > menupopup menu,
209 button[type="menu"] > menupopup menuitem {
212 menulist > menupopup > menu[_moz-menuactive="true"],
213 menulist > menupopup > menuitem[_moz-menuactive="true"],
214 button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
215 button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
218 menulist > menupopup > menu[selected="true"],
219 menulist > menupopup > menuitem[selected="true"],
220 button[type="menu"] > menupopup > menu[selected="true"],
221 button[type="menu"] > menupopup > menuitem[selected="true"] {
224 menulist > menupopup menuseparator,
225 button[type="menu"] > menupopup menuseparator {
250 .text-link:hover:active,
251 .inline-link:hover:active {
254 /* Checkboxes and radio buttons */
259 .checkbox-check[checked] {
268 .radio-check[selected] {
274 background-color: #A09090;
277 border-radius: 1em 0 0 0;
282 background-color: #000000;
284 -moz-border-end-width: 0;
285 -moz-padding-start: 15px;
286 -moz-padding-end: 21px;
288 transition: background-color 150ms;
292 background-color: #FFCF00;
296 .category[selected] {
297 background-color: #008484;
301 #categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
302 border-top: 1px dotted #000000;
303 border-bottom: 1px dotted #000000;
310 -moz-padding-start: 9px;
317 list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
320 #category-general > .category-icon {
321 -moz-image-region: rect(0, 24px, 24px, 0);
324 #category-general:hover > .category-icon,
325 #category-general[selected] > .category-icon {
326 -moz-image-region: rect(24px, 24px, 48px, 0);
329 #category-content > .category-icon {
330 -moz-image-region: rect(0, 48px, 24px, 24px)
333 #category-content:hover > .category-icon,
334 #category-content[selected] > .category-icon {
335 -moz-image-region: rect(24px, 48px, 48px, 24px);
338 #category-application > .category-icon {
339 -moz-image-region: rect(0, 72px, 24px, 48px)
342 #category-application:hover > .category-icon,
343 #category-application[selected] > .category-icon {
344 -moz-image-region: rect(24px, 72px, 48px, 48px);
347 #category-privacy > .category-icon {
348 -moz-image-region: rect(0, 96px, 24px, 72px)
351 #category-privacy:hover > .category-icon,
352 #category-privacy[selected] > .category-icon {
353 -moz-image-region: rect(24px, 96px, 48px, 72px);
356 #category-security > .category-icon {
357 -moz-image-region: rect(0, 120px, 24px, 96px)
360 #category-security:hover > .category-icon,
361 #category-security[selected] > .category-icon {
362 -moz-image-region: rect(24px, 120px, 48px, 96px);
365 #category-sync > .category-icon {
366 -moz-image-region: rect(0, 144px, 24px, 120px);
369 #category-sync:hover > .category-icon,
370 #category-sync[selected] > .category-icon {
371 -moz-image-region: rect(24px, 144px, 48px, 120px);
374 #category-advanced > .category-icon {
375 -moz-image-region: rect(0, 168px, 24px, 144px)
378 #category-advanced:hover > .category-icon,
379 #category-advanced[selected] > .category-icon {
380 -moz-image-region: rect(24px, 168px, 48px, 144px);
386 border-bottom: 1px solid #A09090;
388 padding-bottom: 15px;
411 -moz-appearance: none;
412 background-color: transparent;
417 .fileFieldContentBox {
418 background-color: transparent;
422 -moz-margin-start: 10px;
427 -moz-margin-start: -26px;
428 -moz-padding-start: 36px;
432 /* Applications Pane Styles */
434 #applicationsContent {
439 -moz-margin-start: 0;
443 -moz-margin-start: 0;
446 border: none; /*1px solid #9C9CFF;*/
449 border-top-left-radius: 0;
450 border-top-right-radius: 0;
454 #handlersView > listheader {
456 background: transparent;
460 #handlersView > listheader > treecol {
463 #handlersView > scrollbox {
464 border-left: 1px solid #9C9CFF;
465 border-right: 1px solid #9C9CFF;
466 border-bottom: 1px solid #9C9CFF;
475 background-color: #F7F7F7;
476 border: 1px solid #CCCCCC;
477 -moz-border-top-colors: none;
478 -moz-border-right-colors: none;
479 -moz-border-bottom-colors: none;
480 -moz-border-left-colors: none;
484 #typeColumn:-moz-locale-dir(ltr),
485 #actionColumn:-moz-locale-dir(rtl) {
486 border-top-left-radius: 5px;
489 #typeColumn:-moz-locale-dir(rtl),
490 #actionColumn:-moz-locale-dir(ltr) {
491 border-top-right-radius: 5px;
495 #actionColumn:hover {
496 border-color: #737980;
499 #typeColumn:hover:active,
500 #actionColumn:hover:active {
502 border-color: #0096DC;
505 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
506 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
507 #typeColumn > .treecol-sortdirection[sortDirection=descending],
508 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
511 #typeColumn > .treecol-sortdirection[sortDirection=descending],
512 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
515 #handlersView > richlistitem {
516 min-height: 40px !important;
520 -moz-margin-start: 10px !important;
521 -moz-margin-end: 9px !important;
525 -moz-margin-start: 11px !important;
526 -moz-margin-end: 8px !important;
534 .actionsMenu > menupopup > menuitem {
535 -moz-padding-start: 10px !important;
538 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
539 -moz-margin-end: 8px !important;
542 /* XXX This style is for bug 740213 and should be removed once that
543 bug has a solution. */
544 description > html|a {
550 /* -moz-appearance: none;
553 border: 1px solid rgba(23,50,77,0.4);
555 background-color: #F1F1F1;*/
559 /* Overriding the margins from the base preferences.css theme file.
560 These overrides can be simplified by fixing bug 1027174 */
564 #weavePrefsDeck > vbox > label,
565 #weavePrefsDeck > vbox > groupbox,
566 #weavePrefsDeck > vbox > description,
567 #weavePrefsDeck > vbox > #pairDevice > label,
568 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
569 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP) > label {
570 /* no margin-start for elements at the begin of a line */
571 -moz-margin-start: 0;
575 padding-bottom: 0; /* no padding needed in inContent prefs */
584 #crashReporterLearnMore {
585 /* center the links */
596 background-color: rgba(0,0,0,0.75);
601 border: 1px solid #9C9CFF;
608 #dialogBox[resizable="true"] {
616 background-color: transparent !important;
624 #dialogBox > .groupbox-title > caption {
626 border-radius: 1000px;
627 background-color: #A09090;
630 #dialogBox > .groupbox-body {
631 -moz-appearance: none;
637 /* Default dialog dimensions */
642 /* needs to be removed with bug 1035625 */
643 :-moz-any(dialog, window, prefwindow) resizer {
647 tree:not(#rejectsTree) {
651 :-moz-any(dialog, window, prefwindow) groupbox {
652 -moz-margin-start: 8px;
653 -moz-margin-end: 8px;
660 /* === END shared/in-content/preferences.css === */
666 -moz-margin-start: 10px;
669 @media (min-resolution: 2dppx) {
670 checkbox:hover::before,
671 checkbox[checked]::before {
674 checkbox[checked]::before {
678 list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
681 #category-general > .category-icon {
682 -moz-image-region: rect(0, 48px, 48px, 0);
685 #category-general[selected] > .category-icon {
686 -moz-image-region: rect(48px, 48px, 96px, 0);
689 #category-content > .category-icon {
690 -moz-image-region: rect(0, 96px, 48px, 48px);
693 #category-content[selected] > .category-icon {
694 -moz-image-region: rect(48px, 96px, 96px, 48px);
697 #category-application > .category-icon {
698 -moz-image-region: rect(0, 144px, 48px, 96px);
701 #category-application[selected] > .category-icon {
702 -moz-image-region: rect(48px, 144px, 96px, 96px);
705 #category-privacy > .category-icon {
706 -moz-image-region: rect(0, 192px, 48px, 144px);
709 #category-privacy[selected] > .category-icon {
710 -moz-image-region: rect(48px, 192px, 96px, 144px);
713 #category-security > .category-icon {
714 -moz-image-region: rect(0, 240px, 48px, 192px);
717 #category-security[selected] > .category-icon {
718 -moz-image-region: rect(48px, 240px, 96px, 192px);
721 #category-sync > .category-icon {
722 -moz-image-region: rect(0, 288px, 48px, 240px);
725 #category-sync[selected] > .category-icon {
726 -moz-image-region: rect(48px, 288px, 96px, 240px);
729 #category-advanced > .category-icon {
730 -moz-image-region: rect(0, 336px, 48px, 288px);
733 #category-advanced[selected] > .category-icon {
734 -moz-image-region: rect(48px, 336px, 96px, 288px);