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