1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/linux/global/button.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,348 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +/* ===== button.css =====================================================
1.9 + == Styles used by the XUL button element.
1.10 + ======================================================================= */
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +
1.14 +/* :::::::::: button :::::::::: */
1.15 +
1.16 +button {
1.17 + -moz-appearance: button;
1.18 + margin: 1px 5px 2px 5px;
1.19 + min-width: 6.3em;
1.20 + border: 3px solid;
1.21 + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow;
1.22 + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow;
1.23 + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow;
1.24 + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow;
1.25 + background-color: ThreeDFace;
1.26 + color: ButtonText;
1.27 + text-shadow: none;
1.28 +}
1.29 +
1.30 +.button-box {
1.31 + -moz-appearance: button-focus;
1.32 + border: 1px solid transparent;
1.33 + padding-top: 1px;
1.34 + padding-bottom: 2px;
1.35 + -moz-padding-start: 3px;
1.36 + -moz-padding-end: 4px;
1.37 +}
1.38 +
1.39 +.button-icon {
1.40 + -moz-margin-end: 2px;
1.41 +}
1.42 +
1.43 +.button-text {
1.44 + margin: 0 !important;
1.45 + text-align: center;
1.46 +}
1.47 +
1.48 +/* .......... focused state .......... */
1.49 +
1.50 +button:focus {
1.51 + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
1.52 + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.53 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.54 + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
1.55 +}
1.56 +
1.57 +button:focus > .button-box {
1.58 + border: 1px dotted ThreeDDarkShadow;
1.59 +}
1.60 +
1.61 +/* .......... default state .......... */
1.62 +
1.63 +button[default="true"] {
1.64 + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
1.65 + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.66 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.67 + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
1.68 +}
1.69 +
1.70 +/* .......... hover state .......... */
1.71 +
1.72 +button:hover {
1.73 + color: -moz-buttonhovertext;
1.74 + background-color: -moz-buttonhoverface;
1.75 +}
1.76 +
1.77 +/* .......... active/open/checked state .......... */
1.78 +
1.79 +button:hover:active,
1.80 +button[open="true"],
1.81 +button[checked="true"] {
1.82 + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.83 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.84 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.85 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.86 + color: ButtonText;
1.87 +}
1.88 +
1.89 +button:hover:active > .button-box,
1.90 +button[open="true"] > .button-box,
1.91 +button[checked="true"] > .button-box {
1.92 + padding-top: 2px;
1.93 + padding-bottom: 1px;
1.94 + -moz-padding-start: 4px;
1.95 + -moz-padding-end: 3px;
1.96 +}
1.97 +
1.98 +/* .......... disabled state .......... */
1.99 +
1.100 +button[disabled="true"],
1.101 +button[disabled="true"]:hover:active {
1.102 + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
1.103 + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
1.104 + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
1.105 + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
1.106 + color: GrayText;
1.107 +}
1.108 +
1.109 +button[disabled="true"] > .button-box {
1.110 + padding-top: 1px !important;
1.111 + padding-bottom: 2px !important;
1.112 + -moz-padding-start: 3px !important;
1.113 + -moz-padding-end: 4px !important;
1.114 +}
1.115 +
1.116 +/* ::::: menu/menu-button buttons ::::: */
1.117 +
1.118 +button[type="menu-button"] {
1.119 + -moz-appearance: dualbutton;
1.120 +}
1.121 +
1.122 +.button-menubutton-button {
1.123 + margin: 0;
1.124 +}
1.125 +
1.126 +.button-menu-dropmarker,
1.127 +.button-menubutton-dropmarker {
1.128 + -moz-appearance: toolbarbutton-dropdown !important;
1.129 +}
1.130 +
1.131 +.button-menubutton-dropmarker {
1.132 + -moz-margin-end: 3px;
1.133 +}
1.134 +
1.135 +/* ::::: plain buttons ::::: */
1.136 +
1.137 +button.plain {
1.138 + border: 0px !important;
1.139 + margin: 0px !important;
1.140 + padding: 0px !important;
1.141 +}
1.142 +
1.143 +button[type="disclosure"] {
1.144 + border: 0px !important;
1.145 + margin: 0px !important;
1.146 + padding: 0px !important;
1.147 + -moz-appearance: none;
1.148 + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
1.149 + min-width: 0px !important;
1.150 + background-color: transparent;
1.151 +}
1.152 +
1.153 +button[type="disclosure"][open="true"] {
1.154 + list-style-image: url("chrome://global/skin/tree/twisty-open.png");
1.155 +}
1.156 +
1.157 +/*
1.158 + * GNOME Stock Icon Styles
1.159 + */
1.160 +
1.161 +button[icon="accept"] .button-icon {
1.162 + list-style-image: url("moz-icon://stock/gtk-ok?size=button");
1.163 +}
1.164 +
1.165 +button[icon="accept"][disabled="true"] .button-icon {
1.166 + list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled");
1.167 +}
1.168 +
1.169 +button[icon="cancel"] .button-icon {
1.170 + list-style-image: url("moz-icon://stock/gtk-cancel?size=button");
1.171 +}
1.172 +
1.173 +button[icon="cancel"][disabled="true"] .button-icon {
1.174 + list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled");
1.175 +}
1.176 +
1.177 +button[icon="help"] .button-icon {
1.178 + list-style-image: url("moz-icon://stock/gtk-help?size=button");
1.179 +}
1.180 +
1.181 +button[icon="help"][disabled="true"] .button-icon {
1.182 + list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled");
1.183 +}
1.184 +
1.185 +button[icon="open"] .button-icon {
1.186 + list-style-image: url("moz-icon://stock/gtk-open?size=button");
1.187 +}
1.188 +
1.189 +button[icon="open"][disabled="true"] .button-icon {
1.190 + list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled");
1.191 +}
1.192 +
1.193 +button[icon="save"] .button-icon {
1.194 + list-style-image: url("moz-icon://stock/gtk-save?size=button");
1.195 +}
1.196 +
1.197 +button[icon="save"][disabled="true"] .button-icon {
1.198 + list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled");
1.199 +}
1.200 +
1.201 +button[icon="find"] .button-icon {
1.202 + list-style-image: url("moz-icon://stock/gtk-find?size=button");
1.203 +}
1.204 +
1.205 +button[icon="find"][disabled="true"] .button-icon {
1.206 + list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled");
1.207 +}
1.208 +
1.209 +button[icon="clear"] .button-icon {
1.210 + list-style-image: url("moz-icon://stock/gtk-clear?size=button");
1.211 +}
1.212 +
1.213 +button[icon="clear"][disabled="true"] .button-icon {
1.214 + list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled");
1.215 +}
1.216 +
1.217 +button[icon="yes"] .button-icon {
1.218 + list-style-image: url("moz-icon://stock/gtk-yes?size=button");
1.219 +}
1.220 +
1.221 +button[icon="yes"][disabled="true"] .button-icon {
1.222 + list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled");
1.223 +}
1.224 +
1.225 +button[icon="no"] .button-icon {
1.226 + list-style-image: url("moz-icon://stock/gtk-no?size=button");
1.227 +}
1.228 +
1.229 +button[icon="no"][disabled="true"] .button-icon {
1.230 + list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled");
1.231 +}
1.232 +
1.233 +button[icon="apply"] .button-icon {
1.234 + list-style-image: url("moz-icon://stock/gtk-apply?size=button");
1.235 +}
1.236 +
1.237 +button[icon="apply"][disabled="true"] .button-icon {
1.238 + list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled");
1.239 +}
1.240 +
1.241 +button[icon="close"] .button-icon {
1.242 + list-style-image: url("moz-icon://stock/gtk-close?size=button");
1.243 +}
1.244 +
1.245 +button[icon="close"][disabled="true"] .button-icon {
1.246 + list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled");
1.247 +}
1.248 +
1.249 +button[icon="print"] .button-icon {
1.250 + list-style-image: url("moz-icon://stock/gtk-print?size=button");
1.251 +}
1.252 +
1.253 +button[icon="print"][disabled="true"] .button-icon {
1.254 + list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled");
1.255 +}
1.256 +
1.257 +button[icon="add"] .button-icon {
1.258 + list-style-image: url("moz-icon://stock/gtk-add?size=button");
1.259 +}
1.260 +
1.261 +button[icon="add"][disabled="true"] .button-icon {
1.262 + list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled");
1.263 +}
1.264 +
1.265 +button[icon="remove"] .button-icon {
1.266 + list-style-image: url("moz-icon://stock/gtk-remove?size=button");
1.267 +}
1.268 +
1.269 +button[icon="remove"][disabled="true"] .button-icon {
1.270 + list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled");
1.271 +}
1.272 +
1.273 +button[icon="refresh"] .button-icon {
1.274 + list-style-image: url("moz-icon://stock/gtk-refresh?size=button");
1.275 +}
1.276 +
1.277 +button[icon="refresh"][disabled="true"] .button-icon {
1.278 + list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled");
1.279 +}
1.280 +
1.281 +button[icon="revert"] .button-icon {
1.282 + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button");
1.283 +}
1.284 +
1.285 +button[icon="revert"][disabled="true"] .button-icon {
1.286 + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled");
1.287 +}
1.288 +
1.289 +button[icon="go-forward"] .button-icon {
1.290 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button");
1.291 +}
1.292 +
1.293 +button[icon="go-forward"][disabled="true"] .button-icon {
1.294 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled");
1.295 +}
1.296 +
1.297 +button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon {
1.298 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button");
1.299 +}
1.300 +
1.301 +button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
1.302 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled");
1.303 +}
1.304 +
1.305 +button[icon="go-back"] .button-icon {
1.306 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button");
1.307 +}
1.308 +
1.309 +button[icon="go-back"][disabled="true"] .button-icon {
1.310 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled");
1.311 +}
1.312 +
1.313 +button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon {
1.314 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button");
1.315 +}
1.316 +
1.317 +button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
1.318 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled");
1.319 +}
1.320 +
1.321 +button[icon="properties"] .button-icon {
1.322 + list-style-image: url("moz-icon://stock/gtk-properties?size=button");
1.323 +}
1.324 +
1.325 +button[icon="properties"][disabled="true"] .button-icon {
1.326 + list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled");
1.327 +}
1.328 +
1.329 +button[icon="select-font"] .button-icon {
1.330 + list-style-image: url("moz-icon://stock/gtk-select-font?size=button");
1.331 +}
1.332 +
1.333 +button[icon="select-font"][disabled="true"] .button-icon {
1.334 + list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled");
1.335 +}
1.336 +
1.337 +button[icon="select-color"] .button-icon {
1.338 + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button");
1.339 +}
1.340 +
1.341 +button[icon="select-color"][disabled="true"] .button-icon {
1.342 + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled");
1.343 +}
1.344 +
1.345 +button[icon="network"] .button-icon {
1.346 + list-style-image: url("moz-icon://stock/gtk-network?size=button");
1.347 +}
1.348 +
1.349 +button[icon="network"][disabled="true"] .button-icon {
1.350 + list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled");
1.351 +}
