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";
14 background-color: #000000;
18 padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
21 /* This actually results in two black boxes extending to the right and bottom,
22 * leaving the LCARS-gray background only in a top stripe and
23 * a bit larger area on the top left.
24 * The prefpane will overlay that with the rounded shape we want. */
25 background-color: #A09090;
26 background-position: 3em 1.5em, 0px 5em;
27 background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
28 background-repeat: no-repeat;
32 padding: 10px 20px 0px;
33 border-radius: 1em 0 0 0;
34 background-color: #000000;
37 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
44 -moz-user-select: text;
49 /* override the * rule */
50 -moz-user-select: none;
56 background-color: #A09090;
59 border-radius: 1em 0 0 0;
64 background-color: #000000;
66 -moz-border-end-width: 0;
67 -moz-padding-start: 15px;
68 -moz-padding-end: 21px;
70 transition: background-color 150ms;
74 background-color: #FFCF00;
79 background-color: #008484;
83 #categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
84 border-top: 1px dotted #000000;
85 border-bottom: 1px dotted #000000;
92 -moz-padding-start: 9px;
99 list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
102 #category-general > .category-icon {
103 -moz-image-region: rect(0, 24px, 24px, 0);
106 #category-general:hover > .category-icon,
107 #category-general[selected] > .category-icon {
108 -moz-image-region: rect(24px, 24px, 48px, 0);
111 #category-search > .category-icon {
112 -moz-image-region: rect(0, 192px, 24px, 168px);
115 #category-search:hover > .category-icon,
116 #category-search[selected] > .category-icon {
117 -moz-image-region: rect(24px, 192px, 48px, 168px);
120 #category-content > .category-icon {
121 -moz-image-region: rect(0, 48px, 24px, 24px)
124 #category-content:hover > .category-icon,
125 #category-content[selected] > .category-icon {
126 -moz-image-region: rect(24px, 48px, 48px, 24px);
129 #category-application > .category-icon {
130 -moz-image-region: rect(0, 72px, 24px, 48px)
133 #category-application:hover > .category-icon,
134 #category-application[selected] > .category-icon {
135 -moz-image-region: rect(24px, 72px, 48px, 48px);
138 #category-privacy > .category-icon {
139 -moz-image-region: rect(0, 96px, 24px, 72px)
142 #category-privacy:hover > .category-icon,
143 #category-privacy[selected] > .category-icon {
144 -moz-image-region: rect(24px, 96px, 48px, 72px);
147 #category-security > .category-icon {
148 -moz-image-region: rect(0, 120px, 24px, 96px)
151 #category-security:hover > .category-icon,
152 #category-security[selected] > .category-icon {
153 -moz-image-region: rect(24px, 120px, 48px, 96px);
156 #category-sync > .category-icon {
157 -moz-image-region: rect(0, 144px, 24px, 120px);
160 #category-sync:hover > .category-icon,
161 #category-sync[selected] > .category-icon {
162 -moz-image-region: rect(24px, 144px, 48px, 120px);
165 #category-advanced > .category-icon {
166 -moz-image-region: rect(0, 168px, 24px, 144px)
169 #category-advanced:hover > .category-icon,
170 #category-advanced[selected] > .category-icon {
171 -moz-image-region: rect(24px, 168px, 48px, 144px);
190 -moz-margin-end: 8px !important;
201 /* Applications Pane Styles */
203 #applicationsContent {
208 -moz-margin-start: 0;
212 -moz-margin-start: 0;
215 border: none; /*1px solid #9C9CFF;*/
218 border-top-left-radius: 0;
219 border-top-right-radius: 0;
223 #handlersView > listheader > treecol {
226 #handlersView > scrollbox {
227 border-left: 1px solid #9C9CFF;
228 border-right: 1px solid #9C9CFF;
229 border-bottom: 1px solid #9C9CFF;
232 #handlersView > listheader {
233 background: transparent;
244 background-color: #F7F7F7;
245 border: 1px solid #CCCCCC;
246 -moz-border-top-colors: none;
247 -moz-border-right-colors: none;
248 -moz-border-bottom-colors: none;
249 -moz-border-left-colors: none;
253 #typeColumn:-moz-locale-dir(ltr),
254 #actionColumn:-moz-locale-dir(rtl) {
255 border-top-left-radius: 5px;
258 #typeColumn:-moz-locale-dir(rtl),
259 #actionColumn:-moz-locale-dir(ltr) {
260 border-top-right-radius: 5px;
264 #actionColumn:hover {
265 border-color: #737980;
268 #typeColumn:hover:active,
269 #actionColumn:hover:active {
271 border-color: #0096DC;
274 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
275 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
276 #typeColumn > .treecol-sortdirection[sortDirection=descending],
277 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
280 #typeColumn > .treecol-sortdirection[sortDirection=descending],
281 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
284 #handlersView > richlistitem {
285 min-height: 40px !important;
289 -moz-margin-start: 10px !important;
290 -moz-margin-end: 9px !important;
294 -moz-margin-start: 11px !important;
295 -moz-margin-end: 8px !important;
303 .actionsMenu > menupopup > menuitem {
304 -moz-padding-start: 10px !important;
307 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
308 -moz-margin-end: 8px !important;
311 /* XXX This style is for bug 740213 and should be removed once that
312 bug has a solution. */
313 description > html|a {
319 /* -moz-appearance: none;
322 border: 1px solid rgba(23,50,77,0.4);
324 background-color: #F1F1F1;*/
328 /* Overriding the margins from the base preferences.css theme file.
329 These overrides can be simplified by fixing bug 1027174 */
333 #weavePrefsDeck > vbox > label,
334 #weavePrefsDeck > vbox > groupbox,
335 #weavePrefsDeck > vbox > description,
336 #weavePrefsDeck > vbox > #pairDevice > label,
337 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
338 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label,
339 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-small) > label {
340 /* no margin-start for elements at the begin of a line */
341 -moz-margin-start: 0;
345 padding-bottom: 0; /* no padding needed in inContent prefs */
354 #crashReporterLearnMore {
355 /* center the links */
366 background-color: rgba(0,0,0,0.75);
371 border: 1px solid #9C9CFF;
378 #dialogBox[resizable="true"] {
386 background-color: transparent !important;
394 #dialogBox > .groupbox-title > caption {
396 border-radius: 1000px;
397 background-color: #A09090;
400 #dialogBox > .groupbox-body {
401 -moz-appearance: none;
407 /* Default dialog dimensions */
412 tree:not(#rejectsTree) {
416 :-moz-any(dialog, window, prefwindow) groupbox {
417 -moz-margin-start: 8px;
418 -moz-margin-end: 8px;
425 /* === END shared/in-content/preferences.css === */
431 -moz-margin-start: 10px;
434 @media (min-resolution: 2dppx) {
435 checkbox:hover::before,
436 checkbox[checked]::before {
439 checkbox[checked]::before {
443 list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
446 #category-general > .category-icon {
447 -moz-image-region: rect(0, 48px, 48px, 0);
450 #category-general:hover > .category-icon,
451 #category-general[selected] > .category-icon {
452 -moz-image-region: rect(48px, 48px, 96px, 0);
455 #category-search > .category-icon {
456 -moz-image-region: rect(0, 384px, 48px, 336px);
459 #category-search:hover > .category-icon,
460 #category-search[selected] > .category-icon {
461 -moz-image-region: rect(48, 384px, 96px, 336px);
464 #category-content > .category-icon {
465 -moz-image-region: rect(0, 96px, 48px, 48px);
468 #category-content:hover > .category-icon,
469 #category-content[selected] > .category-icon {
470 -moz-image-region: rect(48px, 96px, 96px, 48px);
473 #category-application > .category-icon {
474 -moz-image-region: rect(0, 144px, 48px, 96px);
477 #category-application:hover > .category-icon,
478 #category-application[selected] > .category-icon {
479 -moz-image-region: rect(48px, 144px, 96px, 96px);
482 #category-privacy > .category-icon {
483 -moz-image-region: rect(0, 192px, 48px, 144px);
486 #category-privacy:hover > .category-icon,
487 #category-privacy[selected] > .category-icon {
488 -moz-image-region: rect(48px, 192px, 96px, 144px);
491 #category-security > .category-icon {
492 -moz-image-region: rect(0, 240px, 48px, 192px);
495 #category-security:hover > .category-icon,
496 #category-security[selected] > .category-icon {
497 -moz-image-region: rect(48px, 240px, 96px, 192px);
500 #category-sync > .category-icon {
501 -moz-image-region: rect(0, 288px, 48px, 240px);
504 #category-sync:hover > .category-icon,
505 #category-sync[selected] > .category-icon {
506 -moz-image-region: rect(48px, 288px, 96px, 240px);
509 #category-advanced > .category-icon {
510 -moz-image-region: rect(0, 336px, 48px, 288px);
513 #category-advanced:hover > .category-icon,
514 #category-advanced[selected] > .category-icon {
515 -moz-image-region: rect(48px, 336px, 96px, 288px);