EarlyBlue/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: #CCD0DD;
  16   color: #000000;
  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: #000000;
  30   margin: 0;
  31   margin-bottom: .5em;
  32 }
  33
  34 html|hr {
  35   border-style: solid none none none;
  36   border-color: #666699;
  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: 0px;
 132   border: 1px outset #CCD0DD;
 133   background-color: #CCD0DD;
 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 }
 162
 163 html|button:enabled:hover:active,
 164 xul|button:not([disabled="true"]):hover:active,
 165 xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
 166 xul|menulist[open="true"]:not([disabled="true"]) {
 167   border: 1px inset #CCD0DD;
 168 }
 169
 170 html|button:disabled,
 171 xul|button[disabled="true"],
 172 xul|colorpicker[type="button"][disabled="true"],
 173 xul|menulist[disabled="true"] {
 174   cursor: not-allowed;
 175   border: 1px outset #CCD0DD;
 176   color: #999999;
 177 }
 178 /*
 179 *|button.primary {
 180   background-color: #0095dd;
 181   border-color: transparent;
 182   color: #fff;
 183 }
 184
 185 html|button.primary:enabled:hover,
 186 xul|button.primary:not([disabled="true"]):hover {
 187   background-color: #008acb;
 188 }
 189
 190 html|button.primary:enabled:hover:active,
 191 xul|button.primary:not([disabled="true"]):hover:active {
 192   background-color: #006b9d;
 193 }
 194
 195 xul|colorpicker[type="button"] {
 196   padding: 6px;
 197   width: 50px;
 198 }
 199
 200 xul|button > xul|*.button-box,
 201 xul|menulist > xul|*.menulist-label-box {
 202   padding-right: 10px !important;
 203   padding-left: 10px !important;
 204 }
 205
 206 xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] {
 207   -moz-margin-end: 5px;
 208 }
 209
 210 xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
 211   -moz-appearance: none;
 212   margin: 1px 0;
 213   -moz-margin-start: 10px;
 214   padding: 0;
 215   width: 10px;
 216   height: 16px;
 217   border: none;
 218   background-color: transparent;
 219   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 220 }
 221
 222 xul|*.help-button {
 223   min-width: 30px;
 224   border-radius: 2px;
 225   border-width: 0;
 226   background-color: #ffcb00;
 227   background-image: none;
 228   box-shadow: none;
 229   list-style-image: url("chrome://global/skin/in-content/help-glyph.svg");
 230 }
 231
 232 xul|*.help-button:not([disabled="true"]):hover {
 233   background-color: #f4c200;
 234   background-image: none;
 235 }
 236
 237 xul|*.help-button:not([disabled="true"]):hover:active {
 238   background-color: #eaba00;
 239   background-image: none;
 240 }
 241
 242 xul|*.close-icon > xul|*.button-box,
 243 xul|*.help-button > xul|*.button-box {
 244   padding-top: 0;
 245   padding-bottom: 0;
 246   padding-right: 0 !important;
 247   padding-left: 0 !important;
 248 }
 249
 250 xul|*.help-button > xul|*.button-box > xul|*.button-icon {
 251   width: 18px;
 252   height: 18px;
 253 }
 254
 255 xul|*.help-button > xul|*.button-box > xul|*.button-text {
 256   display: none;
 257 }
 258
 259 xul|*.spinbuttons-button {
 260   -moz-margin-start: 10px !important;
 261   -moz-margin-end: 2px !important;
 262 }
 263
 264 xul|*.spinbuttons-up {
 265   margin-top: 2px !important;
 266   border-radius: 1px 1px 0 0;
 267 }
 268
 269 xul|*.spinbuttons-down  {
 270   margin-bottom: 2px !important;
 271   border-radius: 0 0 1px 1px;
 272 }
 273
 274 xul|*.spinbuttons-button > xul|*.button-box {
 275   padding: 1px 5px 2px !important;
 276 }
 277
 278 xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon {
 279   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 280 }
 281
 282 xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
 283   list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
 284 }
 285
 286 xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
 287   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 288 }
 289
 290 xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
 291   list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
 292 }
 293
 294 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
 295   -moz-appearance: none;
 296   -moz-margin-end: 4px;
 297   padding: 0;
 298   border: none;
 299   background-color: transparent;
 300   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 301 }
 302
 303 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker > xul|*.dropmarker-icon {
 304   width: 18px;
 305   height: 18px;
 306 }
 307
 308 xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker {
 309   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown-disabled")
 310 }
 311
 312 xul|menulist > xul|menupopup,
 313 xul|button[type="menu"] > xul|menupopup {
 314   -moz-appearance: none;
 315   border: 1px solid #c1c1c1;
 316   border-radius: 2px;
 317   background-color: #fff;
 318 }
 319
 320 xul|menulist > xul|menupopup xul|menu,
 321 xul|menulist > xul|menupopup xul|menuitem,
 322 xul|button[type="menu"] > xul|menupopup xul|menu,
 323 xul|button[type="menu"] > xul|menupopup xul|menuitem {
 324   -moz-appearance: none;
 325   font-size: 1rem;
 326   color: #333;
 327   padding-top: 0.2em;
 328   padding-bottom: 0.2em;
 329   -moz-padding-start: 10px;
 330   -moz-padding-end: 30px;
 331 }
 332
 333 xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
 334 xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"],
 335 xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
 336 xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] {
 337   color: #333;
 338   background-color: rgba(0,149,221,0.25);
 339 }
 340
 341 xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
 342 xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"],
 343 xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
 344 xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] {
 345   color: #fff;
 346   background-color: #0095dd;
 347 }
 348
 349 xul|menulist > xul|menupopup > xul|menu[disabled="true"],
 350 xul|menulist > xul|menupopup > xul|menuitem[disabled="true"],
 351 xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"],
 352 xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] {
 353   color: #999;
 354   / override the [_moz-menuactive="true"] background color from
 355      global/menu.css /
 356   background-color: transparent;
 357 }
 358
 359 xul|menulist > xul|menupopup xul|menuseparator,
 360 xul|button[type="menu"] > xul|menupopup xul|menuseparator {
 361   -moz-appearance: none;
 362   margin: 0;
 363   padding: 0;
 364   border-top: 1px solid #c1c1c1;
 365   border-bottom: none;
 366 }
 367 */
 368 /* textboxes */
 369 /*
 370 *|textbox {
 371   -moz-appearance: none;
 372   height: 30px;
 373   color: #333;
 374   line-height: 20px;
 375   padding-right: 10px;
 376   padding-left: 10px;
 377   border: 1px solid #c1c1c1;
 378   -moz-border-top-colors: none !important;
 379   -moz-border-right-colors: none !important;
 380   -moz-border-bottom-colors: none !important;
 381   -moz-border-left-colors: none !important;
 382   border-radius: 2px;
 383   background-color: #fff;
 384 }
 385
 386 html|textbox:focus,
 387 xul|textbox[focused] {
 388   border-color: #0095dd;
 389 }
 390
 391 html|textbox:disabled,
 392 xul|textbox[disabled="true"] {
 393   opacity: 0.5;
 394 }
 395 */
 396 /* Links */
 397 /*
 398 html|a,
 399 .text-link,
 400 .inline-link {
 401   color: #0095dd;
 402   text-decoration: none;
 403 }
 404
 405 html|a:visited {
 406   color: #551a8b;
 407 }
 408
 409 html|a:hover,
 410 .text-link:hover,
 411 .inline-link:hover {
 412   color: #4cb1ff;
 413   text-decoration: none;
 414 }
 415
 416 html|a:hover:active,
 417 .text-link:hover:active,
 418 .inline-link:hover:active {
 419   color: #ff9500;
 420   text-decoration: none;
 421 }
 422 */
 423 /* Checkboxes and radio buttons */
 424 /*
 425 / Hide the actual checkbox /
 426 html|input[type="checkbox"] {
 427   opacity: 0;
 428   position: absolute;
 429 }
 430
 431 / Create a box to style as the checkbox /
 432 html|input[type="checkbox"] + html|label:before {
 433   display: inline-block;
 434   content: "";
 435   vertical-align: middle;
 436 }
 437
 438 html|input[type="checkbox"] + html|label {
 439   line-height: 0px;
 440 }
 441
 442 xul|checkbox {
 443   -moz-margin-start: 0;
 444 }
 445
 446 xul|*.checkbox-check,
 447 html|input[type="checkbox"] + html|label:before {
 448   -moz-appearance: none;
 449   width: 23px;
 450   height: 23px;
 451   border-radius: 2px;
 452   border: 1px solid #c1c1c1;
 453   -moz-margin-end: 10px;
 454   background-color: #f1f1f1;
 455   / !important needed to override toolkit checked !important rule /
 456   background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
 457   background-position: center center;
 458   background-repeat: no-repeat;
 459   box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
 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: #0095dd;
 465 }
 466
 467 xul|*.checkbox-check[checked] {
 468   background-image: url("chrome://global/skin/in-content/check.png"),
 469                     / * !important needed to override toolkit !important rule * /
 470                     linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
 471 }
 472
 473 html|input[type="checkbox"]:checked + html|label:before {
 474   background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
 475 }
 476
 477 xul|checkbox[disabled="true"] > xul|*.checkbox-check,
 478 html|input[type="checkbox"]:disabled + html|label {
 479   opacity: 0.5;
 480 }
 481
 482 xul|*.checkbox-label-box {
 483   -moz-margin-start: -1px; / * negative margin for the transparent border * /
 484   -moz-padding-start: 0;
 485 }
 486
 487 xul|richlistitem > xul|*.checkbox-check {
 488   margin: 3px 6px;
 489 }
 490
 491 xul|radio {
 492   -moz-margin-start: 0;
 493 }
 494
 495 xul|*.radio-check {
 496   -moz-appearance: none;
 497   width: 23px;
 498   height: 23px;
 499   border: 1px solid #c1c1c1;
 500   border-radius: 50%;
 501   -moz-margin-end: 10px;
 502   background-color: #f1f1f1;
 503   background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
 504   box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
 505 }
 506
 507 xul|radio:not([disabled="true"]):hover > xul|*.radio-check {
 508   border-color: #0095dd;
 509 }
 510
 511 xul|*.radio-check[selected] {
 512   list-style-image: url("chrome://global/skin/in-content/radio.svg#radio");
 513 }
 514
 515 xul|radio[disabled="true"] > xul|*.radio-check {
 516   opacity: 0.5;
 517 }
 518
 519 xul|*.radio-label-box {
 520   -moz-margin-start: -1px; / * negative margin for the transparent border *  /
 521   -moz-margin-end: 10px;
 522   -moz-padding-start: 0;
 523 }
 524 */
 525 /* Category List */
 526
 527 xul|*#categories {
 528   -moz-appearance: none;
 529   background-color: #666699;
 530   padding-top: 39px;
 531   margin: 0;
 532   border-width: 0;
 533 }
 534
 535 xul|*.category {
 536   -moz-appearance: none;
 537   color: #000000;
 538   -moz-border-end-width: 0;
 539   -moz-padding-start: 15px;
 540   -moz-padding-end: 21px;
 541   min-height: 40px;
 542   transition: background-color 150ms;
 543 }
 544
 545 xul|*.category:hover {
 546   background-color: #CCD0DD;
 547 }
 548
 549 xul|*.category[selected] {
 550   background-color: #336699;
 551   color: #FFFFFF;
 552   -moz-padding-start: 11px; /* compensate the 4px border */
 553   -moz-border-start: solid 4px #33FF33;
 554 }
 555
 556 xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] {
 557   border-top: 1px #ffffff dotted;
 558   border-bottom: 1px #ffffff dotted;
 559 }
 560
 561 *|*.category-name {
 562   line-height: 22px;
 563   font-size: 1.25rem;
 564   padding-bottom: 2px;
 565   -moz-padding-start: 9px;
 566   margin: 0;
 567   -moz-user-select: none;
 568 }
 569
 570 *|*.category-icon {
 571   width: 24px;
 572   height: 24px;
 573 }
 574
 575 /* header */
 576 /*
 577 *|*.header {
 578   -moz-margin-end: 4px; / add the 4px end-margin of other elements /
 579   border-bottom: 1px solid #c8c8c8;
 580   margin-bottom: 15px;
 581   padding-bottom: 15px;
 582 }
 583
 584 *|*.header-name {
 585   font-size: 2.5rem;
 586   font-weight: normal;
 587   line-height: 40px;
 588   margin: 0;
 589   -moz-user-select: none;
 590 }
 591 */
 592 /* File fields */
 593 /*
 594 xul|filefield {
 595   -moz-appearance: none;
 596   background-color: transparent;
 597   border: none;
 598   padding: 0;
 599 }
 600
 601 xul|*.fileFieldContentBox {
 602   background-color: transparent;
 603 }
 604
 605 xul|*.fileFieldIcon {
 606   -moz-margin-start: 10px;
 607   -moz-margin-end: 0;
 608 }
 609
 610 xul|*.fileFieldLabel {
 611   -moz-margin-start: -26px;
 612   -moz-padding-start: 36px;
 613 }
 614
 615 xul|textbox:-moz-locale-dir(rtl),
 616 xul|*.fileFieldLabel:-moz-locale-dir(rtl),
 617 xul|textbox + xul|button:-moz-locale-dir(ltr),
 618 xul|filefield + xul|button:-moz-locale-dir(ltr) {
 619   border-top-left-radius: 0;
 620   border-bottom-left-radius: 0;
 621 }
 622
 623 xul|textbox:-moz-locale-dir(ltr),
 624 xul|*.fileFieldLabel:-moz-locale-dir(ltr),
 625 xul|textbox + xul|button:-moz-locale-dir(rtl),
 626 xul|filefield + xul|button:-moz-locale-dir(rtl) {
 627   border-top-right-radius: 0;
 628   border-bottom-right-radius: 0;
 629 }
 630
 631 xul|textbox + xul|button,
 632 xul|filefield + xul|button {
 633   -moz-border-start: none;
 634 }
 635 */
 636 /* List boxes */
 637 /*
 638 xul|richlistbox,
 639 xul|listbox {
 640   -moz-appearance: none;
 641   -moz-margin-start: 0;
 642   background-color: #fff;
 643   border: 1px solid #c1c1c1;
 644   color: #333;
 645 }
 646
 647 xul|treechildren::-moz-tree-row,
 648 xul|listbox xul|listitem {
 649   padding: 0.3em;
 650   margin: 0;
 651   border: none;
 652   border-radius: 0;
 653   background-image: none;
 654 }
 655
 656 xul|treechildren::-moz-tree-row(hover),
 657 xul|listbox xul|listitem:hover {
 658   background-color: rgba(0,149,221,0.25);
 659 }
 660
 661 xul|treechildren::-moz-tree-row(selected),
 662 xul|listbox xul|listitem[selected="true"] {
 663   background-color: #0095dd;
 664   color: #fff;
 665 }
 666 */
 667 /* Trees */
 668 /*
 669 xul|tree {
 670   -moz-appearance: none;
 671   font-size: 1em;
 672   border: 1px solid #c1c1c1;
 673 }
 674
 675 xul|tree:-moz-focusring,
 676 xul|richlistbox:-moz-focusring {
 677   border: 1px dotted #0095dd;
 678 }
 679
 680 xul|listheader,
 681 xul|treecols {
 682   -moz-appearance: none;
 683   border: none;
 684   border-bottom: 1px solid #c1c1c1;
 685   padding: 0;
 686 }
 687
 688 xul|treecol:not([hideheader="true"]),
 689 xul|treecolpicker {
 690   -moz-appearance: none;
 691   border: none;
 692   background-color: #ebebeb;
 693   color: #808080;
 694   padding: 5px 10px;
 695 }
 696
 697 xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover,
 698 xul|treecolpicker:hover {
 699   background-color: #dadada;
 700   color: #333;
 701 }
 702
 703 xul|treecol:not([hideheader="true"]):not(:first-child),
 704 xul|treecolpicker {
 705   -moz-border-start-width: 1px;
 706   -moz-border-start-style: solid;
 707   border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
 708 }
 709
 710 xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] {
 711   list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
 712   width: 18px;
 713   height: 18px;
 714 }
 715
 716 xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] {
 717   transform: scaleY(-1);
 718 }
 719
 720 / This is the only way to increase the height of a tree row unfortunately /
 721 xul|treechildren::-moz-tree-row {
 722   min-height: 2em;
 723 }
 724
 725 / Color needs to be set on tree cell in order to be applied /
 726 xul|treechildren::-moz-tree-cell-text {
 727   color: #333;
 728 }
 729
 730 xul|treechildren::-moz-tree-cell-text(selected) {
 731   color: #fff;
 732 }
 733 */
 734 /* === END common.inc.css === */
 735 /*
 736 xul|caption {
 737   background-color: transparent;
 738 }
 739
 740 xul|button,
 741 html|button,
 742 xul|colorpicker[type="button"],
 743 xul|menulist {
 744   margin: 2px 4px;
 745 }
 746
 747 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
 748   margin-top: 1px;
 749   margin-bottom: 1px;
 750 }
 751
 752 xul|checkbox {
 753   -moz-padding-start: 0;
 754 }
 755
 756 xul|radio {
 757   -moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
 758   -moz-padding-start: 0;
 759 }
 760
 761 xul|*.radio-icon,
 762 xul|*.checkbox-icon {
 763   -moz-margin-end: 0;
 764 }
 765
 766 .text-link:-moz-focusring,
 767 .inline-link:-moz-focusring {
 768   border: 1px dotted -moz-DialogText;
 769 }
 770 */