[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css

/* - This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   - You can obtain one at http://mozilla.org/MPL/2.0/. */

/* === BEGIN shared/in-content/preferences.css === */

@namespace html "http://www.w3.org/1999/xhtml";

#dialogBox,
dialog,
window,
prefwindow,
.windowDialog {
  background-color: #000000;
}

.main-content {
  padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
  overflow: auto;

  /* This actually results in two black boxes extending to the right and bottom,
   * leaving the LCARS-gray background only in a top stripe and
   * a bit larger area on the top left.
   * The prefpane will overlay that with the rounded shape we want. */
  background-color: #A09090;
  background-position: 3em 1.5em, 0px 5em;
  background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
  background-repeat: no-repeat;
}

prefpane {
  padding: 10px 20px 0px;
  border-radius: 1em 0 0 0;
  background-color: #000000;

  max-width: 800px;
  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  font-size: 1.25rem;
  line-height: 22px;
  color: #FF9F00;
}

* {
  -moz-user-select: text;
}

button,
treecol {
  /* override the * rule */
  -moz-user-select: none;
}

/* Category List */

#categories {
  background-color: #A09090;
  padding-top: 4em;
  margin: 0;
  border-radius: 1em 0 0 0;
  border: none;
}

.category {
  background-color: #000000;
  color: #FFCF00;
  -moz-border-end-width: 0;
  -moz-padding-start: 15px;
  -moz-padding-end: 21px;
  min-height: 40px;
  transition: background-color 150ms;
}

.category:hover {
  background-color: #FFCF00;
  color: #000000;
}

.category[selected] {
  background-color: #008484;
  color: #000000;
}

#categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
}

.category-name {
  line-height: 22px;
  font-size: 1.25rem;
  padding-bottom: 2px;
  -moz-padding-start: 9px;
  margin: 0;
}

.category-icon {
  width: 24px;
  height: 24px;
  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
}

#category-general > .category-icon {
  -moz-image-region: rect(0, 24px, 24px, 0);
}

#category-general:hover > .category-icon,
#category-general[selected] > .category-icon {
  -moz-image-region: rect(24px, 24px, 48px, 0);
}

#category-search > .category-icon {
  -moz-image-region: rect(0, 192px, 24px, 168px);
}

#category-search:hover > .category-icon,
#category-search[selected] > .category-icon {
  -moz-image-region: rect(24px, 192px, 48px, 168px);
}

#category-content > .category-icon {
  -moz-image-region: rect(0, 48px,  24px, 24px)
}

#category-content:hover > .category-icon,
#category-content[selected] > .category-icon {
  -moz-image-region: rect(24px, 48px, 48px, 24px);
}

#category-application > .category-icon {
  -moz-image-region: rect(0, 72px,  24px, 48px)
}

#category-application:hover > .category-icon,
#category-application[selected] > .category-icon {
  -moz-image-region: rect(24px, 72px, 48px, 48px);
}

#category-privacy > .category-icon {
  -moz-image-region: rect(0, 96px,  24px, 72px)
}

#category-privacy:hover > .category-icon,
#category-privacy[selected] > .category-icon {
  -moz-image-region: rect(24px, 96px, 48px, 72px);
}

#category-security > .category-icon {
  -moz-image-region: rect(0, 120px,  24px, 96px)
}

#category-security:hover > .category-icon,
#category-security[selected] > .category-icon {
  -moz-image-region: rect(24px, 120px, 48px, 96px);
}

#category-sync > .category-icon {
  -moz-image-region: rect(0, 144px, 24px, 120px);
}

#category-sync:hover > .category-icon,
#category-sync[selected] > .category-icon {
  -moz-image-region: rect(24px, 144px, 48px, 120px);
}

#category-advanced > .category-icon {
  -moz-image-region: rect(0, 168px, 24px, 144px)
}

#category-advanced:hover > .category-icon,
#category-advanced[selected] > .category-icon {
  -moz-image-region: rect(24px, 168px, 48px, 144px);
}

/* header */

#header-advanced {
  border-bottom: none;
  padding-bottom: 0;
}

