EarlyBlue/global/button.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 /* ===== button.css =====================================================
   6   == Styles used by the XUL (and XHTML in netError.xhtml) button element.
   7   ======================================================================= */
   8
   9 /* :::::::::: button :::::::::: */
  10
  11 button {
  12   margin: 2px 3px;
  13   min-width: 6.3em;
  14   border: 1px outset #CCD0DD;
  15   background-color: #CCD0DD;
  16   color: #000000;
  17   text-shadow: none;
  18 }
  19
  20 .button-box {
  21   border: 1px solid transparent;
  22   padding-top: 0;
  23   padding-bottom: 1px;
  24   -moz-padding-start: 2px;
  25   -moz-padding-end: 3px;
  26 }
  27
  28 .button-icon {
  29   -moz-margin-end: 2px;
  30 }
  31
  32 .button-text {
  33   margin: 0px !important;
  34   text-align: center;
  35 }
  36
  37 /* .......... focused state .......... */
  38
  39 button:-moz-focusring > .button-box {
  40   border: 1px dotted #9999CC;
  41 }
  42
  43 /* .......... default state .......... */
  44
  45 button[default="true"] > .button-box {
  46   font-weight: bold;
  47   list-style-image: url("chrome://global/skin/icons/return.gif");
  48   -moz-box-direction: reverse;
  49 }
  50
  51 button[default="true"] > .button-box > .button-icon {
  52   -moz-margin-end: 0px;
  53   -moz-margin-start: 2px;
  54 }
  55
  56 button[default="true"][disabled="true"] > .button-box {
  57   font-weight: bold;
  58   list-style-image: url("chrome://global/skin/icons/return-disabled.gif");
  59 }
  60
  61 /* .......... active/open/checked state .......... */
  62
  63 button:hover:active,
  64 button[open="true"],
  65 button[checked="true"] {
  66   border: 1px inset #CCD0DD;
  67 }
  68
  69 button:hover:active > .button-box,
  70 button[open="true"] > .button-box,
  71 button[checked="true"] > .button-box {
  72   padding-top: 1px;
  73   padding-bottom: 0px;
  74   -moz-padding-start: 3px;
  75   -moz-padding-end: 2px;
  76 }
  77
  78 /* .......... disabled state .......... */
  79
  80 button[disabled="true"],
  81 button[disabled="true"]:hover:active {
  82   border: 1px outset #CCD0DD;
  83   color: #999999;
  84 }
  85
  86 button[disabled="true"] > .button-box {
  87   padding-top: 0 !important;
  88   padding-bottom: 1px !important;
  89   -moz-padding-start: 2px !important;
  90   -moz-padding-end: 3px !important;
  91 }
  92
  93 /* ::::: menu/menu-button buttons ::::: */
  94
  95 .button-menubutton-button,
  96 .button-menubutton-button:hover:active,
  97 .button-menubutton-button[open="true"],
  98 .button-menubutton-button[disabled="true"] {
  99   margin: 0px;
 100   background-color: transparent;
 101   border: none;
 102 }
 103
 104 button[type="menu-button"]:hover:active > .button-menubutton-button > .button-box,
 105 button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box {
 106   padding-top: 1px;
 107   padding-bottom: 0px;
 108   -moz-padding-start: 3px;
 109   -moz-padding-end: 2px;
 110 }
 111
 112 .button-menu-dropmarker,
 113 .button-menubutton-dropmarker {
 114   margin: 1px;
 115   width: 11px;
 116   height: 11px;
 117   background-color: transparent;
 118   border: none;
 119 }
 120
 121 .button-menubutton-dropmarker[open="true"] {
 122   margin-top: 2px;
 123   margin-bottom: 0;
 124   -moz-margin-start: 2px;
 125   -moz-margin-end: 0;
 126 }
 127
 128 /* ::::: plain buttons ::::: */
 129
 130 button.plain {
 131   border: 0px !important;
 132   margin: 0px !important;
 133   padding: 0px !important;
 134 }
 135
 136 button[type="disclosure"] {
 137   border: 0px !important;
 138   margin: 0px !important;
 139   padding: 0px !important;
 140   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 141   min-width: 0px !important;
 142   background-color: transparent;
 143 }
 144
 145 button[type="disclosure"][open="true"] {
 146   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 147 }
 148
 149 /* ::::: xhtml buttons ::::: */
 150
 151 button::-moz-focus-inner {
 152   padding: 0px;
 153   border: 0px none;
 154 }