LCARStrek/browser/preferences/in-content/preferences.css

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