.indent {
  margin-top: 7px;
  margin-bottom: 7px;
}

/* General Pane */

#useFirefoxSync  {
  font-size: 90%;
  -moz-margin-end: 8px !important;
}

#getStarted {
  font-size: 90%;
}

#isNotDefaultLabel {
  font-weight: bold;
}

/* Applications Pane Styles */

#applicationsContent {
  padding: 15px 0;
}

#filter {
  -moz-margin-start: 0;
}

#handlersView {
  -moz-margin-start: 0;
  font-size: 1.25rem;
  line-height: 22px;
  border: none; /*1px solid #9C9CFF;*/
  margin: 0;
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 500px;
}

#handlersView > listheader > treecol {
}

#handlersView > scrollbox {
  border-left: 1px solid #9C9CFF;
  border-right: 1px solid #9C9CFF;
  border-bottom: 1px solid #9C9CFF;
}

#handlersView > listheader {
  background: transparent;
  border: 0;
  padding: 0;
}

#typeColumn,
#actionColumn {
  line-height: 20px;
/*  color: #737980;
  height: 36px;
  padding: 0 10px;
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
*/
}

#typeColumn:-moz-locale-dir(ltr),
#actionColumn:-moz-locale-dir(rtl) {
  border-top-left-radius: 5px;
}

#typeColumn:-moz-locale-dir(rtl),
#actionColumn:-moz-locale-dir(ltr) {
  border-top-right-radius: 5px;
}
/*
#typeColumn:hover,
#actionColumn:hover {
  border-color: #737980;
}

#typeColumn:hover:active,
#actionColumn:hover:active {
  padding: 0 10px;
  border-color: #0096DC;
}
*/
#typeColumn > .treecol-sortdirection[sortDirection=ascending],
#actionColumn > .treecol-sortdirection[sortDirection=ascending],
#typeColumn > .treecol-sortdirection[sortDirection=descending],
#actionColumn > .treecol-sortdirection[sortDirection=descending] {
}

#typeColumn > .treecol-sortdirection[sortDirection=descending],
#actionColumn > .treecol-sortdirection[sortDirection=descending] {
}

#handlersView > richlistitem {
  min-height: 40px !important;
}

.typeIcon {
  -moz-margin-start: 10px !important;
  -moz-margin-end: 9px !important;
}

.actionIcon {
  -moz-margin-start: 11px !important;
  -moz-margin-end: 8px !important;
}

.actionsMenu {
  height: 40px;
  max-height: 40px;
}

.actionsMenu > menupopup > menuitem {
  -moz-padding-start: 10px !important;
}

.actionsMenu > menupopup > menuitem > .menu-iconic-left {
  -moz-margin-end: 8px !important;
}

/* XXX This style is for bug 740213 and should be removed once that
   bug has a solution. */
description > html|a {
  cursor: pointer;
}

#offlineAppsList,
#syncEnginesList {
/*  -moz-appearance: none;
  color: #737980;
  padding: 10px;
  border: 1px solid rgba(23,50,77,0.4);
  border-radius: 5px;
  background-color: #F1F1F1;*/
}

#noFxaAccount {
  /* Overriding the margins from the base preferences.css theme file.
     These overrides can be simplified by fixing bug 1027174 */
  margin: 0;
}

#weavePrefsDeck > vbox > label,
#weavePrefsDeck > vbox > groupbox,
#weavePrefsDeck > vbox > description,
#weavePrefsDeck > vbox > #pairDevice > label,
#weavePrefsDeck > #needsUpdate > hbox > #loginError,
#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label,
#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-small) > label {
  /* no margin-start for elements at the begin of a line */
  -moz-margin-start: 0;
}

#advancedPrefs {
  padding-bottom: 0; /* no padding needed in inContent prefs */
}

#encryptionPanel {
  margin-top: 15px;
}

#telemetryLearnMore,
#FHRLearnMore,
#crashReporterLearnMore {
  /* center the links */
  margin-top: 8px;
  margin-bottom: 8px;
}


/**
 * Sub-dialog
 */

