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