browser/themes/shared/incontentprefs/preferences.css@b8a032363ba2
browser/themes/shared/incontentprefs/preferences.css
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 %if 0
2 /* - This Source Code Form is subject to the terms of the Mozilla Public
3 - License, v. 2.0. If a copy of the MPL was not distributed with this file,
4 - You can obtain one at http://mozilla.org/MPL/2.0/. */
5 %endif
6 @namespace html "http://www.w3.org/1999/xhtml";
8 @font-face {
9 font-family: "Clear Sans";
10 src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff');
11 }
13 page {
14 -moz-appearance: none;
15 background-image: linear-gradient(#FFFFFF, #EDEDED 100px);
16 }
18 caption {
19 -moz-appearance: none;
20 margin: 0;
21 }
23 .caption-text {
24 font-size: 1.3rem;
25 font-weight: bold;
26 line-height: 22px;
27 margin: 0 !important;
28 }
30 .main-content {
31 padding: 40px 48px 48px;
32 overflow: auto;
33 }
35 prefpane {
36 max-width: 800px;
37 padding: 0;
38 font-family: "Clear Sans", sans-serif;
39 font-size: 1.25rem;
40 line-height: 22px;
41 color: #424E5A;
42 }
44 prefpane > .content-box {
45 overflow: visible;
46 }
48 /* groupboxes */
50 groupbox {
51 -moz-appearance: none;
52 border: none;
53 margin-top: 15px;
54 margin-bottom: 15px;
55 -moz-margin-start: 60px;
56 -moz-padding-start: 0;
57 font-size: 1.25rem;
58 }
60 groupbox label {
61 -moz-margin-start: 0;
62 }
64 /* tabpanels and tabs */
66 tabpanels {
67 -moz-appearance: none;
68 font-size: 1.25rem;
69 line-height: 22px;
70 color: #424E5A;
71 border: none;
72 padding: 0;
73 background-color: transparent;
74 }
76 tabs {
77 -moz-margin-start: 60px;
78 margin-bottom: 15px;
79 border-top: 2px solid;
80 border-bottom: 2px solid;
81 -moz-border-top-colors: #BBBBBB #F9F9F9;
82 -moz-border-bottom-colors: #F9F9F9 #BBBBBB;
83 }
85 .tabs-left,
86 .tabs-right {
87 border-bottom: none;
88 }
90 tab {
91 -moz-appearance: none;
92 margin-top: 0;
93 padding: 0;
94 -moz-margin-end: 30px;
95 min-height: 60px;
96 background-color: transparent;
97 border-width: 0;
98 border-bottom: 3px solid transparent;
99 }
101 tab[selected] {
102 border-bottom-color: #FF9500;
103 }
105 .tab-text {
106 font-size: 1.3rem;
107 line-height: 22px;
108 color: #737980;
109 border: 1px solid transparent;
110 border-radius: 5px;
111 }
113 tab:not([selected]):hover > .tab-middle > .tab-text {
114 background-color: rgba(255,255,255,0.5);
115 border-color: #FFFFFF;
116 }
118 tab:not([selected]):hover:active > .tab-middle > .tab-text {
119 background-color: rgba(0,0,0,0.03);
120 }
122 tab[selected] > .tab-middle > .tab-text {
123 font-weight: bold;
124 color: #424E5A;
125 }
127 /* buttons and menulists */
129 button,
130 menulist {
131 -moz-appearance: none;
132 height: 30px;
133 color: #737980;
134 line-height: 20px;
135 text-shadow: 0 1px 1px #FEFFFE;
136 border: 1px solid rgba(23,50,77,0.4);
137 -moz-border-top-colors: none !important;
138 -moz-border-right-colors: none !important;
139 -moz-border-bottom-colors: none !important;
140 -moz-border-left-colors: none !important;
141 border-radius: 5px;
142 box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 #FFFFFF;
143 background-color: #F1F1F1;
144 background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.1));
145 }
147 button:not([disabled="true"]):hover,
148 menulist:not([disabled="true"]):hover {
149 background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.6));
150 }
152 button:not([disabled="true"]):hover:active,
153 menulist[open="true"]:not([disabled="true"]) {
154 background-image: linear-gradient(rgba(255,255,255,0.1),
155 rgba(255,255,255,0.6));
156 }
158 button[disabled="true"],
159 menulist[disabled="true"] {
160 background-image: linear-gradient(rgba(255,255,255,0.5),
161 rgba(255,255,255,0.1));
162 border-color: rgba(23,50,77,0.25);
163 color: rgba(115,121,128,0.5);
164 text-shadow: 0 1px 1px #FFFFFF;
165 }
167 button > .button-box,
168 menulist > .menulist-label-box {
169 padding-right: 10px !important;
170 padding-left: 10px !important;
171 }
173 button[type="menu"] > .button-box > .button-menu-dropmarker {
174 -moz-appearance: none;
175 margin: 1px 0;
176 -moz-margin-start: 10px;
177 padding: 0;
178 width: 10px;
179 height: 16px;
180 border: none;
181 background-color: transparent;
182 list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png");
183 }
185 .spinbuttons-button {
186 -moz-margin-start: 10px !important;
187 -moz-margin-end: 2px !important;
188 }
190 .spinbuttons-up {
191 margin-top: 2px !important;
192 border-radius: 4px 4px 0 0;
193 }
195 .spinbuttons-down {
196 margin-bottom: 2px !important;
197 border-radius: 0 0 4px 4px;
198 }
200 .spinbuttons-button > .button-box {
201 padding: 1px 5px 2px !important;
202 }
204 .spinbuttons-up > .button-box > .button-icon {
205 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
206 }
208 .spinbuttons-up[disabled="true"] > .button-box > .button-icon {
209 list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
210 }
212 .spinbuttons-down > .button-box > .button-icon {
213 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
214 }
216 .spinbuttons-down[disabled="true"] > .button-box > .button-icon {
217 list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
218 }
220 menulist:not([editable="true"]) > .menulist-dropmarker {
221 -moz-appearance: none;
222 -moz-margin-end: 10px;
223 padding: 0;
224 border: none;
225 background-color: transparent;
226 list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png")
227 }
229 menulist[disabled="true"]:not([editable="true"]) > .menulist-dropmarker {
230 list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown-disabled.png")
231 }
233 @media (min-resolution: 2dppx) {
234 menulist:not([editable="true"]) > .menulist-dropmarker,
235 button[type="menu"] > .button-box > .button-menu-dropmarker {
236 list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown@2x.png");
237 }
239 menulist[disabled="true"]:not([editable="true"]) > .menulist-dropmarker {
240 list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown-disabled@2x.png")
241 }
243 menulist:not([editable="true"]) > .menulist-dropmarker > .dropmarker-icon,
244 button[type="menu"] > .button-box > .button-menu-dropmarker > .dropmarker-icon {
245 width: 10px;
246 height: 16px;
247 }
248 }
250 menulist > menupopup,
251 button[type="menu"] > menupopup {
252 -moz-appearance: none;
253 border: 1px solid rgba(23,50,77,0.4);
254 border-radius: 5px;
255 background-color: #FFFFFF;
256 }
258 menulist > menupopup menu,
259 menulist > menupopup menuitem,
260 button[type="menu"] > menupopup menu,
261 button[type="menu"] > menupopup menuitem {
262 -moz-appearance: none;
263 font-size: 1.25rem;
264 line-height: 22px;
265 height: 40px;
266 color: #737980;
267 }
269 menulist > menupopup > menu[_moz-menuactive="true"],
270 menulist > menupopup > menuitem[_moz-menuactive="true"],
271 button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
272 button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
273 color: #FFFFFF;
274 background-image: linear-gradient(#4CB1FF, #1792E5);
275 }
277 menulist > menupopup menuseparator,
278 button[type="menu"] > menupopup menuseparator {
279 -moz-appearance: none;
280 margin-top: 2px;
281 margin-bottom: 2px;
282 padding: 0;
283 border-top: 1px solid rgba(23,50,77,0.4);
284 border-bottom: none;
285 }
287 /* textboxes */
289 textbox {
290 -moz-appearance: none;
291 height: 30px;
292 color: #737980;
293 line-height: 20px;
294 text-shadow: 0 1px 1px #FEFFFE;
295 padding-right: 10px;
296 padding-left: 10px;
297 border: 1px solid rgba(23,50,77,0.4);
298 -moz-border-top-colors: none !important;
299 -moz-border-right-colors: none !important;
300 -moz-border-bottom-colors: none !important;
301 -moz-border-left-colors: none !important;
302 border-radius: 5px;
303 box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 rgba(0,0,0,0.03);
304 background-color: #F1F1F1;
305 background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.8));
306 }
308 textbox[focused] {
309 color: #424E5A;
310 border-color: #0096DC;
311 box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
312 }
314 textbox[disabled="true"] {
315 color: rgba(115,121,128,0.5);
316 border-color: rgba(23,50,77,0.25);
317 background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.4));
318 }
320 /* Links */
322 .text-link,
323 .inline-link,
324 html|a.inline-link {
325 font-size: 1.25rem;
326 line-height: 22px;
327 color: #0096DC;
328 }
330 .text-link:hover,
331 .inline-link:hover {
332 color: #4CB1FF;
333 text-decoration: none;
334 }
336 .text-link:hover:active,
337 .inline-link:hover:active {
338 color: #FF9500;
339 text-decoration: none;
340 }
342 /* Checkboxes and radio buttons */
344 checkbox {
345 -moz-margin-start: 0;
346 position: relative;
347 }
349 .checkbox-check {
350 -moz-appearance: none;
351 width: 23px;
352 height: 23px;
353 border-radius: 2px;
354 border: 1px solid rgba(23,50,77,0.40);
355 -moz-margin-end: 10px;
356 background-color: #f1f1f1;
357 background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
358 box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
359 }
361 .checkbox-check[checked] {
362 border-color: #0096dc;
363 box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
364 }
366 .checkbox-label-box {
367 -moz-margin-start: -1px; /* negative margin for the transparent border */
368 -moz-padding-start: 0;
369 }
371 checkbox:hover::before,
372 checkbox[checked]::before {
373 position: absolute;
374 content: "";
375 width: 15px;
376 height: 10px;
377 background-image: url("chrome://browser/skin/preferences/in-content/check.png");
378 }
380 checkbox[checked]::before {
381 background-position: -15px 0;
382 }
384 @media (min-resolution: 2dppx) {
385 checkbox:hover::before {
386 background-size: cover;
387 background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 30, 30, 0);
388 }
390 checkbox[checked]::before {
391 background-size: cover;
392 background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 60, 30, 30);
393 }
394 }
396 .radio-check {
397 -moz-appearance: none;
398 width: 23px;
399 height: 23px;
400 border: 1px solid rgba(23,50,77,0.40);
401 border-radius: 50%;
402 -moz-margin-end: 10px;
403 background-color: #f1f1f1;
404 background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
405 box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
406 }
408 .radio-check[selected] {
409 border-color: #0096dc;
410 box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
411 }
413 .radio-label-box {
414 -moz-margin-start: -1px; /* negative margin for the transparent border */
415 -moz-margin-end: 10px;
416 -moz-padding-start: 0;
417 }
419 radio {
420 position: relative;
421 }
423 radio:hover::before,
424 radio[selected]::before {
425 position: absolute;
426 content: "";
427 width: 11px;
428 height: 11px;
429 border-radius: 50%;
430 background-image: linear-gradient(rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
431 }
433 radio[selected]::before {
434 background-image: linear-gradient(#4cb1ff 0%, #1792e5 100%);
435 }
437 /* Category List */
439 #categories {
440 -moz-appearance: none;
441 background-color: #424e5a;
442 -moz-border-end: 1px solid rgba(0,0,0,0.20);
443 padding-top: 39px;
444 margin: 0;
445 }
447 .category {
448 -moz-appearance: none;
449 color: rgba(241,241,241,0.70);
450 border: 1px solid transparent;
451 -moz-border-end-width: 0;
452 -moz-padding-start: 14px;
453 -moz-padding-end: 21px;
454 margin-bottom: -1px;
455 min-height: 40px;
456 }
458 .category:hover {
459 background-color: rgba(255,255,255,0.15);
460 border-color: rgba(255,255,255,0.20);
461 }
463 .category[selected] {
464 background-color: rgba(0,0,0,0.20);
465 border-color: rgba(255,255,255,0.20);
466 -moz-border-start-width: 3px;
467 -moz-border-start-color: #ff9500;
468 -moz-padding-start: 12px;
469 color: #f1f1f1;
470 }
472 .category-name {
473 line-height: 22px;
474 font-family: "Clear Sans", sans-serif;
475 font-size: 1.25rem;
476 padding-bottom: 2px;
477 -moz-padding-start: 9px;
478 margin: 0;
479 }
481 .category-icon {
482 width: 24px;
483 height: 24px;
484 list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
485 }
487 #category-general > .category-icon {
488 -moz-image-region: rect(0, 24px, 24px, 0);
489 }
491 #category-general[selected] > .category-icon {
492 -moz-image-region: rect(24px, 24px, 48px, 0);
493 }
495 #category-content > .category-icon {
496 -moz-image-region: rect(0, 48px, 24px, 24px);
497 }
499 #category-content[selected] > .category-icon {
500 -moz-image-region: rect(24px, 48px, 48px, 24px);
501 }
503 #category-application > .category-icon {
504 -moz-image-region: rect(0, 72px, 24px, 48px);
505 }
507 #category-application[selected] > .category-icon {
508 -moz-image-region: rect(24px, 72px, 48px, 48px);
509 }
511 #category-privacy > .category-icon {
512 -moz-image-region: rect(0, 96px, 24px, 72px);
513 }
515 #category-privacy[selected] > .category-icon {
516 -moz-image-region: rect(24px, 96px, 48px, 72px);
517 }
519 #category-security > .category-icon {
520 -moz-image-region: rect(0, 120px, 24px, 96px);
521 }
523 #category-security[selected] > .category-icon {
524 -moz-image-region: rect(24px, 120px, 48px, 96px);
525 }
527 #category-sync > .category-icon {
528 -moz-image-region: rect(0, 144px, 24px, 120px);
529 }
531 #category-sync[selected] > .category-icon {
532 -moz-image-region: rect(24px, 144px, 48px, 120px);
533 }
535 #category-advanced > .category-icon {
536 -moz-image-region: rect(0, 168px, 24px, 144px);
537 }
539 #category-advanced[selected] > .category-icon {
540 -moz-image-region: rect(24px, 168px, 48px, 144px);
541 }
543 @media (min-resolution: 2dppx) {
544 .category-icon {
545 list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
546 }
548 #category-general > .category-icon {
549 -moz-image-region: rect(0, 48px, 48px, 0);
550 }
552 #category-general[selected] > .category-icon {
553 -moz-image-region: rect(48px, 48px, 96px, 0);
554 }
556 #category-content > .category-icon {
557 -moz-image-region: rect(0, 96px, 48px, 48px);
558 }
560 #category-content[selected] > .category-icon {
561 -moz-image-region: rect(48px, 96px, 96px, 48px);
562 }
564 #category-application > .category-icon {
565 -moz-image-region: rect(0, 144px, 48px, 96px);
566 }
568 #category-application[selected] > .category-icon {
569 -moz-image-region: rect(48px, 144px, 96px, 96px);
570 }
572 #category-privacy > .category-icon {
573 -moz-image-region: rect(0, 192px, 48px, 144px);
574 }
576 #category-privacy[selected] > .category-icon {
577 -moz-image-region: rect(48px, 192px, 96px, 144px);
578 }
580 #category-security > .category-icon {
581 -moz-image-region: rect(0, 240px, 48px, 192px);
582 }
584 #category-security[selected] > .category-icon {
585 -moz-image-region: rect(48px, 240px, 96px, 192px);
586 }
588 #category-sync > .category-icon {
589 -moz-image-region: rect(0, 288px, 48px, 240px);
590 }
592 #category-sync[selected] > .category-icon {
593 -moz-image-region: rect(48px, 288px, 96px, 240px);
594 }
596 #category-advanced > .category-icon {
597 -moz-image-region: rect(0, 336px, 48px, 288px);
598 }
600 #category-advanced[selected] > .category-icon {
601 -moz-image-region: rect(48px, 336px, 96px, 288px);
602 }
603 }
605 /* header */
607 .header {
608 margin-bottom: 15px;
609 }
611 .header-icon {
612 width: 40px;
613 max-height: 40px;
614 -moz-margin-end: 20px;
615 list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
616 }
618 .header-name {
619 font-size: 2.5rem;
620 font-weight: normal;
621 line-height: 40px;
622 margin: 0;
623 }
625 #header-general > .header-icon {
626 -moz-image-region: rect(0, 40px, 40px, 0);
627 }
629 #header-content > .header-icon {
630 -moz-image-region: rect(0, 80px, 40px, 40px);
631 }
633 #header-application > .header-icon {
634 -moz-image-region: rect(0, 120px, 40px, 80px);
635 }
637 #header-privacy > .header-icon {
638 -moz-image-region: rect(0, 160px, 40px, 120px);
639 }
641 #header-security > .header-icon {
642 -moz-image-region: rect(0, 200px, 40px, 160px);
643 }
645 #header-sync > .header-icon {
646 -moz-image-region: rect(0, 240px, 40px, 200px);
647 }
649 #header-advanced > .header-icon {
650 -moz-image-region: rect(0, 280px, 40px, 240px);
651 }
653 @media (min-resolution: 2dppx) {
654 .header-icon {
655 list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
656 }
658 #header-general > .header-icon {
659 -moz-image-region: rect(0, 80px, 80px, 0);
660 }
662 #header-content > .header-icon {
663 -moz-image-region: rect(0, 160px, 80px, 80px);
664 }
666 #header-application > .header-icon {
667 -moz-image-region: rect(0, 240px, 80px, 160px);
668 }
670 #header-privacy > .header-icon {
671 -moz-image-region: rect(0, 320px, 80px, 240px);
672 }
674 #header-security > .header-icon {
675 -moz-image-region: rect(0, 400px, 80px, 320px);
676 }
678 #header-sync > .header-icon {
679 -moz-image-region: rect(0, 480px, 80px, 400px);
680 }
682 #header-advanced > .header-icon {
683 -moz-image-region: rect(0, 560px, 80px, 480px);
684 }
685 }
687 /* General Pane */
689 filefield {
690 -moz-appearance: none;
691 background-color: transparent;
692 border: none;
693 padding: 0;
694 }
696 .fileFieldContentBox {
697 background-color: transparent;
698 }
700 .fileFieldIcon {
701 -moz-margin-start: 10px;
702 -moz-margin-end: 0;
703 }
705 .fileFieldLabel {
706 -moz-margin-start: -26px;
707 -moz-padding-start: 36px;
708 }
710 /* Applications Pane Styles */
712 #applications-content {
713 -moz-margin-start: 60px;
714 padding: 15px;
715 }
717 #handlersView {
718 -moz-appearance: none;
719 font-size: 1.25rem;
720 line-height: 22px;
721 color: #737980;
722 border: 1px solid rgba(23,50,77,0.4);
723 border-radius: 5px;
724 background-color: #F1F1F1;
725 overflow-y: auto;
726 }
728 #typeColumn,
729 #actionColumn {
730 -moz-appearance: none;
731 font-family: "Clear Sans", sans-serif;
732 line-height: 20px;
733 color: #737980;
734 height: 36px;
735 padding: 0 10px;
736 background-color: #F7F7F7;
737 border: 1px solid #CCCCCC;
738 -moz-border-top-colors: none;
739 -moz-border-right-colors: none;
740 -moz-border-bottom-colors: none;
741 -moz-border-left-colors: none;
742 text-shadow: 0 1px 1px #FFFFFF;
743 }
745 #typeColumn:-moz-locale-dir(ltr),
746 #actionColumn:-moz-locale-dir(rtl) {
747 border-top-left-radius: 5px;
748 }
750 #typeColumn:-moz-locale-dir(rtl),
751 #actionColumn:-moz-locale-dir(ltr) {
752 border-top-right-radius: 5px;
753 }
755 #typeColumn:hover,
756 #actionColumn:hover {
757 border-color: #737980;
758 }
760 #typeColumn:hover:active,
761 #actionColumn:hover:active {
762 padding: 0 10px;
763 border-color: #0096DC;
764 box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
765 }
767 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
768 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
769 #typeColumn > .treecol-sortdirection[sortDirection=descending],
770 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
771 -moz-appearance: none;
772 list-style-image: url("chrome://browser/skin/preferences/in-content/sorter.png");
773 }
775 #typeColumn > .treecol-sortdirection[sortDirection=descending],
776 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
777 transform: scaleY(-1);
778 }
780 @media (min-resolution: 2dppx) {
781 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
782 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
783 #typeColumn > .treecol-sortdirection[sortDirection=descending],
784 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
785 width: 12px;
786 height: 8px;
787 list-style-image: url("chrome://browser/skin/preferences/in-content/sorter@2x.png");
788 }
789 }
791 #handlersView > richlistitem {
792 min-height: 40px !important;
793 }
795 .typeIcon {
796 -moz-margin-start: 10px !important;
797 -moz-margin-end: 9px !important;
798 }
800 .actionIcon {
801 -moz-margin-start: 11px !important;
802 -moz-margin-end: 8px !important;
803 }
805 .actionsMenu {
806 height: 40px;
807 max-height: 40px;
808 }
810 .actionsMenu > menupopup > menuitem {
811 -moz-padding-start: 10px !important;
812 }
814 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
815 -moz-margin-end: 8px !important;
816 }
818 /* XXX This style is for bug 740213 and should be removed once that
819 bug has a solution. */
820 description > html|a {
821 cursor: pointer;
822 }
824 /* Content Pane */
826 #defaultFontSize {
827 min-width: 5.5em;
828 }
830 /* Sync Pane */
832 #syncEnginesList {
833 -moz-appearance: none;
834 color: #737980;
835 padding: 10px;
836 border: 1px solid rgba(23,50,77,0.4);
837 border-radius: 5px;
838 background-color: #F1F1F1;
839 }
841 /* Advanced Pane */
843 #advancedPrefs {
844 padding-bottom: 0; /* no padding needed in inContent prefs */
845 }
847 #encryptionPanel {
848 margin-top: 15px;
849 -moz-margin-start: 60px;
850 }
852 #offlineAppsList {
853 -moz-appearance: none;
854 color: #737980;
855 padding: 2px;
856 border: 1px solid rgba(23,50,77,0.4);
857 border-radius: 5px;
858 background-color: #F1F1F1;
859 }
861 #telemetryLearnMore,
862 #FHRLearnMore,
863 #crashReporterLearnMore {
864 /* center the links */
865 margin-top: 8px;
866 margin-bottom: 8px;
867 }