#dialogOverlay {
  background-color: rgba(0,0,0,0.75);
  visibility: hidden;
}

#dialogBox {
  border: 1px solid #9C9CFF;
  display: -moz-box;
  margin: 0;
  padding-right: 6px;
  padding-left: 6px;
}

#dialogBox[resizable="true"] {
  resize: both;
  overflow: hidden;
  min-height: 30em;
  min-width: 66ch;
}

.close-icon {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  height: 18px;
  padding: 0;
  min-width: 18px;
}

#dialogBox > .groupbox-title > caption {
  margin: 0;
  border-radius: 1000px;
  background-color: #A09090;
}

#dialogBox > .groupbox-body {
  -moz-appearance: none;
  padding: 0;
}

#dialogFrame {
  -moz-box-flex: 1;
  /* Default dialog dimensions */
  height: 30em;
  width: 66ch;
}

tree:not(#rejectsTree) {
  min-height: 15em;
}

:-moz-any(dialog, window, prefwindow) groupbox {
  -moz-margin-start: 8px;
  -moz-margin-end: 8px;
}

/**
 * End sub-dialog
 */

/* === END shared/in-content/preferences.css === */

caption {
}

.indent-small {
  -moz-margin-start: 10px;
}

@media (min-resolution: 2dppx) {
  checkbox:hover::before,
  checkbox[checked]::before {
  }

  checkbox[checked]::before {
  }

  .category-icon {
    list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
  }

  #category-general > .category-icon {
    -moz-image-region: rect(0, 48px, 48px, 0);
  }

  #category-general:hover > .category-icon,
  #category-general[selected] > .category-icon {
    -moz-image-region: rect(48px, 48px, 96px, 0);
  }

  #category-search > .category-icon {
    -moz-image-region: rect(0, 384px, 48px, 336px);
  }

  #category-search:hover > .category-icon,
  #category-search[selected] > .category-icon {
    -moz-image-region: rect(48, 384px, 96px, 336px);
  }

  #category-content > .category-icon {
    -moz-image-region: rect(0, 96px, 48px, 48px);
  }

  #category-content:hover > .category-icon,
  #category-content[selected] > .category-icon {
    -moz-image-region: rect(48px, 96px, 96px, 48px);
  }

  #category-application > .category-icon {
    -moz-image-region: rect(0, 144px, 48px, 96px);
  }

  #category-application:hover > .category-icon,
  #category-application[selected] > .category-icon {
    -moz-image-region: rect(48px, 144px, 96px, 96px);
  }

  #category-privacy > .category-icon {
    -moz-image-region: rect(0, 192px, 48px, 144px);
  }

  #category-privacy:hover > .category-icon,
  #category-privacy[selected] > .category-icon {
    -moz-image-region: rect(48px, 192px, 96px, 144px);
  }

  #category-security > .category-icon {
    -moz-image-region: rect(0, 240px, 48px, 192px);
  }

  #category-security:hover > .category-icon,
  #category-security[selected] > .category-icon {
    -moz-image-region: rect(48px, 240px, 96px, 192px);
  }

  #category-sync > .category-icon {
    -moz-image-region: rect(0, 288px, 48px, 240px);
  }

  #category-sync:hover > .category-icon,
  #category-sync[selected] > .category-icon {
    -moz-image-region: rect(48px, 288px, 96px, 240px);
  }

  #category-advanced > .category-icon {
    -moz-image-region: rect(0, 336px, 48px, 288px);
  }

  #category-advanced:hover > .category-icon,
  #category-advanced[selected] > .category-icon {
    -moz-image-region: rect(48px, 336px, 96px, 288px);
  }
}
Commit	Line	Data
bb9362a9 RK	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
6edbc6e8 RK	9	#dialogBox,
	10	dialog,
	11	window,
	12	prefwindow,
a21f2959	13	.windowDialog {
bb9362a9 RK	14	background-color: #000000;
	15	}
	16
