1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/b2g/chrome/content/content.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,305 @@
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 +@namespace url("http://www.w3.org/1999/xhtml");
1.9 +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.10 +
1.11 +/* Style the scrollbars */
1.12 +xul|window xul|scrollbar {
1.13 + display: none;
1.14 +}
1.15 +
1.16 +html xul|scrollbar[root="true"] {
1.17 + position: relative;
1.18 + z-index: 2147483647;
1.19 +}
1.20 +
1.21 +html xul|scrollbar {
1.22 + -moz-appearance: none !important;
1.23 + background-color: transparent !important;
1.24 + background-image: none !important;
1.25 + border: 0px solid transparent !important;
1.26 + pointer-events: none;
1.27 + opacity: 1;
1.28 +}
1.29 +
1.30 +xul|scrollbar[orient="vertical"] {
1.31 + -moz-margin-start: -8px;
1.32 + min-width: 8px;
1.33 + max-width: 8px;
1.34 +}
1.35 +
1.36 +xul|scrollbar[orient="vertical"] xul|thumb {
1.37 + max-width: 6px !important;
1.38 + min-width: 6px !important;
1.39 +}
1.40 +
1.41 +xul|scrollbar[orient="horizontal"] {
1.42 + margin-top: -8px;
1.43 + min-height: 8px;
1.44 + max-height: 8px;
1.45 +}
1.46 +
1.47 +xul|scrollbar[orient="horizontal"] xul|thumb {
1.48 + max-height: 6px !important;
1.49 + min-height: 6px !important;
1.50 +}
1.51 +
1.52 +xul|scrollbar:not([active="true"]),
1.53 +xul|scrollbar[disabled] {
1.54 + opacity: 0;
1.55 + transition: opacity 1s ease;
1.56 +}
1.57 +
1.58 +xul|scrollbarbutton {
1.59 + min-height: 8px !important;
1.60 + min-width: 8px !important;
1.61 + -moz-appearance: none !important;
1.62 + visibility: hidden;
1.63 +}
1.64 +
1.65 +xul|scrollbarbutton[sbattr="scrollbar-up-top"],
1.66 +xul|scrollbarbutton[sbattr="scrollbar-bottom-top"] {
1.67 + display: none;
1.68 +}
1.69 +
1.70 +xul|thumb {
1.71 + background-color: rgba(0, 0, 0, 0.4) !important;
1.72 + -moz-border-top-colors: none !important;
1.73 + -moz-border-bottom-colors: none !important;
1.74 + -moz-border-right-colors: none !important;
1.75 + -moz-border-left-colors: none !important;
1.76 + border: 1px solid rgba(255, 255, 255, 0.4) !important;
1.77 + border-radius: 3px;
1.78 +}
1.79 +
1.80 +xul|scrollbarbutton {
1.81 + background-image: none !important;
1.82 +}
1.83 +
1.84 +/* -moz-touch-enabled? media elements */
1.85 +:-moz-any(video, audio) > xul|videocontrols {
1.86 + -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#touchControls");
1.87 +}
1.88 +
1.89 +select:not([size]):not([multiple]) > xul|scrollbar,
1.90 +select[size="1"] > xul|scrollbar,
1.91 +select:not([size]):not([multiple]) xul|scrollbarbutton,
1.92 +select[size="1"] xul|scrollbarbutton {
1.93 + display: block;
1.94 + margin-left: 0;
1.95 + min-width: 16px;
1.96 +}
1.97 +
1.98 +/* Override inverse OS themes */
1.99 +select,
1.100 +textarea,
1.101 +button,
1.102 +xul|button,
1.103 +* > input:not([type="image"]) {
1.104 + -moz-appearance: none !important; /* See bug 598421 for fixing the platform */
1.105 + border-radius: 3px;
1.106 +}
1.107 +
1.108 +select[size],
1.109 +select[multiple],
1.110 +select[size][multiple],
1.111 +textarea,
1.112 +* > input:not([type="image"]) {
1.113 + border-style: solid;
1.114 + border-color: #7d7d7d;
1.115 + color: #414141;
1.116 + background: white linear-gradient(rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 3px, rgba(255,255,255,0.2) 16px);
1.117 +}
1.118 +
1.119 +/* Selects are handled by the form helper, see bug 685197 */
1.120 +select option, select optgroup {
1.121 + pointer-events: none;
1.122 +}
1.123 +
1.124 +select:not([size]):not([multiple]),
1.125 +select[size="0"],
1.126 +select[size="1"],
1.127 +* > input[type="button"],
1.128 +* > input[type="submit"],
1.129 +* > input[type="reset"],
1.130 +button {
1.131 + border-style: solid;
1.132 + border-color: #7d7d7d;
1.133 + color: #414141;
1.134 + background: white linear-gradient(rgba(255,255,255,0.2) 0, rgba(215,215,215,0.5) 18px, rgba(115,115,115,0.5) 100%);
1.135 +}
1.136 +
1.137 +input[type="checkbox"] {
1.138 + background: white linear-gradient(rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 2px, rgba(255,255,255,0.2) 6px);
1.139 +}
1.140 +
1.141 +input[type="radio"] {
1.142 + background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(195,195,195,0.5) 5px, rgba(115,115,115,0.5) 100%);
1.143 +}
1.144 +
1.145 +select {
1.146 + border-width: 1px;
1.147 + padding: 1px;
1.148 +}
1.149 +
1.150 +select:not([size]):not([multiple]),
1.151 +select[size="0"],
1.152 +select[size="1"] {
1.153 + padding: 0 1px 0 1px;
1.154 +}
1.155 +
1.156 +* > input:not([type="image"]) {
1.157 + border-width: 1px;
1.158 + padding: 1px;
1.159 +}
1.160 +
1.161 +textarea {
1.162 + resize: none;
1.163 + border-width: 1px;
1.164 + padding: 2px 1px 2px 1px;
1.165 +}
1.166 +
1.167 +input[type="button"],
1.168 +input[type="submit"],
1.169 +input[type="reset"],
1.170 +button {
1.171 + border-width: 1px;
1.172 + padding: 0 7px 0 7px;
1.173 +}
1.174 +
1.175 +input[type="radio"],
1.176 +input[type="checkbox"] {
1.177 + max-width: 14px;
1.178 + max-height: 14px;
1.179 + border: 1px solid #a7a7a7 !important;
1.180 + padding: 2px 1px 2px 1px;
1.181 +}
1.182 +
1.183 +select > button {
1.184 + border-width: 0px !important;
1.185 + margin: 0px !important;
1.186 + padding: 0px !important;
1.187 + border-radius: 0;
1.188 + color: #414141;
1.189 +
1.190 + background-image: radial-gradient(at bottom left, #bbbbbb 40%, #f5f5f5), url(arrow.svg) !important;
1.191 + background-color: transparent;
1.192 + background-position: -15px center, 4px center !important;
1.193 + background-repeat: no-repeat, no-repeat !important;
1.194 + background-size: 100% 90%, auto auto;
1.195 +
1.196 + -moz-binding: none !important;
1.197 + position: relative !important;
1.198 + font-size: inherit;
1.199 +}
1.200 +
1.201 +select[size]:focus,
1.202 +select[multiple]:focus,
1.203 +select[size][multiple]:focus,
1.204 +textarea:focus,
1.205 +input[type="file"]:focus > input[type="text"],
1.206 +* > input:not([type="image"]):focus {
1.207 + outline: 0px !important;
1.208 + border-style: solid;
1.209 + border-color: rgb(94,128,153);
1.210 + background: white linear-gradient(rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 3px, rgba(255,255,255,0.2) 16px);
1.211 +}
1.212 +
1.213 +select:not([size]):not([multiple]):focus,
1.214 +select[size="0"]:focus,
1.215 +select[size="1"]:focus,
1.216 +input[type="button"]:focus,
1.217 +input[type="submit"]:focus,
1.218 +input[type="reset"]:focus,
1.219 +button:focus {
1.220 + outline: 0px !important;
1.221 + border-style: solid;
1.222 + border-color: rgb(94,128,153);
1.223 + background: white linear-gradient(rgba(255,255,255,0.2) 0, rgba(198,225,256,0.2) 18px, rgba(27,113,177,0.5) 100%);
1.224 +}
1.225 +
1.226 +input[type="checkbox"]:focus,
1.227 +input[type="radio"]:focus {
1.228 + border-color: #99c6e0 !important;
1.229 +}
1.230 +
1.231 +input[type="checkbox"]:focus {
1.232 + background: white linear-gradient(rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 2px, rgba(255,255,255,0.2) 6px);
1.233 +}
1.234 +
1.235 +input[type="radio"]:focus {
1.236 + background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(198,225,246,0.2) 5px, rgba(27,113,177,0.5) 100%);
1.237 +}
1.238 +
1.239 +/* we need to be specific for selects because the above rules are specific too */
1.240 +textarea[disabled],
1.241 +select[size][disabled],
1.242 +select[multiple][disabled],
1.243 +select[size][multiple][disabled],
1.244 +select:not([size]):not([multiple])[disabled],
1.245 +select[size="0"][disabled],
1.246 +select[size="1"][disabled],
1.247 +button[disabled],
1.248 +* > input:not([type="image"])[disabled] {
1.249 + color: rgba(0,0,0,0.3);
1.250 + border-color: rgba(125,125,125,0.4);
1.251 + border-style: solid;
1.252 + border-width: 1px;
1.253 + background: transparent linear-gradient(rgba(185,185,185,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(255,255,255,0.4) 100%);
1.254 +}
1.255 +
1.256 +select:not([size]):not([multiple])[disabled],
1.257 +select[size="0"][disabled],
1.258 +select[size="1"][disabled] {
1.259 + background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%);
1.260 +}
1.261 +
1.262 +input[type="button"][disabled],
1.263 +input[type="submit"][disabled],
1.264 +input[type="reset"][disabled],
1.265 +button[disabled="true"] {
1.266 + padding: 0 7px 0 7px;
1.267 + background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%);
1.268 +}
1.269 +
1.270 +input[type="radio"][disabled],
1.271 +input[type="radio"][disabled]:active,
1.272 +input[type="radio"][disabled]:hover,
1.273 +input[type="radio"][disabled]:hover:active,
1.274 +input[type="checkbox"][disabled],
1.275 +input[type="checkbox"][disabled]:active,
1.276 +input[type="checkbox"][disabled]:hover,
1.277 +input[type="checkbox"][disabled]:hover:active {
1.278 + border:1px solid rgba(125,125,125,0.4) !important;
1.279 +}
1.280 +
1.281 +select[disabled] > button {
1.282 + opacity: 0.6;
1.283 + padding: 1px 7px 1px 7px;
1.284 +}
1.285 +
1.286 +*:-moz-any-link:active,
1.287 +*[role=button]:active,
1.288 +button:active,
1.289 +input:active,
1.290 +option:active,
1.291 +select:active,
1.292 +label:active,
1.293 +textarea:active {
1.294 + background-color: rgba(141, 184, 216, 0.5);
1.295 +}
1.296 +
1.297 +input[type=number] > div > div, /* work around bug 946184 */
1.298 +input[type=number]::-moz-number-spin-box {
1.299 + display: none;
1.300 +}
1.301 +
1.302 +%ifdef MOZ_WIDGET_GONK
1.303 +/* This binding only provide key shortcuts that we can't use on devices */
1.304 +input,
1.305 +textarea {
1.306 +-moz-binding: none !important;
1.307 +}
1.308 +%endif
