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 @font-face {
  10   font-family: "Clear Sans";
  11   src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff');
  12 }
  13
  14 page {
  15   background-color: #000000;
  16 }
  17
  18 caption {
  19   -moz-appearance: none;
  20   margin: 0;
  21 }
  22
  23 .caption-text {
  24   font-size: 1.3rem;
  25   font-weight: bold;
  26   line-height: 22px;
  27   margin: 0 !important;
  28 }
  29
  30 .main-content {
  31   padding: 40px 48px 48px;
  32   overflow: auto;
  33 }
  34
  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: #000000;
  42 }
  43
  44 prefpane > .content-box {
  45   overflow: visible;
  46 }
  47
  48 /* groupboxes */
  49
  50 groupbox {
  51 }
  52
  53 groupbox label {
  54 }
  55
  56 /* tabpanels and tabs */
  57
  58 tabpanels {
  59 }
  60
  61 tabs {
  62 }
  63
  64 .tabs-left,
  65 .tabs-right {
  66 }
  67
  68 tab {
  69 }
  70
  71 tab[selected] {
  72 }
  73
  74 .tab-text {
  75 }
  76
  77 tab:not([selected]):hover > .tab-middle > .tab-text {
  78 }
  79
  80 tab:not([selected]):hover:active > .tab-middle > .tab-text {
  81 }
  82
  83 tab[selected] > .tab-middle > .tab-text {
  84 }
  85
  86 /* buttons and menulists */
  87
  88 button,
  89 menulist {
  90 }
  91
  92 button:not([disabled]):hover,
  93 menulist:not([disabled]):hover {
  94 }
  95
  96 button:not([disabled]):hover:active,
  97 menulist[open="true"]:not([disabled]) {
  98 }
  99
 100 button[disabled],
 101 menulist[disabled] {
 102 }
 103
 104 button > .button-box,
 105 menulist > .menulist-label-box {
 106 }
 107
 108 button[type="menu"] > .button-box > .button-menu-dropmarker {
 109 }
 110
 111 .spinbuttons-button {
 112 }
 113
 114 .spinbuttons-up {
 115 }
 116
 117 .spinbuttons-down  {
 118 }
 119
 120 .spinbuttons-button > .button-box {
 121 }
 122
 123 .spinbuttons-up > .button-box > .button-icon {
 124 }
 125
 126 .spinbuttons-up[disabled] > .button-box > .button-icon {
 127 }
 128
 129 .spinbuttons-down > .button-box > .button-icon {
 130 }
 131
 132 .spinbuttons-down[disabled] > .button-box > .button-icon {
 133 }
 134
 135 menulist:not([editable="true"]) > .menulist-dropmarker {
 136 }
 137
 138 menulist[disabled]:not([editable="true"]) > .menulist-dropmarker {
 139 }
 140
 141 menulist > menupopup,
 142 button[type="menu"] > menupopup {
 143 }
 144
 145 menulist > menupopup menu,
 146 menulist > menupopup menuitem,
 147 button[type="menu"] > menupopup menu,
 148 button[type="menu"] > menupopup menuitem {
 149 }
 150
 151 menulist > menupopup > menu[_moz-menuactive="true"],
 152 menulist > menupopup > menuitem[_moz-menuactive="true"],
 153 button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
 154 button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
 155 }
 156
 157 menulist > menupopup menuseparator,
 158 button[type="menu"] > menupopup menuseparator {
 159 }
 160
 161 /* textboxes */
 162
 163 textbox {
 164 }
 165
 166 textbox[focused] {
 167 }
 168
 169 textbox[disabled] {
 170 }
 171
 172 /* Links */
 173
 174 .text-link,
 175 .inline-link,
 176 html|a.inline-link {
 177 }
 178
 179 .text-link:hover,
 180 .inline-link:hover {
 181 }
 182
 183 .text-link:hover:active,
 184 .inline-link:hover:active {
 185 }
 186
 187 /* Checkboxes and radio buttons */
 188
 189 .checkbox-check {
 190 }
 191
 192 .checkbox-check[checked] {
 193 }
 194
 195 checkbox:hover::before,
 196 checkbox[checked]::before {
 197 }
 198
 199 checkbox[checked]::before {
 200 }
 201
 202 radio {
 203 }
 204
 205 .radio-check {
 206 }
 207
 208 .radio-check[selected] {
 209 }
 210
 211 radio:hover::before,
 212 radio[selected]::before {
 213 }
 214
 215 radio[selected]::before {
 216 }
 217
 218 /* Category List */
 219
 220 #categories {
 221   background-color: #A09090;
 222 /*  -moz-border-end: 1px solid #FF9F00; */
 223   padding-top: 39px;
 224   margin: 0;
 225   border-radius: 1em 0 0 0;
 226 }
 227
 228 .category {
 229   background-color: #000000;
 230   color: #FFCF00;
 231   -moz-border-end-width: 0;
 232   -moz-padding-start: 14px;
 233   -moz-padding-end: 21px;
 234   min-height: 40px;
 235 }
 236
 237 .category:hover {
 238   background-color: #FFCF00;
 239   color: #000000;
 240 }
 241
 242 .category[selected] {
 243   background-color: #008484;
 244   color: #000000;
 245 }
 246
 247 .category-name {
 248   line-height: 22px;
 249   font-family: "Clear Sans", sans-serif;
 250   font-size: 1.25rem;
 251   padding-bottom: 2px;
 252   -moz-padding-start: 9px;
 253   margin: 0;
 254 }
 255
 256 .category-icon {
 257   width: 24px;
 258   height: 24px;
 259   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
 260 }
 261
 262 #category-general > .category-icon {
 263   -moz-image-region: rect(0, 24px, 24px, 0);
 264 }
 265
 266 #category-general:hover > .category-icon,
 267 #category-general[selected] > .category-icon {
 268   -moz-image-region: rect(24px, 24px, 48px, 0);
 269 }
 270
 271 #category-content > .category-icon {
 272   -moz-image-region: rect(0, 48px,  24px, 24px)
 273 }
 274
 275 #category-content:hover > .category-icon,
 276 #category-content[selected] > .category-icon {
 277   -moz-image-region: rect(24px, 48px, 48px, 24px);
 278 }
 279
 280 #category-application > .category-icon {
 281   -moz-image-region: rect(0, 72px,  24px, 48px)
 282 }
 283
 284 #category-application:hover > .category-icon,
 285 #category-application[selected] > .category-icon {
 286   -moz-image-region: rect(24px, 72px, 48px, 48px);
 287 }
 288
 289 #category-privacy > .category-icon {
 290   -moz-image-region: rect(0, 96px,  24px, 72px)
 291 }
 292
 293 #category-privacy:hover > .category-icon,
 294 #category-privacy[selected] > .category-icon {
 295   -moz-image-region: rect(24px, 96px, 48px, 72px);
 296 }
 297
 298 #category-security > .category-icon {
 299   -moz-image-region: rect(0, 120px,  24px, 96px)
 300 }
 301
 302 #category-security:hover > .category-icon,
 303 #category-security[selected] > .category-icon {
 304   -moz-image-region: rect(24px, 120px, 48px, 96px);
 305 }
 306
 307 #category-sync > .category-icon {
 308   -moz-image-region: rect(0, 144px, 24px, 120px);
 309 }
 310
 311 #category-sync:hover > .category-icon,
 312 #category-sync[selected] > .category-icon {
 313   -moz-image-region: rect(24px, 144px, 48px, 120px);
 314 }
 315
 316 #category-advanced > .category-icon {
 317   -moz-image-region: rect(0, 168px, 24px, 144px)
 318 }
 319
 320 #category-advanced:hover > .category-icon,
 321 #category-advanced[selected] > .category-icon {
 322   -moz-image-region: rect(24px, 168px, 48px, 144px);
 323 }
 324
 325 /* header */
 326
 327 .header {
 328   margin-bottom: 15px;
 329 }
 330
 331 .header-icon {
 332   width: 40px;
 333   max-height: 40px;
 334   -moz-margin-end: 20px;
 335   list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
 336 }
 337
 338 .header-name {
 339   font-size: 2.5rem;
 340   font-weight: normal;
 341   line-height: 40px;
 342   margin: 0;
 343 }
 344
 345 #header-general > .header-icon {
 346   -moz-image-region: rect(0, 40px, 40px, 0);
 347 }
 348
 349 #header-content > .header-icon {
 350   -moz-image-region: rect(0, 80px, 40px, 40px);
 351 }
 352
 353 #header-application > .header-icon {
 354   -moz-image-region: rect(0, 120px, 40px, 80px);
 355 }
 356
 357 #header-privacy > .header-icon {
 358   -moz-image-region: rect(0, 160px, 40px, 120px);
 359 }
 360
 361 #header-security > .header-icon {
 362   -moz-image-region: rect(0, 200px, 40px, 160px);
 363 }
 364
 365 #header-sync > .header-icon {
 366   -moz-image-region: rect(0, 240px, 40px, 200px);
 367 }
 368
 369 #header-advanced > .header-icon {
 370   -moz-image-region: rect(0, 280px, 40px, 240px);
 371 }
 372
 373 @media (min-resolution: 2dppx) {
 374   .header-icon {
 375     list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
 376   }
 377
 378   #header-general > .header-icon {
 379     -moz-image-region: rect(0, 80px, 80px, 0);
 380   }
 381
 382   #header-content > .header-icon {
 383     -moz-image-region: rect(0, 160px, 80px, 80px);
 384   }
 385
 386   #header-application > .header-icon {
 387     -moz-image-region: rect(0, 240px, 80px, 160px);
 388   }
 389
 390   #header-privacy > .header-icon {
 391     -moz-image-region: rect(0, 320px, 80px, 240px);
 392   }
 393
 394   #header-security > .header-icon {
 395     -moz-image-region: rect(0, 400px, 80px, 320px);
 396   }
 397
 398   #header-sync > .header-icon {
 399     -moz-image-region: rect(0, 480px, 80px, 400px);
 400   }
 401
 402   #header-advanced > .header-icon {
 403     -moz-image-region: rect(0, 560px, 80px, 480px);
 404   }
 405 }
 406
 407 .indent {
 408   margin-top: 7px;
 409   margin-bottom: 7px;
 410 }
 411
 412 /* General Pane */
 413 /*
 414 filefield {
 415   -moz-appearance: none;
 416   background-color: transparent;
 417   border: none;
 418   padding: 0;
 419 }
 420
 421 .fileFieldContentBox {
 422   background-color: transparent;
 423 }
 424
 425 .fileFieldIcon {
 426   -moz-margin-start: 10px;
 427   -moz-margin-end: 0;
 428 }
 429
 430 .fileFieldLabel {
 431   -moz-margin-start: -26px;
 432   -moz-padding-start: 36px;
 433 }
 434 */
 435
 436 /* Applications Pane Styles */
 437
 438 #applications-content {
 439   -moz-margin-start: 60px;
 440   padding: 15px;
 441 }
 442
 443 #handlersView {
 444   font-size: 1.25rem;
 445   line-height: 22px;
 446   border: none; /*1px solid #9C9CFF;*/
 447   margin: 0;
 448   overflow-y: auto;
 449   border-top-left-radius: 0;
 450   border-top-right-radius: 0;
 451 }
 452
 453 #handersView > listheader > treecol {
 454   border-radius: 0;
 455 }
 456
 457 #typeColumn,
 458 #actionColumn {
 459   font-family: "Clear Sans", sans-serif;
 460   line-height: 20px;
 461 /*  color: #737980;
 462   height: 36px;
 463   padding: 0 10px;
 464   background-color: #F7F7F7;
 465   border: 1px solid #CCCCCC;
 466   -moz-border-top-colors: none;
 467   -moz-border-right-colors: none;
 468   -moz-border-bottom-colors: none;
 469   -moz-border-left-colors: none;
 470 */
 471 }
 472
 473 #typeColumn:-moz-locale-dir(ltr),
 474 #actionColumn:-moz-locale-dir(rtl) {
 475   border-top-left-radius: 5px;
 476 }
 477
 478 #typeColumn:-moz-locale-dir(rtl),
 479 #actionColumn:-moz-locale-dir(ltr) {
 480   border-top-right-radius: 5px;
 481 }
 482 /*
 483 #typeColumn:hover,
 484 #actionColumn:hover {
 485   border-color: #737980;
 486 }
 487
 488 #typeColumn:hover:active,
 489 #actionColumn:hover:active {
 490   padding: 0 10px;
 491   border-color: #0096DC;
 492 }
 493 */
 494 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
 495 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
 496 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 497 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 498 }
 499
 500 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 501 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 502 }
 503
 504 #handlersView > richlistitem {
 505   min-height: 40px !important;
 506 }
 507
 508 .typeIcon {
 509   -moz-margin-start: 10px !important;
 510   -moz-margin-end: 9px !important;
 511 }
 512
 513 .actionIcon {
 514   -moz-margin-start: 11px !important;
 515   -moz-margin-end: 8px !important;
 516 }
 517
 518 .actionsMenu {
 519   height: 40px;
 520   max-height: 40px;
 521 }
 522
 523 .actionsMenu > menupopup > menuitem {
 524   -moz-padding-start: 10px !important;
 525 }
 526
 527 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
 528   -moz-margin-end: 8px !important;
 529 }
 530
 531 /* XXX This style is for bug 740213 and should be removed once that
 532    bug has a solution. */
 533 description > html|a {
 534   cursor: pointer;
 535 }
 536
 537 /* Content Pane */
 538
 539 #defaultFontSize {
 540   min-width: 5.5em;
 541 }
 542
 543 /* Sync Pane */
 544
 545 #syncEnginesList {
 546 /*  -moz-appearance: none;
 547   color: #737980;
 548   padding: 10px;
 549   border: 1px solid rgba(23,50,77,0.4);
 550   border-radius: 5px;
 551   background-color: #F1F1F1;*/
 552 }
 553
 554 /* Advanced Pane */
 555
 556 #advancedPrefs {
 557   padding-bottom: 0; /* no padding needed in inContent prefs */
 558 }
 559
 560 #encryptionPanel {
 561   margin-top: 15px;
 562   -moz-margin-start: 60px;
 563 }
 564
 565 #offlineAppsList {
 566 /*  -moz-appearance: none;
 567   color: #737980;
 568   padding: 2px;
 569   border: 1px solid rgba(23,50,77,0.4);
 570   border-radius: 5px;
 571   background-color: #F1F1F1;*/
 572 }
 573
 574 #telemetryLearnMore,
 575 #FHRLearnMore,
 576 #crashReporterLearnMore {
 577   /* center the links */
 578   margin-top: 8px;
 579   margin-bottom: 8px;
 580 }
 581
 582 /* === END shared/in-content/preferences.css === */
 583
 584 .indent-small {
 585   -moz-margin-start: 10px;
 586 }
 587
 588 @media (min-resolution: 2dppx) {
 589   checkbox:hover::before,
 590   checkbox[checked]::before {
 591   }
 592
 593   checkbox[checked]::before {
 594   }
 595
 596   .category-icon {
 597     list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
 598   }
 599
 600   #category-general > .category-icon {
 601     -moz-image-region: rect(0, 48px, 48px, 0);
 602   }
 603
 604   #category-general[selected] > .category-icon {
 605     -moz-image-region: rect(48px, 48px, 96px, 0);
 606   }
 607
 608   #category-content > .category-icon {
 609     -moz-image-region: rect(0, 96px, 48px, 48px);
 610   }
 611
 612   #category-content[selected] > .category-icon {
 613     -moz-image-region: rect(48px, 96px, 96px, 48px);
 614   }
 615
 616   #category-application > .category-icon {
 617     -moz-image-region: rect(0, 144px, 48px, 96px);
 618   }
 619
 620   #category-application[selected] > .category-icon {
 621     -moz-image-region: rect(48px, 144px, 96px, 96px);
 622   }
 623
 624   #category-privacy > .category-icon {
 625     -moz-image-region: rect(0, 192px, 48px, 144px);
 626   }
 627
 628   #category-privacy[selected] > .category-icon {
 629     -moz-image-region: rect(48px, 192px, 96px, 144px);
 630   }
 631
 632   #category-security > .category-icon {
 633     -moz-image-region: rect(0, 240px, 48px, 192px);
 634   }
 635
 636   #category-security[selected] > .category-icon {
 637     -moz-image-region: rect(48px, 240px, 96px, 192px);
 638   }
 639
 640   #category-sync > .category-icon {
 641     -moz-image-region: rect(0, 288px, 48px, 240px);
 642   }
 643
 644   #category-sync[selected] > .category-icon {
 645     -moz-image-region: rect(48px, 288px, 96px, 240px);
 646   }
 647
 648   #category-advanced > .category-icon {
 649     -moz-image-region: rect(0, 336px, 48px, 288px);
 650   }
 651
 652   #category-advanced[selected] > .category-icon {
 653     -moz-image-region: rect(48px, 336px, 96px, 288px);
 654   }
 655 }