bb9362a9	17	.main-content {
0b8749a4	18	padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
bb9362a9	19	overflow: auto;
0b8749a4 RK	20
	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;
bb9362a9 RK	29	}
	30
	31	prefpane {
0b8749a4 RK	32	padding: 10px 20px 0px;
	33	border-radius: 1em 0 0 0;
	34	background-color: #000000;
	35
589b5528	36	max-width: 800px;
93c91f62	37	font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
bb9362a9 RK	38	font-size: 1.25rem;
bb9362a9 RK	39	line-height: 22px;
6edbc6e8	40	color: #FF9F00;
bb9362a9 RK	41	}
bb9362a9 RK	42
8922acc9 RK	43	* {
	44	-moz-user-select: text;
	45	}
	46
	47	button,
	48	treecol {
	49	/* override the * rule */
	50	-moz-user-select: none;
	51	}
	52
bb9362a9 RK	53	/* Category List */
	54
	55	#categories {
	56	background-color: #A09090;
0b8749a4	57	padding-top: 4em;
bb9362a9 RK	58	margin: 0;
bb9362a9 RK	59	border-radius: 1em 0 0 0;
0b8749a4	60	border: none;
bb9362a9 RK	61	}
	62
	63	.category {
	64	background-color: #000000;
	65	color: #FFCF00;
	66	-moz-border-end-width: 0;
3d64e0ce	67	-moz-padding-start: 15px;
bb9362a9 RK	68	-moz-padding-end: 21px;
bb9362a9 RK	69	min-height: 40px;
3d64e0ce	70	transition: background-color 150ms;
bb9362a9 RK	71	}
	72
	73	.category:hover {
	74	background-color: #FFCF00;
	75	color: #000000;
	76	}
	77
	78	.category[selected] {
	79	background-color: #008484;
	80	color: #000000;
	81	}
	82
2b5a5147 RK	83	#categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
	84	border-top: 1px dotted #000000;
	85	border-bottom: 1px dotted #000000;
	86	}
	87
bb9362a9 RK	88	.category-name {
bb9362a9 RK	89	line-height: 22px;
bb9362a9 RK	90	font-size: 1.25rem;
	91	padding-bottom: 2px;
	92	-moz-padding-start: 9px;
	93	margin: 0;
	94	}
	95
	96	.category-icon {
	97	width: 24px;
	98	height: 24px;
	99	list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
	100	}
	101
	102	#category-general > .category-icon {
	103	-moz-image-region: rect(0, 24px, 24px, 0);
	104	}
	105
	106	#category-general:hover > .category-icon,
	107	#category-general[selected] > .category-icon {
	108	-moz-image-region: rect(24px, 24px, 48px, 0);
	109	}
	110
58036cb8	111	#category-search > .category-icon {
1eb9479d	112	-moz-image-region: rect(0, 192px, 24px, 168px);
58036cb8 RK	113	}
	114
	115	#category-search:hover > .category-icon,
	116	#category-search[selected] > .category-icon {
1eb9479d	117	-moz-image-region: rect(24px, 192px, 48px, 168px);
58036cb8 RK	118	}
58036cb8 RK	119
bb9362a9 RK	120	#category-content > .category-icon {
	121	-moz-image-region: rect(0, 48px, 24px, 24px)
	122	}
	123
	124	#category-content:hover > .category-icon,
	125	#category-content[selected] > .category-icon {
	126	-moz-image-region: rect(24px, 48px, 48px, 24px);
	127	}
	128
	129	#category-application > .category-icon {
	130	-moz-image-region: rect(0, 72px, 24px, 48px)
	131	}
	132
	133	#category-application:hover > .category-icon,
	134	#category-application[selected] > .category-icon {
	135	-moz-image-region: rect(24px, 72px, 48px, 48px);
	136	}
	137
	138	#category-privacy > .category-icon {
	139	-moz-image-region: rect(0, 96px, 24px, 72px)
	140	}
	141
	142	#category-privacy:hover > .category-icon,
	143	#category-privacy[selected] > .category-icon {
	144	-moz-image-region: rect(24px, 96px, 48px, 72px);
	145	}
	146
	147	#category-security > .category-icon {
	148	-moz-image-region: rect(0, 120px, 24px, 96px)
	149	}
	150
	151	#category-security:hover > .category-icon,
	152	#category-security[selected] > .category-icon {
	153	-moz-image-region: rect(24px, 120px, 48px, 96px);
	154	}
	155
	156	#category-sync > .category-icon {
	157	-moz-image-region: rect(0, 144px, 24px, 120px);
	158	}
	159
	160	#category-sync:hover > .category-icon,
	161	#category-sync[selected] > .category-icon {
	162	-moz-image-region: rect(24px, 144px, 48px, 120px);
	163	}
	164
	165	#category-advanced > .category-icon {
	166	-moz-image-region: rect(0, 168px, 24px, 144px)
	167	}
	168
	169	#category-advanced:hover > .category-icon,
	170	#category-advanced[selected] > .category-icon {
	171	-moz-image-region: rect(24px, 168px, 48px, 144px);
	172	}
	173
	174	/* header */
	175
