1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/windows/global/button.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,148 @@
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 + border: 1px solid transparent;
1.32 + padding-top: 1px;
1.33 + padding-bottom: 2px;
1.34 + -moz-padding-start: 3px;
1.35 + -moz-padding-end: 4px;
1.36 +}
1.37 +
1.38 +.button-text {
1.39 + margin: 0 !important;
1.40 + text-align: center;
1.41 +}
1.42 +
1.43 +/* .......... focused state .......... */
1.44 +
1.45 +button:focus {
1.46 + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
1.47 + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.48 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.49 + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
1.50 +}
1.51 +
1.52 +button:-moz-focusring > .button-box {
1.53 + border: 1px dotted ThreeDDarkShadow;
1.54 +}
1.55 +
1.56 +/* .......... default state .......... */
1.57 +
1.58 +button[default="true"] {
1.59 + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
1.60 + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.61 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
1.62 + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
1.63 +}
1.64 +
1.65 +/* .......... active/open/checked state .......... */
1.66 +
1.67 +button:hover:active,
1.68 +button[open="true"],
1.69 +button[checked="true"] {
1.70 + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.71 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.72 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.73 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
1.74 +}
1.75 +
1.76 +button:hover:active > .button-box:-moz-system-metric(windows-classic),
1.77 +button[open="true"] > .button-box:-moz-system-metric(windows-classic),
1.78 +button[checked="true"] > .button-box:-moz-system-metric(windows-classic) {
1.79 + padding-top: 2px;
1.80 + padding-bottom: 1px;
1.81 + -moz-padding-start: 4px;
1.82 + -moz-padding-end: 3px;
1.83 +}
1.84 +
1.85 +/* .......... disabled state .......... */
1.86 +
1.87 +button[disabled="true"] {
1.88 + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
1.89 + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
1.90 + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
1.91 + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
1.92 + color: GrayText;
1.93 +}
1.94 +
1.95 +button[disabled="true"]:-moz-system-metric(windows-classic) {
1.96 + color: ThreeDShadow;
1.97 + text-shadow: 1px 1px ThreeDHighlight;
1.98 +}
1.99 +
1.100 +button[disabled="true"] > .button-box {
1.101 + padding-top: 1px !important;
1.102 + padding-bottom: 2px !important;
1.103 + -moz-padding-start: 3px !important;
1.104 + -moz-padding-end: 4px !important;
1.105 +}
1.106 +
1.107 +/* ::::: menu/menu-button buttons ::::: */
1.108 +
1.109 +button[type="menu-button"] {
1.110 + margin: 0;
1.111 + border: none;
1.112 +}
1.113 +
1.114 +.button-menu-dropmarker,
1.115 +.button-menubutton-dropmarker {
1.116 + -moz-appearance: none !important;
1.117 + margin: 1px;
1.118 + background-color: transparent;
1.119 + border: none;
1.120 + width: 11px;
1.121 + height: 11px;
1.122 +}
1.123 +
1.124 +.button-menubutton-dropmarker[open="true"] {
1.125 + margin-top: 2px;
1.126 + margin-bottom: 0px;
1.127 + -moz-margin-start: 2px;
1.128 + -moz-margin-end: 0px;
1.129 +}
1.130 +
1.131 +/* ::::: plain buttons ::::: */
1.132 +
1.133 +button.plain {
1.134 + border: 0px !important;
1.135 + margin: 0px !important;
1.136 + padding: 0px !important;
1.137 +}
1.138 +
1.139 +button[type="disclosure"] {
1.140 + border: 0px !important;
1.141 + margin: 0px !important;
1.142 + padding: 0px !important;
1.143 + -moz-appearance: none;
1.144 + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
1.145 + min-width: 0px !important;
1.146 + background-color: transparent;
1.147 +}
1.148 +
1.149 +button[type="disclosure"][open="true"] {
1.150 + list-style-image: url("chrome://global/skin/tree/twisty-open.png");
1.151 +}
