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 #categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
 294   border-top: 1px dotted #000000;
 295   border-bottom: 1px dotted #000000;
 296 }
 297
 298 .category-name {
 299   line-height: 22px;
 300   font-size: 1.25rem;
 301   padding-bottom: 2px;
 302   -moz-padding-start: 9px;
 303   margin: 0;
 304 }
 305
 306 .category-icon {
 307   width: 24px;
 308   height: 24px;
 309   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
 310 }
 311
 312 #category-general > .category-icon {
 313   -moz-image-region: rect(0, 24px, 24px, 0);
 314 }
 315
 316 #category-general:hover > .category-icon,
 317 #category-general[selected] > .category-icon {
 318   -moz-image-region: rect(24px, 24px, 48px, 0);
 319 }
 320
 321 #category-content > .category-icon {
 322   -moz-image-region: rect(0, 48px,  24px, 24px)
 323 }
 324
 325 #category-content:hover > .category-icon,
 326 #category-content[selected] > .category-icon {
 327   -moz-image-region: rect(24px, 48px, 48px, 24px);
 328 }
 329
 330 #category-application > .category-icon {
 331   -moz-image-region: rect(0, 72px,  24px, 48px)
 332 }
 333
 334 #category-application:hover > .category-icon,
 335 #category-application[selected] > .category-icon {
 336   -moz-image-region: rect(24px, 72px, 48px, 48px);
 337 }
 338
 339 #category-privacy > .category-icon {
 340   -moz-image-region: rect(0, 96px,  24px, 72px)
 341 }
 342
 343 #category-privacy:hover > .category-icon,
 344 #category-privacy[selected] > .category-icon {
 345   -moz-image-region: rect(24px, 96px, 48px, 72px);
 346 }
 347
 348 #category-security > .category-icon {
 349   -moz-image-region: rect(0, 120px,  24px, 96px)
 350 }
 351
 352 #category-security:hover > .category-icon,
 353 #category-security[selected] > .category-icon {
 354   -moz-image-region: rect(24px, 120px, 48px, 96px);
 355 }
 356
 357 #category-sync > .category-icon {
 358   -moz-image-region: rect(0, 144px, 24px, 120px);
 359 }
 360
 361 #category-sync:hover > .category-icon,
 362 #category-sync[selected] > .category-icon {
 363   -moz-image-region: rect(24px, 144px, 48px, 120px);
 364 }
 365
 366 #category-advanced > .category-icon {
 367   -moz-image-region: rect(0, 168px, 24px, 144px)
 368 }
 369
 370 #category-advanced:hover > .category-icon,
 371 #category-advanced[selected] > .category-icon {
 372   -moz-image-region: rect(24px, 168px, 48px, 144px);
 373 }
 374
 375 /* header */
 376
 377 .header {
 378   margin-bottom: 15px;
 379 }
 380
 381 .header-icon {
 382   width: 40px;
 383   max-height: 40px;
 384   -moz-margin-end: 20px;
 385   list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
 386 }
 387
 388 .header-name {
 389   font-size: 2.5rem;
 390   font-weight: normal;
 391   line-height: 40px;
 392   margin: 0;
 393 }
 394
 395 #header-general > .header-icon {
 396   -moz-image-region: rect(0, 40px, 40px, 0);
 397 }
 398
 399 #header-content > .header-icon {
 400   -moz-image-region: rect(0, 80px, 40px, 40px);
 401 }
 402
 403 #header-application > .header-icon {
 404   -moz-image-region: rect(0, 120px, 40px, 80px);
 405 }
 406
 407 #header-privacy > .header-icon {
 408   -moz-image-region: rect(0, 160px, 40px, 120px);
 409 }
 410
 411 #header-security > .header-icon {
 412   -moz-image-region: rect(0, 200px, 40px, 160px);
 413 }
 414
 415 #header-sync > .header-icon {
 416   -moz-image-region: rect(0, 240px, 40px, 200px);
 417 }
 418
 419 #header-advanced > .header-icon {
 420   -moz-image-region: rect(0, 280px, 40px, 240px);
 421 }
 422
 423 @media (min-resolution: 2dppx) {
 424   .header-icon {
 425     list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
 426   }
 427
 428   #header-general > .header-icon {
 429     -moz-image-region: rect(0, 80px, 80px, 0);
 430   }
 431
 432   #header-content > .header-icon {
 433     -moz-image-region: rect(0, 160px, 80px, 80px);
 434   }
 435
 436   #header-application > .header-icon {
 437     -moz-image-region: rect(0, 240px, 80px, 160px);
 438   }
 439
 440   #header-privacy > .header-icon {
 441     -moz-image-region: rect(0, 320px, 80px, 240px);
 442   }
 443
 444   #header-security > .header-icon {
 445     -moz-image-region: rect(0, 400px, 80px, 320px);
 446   }
 447
 448   #header-sync > .header-icon {
 449     -moz-image-region: rect(0, 480px, 80px, 400px);
 450   }
 451
 452   #header-advanced > .header-icon {
 453     -moz-image-region: rect(0, 560px, 80px, 480px);
 454   }
 455 }
 456
 457 .indent {
 458   margin-top: 7px;
 459   margin-bottom: 7px;
 460 }
 461
 462 /* General Pane */
 463 /*
 464 filefield {
 465   -moz-appearance: none;
 466   background-color: transparent;
 467   border: none;
 468   padding: 0;
 469 }
 470
 471 .fileFieldContentBox {
 472   background-color: transparent;
 473 }
 474
 475 .fileFieldIcon {
 476   -moz-margin-start: 10px;
 477   -moz-margin-end: 0;
 478 }
 479
 480 .fileFieldLabel {
 481   -moz-margin-start: -26px;
 482   -moz-padding-start: 36px;
 483 }
 484 */
 485
 486 /* Applications Pane Styles */
 487
 488 #applicationsContent {
 489   -moz-margin-start: 60px;
 490   padding: 15px 0;
 491 }
 492
 493 #filter {
 494   -moz-margin-start: 0;
 495 }
 496
 497 #handlersView {
 498   -moz-margin-start: 0;
 499   font-size: 1.25rem;
 500   line-height: 22px;
 501   border: none; /*1px solid #9C9CFF;*/
 502   margin: 0;
 503   overflow-y: auto;
 504   border-top-left-radius: 0;
 505   border-top-right-radius: 0;
 506   height: 500px;
 507 }
 508
 509 #handersView > listheader > treecol {
 510   border-radius: 0;
 511 }
 512
 513 #typeColumn,
 514 #actionColumn {
 515   line-height: 20px;
 516 /*  color: #737980;
 517   height: 36px;
 518   padding: 0 10px;
 519   background-color: #F7F7F7;
 520   border: 1px solid #CCCCCC;
 521   -moz-border-top-colors: none;
 522   -moz-border-right-colors: none;
 523   -moz-border-bottom-colors: none;
 524   -moz-border-left-colors: none;
 525 */
 526 }
 527
 528 #typeColumn:-moz-locale-dir(ltr),
 529 #actionColumn:-moz-locale-dir(rtl) {
 530   border-top-left-radius: 5px;
 531 }
 532
 533 #typeColumn:-moz-locale-dir(rtl),
 534 #actionColumn:-moz-locale-dir(ltr) {
 535   border-top-right-radius: 5px;
 536 }
 537 /*
 538 #typeColumn:hover,
 539 #actionColumn:hover {
 540   border-color: #737980;
 541 }
 542
 543 #typeColumn:hover:active,
 544 #actionColumn:hover:active {
 545   padding: 0 10px;
 546   border-color: #0096DC;
 547 }
 548 */
 549 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
 550 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
 551 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 552 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 553 }
 554
 555 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 556 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 557 }
 558
 559 #handlersView > richlistitem {
 560   min-height: 40px !important;
 561 }
 562
 563 .typeIcon {
 564   -moz-margin-start: 10px !important;
 565   -moz-margin-end: 9px !important;
 566 }
 567
 568 .actionIcon {
 569   -moz-margin-start: 11px !important;
 570   -moz-margin-end: 8px !important;
 571 }
 572
 573 .actionsMenu {
 574   height: 40px;
 575   max-height: 40px;
 576 }
 577
 578 .actionsMenu > menupopup > menuitem {
 579   -moz-padding-start: 10px !important;
 580 }
 581
 582 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
 583   -moz-margin-end: 8px !important;
 584 }
 585
 586 /* XXX This style is for bug 740213 and should be removed once that
 587    bug has a solution. */
 588 description > html|a {
 589   cursor: pointer;
 590 }
 591
 592 #offlineAppsList,
 593 #syncEnginesList {
 594 /*  -moz-appearance: none;
 595   color: #737980;
 596   padding: 10px;
 597   border: 1px solid rgba(23,50,77,0.4);
 598   border-radius: 5px;
 599   background-color: #F1F1F1;*/
 600 }
 601
 602 #advancedPrefs {
 603   padding-bottom: 0; /* no padding needed in inContent prefs */
 604 }
 605
 606 #encryptionPanel {
 607   margin-top: 15px;
 608   -moz-margin-start: 60px;
 609 }
 610
 611 #telemetryLearnMore,
 612 #FHRLearnMore,
 613 #crashReporterLearnMore {
 614   /* center the links */
 615   margin-top: 8px;
 616   margin-bottom: 8px;
 617 }
 618
 619
 620 /**
 621  * Sub-dialog
 622  */
 623
 624 #dialogOverlay {
 625   background-color: rgba(0,0,0,0.75);
 626   visibility: hidden;
 627 }
 628
 629 #dialogBox {
 630   border: 1px solid #9C9CFF;
 631   display: -moz-box;
 632   margin: 0;
 633   padding-right: 6px;
 634   padding-left: 6px;
 635 }
 636
 637 #dialogBox[resizable="true"] {
 638   resize: both;
 639   overflow: hidden;
 640   min-height: 30em;
 641   min-width: 66ch;
 642 }
 643
 644 .close-icon {
 645   background-color: transparent !important;
 646   border: none;
 647   box-shadow: none;
 648   height: 18px;
 649   padding: 0;
 650   min-width: 18px;
 651 }
 652
 653 #dialogBox > .groupbox-body {
 654   -moz-appearance: none;
 655   padding: 0;
 656 }
 657
 658 #dialogFrame {
 659   -moz-box-flex: 1;
 660   /* Default dialog dimensions */
 661   height: 30em;
 662   width: 66ch;
 663 }
 664
 665 /* needs to be removed with bug 1035625 */
 666 :-moz-any(dialog, window, prefwindow) resizer {
 667   display: none;
 668 }
 669
 670 tree:not(#rejectsTree) {
 671   min-height: 15em;
 672 }
 673
 674 :-moz-any(dialog, window, prefwindow) groupbox {
 675   -moz-margin-start: 8px;
 676   -moz-margin-end: 8px;
 677 }
 678
 679 /**
 680  * End sub-dialog
 681  */
 682
 683 /* === END shared/in-content/preferences.css === */
 684
 685 caption {
 686 }
 687
 688 .indent-small {
 689   -moz-margin-start: 10px;
 690 }
 691
 692 @media (min-resolution: 2dppx) {
 693   checkbox:hover::before,
 694   checkbox[checked]::before {
 695   }
 696
 697   checkbox[checked]::before {
 698   }
 699
 700   .category-icon {
 701     list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
 702   }
 703
 704   #category-general > .category-icon {
 705     -moz-image-region: rect(0, 48px, 48px, 0);
 706   }
 707
 708   #category-general[selected] > .category-icon {
 709     -moz-image-region: rect(48px, 48px, 96px, 0);
 710   }
 711
 712   #category-content > .category-icon {
 713     -moz-image-region: rect(0, 96px, 48px, 48px);
 714   }
 715
 716   #category-content[selected] > .category-icon {
 717     -moz-image-region: rect(48px, 96px, 96px, 48px);
 718   }
 719
 720   #category-application > .category-icon {
 721     -moz-image-region: rect(0, 144px, 48px, 96px);
 722   }
 723
 724   #category-application[selected] > .category-icon {
 725     -moz-image-region: rect(48px, 144px, 96px, 96px);
 726   }
 727
 728   #category-privacy > .category-icon {
 729     -moz-image-region: rect(0, 192px, 48px, 144px);
 730   }
 731
 732   #category-privacy[selected] > .category-icon {
 733     -moz-image-region: rect(48px, 192px, 96px, 144px);
 734   }
 735
 736   #category-security > .category-icon {
 737     -moz-image-region: rect(0, 240px, 48px, 192px);
 738   }
 739
 740   #category-security[selected] > .category-icon {
 741     -moz-image-region: rect(48px, 240px, 96px, 192px);
 742   }
 743
 744   #category-sync > .category-icon {
 745     -moz-image-region: rect(0, 288px, 48px, 240px);
 746   }
 747
 748   #category-sync[selected] > .category-icon {
 749     -moz-image-region: rect(48px, 288px, 96px, 240px);
 750   }
 751
 752   #category-advanced > .category-icon {
 753     -moz-image-region: rect(0, 336px, 48px, 288px);
 754   }
 755
 756   #category-advanced[selected] > .category-icon {
 757     -moz-image-region: rect(48px, 336px, 96px, 288px);
 758   }
 759 }