LCARStrek/global/in-content/common.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
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* === BEGIN common.inc.css === */
   6
   7 @namespace html "http://www.w3.org/1999/xhtml";
   8 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
   9
  10 html|body,
  11 xul|page,
  12 xul|window {
  13   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  14   -moz-appearance: none;
  15   background-color: #000000;
  16   color: #FF9F00;
  17 }
  18
  19 html|body {
  20   font-size: 15px;
  21   font-weight: normal;
  22   margin: 0;
  23 }
  24
  25 html|h1 {
  26   font-size: 2.5em;
  27   font-weight: lighter;
  28   line-height: 1.2;
  29   color: #9C9CFF;
  30   margin: 0;
  31   margin-bottom: .5em;
  32 }
  33
  34 html|hr {
  35   border-style: solid none none none;
  36   border-color: #9C9CFF;
  37 }
  38
  39 xul|caption {
  40 }
  41
  42 xul|caption > xul|checkbox,
  43 xul|caption > xul|label {
  44   margin-top: 0;
  45   margin-bottom: 0;
  46 }
  47
  48 *|*.main-content {
  49   padding-top: 40px;
  50   -moz-padding-end: 48px; /* orig is 44px to compensate the 4px margin of child elements */
  51   padding-bottom: 48px;
  52   -moz-padding-start: 48px;
  53   overflow: auto;
  54 }
  55
  56 xul|prefpane > xul|*.content-box {
  57   overflow: visible;
  58 }
  59
  60 /* groupboxes */
  61 /*
  62 xul|groupbox {
  63   -moz-appearance: none;
  64   border: none;
  65   margin: 15px 0 0;
  66   -moz-padding-start: 0;
  67   -moz-padding-end: 0;
  68   font-size: 1.25rem;
  69 }
  70
  71 xul|groupbox xul|label,
  72 xul|groupbox xul|description {
  73   / !important needed to override toolkit !important rule /
  74   -moz-margin-start: 0 !important;
  75   -moz-margin-end: 0 !important;
  76 }
  77 */
  78 /* tabpanels and tabs */
  79 /*
  80 xul|tabpanels {
  81   -moz-appearance: none;
  82   font-size: 1.25rem;
  83   line-height: 22px;
  84   border: none;
  85   padding: 0;
  86   background-color: transparent;
  87   color: inherit;
  88 }
  89
  90 xul|tabs {
  91   margin-bottom: 15px;
  92   border-top: 1px solid #c1c1c1;
  93   border-bottom: 1px solid #c1c1c1;
  94   background-color: #fbfbfb;
  95 }
  96
  97 xul|*.tabs-left,
  98 xul|*.tabs-right {
  99   border-bottom: none;
 100 }
 101
 102 xul|tab {
 103   -moz-appearance: none;
 104   margin-top: 0;
 105   padding: 4px 20px;
 106   min-height: 44px;
 107   color: #424f5a;
 108   background-color: #fbfbfb;
 109   border-width: 0;
 110   transition: background-color 50ms ease 0s;
 111 }
 112
 113 xul|tab:hover {
 114   background-color: #ebebeb;
 115 }
 116
 117 xul|tab[visuallyselected] {
 118   background-color: #ebebeb;
 119   padding-bottom: 0; / compensate the 4px border /
 120   border-bottom: 4px solid #ff9500;
 121 }
 122
 123 xul|*.tab-text {
 124   font-size: 1.3rem;
 125   line-height: 22px;
 126 }
 127 */
 128 /* html buttons */
 129
 130 html|button {
 131   border-radius: 300px;
 132   border: none;
 133   background-color: #C09070;
 134   color: #000000;
 135   /* override forms.css */
 136   font: inherit;
 137 }
 138
 139 /* xul buttons and menulists */
 140 /*
 141 *|button,
 142 xul|colorpicker[type="button"],
 143 xul|menulist {
 144   -moz-appearance: none;
 145   height: 30px;
 146   color: #333;
 147   line-height: 20px;
 148   border: 1px solid #c1c1c1;
 149   -moz-border-top-colors: none !important;
 150   -moz-border-right-colors: none !important;
 151   -moz-border-bottom-colors: none !important;
 152   -moz-border-left-colors: none !important;
 153   border-radius: 2px;
 154   background-color: #fbfbfb;
 155 }
 156 */
 157 html|button:enabled:hover,
 158 xul|button:not([disabled="true"]):hover,
 159 xul|colorpicker[type="button"]:not([disabled="true"]):hover,
 160 xul|menulist:not([disabled="true"]):hover {
 161   background-color: #FFCF00;
 162   color: #000000;
 163 }
 164
 165 html|button:enabled:hover:active,
 166 xul|button:not([disabled="true"]):hover:active,
 167 xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
 168 xul|menulist[open="true"]:not([disabled="true"]) {
 169   background-color: #FF9F00;
 170   color: #000000;
 171 }
 172
 173 html|button:disabled,
 174 xul|button[disabled="true"],
 175 xul|colorpicker[type="button"][disabled="true"],
 176 xul|menulist[disabled="true"] {
 177   cursor: not-allowed;
 178   background-color: #402858;
 179   color: #000000;
 180 }
 181
 182 *|button.primary {
 183   background-color: #A06060;
 184 }
 185
 186 html|button.primary:enabled:hover,
 187 xul|button.primary:not([disabled="true"]):hover {
 188   background-color: #FFCF00;
 189 }
 190
 191 html|button.primary:enabled:hover:active,
 192 xul|button.primary:not([disabled="true"]):hover:active {
 193   background-color: #FF9F00;
 194 }
 195 /*
 196 xul|colorpicker[type="button"] {
 197   padding: 6px;
 198   width: 50px;
 199 }
 200
 201 xul|button > xul|*.button-box,
 202 xul|menulist > xul|*.menulist-label-box {
 203   padding-right: 10px !important;
 204   padding-left: 10px !important;
 205 }
 206
 207 xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] {
 208   -moz-margin-end: 5px;
 209 }
 210
 211 xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
 212   -moz-appearance: none;
 213   margin: 1px 0;
 214   -moz-margin-start: 10px;
 215   padding: 0;
 216   width: 10px;
 217   height: 16px;
 218   border: none;
 219   background-color: transparent;
 220   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 221 }
 222
 223 */
 224 xul|*.help-button {
 225 /*
 226   min-width: 30px;
 227   border-radius: 2px;
 228   border-width: 0;
 229   background-color: #ffcb00;
 230   background-image: none;
 231   box-shadow: none;
 232 */
 233   list-style-image: url("chrome://global/skin/in-content/help-glyph.svg");
 234 }
 235 /*
 236 xul|*.help-button:not([disabled="true"]):hover {
 237   background-color: #f4c200;
 238   background-image: none;
 239 }
 240
 241 xul|*.help-button:not([disabled="true"]):hover:active {
 242   background-color: #eaba00;
 243   background-image: none;
 244 }
 245
 246 xul|*.close-icon > xul|*.button-box,
 247 xul|*.help-button > xul|*.button-box {
 248   padding-top: 0;
 249   padding-bottom: 0;
 250   padding-right: 0 !important;
 251   padding-left: 0 !important;
 252 }
 253 */
 254 xul|*.help-button > xul|*.button-box > xul|*.button-icon {
 255   width: 18px;
 256   height: 18px;
 257 }
 258
 259 xul|*.help-button > xul|*.button-box > xul|*.button-text {
 260   display: none;
 261 }
 262 /*
 263 xul|*.spinbuttons-button {
 264   -moz-margin-start: 10px !important;
 265   -moz-margin-end: 2px !important;
 266 }
 267
 268 xul|*.spinbuttons-up {
 269   margin-top: 2px !important;
 270   border-radius: 1px 1px 0 0;
 271 }
 272
 273 xul|*.spinbuttons-down  {
 274   margin-bottom: 2px !important;
 275   border-radius: 0 0 1px 1px;
 276 }
 277
 278 xul|*.spinbuttons-button > xul|*.button-box {
 279   padding: 1px 5px 2px !important;
 280 }
 281
 282 xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon {
 283   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 284 }
 285
 286 xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
 287   list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
 288 }
 289
 290 xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
 291   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 292 }
 293
 294 xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
 295   list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
 296 }
 297
 298 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
 299   -moz-appearance: none;
 300   -moz-margin-end: 4px;
 301   padding: 0;
 302   border: none;
 303   background-color: transparent;
 304   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 305 }
 306
 307 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker > xul|*.dropmarker-icon {
 308   width: 18px;
 309   height: 18px;
 310 }
 311
 312 xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker {
 313   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown-disabled")
 314 }
 315
 316 xul|menulist > xul|menupopup,
 317 xul|button[type="menu"] > xul|menupopup {
 318   -moz-appearance: none;
 319   border: 1px solid #c1c1c1;
 320   border-radius: 2px;
 321   background-color: #fff;
 322 }
 323
 324 xul|menulist > xul|menupopup xul|menu,
 325 xul|menulist > xul|menupopup xul|menuitem,
 326 xul|button[type="menu"] > xul|menupopup xul|menu,
 327 xul|button[type="menu"] > xul|menupopup xul|menuitem {
 328   -moz-appearance: none;
 329   font-size: 1rem;
 330   color: #333;
 331   padding-top: 0.2em;
 332   padding-bottom: 0.2em;
 333   -moz-padding-start: 10px;
 334   -moz-padding-end: 30px;
 335 }
 336
 337 xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
 338 xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"],
 339 xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
 340 xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] {
 341   color: #333;
 342   background-color: rgba(0,149,221,0.25);
 343 }
 344
 345 xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
 346 xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"],
 347 xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
 348 xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] {
 349   color: #fff;
 350   background-color: #0095dd;
 351 }
 352
 353 xul|menulist > xul|menupopup > xul|menu[disabled="true"],
 354 xul|menulist > xul|menupopup > xul|menuitem[disabled="true"],
 355 xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"],
 356 xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] {
 357   color: #999;
 358   / override the [_moz-menuactive="true"] background color from
 359      global/menu.css /
 360   background-color: transparent;
 361 }
 362
 363 xul|menulist > xul|menupopup xul|menuseparator,
 364 xul|button[type="menu"] > xul|menupopup xul|menuseparator {
 365   -moz-appearance: none;
 366   margin: 0;
 367   padding: 0;
 368   border-top: 1px solid #c1c1c1;
 369   border-bottom: none;
 370 }
 371 */
 372 /* textboxes */
 373 /*
 374 *|textbox {
 375   -moz-appearance: none;
 376   height: 30px;
 377   color: #333;
 378   line-height: 20px;
 379   padding-right: 10px;
 380   padding-left: 10px;
 381   border: 1px solid #c1c1c1;
 382   -moz-border-top-colors: none !important;
 383   -moz-border-right-colors: none !important;
 384   -moz-border-bottom-colors: none !important;
 385   -moz-border-left-colors: none !important;
 386   border-radius: 2px;
 387   background-color: #fff;
 388 }
 389
 390 html|textbox:focus,
 391 xul|textbox[focused] {
 392   border-color: #0095dd;
 393 }
 394
 395 html|textbox:disabled,
 396 xul|textbox[disabled="true"] {
 397   opacity: 0.5;
 398 }
 399 */
 400 /* Links */
 401
 402 html|a,
 403 .text-link,
 404 .inline-link {
 405   color: #3333FF;
 406   text-decoration: none;
 407 }
 408
 409 html|a:visited {
 410   color: #6000CF;
 411 }
 412
 413 html|a:hover,
 414 .text-link:hover,
 415 .inline-link:hover {
 416   color: #FFCF00;
 417   text-decoration: underline;
 418 }
 419
 420 html|a:hover:active,
 421 .text-link:hover:active,
 422 .inline-link:hover:active {
 423   color: #FF9F00;
 424   text-decoration: underline;
 425 }
 426
 427 /* Checkboxes and radio buttons */
 428 /* Hide the actual checkbox */
 429 html|input[type="checkbox"] {
 430   opacity: 0;
 431   position: absolute;
 432 }
 433
 434 /* Create a box to style as the checkbox */
 435 html|input[type="checkbox"] + html|label:before {
 436   display: inline-block;
 437   content: "";
 438   vertical-align: middle;
 439 }
 440
 441 html|input[type="checkbox"] + html|label {
 442   line-height: 0px;
 443 }
 444 /*
 445 xul|checkbox {
 446   -moz-margin-start: 0;
 447 }
 448 */
 449 /* xul|*.checkbox-check, */
 450 html|input[type="checkbox"] + html|label:before {
 451   -moz-appearance: none;
 452   width: 23px;
 453   height: 23px;
 454   border-radius: 0;
 455   border: 1px solid #FF9F00;
 456   -moz-margin-end: 10px;
 457   background-color: #000000;
 458   background-position: center center;
 459   background-repeat: no-repeat;
 460 }
 461
 462 /* xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, */
 463 html|input[type="checkbox"]:not(:disabled) + html|label:hover:before {
 464   border-color: #FFCF00;
 465 }
 466 html|input[type="checkbox"]:not(:disabled) + html|label:hover {
 467   color: #FFCF00;
 468 }
 469 /*
 470 xul|*.checkbox-check[checked] {
 471   background-image: url("chrome://global/skin/in-content/check.png"),
 472                     / * !important needed to override toolkit !important rule * /
 473                     linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
 474 }
 475 */
 476 html|input[type="checkbox"]:checked + html|label:before {
 477   background-image: url("chrome://global/skin/in-content/check.svg#check");
 478 }
 479
 480 /*xul|checkbox[checked][disabled="true"] > xul|*.checkbox-check,*/
 481 html|input[type="checkbox"]:checked:disabled + html|label:before {
 482   background-image: url("chrome://global/skin/in-content/check.svg#check-disabled");
 483 }
 484 html|input[type="checkbox"]:not(:disabled) + html|label:hover:before {
 485   background-image: url("chrome://global/skin/in-content/check.svg#check-hover");
 486 }
 487 html|input[type="checkbox"]:disabled + html|label:before {
 488   border-color: #8050B0;
 489 }
 490 html|input[type="checkbox"]:disabled + html|label {
 491   color: #8050B0;
 492 }
 493 /*
 494 xul|*.checkbox-label-box {
 495   -moz-margin-start: -1px; / * negative margin for the transparent border * /
 496   -moz-padding-start: 0;
 497 }
 498
 499 xul|richlistitem > xul|*.checkbox-check {
 500   margin: 3px 6px;
 501 }
 502
 503 xul|radio {
 504   -moz-margin-start: 0;
 505 }
 506
 507 xul|*.radio-check {
 508   -moz-appearance: none;
 509   width: 23px;
 510   height: 23px;
 511   border: 1px solid #c1c1c1;
 512   border-radius: 50%;
 513   -moz-margin-end: 10px;
 514   background-color: #f1f1f1;
 515   background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
 516   box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
 517 }
 518
 519 xul|radio:not([disabled="true"]):hover > xul|*.radio-check {
 520   border-color: #0095dd;
 521 }
 522
 523 xul|*.radio-check[selected] {
 524   list-style-image: url("chrome://global/skin/in-content/radio.svg#radio");
 525 }
 526
 527 xul|radio[disabled="true"] > xul|*.radio-check {
 528   opacity: 0.5;
 529 }
 530
 531 xul|*.radio-label-box {
 532   -moz-margin-start: -1px; / * negative margin for the transparent border *  /
 533   -moz-margin-end: 10px;
 534   -moz-padding-start: 0;
 535 }
 536 */
 537 /* Category List */
 538
 539 xul|*#categories {
 540   background-color: #A09090;
 541   padding-top: 4em;
 542   margin: 0;
 543   border-radius: 1em 0 0 0;
 544   border: none;
 545 }
 546
 547 xul|*.category {
 548   background-color: #000000;
 549   color: #FFCF00;
 550   -moz-border-end-width: 0;
 551   -moz-padding-start: 15px;
 552   -moz-padding-end: 21px;
 553   min-height: 40px;
 554   transition: background-color 150ms;
 555 }
 556
 557 xul|*.category:hover {
 558   background-color: #FFCF00;
 559   color: #000000;
 560 }
 561
 562 xul|*.category[selected] {
 563   background-color: #008484;
 564   color: #000000;
 565 }
 566
 567 xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] {
 568   border-top: 1px dotted #000000;
 569   border-bottom: 1px dotted #000000;
 570 }
 571
 572 *|*.category-name {
 573   line-height: 22px;
 574   font-size: 1.25rem;
 575   padding-bottom: 2px;
 576   -moz-padding-start: 9px;
 577   margin: 0;
 578   -moz-user-select: none;
 579 }
 580
 581 *|*.category-icon {
 582   width: 24px;
 583   height: 24px;
 584 }
 585
 586 /* header */
 587
 588 *|*.header {
 589 /*  -moz-margin-end: 4px; / add the 4px end-margin of other elements /
 590   border-bottom: 1px solid #A09090;
 591   margin-bottom: 15px;
 592   padding-bottom: 15px; */
 593 }
 594
 595 *|*.header-name {
 596   font-size: 2.5rem;
 597   font-weight: normal;
 598   line-height: 40px;
 599   margin: 0;
 600   -moz-user-select: none;
 601 }
 602
 603 /* File fields */
 604 /*
 605 xul|filefield {
 606   -moz-appearance: none;
 607   background-color: transparent;
 608   border: none;
 609   padding: 0;
 610 }
 611
 612 xul|*.fileFieldContentBox {
 613   background-color: transparent;
 614 }
 615
 616 xul|*.fileFieldIcon {
 617   -moz-margin-start: 10px;
 618   -moz-margin-end: 0;
 619 }
 620
 621 xul|*.fileFieldLabel {
 622   -moz-margin-start: -26px;
 623   -moz-padding-start: 36px;
 624 }
 625
 626 xul|textbox:-moz-locale-dir(rtl),
 627 xul|*.fileFieldLabel:-moz-locale-dir(rtl),
 628 xul|textbox + xul|button:-moz-locale-dir(ltr),
 629 xul|filefield + xul|button:-moz-locale-dir(ltr) {
 630   border-top-left-radius: 0;
 631   border-bottom-left-radius: 0;
 632 }
 633
 634 xul|textbox:-moz-locale-dir(ltr),
 635 xul|*.fileFieldLabel:-moz-locale-dir(ltr),
 636 xul|textbox + xul|button:-moz-locale-dir(rtl),
 637 xul|filefield + xul|button:-moz-locale-dir(rtl) {
 638   border-top-right-radius: 0;
 639   border-bottom-right-radius: 0;
 640 }
 641
 642 xul|textbox + xul|button,
 643 xul|filefield + xul|button {
 644   -moz-border-start: none;
 645 }
 646 */
 647 /* List boxes */
 648 /*
 649 xul|richlistbox,
 650 xul|listbox {
 651   -moz-appearance: none;
 652   -moz-margin-start: 0;
 653   background-color: #fff;
 654   border: 1px solid #c1c1c1;
 655   color: #333;
 656 }
 657
 658 xul|treechildren::-moz-tree-row,
 659 xul|listbox xul|listitem {
 660   padding: 0.3em;
 661   margin: 0;
 662   border: none;
 663   border-radius: 0;
 664   background-image: none;
 665 }
 666
 667 xul|treechildren::-moz-tree-row(hover),
 668 xul|listbox xul|listitem:hover {
 669   background-color: rgba(0,149,221,0.25);
 670 }
 671
 672 xul|treechildren::-moz-tree-row(selected),
 673 xul|listbox xul|listitem[selected="true"] {
 674   background-color: #0095dd;
 675   color: #fff;
 676 }
 677
 678 / This is the only way to increase the height of a tree row unfortunately /
 679 xul|treechildren::-moz-tree-row {
 680   min-height: 2em;
 681 }
 682
 683 / Color needs to be set on tree cell in order to be applied /
 684 xul|treechildren::-moz-tree-cell-text {
 685   color: #333;
 686 }
 687
 688 xul|treechildren::-moz-tree-cell-text(selected) {
 689   color: #fff;
 690 }
 691 */
 692 /* Trees */
 693 /*
 694 xul|tree {
 695   -moz-appearance: none;
 696   font-size: 1em;
 697   border: 1px solid #c1c1c1;
 698   margin: 0;
 699 }
 700
 701 xul|tree:-moz-focusring,
 702 xul|richlistbox:-moz-focusring {
 703   border: 1px dotted #0095dd;
 704 }
 705
 706 xul|listheader,
 707 xul|treecols {
 708   -moz-appearance: none;
 709   border: none;
 710   border-bottom: 1px solid #c1c1c1;
 711   padding: 0;
 712 }
 713
 714 xul|treecol:not([hideheader="true"]),
 715 xul|treecolpicker {
 716   -moz-appearance: none;
 717   border: none;
 718   background-color: #ebebeb;
 719   color: #808080;
 720   padding: 5px 10px;
 721 }
 722
 723 xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover,
 724 xul|treecolpicker:hover {
 725   background-color: #dadada;
 726   color: #333;
 727 }
 728
 729 xul|treecol:not([hideheader="true"]):not(:first-child),
 730 xul|treecolpicker {
 731   -moz-border-start-width: 1px;
 732   -moz-border-start-style: solid;
 733   border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
 734 }
 735
 736 xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] {
 737   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 738   width: 18px;
 739   height: 18px;
 740 }
 741
 742 xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] {
 743   transform: scaleY(-1);
 744 }
 745 */
 746 /* === END common.inc.css === */
 747 /*
 748 xul|caption {
 749   background-color: transparent;
 750 }
 751
 752 xul|button,
 753 html|button,
 754 xul|colorpicker[type="button"],
 755 xul|menulist {
 756   margin: 2px 4px;
 757 }
 758
 759 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
 760   margin-top: 1px;
 761   margin-bottom: 1px;
 762 }
 763
 764 xul|checkbox {
 765   -moz-padding-start: 0;
 766 }
 767
 768 xul|radio {
 769   -moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
 770   -moz-padding-start: 0;
 771 }
 772
 773 xul|*.radio-icon,
 774 xul|*.checkbox-icon {
 775   -moz-margin-end: 0;
 776 }
 777 */
 778 .text-link:-moz-focusring,
 779 .inline-link:-moz-focusring {
 780   /* Don't specify the outline-color, we should always use initial value. */
 781   outline: 1px dotted;
 782 }