EarlyBlue/global/checkbox.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 /* ===== checkbox.css ===================================================
   6   == Styles used by the XUL checkbox element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: checkbox ::::: */
  12
  13 checkbox {
  14   -moz-box-align: center;
  15   margin: 1px 2px;
  16   padding-top: 0;
  17   padding-bottom: 0;
  18   padding-inline-start: 2px;
  19   padding-inline-end: 0;
  20 }
  21
  22 .checkbox-label-box {
  23   border: 1px solid transparent;
  24 }
  25
  26 .checkbox-icon {
  27   margin-inline-end: 2px;
  28 }
  29
  30 .checkbox-label {
  31   margin: 0 !important;
  32 }
  33
  34 /* ..... focused state ..... */
  35
  36 checkbox:-moz-focusring > .checkbox-label-box {
  37   border: 1px dotted #9999CC;
  38 }
  39
  40 /* ..... disabled state ..... */
  41
  42 checkbox[disabled="true"] > .checkbox-check {
  43   background-color: #CCD0DD;
  44 }
  45
  46 checkbox[disabled="true"] > .checkbox-label-box {
  47   color: #999999;
  48 }
  49
  50 /* ::::: checkmark image ::::: */
  51
  52 .checkbox-check {
  53   border: 1px inset #CCD0DD;
  54   width: 1em;
  55   height: 1em;
  56   min-width: 12px;
  57   min-height: 12px;
  58   background: transparent 50% 50% no-repeat;
  59   margin-inline-end: 3px;
  60 }
  61
  62 checkbox:hover:active > .checkbox-check {
  63   background-color: #CCD0DD;
  64 }
  65
  66 /* ..... checked state ..... */
  67
  68 checkbox[checked="true"] > .checkbox-check {
  69   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
  70 }
  71
  72 checkbox[checked="true"][disabled="true"] > .checkbox-check {
  73   background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
  74 }