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 * {
  44   -moz-user-select: text;
  45 }
  46
  47 button,
  48 treecol {
  49   /* override the * rule */
  50   -moz-user-select: none;
  51 }
  52
  53 /* Category List */
  54
  55 #categories {
  56   background-color: #A09090;
  57   padding-top: 4em;
  58   margin: 0;
  59   border-radius: 1em 0 0 0;
  60   border: none;
  61 }
  62
  63 .category {
  64   background-color: #000000;
  65   color: #FFCF00;
  66   -moz-border-end-width: 0;
  67   -moz-padding-start: 15px;
  68   -moz-padding-end: 21px;
  69   min-height: 40px;
  70   transition: background-color 150ms;
  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
  83 #categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
  84   border-top: 1px dotted #000000;
  85   border-bottom: 1px dotted #000000;
  86 }
  87
  88 .category-name {
  89   line-height: 22px;
  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
 111 #category-search > .category-icon {
 112   -moz-image-region: rect(0, 192px, 24px, 168px);
 113 }
 114
 115 #category-search:hover > .category-icon,
 116 #category-search[selected] > .category-icon {
 117   -moz-image-region: rect(24px, 192px, 48px, 168px);
 118 }
 119
 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
 176 #header-advanced {
 177   border-bottom: none;
 178   padding-bottom: 0;
 179 }
 180
 181 .indent {
 182   margin-top: 7px;
 183   margin-bottom: 7px;
 184 }
 185
 186 /* General Pane */
 187
 188 #useFirefoxSync  {
 189   font-size: 90%;
 190   -moz-margin-end: 8px !important;
 191 }
 192
 193 #getStarted {
 194   font-size: 90%;
 195 }
 196
 197 #isNotDefaultLabel {
 198   font-weight: bold;
 199 }
 200
 201 /* Applications Pane Styles */
 202
 203 #applicationsContent {
 204   padding: 15px 0;
 205 }
 206
 207 #filter {
 208   -moz-margin-start: 0;
 209 }
 210
 211 #handlersView {
 212   -moz-margin-start: 0;
 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;
 220   height: 500px;
 221 }
 222
 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;
 230 }
 231
 232 #handlersView > listheader {
 233   background: transparent;
 234   border: 0;
 235   padding: 0;
 236 }
 237
 238 #typeColumn,
 239 #actionColumn {
 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],
 277 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 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
 317 #offlineAppsList,
 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
 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,
 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;
 342 }
 343
 344 #advancedPrefs {
 345   padding-bottom: 0; /* no padding needed in inContent prefs */
 346 }
 347
 348 #encryptionPanel {
 349   margin-top: 15px;
 350 }
 351
 352 #telemetryLearnMore,
 353 #FHRLearnMore,
 354 #crashReporterLearnMore {
 355   /* center the links */
 356   margin-top: 8px;
 357   margin-bottom: 8px;
 358 }
 359
 360 #trackingProtectionImage {
 361   width: 16px;
 362   height: 16px;
 363   list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png");
 364 }
 365
 366 @media (min-resolution: 2dppx) {
 367   #trackingProtectionImage {
 368     list-style-image: url("chrome://browser/skin/bad-content-blocked-16@2x.png");
 369   }
 370 }
 371
 372 /**
 373  * Sub-dialog
 374  */
 375
 376 #dialogOverlay {
 377   background-color: rgba(0,0,0,0.75);
 378   visibility: hidden;
 379 }
 380
 381 #dialogBox {
 382   border: 1px solid #9C9CFF;
 383   display: -moz-box;
 384   margin: 0;
 385   padding-right: 6px;
 386   padding-left: 6px;
 387 }
 388
 389 #dialogBox[resizable="true"] {
 390   resize: both;
 391   overflow: hidden;
 392   min-height: 30em;
 393   min-width: 66ch;
 394 }
 395
 396 .close-icon {
 397   background-color: transparent !important;
 398   border: none;
 399   box-shadow: none;
 400   height: 18px;
 401   padding: 0;
 402   min-width: 18px;
 403 }
 404
 405 #dialogBox > .groupbox-title > caption {
 406   margin: 0;
 407   border-radius: 1000px;
 408   background-color: #A09090;
 409 }
 410
 411 #dialogBox > .groupbox-body {
 412   -moz-appearance: none;
 413   padding: 0;
 414 }
 415
 416 #dialogFrame {
 417   -moz-box-flex: 1;
 418   /* Default dialog dimensions */
 419   height: 30em;
 420   width: 66ch;
 421 }
 422
 423 tree:not(#rejectsTree) {
 424   min-height: 15em;
 425 }
 426
 427 :-moz-any(dialog, window, prefwindow) groupbox {
 428   -moz-margin-start: 8px;
 429   -moz-margin-end: 8px;
 430 }
 431
 432 /**
 433  * End sub-dialog
 434  */
 435
 436 /* === END shared/in-content/preferences.css === */
 437
 438 caption {
 439 }
 440
 441 .indent-small {
 442   -moz-margin-start: 10px;
 443 }
 444
 445 @media (min-resolution: 2dppx) {
 446   checkbox:hover::before,
 447   checkbox[checked]::before {
 448   }
 449
 450   checkbox[checked]::before {
 451   }
 452
 453   .category-icon {
 454     list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
 455   }
 456
 457   #category-general > .category-icon {
 458     -moz-image-region: rect(0, 48px, 48px, 0);
 459   }
 460
 461   #category-general:hover > .category-icon,
 462   #category-general[selected] > .category-icon {
 463     -moz-image-region: rect(48px, 48px, 96px, 0);
 464   }
 465
 466   #category-search > .category-icon {
 467     -moz-image-region: rect(0, 384px, 48px, 336px);
 468   }
 469
 470   #category-search:hover > .category-icon,
 471   #category-search[selected] > .category-icon {
 472     -moz-image-region: rect(48, 384px, 96px, 336px);
 473   }
 474
 475   #category-content > .category-icon {
 476     -moz-image-region: rect(0, 96px, 48px, 48px);
 477   }
 478
 479   #category-content:hover > .category-icon,
 480   #category-content[selected] > .category-icon {
 481     -moz-image-region: rect(48px, 96px, 96px, 48px);
 482   }
 483
 484   #category-application > .category-icon {
 485     -moz-image-region: rect(0, 144px, 48px, 96px);
 486   }
 487
 488   #category-application:hover > .category-icon,
 489   #category-application[selected] > .category-icon {
 490     -moz-image-region: rect(48px, 144px, 96px, 96px);
 491   }
 492
 493   #category-privacy > .category-icon {
 494     -moz-image-region: rect(0, 192px, 48px, 144px);
 495   }
 496
 497   #category-privacy:hover > .category-icon,
 498   #category-privacy[selected] > .category-icon {
 499     -moz-image-region: rect(48px, 192px, 96px, 144px);
 500   }
 501
 502   #category-security > .category-icon {
 503     -moz-image-region: rect(0, 240px, 48px, 192px);
 504   }
 505
 506   #category-security:hover > .category-icon,
 507   #category-security[selected] > .category-icon {
 508     -moz-image-region: rect(48px, 240px, 96px, 192px);
 509   }
 510
 511   #category-sync > .category-icon {
 512     -moz-image-region: rect(0, 288px, 48px, 240px);
 513   }
 514
 515   #category-sync:hover > .category-icon,
 516   #category-sync[selected] > .category-icon {
 517     -moz-image-region: rect(48px, 288px, 96px, 240px);
 518   }
 519
 520   #category-advanced > .category-icon {
 521     -moz-image-region: rect(0, 336px, 48px, 288px);
 522   }
 523
 524   #category-advanced:hover > .category-icon,
 525   #category-advanced[selected] > .category-icon {
 526     -moz-image-region: rect(48px, 336px, 96px, 288px);
 527   }
 528 }