d4d77dc0 RK	176	#header-advanced {
	177	border-bottom: none;
	178	padding-bottom: 0;
bb9362a9 RK	179	}
bb9362a9 RK	180
bb9362a9 RK	181	.indent {
	182	margin-top: 7px;
	183	margin-bottom: 7px;
	184	}
	185
	186	/* General Pane */
bb9362a9	187
e548e22e RK	188	#useFirefoxSync {
	189	font-size: 90%;
	190	-moz-margin-end: 8px !important;
	191	}
	192
	193	#getStarted {
	194	font-size: 90%;
	195	}
	196
a21f2959 RK	197	#isNotDefaultLabel {
a21f2959 RK	198	font-weight: bold;
bb9362a9 RK	199	}
bb9362a9 RK	200
bb9362a9 RK	201	/* Applications Pane Styles */
bb9362a9 RK	202
3d64e0ce	203	#applicationsContent {
3d64e0ce RK	204	padding: 15px 0;
	205	}
	206
	207	#filter {
	208	-moz-margin-start: 0;
bb9362a9 RK	209	}
	210
	211	#handlersView {
3d64e0ce	212	-moz-margin-start: 0;
bb9362a9 RK	213	font-size: 1.25rem;
	214	line-height: 22px;
	215	border: none; /1px solid #9C9CFF;/
	216	margin: 0;
	217	overflow-y: auto;
	218	border-top-left-radius: 0;
	219	border-top-right-radius: 0;
2b5a5147	220	height: 500px;
bb9362a9 RK	221	}
bb9362a9 RK	222
0b8749a4 RK	223	#handlersView > listheader > treecol {
	224	}
	225
	226	#handlersView > scrollbox {
	227	border-left: 1px solid #9C9CFF;
	228	border-right: 1px solid #9C9CFF;
	229	border-bottom: 1px solid #9C9CFF;
bb9362a9 RK	230	}
bb9362a9 RK	231
cac2a998 RK	232	#handlersView > listheader {
	233	background: transparent;
	234	border: 0;
	235	padding: 0;
	236	}
	237
bb9362a9 RK	238	#typeColumn,
bb9362a9 RK	239	#actionColumn {
bb9362a9 RK	240	line-height: 20px;
	241	/* color: #737980;
	242	height: 36px;
	243	padding: 0 10px;
	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;
	250	*/
	251	}
	252
	253	#typeColumn:-moz-locale-dir(ltr),
	254	#actionColumn:-moz-locale-dir(rtl) {
	255	border-top-left-radius: 5px;
	256	}
	257
	258	#typeColumn:-moz-locale-dir(rtl),
	259	#actionColumn:-moz-locale-dir(ltr) {
	260	border-top-right-radius: 5px;
	261	}
	262	/*
	263	#typeColumn:hover,
	264	#actionColumn:hover {
	265	border-color: #737980;
	266	}
	267
	268	#typeColumn:hover:active,
	269	#actionColumn:hover:active {
	270	padding: 0 10px;
	271	border-color: #0096DC;
	272	}
	273	*/
	274	#typeColumn > .treecol-sortdirection[sortDirection=ascending],
	275	#actionColumn > .treecol-sortdirection[sortDirection=ascending],
	276	#typeColumn > .treecol-sortdirection[sortDirection=descending],
