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   color: #FF9F00;
  32 }
  33
  34 * {
  35   -moz-user-select: text;
  36 }
  37
  38 button,
  39 treecol {
  40   /* override the * rule */
  41   -moz-user-select: none;
  42 }
  43
  44 /* Category List */
  45
  46 #categories {
  47   max-height: 100vh;
  48 }
  49
  50 #categories > scrollbox {
  51   overflow-x: hidden !important;
  52 }
  53
  54 /**
  55  * We want the last category to always have non-0 getBoundingClientRect().bottom
  56  * so we can use the value to figure out the max-height of the list in
  57  * preferences.js, so use collapse instead of display: none; if it's hidden
  58  */
  59 #categories > .category[hidden="true"] {
  60   display: -moz-box;
  61   visibility: collapse;
  62 }
  63
  64 #category-general > .category-icon {
  65   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general");
  66 }
  67
  68 #category-general:hover > .category-icon,
  69 #category-general[selected] > .category-icon {
  70   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general-active");
  71 }
  72
  73 #category-search > .category-icon {
  74   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search");
  75 }
  76
  77 #category-search:hover > .category-icon,
  78 #category-search[selected] > .category-icon {
  79   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search-active");
  80 }
  81
  82 #category-content > .category-icon {
  83   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content");
  84 }
  85
  86 #category-content:hover > .category-icon,
  87 #category-content[selected] > .category-icon {
  88   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active");
  89 }
  90
  91 #category-application > .category-icon {
  92   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications");
  93 }
  94
  95 #category-application:hover > .category-icon,
  96 #category-application[selected] > .category-icon {
  97   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications-active");
  98 }
  99
 100 #category-privacy > .category-icon {
 101   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy");
 102 }
 103
 104 #category-privacy:hover > .category-icon,
 105 #category-privacy[selected] > .category-icon {
 106   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy-active");
 107 }
 108
 109 #category-security > .category-icon {
 110   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
 111 }
 112
 113 #category-security:hover > .category-icon,
 114 #category-security[selected] > .category-icon {
 115   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security-active");
 116 }
 117
 118 #category-sync > .category-icon {
 119   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#sync");
 120 }
 121
 122 #category-sync:hover > .category-icon,
 123 #category-sync[selected] > .category-icon {
 124   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#sync-active");
 125 }
 126
 127 #category-advanced > .category-icon {
 128   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced");
 129 }
 130
 131 #category-advanced:hover > .category-icon,
 132 #category-advanced[selected] > .category-icon {
 133   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced-active");
 134 }
 135
 136 @media (max-width: 800px) {
 137   .category-name {
 138     display: none;
 139   }
 140 }
 141
 142 /* header */
 143
 144 #header-advanced {
 145   border-bottom: none;
 146   padding-bottom: 0;
 147 }
 148
 149 .indent {
 150   margin-top: 7px;
 151   margin-bottom: 7px;
 152 }
 153
 154 /* General Pane */
 155
 156 #startupTable {
 157   border-collapse: collapse;
 158 }
 159
 160 #startupTable > tr > td {
 161   padding: 0; /* remove the padding from html.css */
 162 }
 163
 164 #startupTable > tr:not(:first-child) > td {
 165   padding-top: 0.5em; /* add a spacing between the rows */
 166 }
 167
 168 #startupTable > tr > .label-cell {
 169   text-align: end;
 170   width: 0; /* make the column as small as possible */
 171 }
 172
 173 #startupTable > tr > .label-cell > label {
 174   white-space: nowrap;
 175 }
 176
 177 #startupTable > tr > .content-cell > menulist,
 178 #startupTable > tr > .content-cell > textbox {
 179   width: calc(100% - 8px);
 180   margin-left: 4px;
 181   margin-right: 4px;
 182 }
 183
 184 #startupTable > tr > .homepage-buttons {
 185   display: flex;
 186   flex-wrap: wrap;
 187 }
 188
 189 #startupTable > tr > .homepage-buttons > .content-cell-item {
 190   flex-grow: 1;
 191 }
 192
 193 #useFirefoxSync  {
 194   font-size: 90%;
 195   -moz-margin-end: 8px !important;
 196 }
 197
 198 #getStarted {
 199   font-size: 90%;
 200 }
 201
 202 #isNotDefaultLabel {
 203   font-weight: bold;
 204 }
 205
 206 /* Content pane */
 207 #playDRMContentLink {
 208   /* Line up with the buttons in the other grid bits: */
 209   margin-left: 4px !important;
 210   margin-right: 4px !important;
 211 }
 212
 213 #defaultFontSizeLabel {
 214   /* !important needed to override common !important rule */
 215   -moz-margin-start: 4px !important;
 216 }
 217
 218 /* Applications Pane Styles */
 219
 220 #applicationsContent {
 221   padding: 15px 0;
 222 }
 223
 224 #filter {
 225   -moz-margin-start: 0;
 226 }
 227
 228 #handlersView {
 229   height: 25em;
 230 }
 231
 232 #handlersView > richlistitem {
 233   min-height: 36px !important;
 234 }
 235
 236 .typeIcon {
 237   -moz-margin-start: 10px !important;
 238   -moz-margin-end: 9px !important;
 239 }
 240
 241 .actionIcon {
 242   -moz-margin-start: 11px !important;
 243   -moz-margin-end: 8px !important;
 244 }
 245
 246 .actionsMenu {
 247   min-height: 36px;
 248 }
 249
 250 .actionsMenu > menupopup > menuitem {
 251   -moz-padding-start: 10px !important;
 252 }
 253
 254 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
 255   -moz-margin-end: 8px !important;
 256 }
 257
 258 /* Collapse the non-active vboxes in decks to use only the height the
 259    active vbox needs */
 260 #historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
 261 #historyPane:not([selectedIndex="2"]) > #historyCustomPane,
 262 #weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount,
 263 #weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate,
 264 #weavePrefsDeck:not([selectedIndex="3"]) > #fxaDeterminingStatus,
 265 #weavePrefsDeck:not([selectedIndex="4"]) > #noFxaAccount,
 266 #weavePrefsDeck:not([selectedIndex="5"]) > #hasFxaAccount,
 267 #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified,
 268 #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected {
 269   visibility: collapse;
 270 }
 271
 272 /* XXX This style is for bug 740213 and should be removed once that
 273    bug has a solution. */
 274 description > html|a {
 275   cursor: pointer;
 276 }
 277
 278 #noFxaAccount {
 279   /* Overriding the margins from the base preferences.css theme file.
 280      These overrides can be simplified by fixing bug 1027174 */
 281   margin: 0;
 282 }
 283
 284 #weavePrefsDeck > vbox > label,
 285 #weavePrefsDeck > vbox > groupbox,
 286 #weavePrefsDeck > vbox > description,
 287 #weavePrefsDeck > vbox > #pairDevice > label,
 288 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
 289 #weavePrefsDeck > #hasFxaAccount > vbox > label,
 290 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label {
 291   /* no margin-start for elements at the begin of a line */
 292   -moz-margin-start: 0;
 293 }
 294
 295 #advancedPrefs {
 296   padding-bottom: 0; /* no padding needed in inContent prefs */
 297 }
 298
 299 #tabsElement {
 300 /*  -moz-margin-end: 4px; / add the 4px end-margin of other elements */
 301 }
 302
 303 #telemetryLearnMore,
 304 #FHRLearnMore,
 305 #crashReporterLearnMore {
 306   /* provide some margin between the links and the label text */
 307   /* !important is needed to override the rules defined in common.css */
 308   -moz-margin-start: 20px !important;
 309   /* center the links */
 310   margin-top: 8px;
 311   margin-bottom: 8px;
 312 }
 313
 314 #trackingProtectionImage {
 315   width: 16px;
 316   height: 16px;
 317   list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png");
 318 }
 319
 320 @media (min-resolution: 2dppx) {
 321   #trackingProtectionImage {
 322     list-style-image: url("chrome://browser/skin/bad-content-blocked-16@2x.png");
 323   }
 324 }
 325
 326 #showUpdateHistory {
 327   -moz-margin-start: 0;
 328 }
 329
 330 /**
 331  * Dialog
 332  */
 333
 334 #dialogOverlay {
 335   background-color: rgba(0,0,0,0.75);
 336   visibility: hidden;
 337 }
 338
 339 #dialogBox {
 340   background-color: #000000;
 341   background-clip: content-box;
 342   color: #FF9F00;
 343   /* font-size: 14px; */
 344   border: 1px solid #9C9CFF;
 345   border-radius: 10px;
 346   display: -moz-box;
 347   margin: 0;
 348   padding-right: 6px;
 349   padding-left: 6px;
 350 }
 351
 352 #dialogBox[resizable="true"] {
 353   resize: both;
 354   overflow: hidden;
 355   min-height: 20em;
 356   min-width: 66ch;
 357 }
 358
 359 #dialogBox > .groupbox-title {
 360   -moz-margin-start: 0;
 361   -moz-margin-end: 0;
 362 /*  padding: 3.5px 0;
 363   background-color: #F1F1F1; */
 364 }
 365
 366 #dialogTitle {
 367   text-align: center;
 368 }
 369
 370 .close-icon {
 371   background-color: transparent !important;
 372   border: none;
 373   box-shadow: none;
 374   height: 18px;
 375   padding: 0;
 376   min-width: 18px;
 377 }
 378
 379 #dialogBox > .groupbox-title > caption {
 380   margin: 0;
 381   border-radius: 1000px;
 382   background-color: #A09090;
 383 }
 384
 385 #dialogBox > .groupbox-body {
 386   -moz-appearance: none;
 387   padding: 0;
 388 }
 389
 390 #dialogFrame {
 391   -moz-box-flex: 1;
 392   /* Default dialog dimensions */
 393   height: 20em;
 394   width: 66ch;
 395 }
 396
 397 .largeDialogContainer.doScroll {
 398   overflow-y: auto;
 399   -moz-box-flex: 1;
 400 }
 401
 402 /**
 403  * End Dialog
 404  */
 405
 406 /**
 407  * Font dialog menulist fixes
 408  */
 409
 410 #defaultFontType,
 411 #serif,
 412 #sans-serif,
 413 #monospace {
 414   min-width: 30ch;
 415 }
 416
 417 /**
 418  * Sync migration
 419  */
 420 #sync-migrate-upgrade-description {
 421   /* description elts need a min-width to wrap correctly - bug 630864? */
 422   min-width: 100px
 423 }
 424
 425 #sync-migration {
 426   border: 1px solid #9C9CFF;
 427   background-color: #000000;
 428   color: #A09090;
 429   text-shadow: none;
 430   margin: 5px 0 0 0;
 431   animation: fadein 3000ms;
 432 }
 433
 434 @keyframes fadein {
 435   from { opacity: 0; }
 436   to   { opacity: 1; }
 437 }
 438
 439 /* === END shared/in-content/preferences.css === */
 440
 441 caption {
 442 }
 443
 444 .indent-small {
 445   -moz-margin-start: 10px;
 446 }
 447
 448 @media (min-resolution: 2dppx) {
 449   checkbox:hover::before,
 450   checkbox[checked]::before {
 451   }
 452
 453   checkbox[checked]::before {
 454   }
 455 }