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[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-button,
 136 toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-dropmarker {
 137   background-color: #008484;
 138   color: #FFCF00;
 139 }
 140
 141 .toolbarbutton-menubutton-button[disabled="true"],
 142 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 143   background-color: #000000 !important;
 144   color: #8050B0 !important;
 145 }
 146
 147 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
 148 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
 149 toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-button,
 150 toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-dropmarker {
 151   background-color: #FFCF00;
 152   color: #000000;
 153 }
 154
 155 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
 156 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 157 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
 158 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
 159 toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-button,
 160 toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-dropmarker {
 161   background-color: #FF9F00;
 162   color: #000000;
 163 }
 164
 165 toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
 166 toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
 167   padding-top: 2px !important;
 168   padding-bottom: 0px !important;
 169   -moz-padding-start: 3px !important;
 170   -moz-padding-end: 1px !important;
 171 }
 172
 173 toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
 174 toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
 175   padding: 1px 2px !important;
 176 }
 177
 178 /* .......... dropmarker .......... */
 179
 180 .toolbarbutton-menubutton-dropmarker {
 181   border-radius: 3px;
 182   -moz-box-align: start;
 183   padding: 3px 1px 1px;
 184   border: none;
 185   background-color: transparent;
 186 }
 187
 188 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 189 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 190   padding-top: 4px;
 191   padding-bottom: 0px;
 192   -moz-padding-start: 2px;
 193   -moz-padding-end: 0px;
 194 }
 195
 196 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
 197 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
 198 toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
 199 toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
 200 toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
 201 toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
 202   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 203  -moz-image-region: auto;
 204 }
 205
 206
 207 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 208   padding: 3px 1px 1px !important;
 209   border: none !important;
 210 }