589b5528	277	#actionColumn > .treecol-sortdirection[sortDirection=descending] {
bb9362a9 RK	278	}
	279
	280	#typeColumn > .treecol-sortdirection[sortDirection=descending],
	281	#actionColumn > .treecol-sortdirection[sortDirection=descending] {
	282	}
	283
	284	#handlersView > richlistitem {
	285	min-height: 40px !important;
	286	}
	287
	288	.typeIcon {
	289	-moz-margin-start: 10px !important;
	290	-moz-margin-end: 9px !important;
	291	}
	292
	293	.actionIcon {
	294	-moz-margin-start: 11px !important;
	295	-moz-margin-end: 8px !important;
	296	}
	297
	298	.actionsMenu {
	299	height: 40px;
	300	max-height: 40px;
	301	}
	302
	303	.actionsMenu > menupopup > menuitem {
	304	-moz-padding-start: 10px !important;
	305	}
	306
	307	.actionsMenu > menupopup > menuitem > .menu-iconic-left {
	308	-moz-margin-end: 8px !important;
	309	}
	310
	311	/* XXX This style is for bug 740213 and should be removed once that
	312	bug has a solution. */
	313	description > html\|a {
	314	cursor: pointer;
	315	}
	316
3d64e0ce	317	#offlineAppsList,
bb9362a9 RK	318	#syncEnginesList {
	319	/* -moz-appearance: none;
	320	color: #737980;
	321	padding: 10px;
	322	border: 1px solid rgba(23,50,77,0.4);
	323	border-radius: 5px;
	324	background-color: #F1F1F1;*/
	325	}
	326
9168a62c RK	327	#noFxaAccount {
	328	/* Overriding the margins from the base preferences.css theme file.
	329	These overrides can be simplified by fixing bug 1027174 */
	330	margin: 0;
	331	}
	332
	333	#weavePrefsDeck > vbox > label,
	334	#weavePrefsDeck > vbox > groupbox,
	335	#weavePrefsDeck > vbox > description,
	336	#weavePrefsDeck > vbox > #pairDevice > label,
	337	#weavePrefsDeck > #needsUpdate > hbox > #loginError,
cac2a998 RK	338	#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label,
cac2a998 RK	339	#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-small) > label {
9168a62c RK	340	/* no margin-start for elements at the begin of a line */
	341	-moz-margin-start: 0;
	342	}
	343
bb9362a9 RK	344	#advancedPrefs {
	345	padding-bottom: 0; /* no padding needed in inContent prefs */
	346	}
	347
	348	#encryptionPanel {
	349	margin-top: 15px;
bb9362a9 RK	350	}
bb9362a9 RK	351
bb9362a9 RK	352	#telemetryLearnMore,
	353	#FHRLearnMore,
	354	#crashReporterLearnMore {
	355	/* center the links */
	356	margin-top: 8px;
	357	margin-bottom: 8px;
	358	}
	359
6edbc6e8 RK	360
	361	/**
	362	* Sub-dialog
	363	*/
	364
	365	#dialogOverlay {
	366	background-color: rgba(0,0,0,0.75);
	367	visibility: hidden;
	368	}
	369
	370	#dialogBox {
	371	border: 1px solid #9C9CFF;
	372	display: -moz-box;
	373	margin: 0;
	374	padding-right: 6px;
	375	padding-left: 6px;
	376	}
	377
	378	#dialogBox[resizable="true"] {
	379	resize: both;
	380	overflow: hidden;
	381	min-height: 30em;
	382	min-width: 66ch;
	383	}
	384
	385	.close-icon {
	386	background-color: transparent !important;
	387	border: none;
	388	box-shadow: none;
	389	height: 18px;
	390	padding: 0;
	391	min-width: 18px;
	392	}
	393
d4d77dc0 RK	394	#dialogBox > .groupbox-title > caption {
	395	margin: 0;
	396	border-radius: 1000px;
	397	background-color: #A09090;
	398	}
	399
