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);
392 -moz-margin-end: 20px;
393 list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
403 #header-general > .header-icon {
404 -moz-image-region: rect(0, 40px, 40px, 0);
407 #header-content > .header-icon {
408 -moz-image-region: rect(0, 80px, 40px, 40px);
411 #header-application > .header-icon {
412 -moz-image-region: rect(0, 120px, 40px, 80px);
415 #header-privacy > .header-icon {
416 -moz-image-region: rect(0, 160px, 40px, 120px);
419 #header-security > .header-icon {
420 -moz-image-region: rect(0, 200px, 40px, 160px);
423 #header-sync > .header-icon {
424 -moz-image-region: rect(0, 240px, 40px, 200px);
427 #header-advanced > .header-icon {
428 -moz-image-region: rect(0, 280px, 40px, 240px);
431 @media (min-resolution: 2dppx) {
433 list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
436 #header-general > .header-icon {
437 -moz-image-region: rect(0, 80px, 80px, 0);
440 #header-content > .header-icon {
441 -moz-image-region: rect(0, 160px, 80px, 80px);
444 #header-application > .header-icon {
445 -moz-image-region: rect(0, 240px, 80px, 160px);
448 #header-privacy > .header-icon {
449 -moz-image-region: rect(0, 320px, 80px, 240px);
452 #header-security > .header-icon {
453 -moz-image-region: rect(0, 400px, 80px, 320px);
456 #header-sync > .header-icon {
457 -moz-image-region: rect(0, 480px, 80px, 400px);
460 #header-advanced > .header-icon {
461 -moz-image-region: rect(0, 560px, 80px, 480px);
473 -moz-appearance: none;
474 background-color: transparent;
479 .fileFieldContentBox {
480 background-color: transparent;
484 -moz-margin-start: 10px;
489 -moz-margin-start: -26px;
490 -moz-padding-start: 36px;
494 /* Applications Pane Styles */
496 #applicationsContent {
497 -moz-margin-start: 60px;
502 -moz-margin-start: 0;
506 -moz-margin-start: 0;
509 border: none; /*1px solid #9C9CFF;*/
512 border-top-left-radius: 0;
513 border-top-right-radius: 0;
517 #handlersView > listheader {
519 background: transparent;
523 #handlersView > listheader > treecol {
526 #handlersView > scrollbox {
527 border-left: 1px solid #9C9CFF;
528 border-right: 1px solid #9C9CFF;
529 border-bottom: 1px solid #9C9CFF;
538 background-color: #F7F7F7;
539 border: 1px solid #CCCCCC;
540 -moz-border-top-colors: none;
541 -moz-border-right-colors: none;
542 -moz-border-bottom-colors: none;
543 -moz-border-left-colors: none;
547 #typeColumn:-moz-locale-dir(ltr),
548 #actionColumn:-moz-locale-dir(rtl) {
549 border-top-left-radius: 5px;
552 #typeColumn:-moz-locale-dir(rtl),
553 #actionColumn:-moz-locale-dir(ltr) {
554 border-top-right-radius: 5px;
558 #actionColumn:hover {
559 border-color: #737980;
562 #typeColumn:hover:active,
563 #actionColumn:hover:active {
565 border-color: #0096DC;
568 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
569 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
570 #typeColumn > .treecol-sortdirection[sortDirection=descending],
571 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
574 #typeColumn > .treecol-sortdirection[sortDirection=descending],
575 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
578 #handlersView > richlistitem {
579 min-height: 40px !important;
583 -moz-margin-start: 10px !important;
584 -moz-margin-end: 9px !important;
588 -moz-margin-start: 11px !important;
589 -moz-margin-end: 8px !important;
597 .actionsMenu > menupopup > menuitem {
598 -moz-padding-start: 10px !important;
601 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
602 -moz-margin-end: 8px !important;
605 /* XXX This style is for bug 740213 and should be removed once that
606 bug has a solution. */
607 description > html|a {
613 /* -moz-appearance: none;
616 border: 1px solid rgba(23,50,77,0.4);
618 background-color: #F1F1F1;*/
622 -moz-margin-start: 60px;
626 /* Overriding the margins from the base preferences.css theme file.
627 These overrides can be simplified by fixing bug 1027174 */
631 #weavePrefsDeck > vbox > label,
632 #weavePrefsDeck > vbox > groupbox,
633 #weavePrefsDeck > vbox > description,
634 #weavePrefsDeck > vbox > #pairDevice > label,
635 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
636 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP) > label {
637 /* no margin-start for elements at the begin of a line */
638 -moz-margin-start: 0;
642 padding-bottom: 0; /* no padding needed in inContent prefs */
647 -moz-margin-start: 60px;
652 #crashReporterLearnMore {
653 /* center the links */
664 background-color: rgba(0,0,0,0.75);
669 border: 1px solid #9C9CFF;
676 #dialogBox[resizable="true"] {
684 -moz-margin-start: 5px !important;
688 background-color: transparent !important;
696 #dialogBox > .groupbox-body {
697 -moz-appearance: none;
703 /* Default dialog dimensions */
708 /* needs to be removed with bug 1035625 */
709 :-moz-any(dialog, window, prefwindow) resizer {
713 tree:not(#rejectsTree) {
717 :-moz-any(dialog, window, prefwindow) groupbox {
718 -moz-margin-start: 8px;
719 -moz-margin-end: 8px;
726 /* === END shared/in-content/preferences.css === */
732 -moz-margin-start: 10px;
735 @media (min-resolution: 2dppx) {
736 checkbox:hover::before,
737 checkbox[checked]::before {
740 checkbox[checked]::before {
744 list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
747 #category-general > .category-icon {
748 -moz-image-region: rect(0, 48px, 48px, 0);
751 #category-general[selected] > .category-icon {
752 -moz-image-region: rect(48px, 48px, 96px, 0);
755 #category-content > .category-icon {
756 -moz-image-region: rect(0, 96px, 48px, 48px);
759 #category-content[selected] > .category-icon {
760 -moz-image-region: rect(48px, 96px, 96px, 48px);
763 #category-application > .category-icon {
764 -moz-image-region: rect(0, 144px, 48px, 96px);
767 #category-application[selected] > .category-icon {
768 -moz-image-region: rect(48px, 144px, 96px, 96px);
771 #category-privacy > .category-icon {
772 -moz-image-region: rect(0, 192px, 48px, 144px);
775 #category-privacy[selected] > .category-icon {
776 -moz-image-region: rect(48px, 192px, 96px, 144px);
779 #category-security > .category-icon {
780 -moz-image-region: rect(0, 240px, 48px, 192px);
783 #category-security[selected] > .category-icon {
784 -moz-image-region: rect(48px, 240px, 96px, 192px);
787 #category-sync > .category-icon {
788 -moz-image-region: rect(0, 288px, 48px, 240px);
791 #category-sync[selected] > .category-icon {
792 -moz-image-region: rect(48px, 288px, 96px, 240px);
795 #category-advanced > .category-icon {
796 -moz-image-region: rect(0, 336px, 48px, 288px);
799 #category-advanced[selected] > .category-icon {
800 -moz-image-region: rect(48px, 336px, 96px, 288px);