silence warnings about a missing light theme CSS file
[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css
... / ...
CommitLineData
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/. */
4
5/* === BEGIN shared/in-content/preferences.css === */
6
7@namespace html "http://www.w3.org/1999/xhtml";
8
9@font-face {
10 font-family: "Clear Sans";
11 src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff');
12}
13
14#dialogBox,
15dialog,
16window,
17prefwindow,
18.windowDialog,
19page {
20 background-color: #000000;
21}
22
23* {
24 -moz-user-select: text;
25}
26
27treecol {
28 /* override the * rule to let the treecol be sortable */
29 -moz-user-select: none;
30}
31
32caption {
33 -moz-appearance: none;
34 margin: 0;
35}
36
37.caption-text {
38 font-size: 1.3rem;
39 font-weight: bold;
40 line-height: 22px;
41 margin: 0 !important;
42}
43
44.main-content {
45 padding: 40px 48px 48px;
46 overflow: auto;
47}
48
49prefpane {
50 max-width: 800px;
51 padding: 0;
52 font-family: "Clear Sans", sans-serif;
53 font-size: 1.25rem;
54 line-height: 22px;
55 color: #FF9F00;
56}
57
58prefpane > .content-box {
59 overflow: visible;
60}
61
62/* groupboxes */
63
64groupbox {
65}
66
67groupbox label {
68}
69
70/* tabpanels and tabs */
71
72tabpanels {
73}
74
75tabs {
76}
77
78.tabs-left,
79.tabs-right {
80}
81
82tab {
83}
84
85tab[selected] {
86}
87
88.tab-text {
89}
90
91tab:not([selected]):hover > .tab-middle > .tab-text {
92}
93
94tab:not([selected]):hover:active > .tab-middle > .tab-text {
95}
96
97tab[selected] > .tab-middle > .tab-text {
98}
99
100/* buttons and menulists */
101
102button,
103menulist {
104}
105
106button:not([disabled]):hover,
107menulist:not([disabled]):hover {
108}
109
110button:not([disabled]):hover:active,
111menulist[open="true"]:not([disabled]) {
112}
113
114button[disabled],
115menulist[disabled] {
116}
117
118button > .button-box,
119menulist > .menulist-label-box {
120}
121
122button[type="menu"] > .button-box > .button-menu-dropmarker {
123}
124/*
125.help-button {
126 min-width: 30px;
127 border-radius: 2px;
128 border: 1px solid #C1C1C1;
129 background-color: #FFCB00;
130 background-image: none;
131 box-shadow: none;
132}
133
134.help-button:not([disabled="true"]):hover {
135 background-color: #F4C200;
136 background-image: none;
137}
138
139.help-button:not([disabled="true"]):hover:active {
140 background-color: #EABA00;
141 background-image: none;
142}
143
144.close-icon > .button-box,
145.help-button > .button-box {
146 padding-top: 0;
147 padding-bottom: 0;
148 padding-right: 0 !important;
149 padding-left: 0 !important;
150}
151*/
152.help-button > .button-box > .button-icon {
153 width: 26px;
154 height: 26px;
155 background-image: url("chrome://browser/skin/preferences/in-content/help-glyph.png");
156 background-position: center;
157}
158
159@media (min-resolution: 2dppx) {
160 .help-button > .button-box > .button-icon {
161 background-size: 26px 26px;
162 background-image: url("chrome://browser/skin/preferences/in-content/help-glyph@2x.png");
163 }
164}
165
166.help-button > .button-box > .button-text {
167 display: none;
168}
169
170.spinbuttons-button {
171}
172
173.spinbuttons-up {
174}
175
176.spinbuttons-down {
177}
178
179.spinbuttons-button > .button-box {
180}
181
182.spinbuttons-up > .button-box > .button-icon {
183}
184
185.spinbuttons-up[disabled] > .button-box > .button-icon {
186}
187
188.spinbuttons-down > .button-box > .button-icon {
189}
190
191.spinbuttons-down[disabled] > .button-box > .button-icon {
192}
193
194menulist:not([editable="true"]) > .menulist-dropmarker {
195}
196
197menulist[disabled]:not([editable="true"]) > .menulist-dropmarker {
198}
199
200menulist > menupopup,
201button[type="menu"] > menupopup {
202}
203
204menulist > menupopup menu,
205menulist > menupopup menuitem,
206button[type="menu"] > menupopup menu,
207button[type="menu"] > menupopup menuitem {
208}
209
210menulist > menupopup > menu[_moz-menuactive="true"],
211menulist > menupopup > menuitem[_moz-menuactive="true"],
212button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
213button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
214}
215
216menulist > menupopup > menu[selected="true"],
217menulist > menupopup > menuitem[selected="true"],
218button[type="menu"] > menupopup > menu[selected="true"],
219button[type="menu"] > menupopup > menuitem[selected="true"] {
220}
221
222menulist > menupopup menuseparator,
223button[type="menu"] > menupopup menuseparator {
224}
225
226/* textboxes */
227
228textbox {
229}
230
231textbox[focused] {
232}
233
234textbox[disabled] {
235}
236
237/* Links */
238
239.text-link,
240.inline-link,
241html|a.inline-link {
242}
243
244.text-link:hover,
245.inline-link:hover {
246}
247
248.text-link:hover:active,
249.inline-link:hover:active {
250}
251
252/* Checkboxes and radio buttons */
253
254.checkbox-check {
255}
256
257.checkbox-check[checked] {
258}
259
260radio {
261}
262
263.radio-check {
264}
265
266.radio-check[selected] {
267}
268
269/* Category List */
270
271#categories {
272 background-color: #A09090;
273/* -moz-border-end: 1px solid #FF9F00; */
274 padding-top: 39px;
275 margin: 0;
276 border-radius: 1em 0 0 0;
277}
278
279.category {
280 background-color: #000000;
281 color: #FFCF00;
282 -moz-border-end-width: 0;
283 -moz-padding-start: 14px;
284 -moz-padding-end: 21px;
285 min-height: 40px;
286}
287
288.category:hover {
289 background-color: #FFCF00;
290 color: #000000;
291}
292
293.category[selected] {
294 background-color: #008484;
295 color: #000000;
296}
297
298.category-name {
299 line-height: 22px;
300 font-family: "Clear Sans", sans-serif;
301 font-size: 1.25rem;
302 padding-bottom: 2px;
303 -moz-padding-start: 9px;
304 margin: 0;
305}
306
307.category-icon {
308 width: 24px;
309 height: 24px;
310 list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
311}
312
313#category-general > .category-icon {
314 -moz-image-region: rect(0, 24px, 24px, 0);
315}
316
317#category-general:hover > .category-icon,
318#category-general[selected] > .category-icon {
319 -moz-image-region: rect(24px, 24px, 48px, 0);
320}
321
322#category-content > .category-icon {
323 -moz-image-region: rect(0, 48px, 24px, 24px)
324}
325
326#category-content:hover > .category-icon,
327#category-content[selected] > .category-icon {
328 -moz-image-region: rect(24px, 48px, 48px, 24px);
329}
330
331#category-application > .category-icon {
332 -moz-image-region: rect(0, 72px, 24px, 48px)
333}
334
335#category-application:hover > .category-icon,
336#category-application[selected] > .category-icon {
337 -moz-image-region: rect(24px, 72px, 48px, 48px);
338}
339
340#category-privacy > .category-icon {
341 -moz-image-region: rect(0, 96px, 24px, 72px)
342}
343
344#category-privacy:hover > .category-icon,
345#category-privacy[selected] > .category-icon {
346 -moz-image-region: rect(24px, 96px, 48px, 72px);
347}
348
349#category-security > .category-icon {
350 -moz-image-region: rect(0, 120px, 24px, 96px)
351}
352
353#category-security:hover > .category-icon,
354#category-security[selected] > .category-icon {
355 -moz-image-region: rect(24px, 120px, 48px, 96px);
356}
357
358#category-sync > .category-icon {
359 -moz-image-region: rect(0, 144px, 24px, 120px);
360}
361
362#category-sync:hover > .category-icon,
363#category-sync[selected] > .category-icon {
364 -moz-image-region: rect(24px, 144px, 48px, 120px);
365}
366
367#category-advanced > .category-icon {
368 -moz-image-region: rect(0, 168px, 24px, 144px)
369}
370
371#category-advanced:hover > .category-icon,
372#category-advanced[selected] > .category-icon {
373 -moz-image-region: rect(24px, 168px, 48px, 144px);
374}
375
376/* header */
377
378.header {
379 margin-bottom: 15px;
380}
381
382.header-icon {
383 width: 40px;
384 max-height: 40px;
385 -moz-margin-end: 20px;
386 list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
387}
388
389.header-name {
390 font-size: 2.5rem;
391 font-weight: normal;
392 line-height: 40px;
393 margin: 0;
394}
395
396#header-general > .header-icon {
397 -moz-image-region: rect(0, 40px, 40px, 0);
398}
399
400#header-content > .header-icon {
401 -moz-image-region: rect(0, 80px, 40px, 40px);
402}
403
404#header-application > .header-icon {
405 -moz-image-region: rect(0, 120px, 40px, 80px);
406}
407
408#header-privacy > .header-icon {
409 -moz-image-region: rect(0, 160px, 40px, 120px);
410}
411
412#header-security > .header-icon {
413 -moz-image-region: rect(0, 200px, 40px, 160px);
414}
415
416#header-sync > .header-icon {
417 -moz-image-region: rect(0, 240px, 40px, 200px);
418}
419
420#header-advanced > .header-icon {
421 -moz-image-region: rect(0, 280px, 40px, 240px);
422}
423
424@media (min-resolution: 2dppx) {
425 .header-icon {
426 list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
427 }
428
429 #header-general > .header-icon {
430 -moz-image-region: rect(0, 80px, 80px, 0);
431 }
432
433 #header-content > .header-icon {
434 -moz-image-region: rect(0, 160px, 80px, 80px);
435 }
436
437 #header-application > .header-icon {
438 -moz-image-region: rect(0, 240px, 80px, 160px);
439 }
440
441 #header-privacy > .header-icon {
442 -moz-image-region: rect(0, 320px, 80px, 240px);
443 }
444
445 #header-security > .header-icon {
446 -moz-image-region: rect(0, 400px, 80px, 320px);
447 }
448
449 #header-sync > .header-icon {
450 -moz-image-region: rect(0, 480px, 80px, 400px);
451 }
452
453 #header-advanced > .header-icon {
454 -moz-image-region: rect(0, 560px, 80px, 480px);
455 }
456}
457
458.indent {
459 margin-top: 7px;
460 margin-bottom: 7px;
461}
462
463/* General Pane */
464/*
465filefield {
466 -moz-appearance: none;
467 background-color: transparent;
468 border: none;
469 padding: 0;
470}
471
472.fileFieldContentBox {
473 background-color: transparent;
474}
475
476.fileFieldIcon {
477 -moz-margin-start: 10px;
478 -moz-margin-end: 0;
479}
480
481.fileFieldLabel {
482 -moz-margin-start: -26px;
483 -moz-padding-start: 36px;
484}
485*/
486
487/* Applications Pane Styles */
488
489#applications-content {
490 -moz-margin-start: 60px;
491 padding: 15px;
492}
493
494#handlersView {
495 font-size: 1.25rem;
496 line-height: 22px;
497 border: none; /*1px solid #9C9CFF;*/
498 margin: 0;
499 overflow-y: auto;
500 border-top-left-radius: 0;
501 border-top-right-radius: 0;
502}
503
504#handersView > listheader > treecol {
505 border-radius: 0;
506}
507
508#typeColumn,
509#actionColumn {
510 font-family: "Clear Sans", sans-serif;
511 line-height: 20px;
512/* color: #737980;
513 height: 36px;
514 padding: 0 10px;
515 background-color: #F7F7F7;
516 border: 1px solid #CCCCCC;
517 -moz-border-top-colors: none;
518 -moz-border-right-colors: none;
519 -moz-border-bottom-colors: none;
520 -moz-border-left-colors: none;
521*/
522}
523
524#typeColumn:-moz-locale-dir(ltr),
525#actionColumn:-moz-locale-dir(rtl) {
526 border-top-left-radius: 5px;
527}
528
529#typeColumn:-moz-locale-dir(rtl),
530#actionColumn:-moz-locale-dir(ltr) {
531 border-top-right-radius: 5px;
532}
533/*
534#typeColumn:hover,
535#actionColumn:hover {
536 border-color: #737980;
537}
538
539#typeColumn:hover:active,
540#actionColumn:hover:active {
541 padding: 0 10px;
542 border-color: #0096DC;
543}
544*/
545#typeColumn > .treecol-sortdirection[sortDirection=ascending],
546#actionColumn > .treecol-sortdirection[sortDirection=ascending],
547#typeColumn > .treecol-sortdirection[sortDirection=descending],
548#actionColumn > .treecol-sortdirection[sortDirection=descending] {
549}
550
551#typeColumn > .treecol-sortdirection[sortDirection=descending],
552#actionColumn > .treecol-sortdirection[sortDirection=descending] {
553}
554
555#handlersView > richlistitem {
556 min-height: 40px !important;
557}
558
559.typeIcon {
560 -moz-margin-start: 10px !important;
561 -moz-margin-end: 9px !important;
562}
563
564.actionIcon {
565 -moz-margin-start: 11px !important;
566 -moz-margin-end: 8px !important;
567}
568
569.actionsMenu {
570 height: 40px;
571 max-height: 40px;
572}
573
574.actionsMenu > menupopup > menuitem {
575 -moz-padding-start: 10px !important;
576}
577
578.actionsMenu > menupopup > menuitem > .menu-iconic-left {
579 -moz-margin-end: 8px !important;
580}
581
582/* XXX This style is for bug 740213 and should be removed once that
583 bug has a solution. */
584description > html|a {
585 cursor: pointer;
586}
587
588/* Content Pane */
589
590#defaultFontSize {
591 min-width: 5.5em;
592}
593
594/* Sync Pane */
595
596#syncEnginesList {
597/* -moz-appearance: none;
598 color: #737980;
599 padding: 10px;
600 border: 1px solid rgba(23,50,77,0.4);
601 border-radius: 5px;
602 background-color: #F1F1F1;*/
603}
604
605/* Advanced Pane */
606
607#advancedPrefs {
608 padding-bottom: 0; /* no padding needed in inContent prefs */
609}
610
611#encryptionPanel {
612 margin-top: 15px;
613 -moz-margin-start: 60px;
614}
615
616#offlineAppsList {
617/* -moz-appearance: none;
618 color: #737980;
619 padding: 2px;
620 border: 1px solid rgba(23,50,77,0.4);
621 border-radius: 5px;
622 background-color: #F1F1F1;*/
623}
624
625#telemetryLearnMore,
626#FHRLearnMore,
627#crashReporterLearnMore {
628 /* center the links */
629 margin-top: 8px;
630 margin-bottom: 8px;
631}
632
633
634/**
635 * Sub-dialog
636 */
637
638#dialogOverlay {
639 background-color: rgba(0,0,0,0.75);
640 visibility: hidden;
641}
642
643#dialogBox {
644 border: 1px solid #9C9CFF;
645 display: -moz-box;
646 margin: 0;
647 padding-right: 6px;
648 padding-left: 6px;
649}
650
651#dialogBox[resizable="true"] {
652 resize: both;
653 overflow: hidden;
654 min-height: 30em;
655 min-width: 66ch;
656}
657
658.close-icon {
659 background-color: transparent !important;
660 border: none;
661 box-shadow: none;
662 height: 18px;
663 padding: 0;
664 min-width: 18px;
665}
666
667#dialogBox > .groupbox-body {
668 -moz-appearance: none;
669 padding: 0;
670}
671
672#dialogFrame {
673 -moz-box-flex: 1;
674 /* Default dialog dimensions */
675 height: 30em;
676 width: 66ch;
677}
678
679/* needs to be removed with bug 1035625 */
680:-moz-any(dialog, window, prefwindow) resizer {
681 display: none;
682}
683
684tree:not(#rejectsTree) {
685 min-height: 15em;
686}
687
688:-moz-any(dialog, window, prefwindow) groupbox {
689 -moz-margin-start: 8px;
690 -moz-margin-end: 8px;
691}
692
693/**
694 * End sub-dialog
695 */
696
697/* === END shared/in-content/preferences.css === */
698
699.indent-small {
700 -moz-margin-start: 10px;
701}
702
703@media (min-resolution: 2dppx) {
704 checkbox:hover::before,
705 checkbox[checked]::before {
706 }
707
708 checkbox[checked]::before {
709 }
710
711 .category-icon {
712 list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
713 }
714
715 #category-general > .category-icon {
716 -moz-image-region: rect(0, 48px, 48px, 0);
717 }
718
719 #category-general[selected] > .category-icon {
720 -moz-image-region: rect(48px, 48px, 96px, 0);
721 }
722
723 #category-content > .category-icon {
724 -moz-image-region: rect(0, 96px, 48px, 48px);
725 }
726
727 #category-content[selected] > .category-icon {
728 -moz-image-region: rect(48px, 96px, 96px, 48px);
729 }
730
731 #category-application > .category-icon {
732 -moz-image-region: rect(0, 144px, 48px, 96px);
733 }
734
735 #category-application[selected] > .category-icon {
736 -moz-image-region: rect(48px, 144px, 96px, 96px);
737 }
738
739 #category-privacy > .category-icon {
740 -moz-image-region: rect(0, 192px, 48px, 144px);
741 }
742
743 #category-privacy[selected] > .category-icon {
744 -moz-image-region: rect(48px, 192px, 96px, 144px);
745 }
746
747 #category-security > .category-icon {
748 -moz-image-region: rect(0, 240px, 48px, 192px);
749 }
750
751 #category-security[selected] > .category-icon {
752 -moz-image-region: rect(48px, 240px, 96px, 192px);
753 }
754
755 #category-sync > .category-icon {
756 -moz-image-region: rect(0, 288px, 48px, 240px);
757 }
758
759 #category-sync[selected] > .category-icon {
760 -moz-image-region: rect(48px, 288px, 96px, 240px);
761 }
762
763 #category-advanced > .category-icon {
764 -moz-image-region: rect(0, 336px, 48px, 288px);
765 }
766
767 #category-advanced[selected] > .category-icon {
768 -moz-image-region: rect(48px, 336px, 96px, 288px);
769 }
770}