6edbc6e8 RK	400	#dialogBox > .groupbox-body {
	401	-moz-appearance: none;
	402	padding: 0;
	403	}
	404
	405	#dialogFrame {
	406	-moz-box-flex: 1;
	407	/* Default dialog dimensions */
d4d77dc0	408	height: 30em;
6edbc6e8 RK	409	width: 66ch;
	410	}
	411
6edbc6e8 RK	412	tree:not(#rejectsTree) {
	413	min-height: 15em;
	414	}
	415
	416	:-moz-any(dialog, window, prefwindow) groupbox {
	417	-moz-margin-start: 8px;
	418	-moz-margin-end: 8px;
	419	}
	420
	421	/**
	422	* End sub-dialog
	423	*/
	424
bb9362a9 RK	425	/* === END shared/in-content/preferences.css === */
bb9362a9 RK	426
0bcd5587 RK	427	caption {
	428	}
	429
bb9362a9 RK	430	.indent-small {
	431	-moz-margin-start: 10px;
	432	}
	433
	434	@media (min-resolution: 2dppx) {
	435	checkbox:hover::before,
	436	checkbox[checked]::before {
	437	}
	438
	439	checkbox[checked]::before {
	440	}
	441
	442	.category-icon {
	443	list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
	444	}
	445
	446	#category-general > .category-icon {
	447	-moz-image-region: rect(0, 48px, 48px, 0);
	448	}
	449
58036cb8	450	#category-general:hover > .category-icon,
bb9362a9 RK	451	#category-general[selected] > .category-icon {
	452	-moz-image-region: rect(48px, 48px, 96px, 0);
	453	}
	454
58036cb8 RK	455	#category-search > .category-icon {
	456	-moz-image-region: rect(0, 384px, 48px, 336px);
	457	}
	458
	459	#category-search:hover > .category-icon,
	460	#category-search[selected] > .category-icon {
	461	-moz-image-region: rect(48, 384px, 96px, 336px);
	462	}
	463
bb9362a9 RK	464	#category-content > .category-icon {
	465	-moz-image-region: rect(0, 96px, 48px, 48px);
	466	}
	467
58036cb8	468	#category-content:hover > .category-icon,
bb9362a9 RK	469	#category-content[selected] > .category-icon {
	470	-moz-image-region: rect(48px, 96px, 96px, 48px);
	471	}
	472
	473	#category-application > .category-icon {
	474	-moz-image-region: rect(0, 144px, 48px, 96px);
	475	}
	476
58036cb8	477	#category-application:hover > .category-icon,
bb9362a9 RK	478	#category-application[selected] > .category-icon {
	479	-moz-image-region: rect(48px, 144px, 96px, 96px);
	480	}
	481
	482	#category-privacy > .category-icon {
	483	-moz-image-region: rect(0, 192px, 48px, 144px);
	484	}
	485
58036cb8	486	#category-privacy:hover > .category-icon,
bb9362a9 RK	487	#category-privacy[selected] > .category-icon {
	488	-moz-image-region: rect(48px, 192px, 96px, 144px);
	489	}
	490
	491	#category-security > .category-icon {
	492	-moz-image-region: rect(0, 240px, 48px, 192px);
	493	}
	494
58036cb8	495	#category-security:hover > .category-icon,
bb9362a9 RK	496	#category-security[selected] > .category-icon {
	497	-moz-image-region: rect(48px, 240px, 96px, 192px);
	498	}
	499
	500	#category-sync > .category-icon {
	501	-moz-image-region: rect(0, 288px, 48px, 240px);
	502	}
	503
58036cb8	504	#category-sync:hover > .category-icon,
bb9362a9 RK	505	#category-sync[selected] > .category-icon {
	506	-moz-image-region: rect(48px, 288px, 96px, 240px);
	507	}
	508
	509	#category-advanced > .category-icon {
	510	-moz-image-region: rect(0, 336px, 48px, 288px);
	511	}
	512
58036cb8	513	#category-advanced:hover > .category-icon,
bb9362a9 RK	514	#category-advanced[selected] > .category-icon {
	515	-moz-image-region: rect(48px, 336px, 96px, 288px);
	516	}
	517	}