LCARStrek/global/toolbarbutton.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 /* ===== toolbarbutton.css =====================================================
   6   == Styles used by the XUL button element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: toolbarbutton ::::: */
  12
  13 toolbarbutton {
  14   border-radius: 3px;
  15   -moz-box-align: center;
  16   -moz-box-pack: center;
  17   margin: 0px;
  18   -moz-margin-start: 2px;
  19   border: none;
  20   padding: 1px 2px;
  21   background-color: #000000;
  22   color: #FFCF00;
  23 }
  24
  25 .toolbarbutton-icon[label]:not([label=""]),
  26 .toolbarbutton-icon[type="menu"] {
  27   -moz-margin-start: 1px;
  28   -moz-margin-end: 2px;
  29 }
  30
  31 .toolbarbutton-text {
  32   margin: 0px !important;
  33   padding: 0px;
  34   text-align: center;
  35 }
  36
  37 toolbarbutton.tabbable {
  38   -moz-user-focus: normal !important;
  39 }
  40
  41 toolbarbutton:-moz-focusring {
  42   -moz-outline-radius: 3px;
  43   outline: 1px dotted #008484;
  44   outline-offset: -1px;
  45 }
  46
  47 toolbarbutton:hover {
  48   background-color: #FFCF00;
  49   color: #000000;
  50 }
  51
  52 toolbarbutton:hover:active,
  53 toolbarbutton[open="true"],
  54 toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
  55   background-color: #FF9F00;
  56   color: #000000;
  57 }
  58
  59 toolbarbutton:hover:active,
  60 toolbarbutton[open="true"] {
  61   padding-top: 2px;
  62   padding-bottom: 0px;
  63   -moz-padding-start: 3px;
  64   -moz-padding-end: 1px;
  65 }
  66
  67 toolbarbutton[disabled="true"],
  68 toolbarbutton[disabled="true"]:hover,
  69 toolbarbutton[disabled="true"]:hover:active,
  70 toolbarbutton[disabled="true"][open="true"],
  71 toolbarbutton[disabled="true"][checked="true"] {
  72   padding: 1px 2px;
  73   background-color: #000000;
  74   color: #8050B0;
  75 }
  76
  77 toolbarbutton:-moz-lwtheme {
  78   text-shadow: none;
  79 }
  80
  81
  82 /* ..... checked state ..... */
  83
  84 toolbarbutton[checked="true"] {
  85   padding-top: 2px !important;
  86   padding-bottom: 0px !important;
  87   -moz-padding-start: 3px !important;
  88   -moz-padding-end: 1px !important;
  89   background-color: #008484;
  90   color: #FFCF00;
  91 }
  92
  93 toolbarbutton[checked="true"]:hover,
  94 toolbarbutton[checked="true"]:hover:active {
  95   background-color: #FFCF00;
  96   color: #000000;
  97 }
  98
  99 /* ::::: toolbarbutton menu ::::: */
 100
 101 .toolbarbutton-menu-dropmarker {
 102   padding: 0px;
 103   border: none !important;
 104   background-color: transparent !important;
 105 }
 106
 107 /* ::::: toolbarbutton menu-button ::::: */
 108
 109 toolbarbutton[type="menu-button"] {
 110   -moz-box-align: stretch;
 111 }
 112
 113 toolbarbutton[type="menu-button"],
 114 toolbarbutton[type="menu-button"]:hover,
 115 toolbarbutton[type="menu-button"]:hover:active,
 116 toolbarbutton[type="menu-button"][open="true"],
 117 toolbarbutton[type="menu-button"][disabled="true"],
 118 toolbarbutton[type="menu-button"][disabled="true"]:hover,
 119 toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
 120   padding: 0px !important;
 121 }
 122
 123 .toolbarbutton-menubutton-button {
 124   margin: 0px;
 125   -moz-box-align: center;
 126   -moz-box-pack: center;
 127   -moz-box-orient: vertical;
 128 }
 129
 130 .toolbarbutton-menubutton-button,
 131 .toolbarbutton-menubutton-dropmarker {
 132   background-color: #000000;
 133 }
 134
 135 .toolbarbutton-menubutton-button[disabled="true"],
 136 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 137   background-color: #000000 !important;
 138   color: #8050B0 !important;
 139 }
 140
 141 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
 142 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
 143   background-color: #FFCF00;
 144   color: #000000;
 145 }
 146
 147 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
 148 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 149 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
 150 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 151   background-color: #FF9F00;
 152   color: #000000;
 153 }
 154
 155 toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
 156 toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
 157   padding-top: 2px !important;
 158   padding-bottom: 0px !important;
 159   -moz-padding-start: 3px !important;
 160   -moz-padding-end: 1px !important;
 161 }
 162
 163 toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
 164 toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
 165   padding: 1px 2px !important;
 166 }
 167
 168 /* .......... dropmarker .......... */
 169
 170 .toolbarbutton-menubutton-dropmarker {
 171   border-radius: 3px;
 172   -moz-box-align: start;
 173   padding: 3px 1px 1px;
 174   border: none;
 175   background-color: transparent;
 176 }
 177
 178 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 179 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 180   padding-top: 4px;
 181   padding-bottom: 0px;
 182   -moz-padding-start: 2px;
 183   -moz-padding-end: 0px;
 184 }
 185
 186 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
 187 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
 188 toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
 189 toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
 190 toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
 191 toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
 192   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 193  -moz-image-region: auto;
 194 }
 195
 196
 197 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 198   padding: 3px 1px 1px !important;
 199   border: none !important;
 200 }