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