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 .main-content {
  10   padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
  11   overflow: auto;
  12
  13   /* This actually results in two black boxes extending to the right and bottom,
  14    * leaving the LCARS-gray background only in a top stripe and
  15    * a bit larger area on the top left.
  16    * The prefpane will overlay that with the rounded shape we want. */
  17   background-color: #A09090;
  18   background-position: 3em 1.5em, 0px 5em;
  19   background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
  20   background-repeat: no-repeat;
  21 }
  22
  23 #mainPrefPane {
  24   padding: 10px 20px 0px;
  25   border-radius: 1em 0 0 0;
  26   background-color: #000000;
  27
  28   max-width: 800px;
  29   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  30   font-size: 1.25rem;
  31   line-height: 22px;
  32   color: #FF9F00;
  33 }
  34
  35 * {
  36   -moz-user-select: text;
  37 }
  38
  39 button,
  40 treecol {
  41   /* override the * rule */
  42   -moz-user-select: none;
  43 }
  44
  45 /* Category List */
  46
  47 #categories {
  48   background-color: #A09090;
  49   padding-top: 4em;
  50   margin: 0;
  51   border-radius: 1em 0 0 0;
  52   border: none;
  53 }
  54
  55 .category {
  56   background-color: #000000;
  57   color: #FFCF00;
  58   -moz-border-end-width: 0;
  59   -moz-padding-start: 15px;
  60   -moz-padding-end: 21px;
  61   min-height: 40px;
  62   transition: background-color 150ms;
  63 }
  64
  65 .category:hover {
  66   background-color: #FFCF00;
  67   color: #000000;
  68 }
  69
  70 .category[selected] {
  71   background-color: #008484;
  72   color: #000000;
  73 }
  74
  75 #categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
  76   border-top: 1px dotted #000000;
  77   border-bottom: 1px dotted #000000;
  78 }
  79
  80 .category-name {
  81   line-height: 22px;
  82   font-size: 1.25rem;
  83   padding-bottom: 2px;
  84   -moz-padding-start: 9px;
  85   margin: 0;
  86 }
  87
  88 .category-icon {
  89   width: 24px;
  90   height: 24px;
  91   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
  92 }
  93
  94 #category-general > .category-icon {
  95   -moz-image-region: rect(0, 24px, 24px, 0);
  96 }
  97
  98 #category-general:hover > .category-icon,
  99 #category-general[selected] > .category-icon {
 100   -moz-image-region: rect(24px, 24px, 48px, 0);
 101 }
 102
 103 #category-search > .category-icon {
 104   -moz-image-region: rect(0, 192px, 24px, 168px);
 105 }
 106
 107 #category-search:hover > .category-icon,
 108 #category-search[selected] > .category-icon {
 109   -moz-image-region: rect(24px, 192px, 48px, 168px);
 110 }
 111
 112 #category-content > .category-icon {
 113   -moz-image-region: rect(0, 48px,  24px, 24px)
 114 }
 115
 116 #category-content:hover > .category-icon,
 117 #category-content[selected] > .category-icon {
 118   -moz-image-region: rect(24px, 48px, 48px, 24px);
 119 }
 120
 121 #category-application > .category-icon {
 122   -moz-image-region: rect(0, 72px,  24px, 48px)
 123 }
 124
 125 #category-application:hover > .category-icon,
 126 #category-application[selected] > .category-icon {
 127   -moz-image-region: rect(24px, 72px, 48px, 48px);
 128 }
 129
 130 #category-privacy > .category-icon {
 131   -moz-image-region: rect(0, 96px,  24px, 72px)
 132 }
 133
 134 #category-privacy:hover > .category-icon,
 135 #category-privacy[selected] > .category-icon {
 136   -moz-image-region: rect(24px, 96px, 48px, 72px);
 137 }
 138
 139 #category-security > .category-icon {
 140   -moz-image-region: rect(0, 120px,  24px, 96px)
 141 }
 142
 143 #category-security:hover > .category-icon,
 144 #category-security[selected] > .category-icon {
 145   -moz-image-region: rect(24px, 120px, 48px, 96px);
 146 }
 147
 148 #category-sync > .category-icon {
 149   -moz-image-region: rect(0, 144px, 24px, 120px);
 150 }
 151
 152 #category-sync:hover > .category-icon,
 153 #category-sync[selected] > .category-icon {
 154   -moz-image-region: rect(24px, 144px, 48px, 120px);
 155 }
 156
 157 #category-advanced > .category-icon {
 158   -moz-image-region: rect(0, 168px, 24px, 144px)
 159 }
 160
 161 #category-advanced:hover > .category-icon,
 162 #category-advanced[selected] > .category-icon {
 163   -moz-image-region: rect(24px, 168px, 48px, 144px);
 164 }
 165
 166 /* header */
 167
 168 #header-advanced {
 169   border-bottom: none;
 170   padding-bottom: 0;
 171 }
 172
 173 .indent {
 174   margin-top: 7px;
 175   margin-bottom: 7px;
 176 }
 177
 178 /* General Pane */
 179
 180 #useFirefoxSync  {
 181   font-size: 90%;
 182   -moz-margin-end: 8px !important;
 183 }
 184
 185 #getStarted {
 186   font-size: 90%;
 187 }
 188
 189 #isNotDefaultLabel {
 190   font-weight: bold;
 191 }
 192
 193 /* Applications Pane Styles */
 194
 195 #applicationsContent {
 196   padding: 15px 0;
 197 }
 198
 199 #filter {
 200   -moz-margin-start: 0;
 201 }
 202
 203 #handlersView {
 204   -moz-margin-start: 0;
 205   font-size: 1.25rem;
 206   line-height: 22px;
 207   border: none; /*1px solid #9C9CFF;*/
 208   margin: 0;
 209   overflow-y: auto;
 210   border-top-left-radius: 0;
 211   border-top-right-radius: 0;
 212   height: 500px;
 213 }
 214
 215 #handlersView > listheader > treecol {
 216 }
 217
 218 #handlersView > scrollbox {
 219   border-left: 1px solid #9C9CFF;
 220   border-right: 1px solid #9C9CFF;
 221   border-bottom: 1px solid #9C9CFF;
 222 }
 223
 224 #handlersView > listheader {
 225   background: transparent;
 226   border: 0;
 227   padding: 0;
 228 }
 229
 230 #typeColumn,
 231 #actionColumn {
 232   line-height: 20px;
 233 /*  color: #737980;
 234   height: 36px;
 235   padding: 0 10px;
 236   background-color: #F7F7F7;
 237   border: 1px solid #CCCCCC;
 238   -moz-border-top-colors: none;
 239   -moz-border-right-colors: none;
 240   -moz-border-bottom-colors: none;
 241   -moz-border-left-colors: none;
 242 */
 243 }
 244
 245 #typeColumn:-moz-locale-dir(ltr),
 246 #actionColumn:-moz-locale-dir(rtl) {
 247   border-top-left-radius: 5px;
 248 }
 249
 250 #typeColumn:-moz-locale-dir(rtl),
 251 #actionColumn:-moz-locale-dir(ltr) {
 252   border-top-right-radius: 5px;
 253 }
 254 /*
 255 #typeColumn:hover,
 256 #actionColumn:hover {
 257   border-color: #737980;
 258 }
 259
 260 #typeColumn:hover:active,
 261 #actionColumn:hover:active {
 262   padding: 0 10px;
 263   border-color: #0096DC;
 264 }
 265 */
 266 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
 267 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
 268 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 269 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 270 }
 271
 272 #typeColumn > .treecol-sortdirection[sortDirection=descending],
 273 #actionColumn > .treecol-sortdirection[sortDirection=descending] {
 274 }
 275
 276 #handlersView > richlistitem {
 277   min-height: 40px !important;
 278 }
 279
 280 .typeIcon {
 281   -moz-margin-start: 10px !important;
 282   -moz-margin-end: 9px !important;
 283 }
 284
 285 .actionIcon {
 286   -moz-margin-start: 11px !important;
 287   -moz-margin-end: 8px !important;
 288 }
 289
 290 .actionsMenu {
 291   height: 40px;
 292   max-height: 40px;
 293 }
 294
 295 .actionsMenu > menupopup > menuitem {
 296   -moz-padding-start: 10px !important;
 297 }
 298
 299 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
 300   -moz-margin-end: 8px !important;
 301 }
 302
 303 /* XXX This style is for bug 740213 and should be removed once that
 304    bug has a solution. */
 305 description > html|a {
 306   cursor: pointer;
 307 }
 308
 309 #offlineAppsList,
 310 #syncEnginesList {
 311 /*  -moz-appearance: none;
 312   color: #737980;
 313   padding: 10px;
 314   border: 1px solid rgba(23,50,77,0.4);
 315   border-radius: 5px;
 316   background-color: #F1F1F1;*/
 317 }
 318
 319 #noFxaAccount {
 320   /* Overriding the margins from the base preferences.css theme file.
 321      These overrides can be simplified by fixing bug 1027174 */
 322   margin: 0;
 323 }
 324
 325 #weavePrefsDeck > vbox > label,
 326 #weavePrefsDeck > vbox > groupbox,
 327 #weavePrefsDeck > vbox > description,
 328 #weavePrefsDeck > vbox > #pairDevice > label,
 329 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
 330 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label,
 331 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-small) > label {
 332   /* no margin-start for elements at the begin of a line */
 333   -moz-margin-start: 0;
 334 }
 335
 336 #advancedPrefs {
 337   padding-bottom: 0; /* no padding needed in inContent prefs */
 338 }
 339
 340 #encryptionPanel {
 341   margin-top: 15px;
 342 }
 343
 344 #telemetryLearnMore,
 345 #FHRLearnMore,
 346 #crashReporterLearnMore {
 347   /* center the links */
 348   margin-top: 8px;
 349   margin-bottom: 8px;
 350 }
 351
 352 #trackingProtectionImage {
 353   width: 16px;
 354   height: 16px;
 355   list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png");
 356 }
 357
 358 @media (min-resolution: 2dppx) {
 359   #trackingProtectionImage {
 360     list-style-image: url("chrome://browser/skin/bad-content-blocked-16@2x.png");
 361   }
 362 }
 363
 364 /**
 365  * Dialog
 366  */
 367
 368 #dialogOverlay {
 369   background-color: rgba(0,0,0,0.75);
 370   visibility: hidden;
 371 }
 372
 373 #dialogBox {
 374   background-color: #000000;
 375   color: #FF9F00;
 376   /* font-size: 14px; */
 377   border: 1px solid #9C9CFF;
 378   border-radius: 10px;
 379   display: -moz-box;
 380   margin: 0;
 381   padding-right: 6px;
 382   padding-left: 6px;
 383 }
 384
 385 #dialogBox[resizable="true"] {
 386   resize: both;
 387   overflow: hidden;
 388   min-height: 20em;
 389   min-width: 66ch;
 390 }
 391
 392 #dialogBox > .groupbox-title {
 393   -moz-margin-start: 0;
 394   -moz-margin-end: 0;
 395 /*  padding: 3.5px 0;
 396   background-color: #F1F1F1; */
 397 }
 398
 399 #dialogTitle {
 400   text-align: center;
 401 }
 402
 403 .close-icon {
 404   background-color: transparent !important;
 405   border: none;
 406   box-shadow: none;
 407   height: 18px;
 408   padding: 0;
 409   min-width: 18px;
 410 }
 411
 412 #dialogBox > .groupbox-title > caption {
 413   margin: 0;
 414   border-radius: 1000px;
 415   background-color: #A09090;
 416 }
 417
 418 #dialogBox > .groupbox-body {
 419   -moz-appearance: none;
 420   padding: 0;
 421 }
 422
 423 #dialogFrame {
 424   -moz-box-flex: 1;
 425   /* Default dialog dimensions */
 426   height: 20em;
 427   width: 66ch;
 428 }
 429
 430 /**
 431  * End Dialog
 432  */
 433
 434 /* === END shared/in-content/preferences.css === */
 435
 436 caption {
 437 }
 438
 439 .indent-small {
 440   -moz-margin-start: 10px;
 441 }
 442
 443 @media (min-resolution: 2dppx) {
 444   checkbox:hover::before,
 445   checkbox[checked]::before {
 446   }
 447
 448   checkbox[checked]::before {
 449   }
 450
 451   .category-icon {
 452     list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
 453   }
 454
 455   #category-general > .category-icon {
 456     -moz-image-region: rect(0, 48px, 48px, 0);
 457   }
 458
 459   #category-general:hover > .category-icon,
 460   #category-general[selected] > .category-icon {
 461     -moz-image-region: rect(48px, 48px, 96px, 0);
 462   }
 463
 464   #category-search > .category-icon {
 465     -moz-image-region: rect(0, 384px, 48px, 336px);
 466   }
 467
 468   #category-search:hover > .category-icon,
 469   #category-search[selected] > .category-icon {
 470     -moz-image-region: rect(48, 384px, 96px, 336px);
 471   }
 472
 473   #category-content > .category-icon {
 474     -moz-image-region: rect(0, 96px, 48px, 48px);
 475   }
 476
 477   #category-content:hover > .category-icon,
 478   #category-content[selected] > .category-icon {
 479     -moz-image-region: rect(48px, 96px, 96px, 48px);
 480   }
 481
 482   #category-application > .category-icon {
 483     -moz-image-region: rect(0, 144px, 48px, 96px);
 484   }
 485
 486   #category-application:hover > .category-icon,
 487   #category-application[selected] > .category-icon {
 488     -moz-image-region: rect(48px, 144px, 96px, 96px);
 489   }
 490
 491   #category-privacy > .category-icon {
 492     -moz-image-region: rect(0, 192px, 48px, 144px);
 493   }
 494
 495   #category-privacy:hover > .category-icon,
 496   #category-privacy[selected] > .category-icon {
 497     -moz-image-region: rect(48px, 192px, 96px, 144px);
 498   }
 499
 500   #category-security > .category-icon {
 501     -moz-image-region: rect(0, 240px, 48px, 192px);
 502   }
 503
 504   #category-security:hover > .category-icon,
 505   #category-security[selected] > .category-icon {
 506     -moz-image-region: rect(48px, 240px, 96px, 192px);
 507   }
 508
 509   #category-sync > .category-icon {
 510     -moz-image-region: rect(0, 288px, 48px, 240px);
 511   }
 512
 513   #category-sync:hover > .category-icon,
 514   #category-sync[selected] > .category-icon {
 515     -moz-image-region: rect(48px, 288px, 96px, 240px);
 516   }
 517
 518   #category-advanced > .category-icon {
 519     -moz-image-region: rect(0, 336px, 48px, 288px);
 520   }
 521
 522   #category-advanced:hover > .category-icon,
 523   #category-advanced[selected] > .category-icon {
 524     -moz-image-region: rect(48px, 336px, 96px, 288px);
 525   }
 526 }