1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/metro/theme/config.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,345 @@
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 +html,
1.9 +body {
1.10 + margin: 0;
1.11 + padding: 0;
1.12 + background-color: #ced7de;
1.13 + -moz-user-select: none;
1.14 + font-family: "Segoe UI", sans-serif;
1.15 + -moz-text-size-adjust: none;
1.16 +}
1.17 +
1.18 +.toolbar {
1.19 + width: 100%;
1.20 + height: 3em;
1.21 + position: fixed;
1.22 + top: 0;
1.23 + left: 0;
1.24 + z-index: 10;
1.25 + box-shadow: 0 0 3px #444;
1.26 + background-color: #ced7de;
1.27 + color: #000000;
1.28 + font-weight: bold;
1.29 + border-bottom: 2px solid;
1.30 + -moz-border-bottom-colors: #ff9100 #f27900;
1.31 +}
1.32 +
1.33 +.toolbar-container {
1.34 + max-width: 40em;
1.35 + margin-left: auto;
1.36 + margin-right: auto;
1.37 +}
1.38 +
1.39 +#filter-container {
1.40 + margin-top: 0.5em;
1.41 + margin-bottom: 0.5em;
1.42 + margin-right: 0.5em;
1.43 + height: 2em;
1.44 + border: 1px solid transparent;
1.45 + border-image-source: url("chrome://browser/skin/images/textfield.png");
1.46 + border-image-slice: 1 1 3 1;
1.47 + border-image-width: 1px 1px 3px 1px;
1.48 + overflow: hidden;
1.49 + display: flex;
1.50 + flex-direction: row;
1.51 +}
1.52 +
1.53 +#filter-input {
1.54 + -moz-appearance: none;
1.55 + border: none;
1.56 + background-image: none;
1.57 + background-color: transparent;
1.58 + display: inline-block;
1.59 + width: 12em;
1.60 + min-width: 0;
1.61 + color: #000000;
1.62 + opacity: 1;
1.63 + flex: 1 1 auto;
1.64 +}
1.65 +
1.66 +#filter-input:-moz-placeholder {
1.67 + color: rgba(255,255,255,0.5);
1.68 +}
1.69 +
1.70 +.toolbar input {
1.71 + display: inline-block;
1.72 + height: 100%;
1.73 + min-width: 3em;
1.74 + box-sizing: border-box;
1.75 + opacity: 0.75;
1.76 +}
1.77 +
1.78 +#new-pref-toggle-button {
1.79 + background-position: center center;
1.80 + background-image: url("chrome://browser/skin/images/reader-plus-icon-xhdpi.png");
1.81 + background-size: 48px 48px;
1.82 + height: 48px;
1.83 + width: 48px;
1.84 + display: inline-block;
1.85 + outline-style: none;
1.86 +}
1.87 +
1.88 +#filter-search-button {
1.89 + background-image: url("chrome://browser/skin/images/search.png");
1.90 + background-size: 32px 32px;
1.91 + height: 32px;
1.92 + width: 32px;
1.93 + display: inline-block;
1.94 + outline-style: none;
1.95 +}
1.96 +
1.97 +#filter-input-clear-button {
1.98 + background-image: url("chrome://browser/skin/images/search-clear-30.png");
1.99 + background-size: 32px 32px;
1.100 + height: 32px;
1.101 + width: 32px;
1.102 + display: inline-block;
1.103 + outline-style: none;
1.104 +}
1.105 +
1.106 +#filter-input[value=""] + #filter-input-clear-button {
1.107 + display: none;
1.108 +}
1.109 +
1.110 +.toolbar-item {
1.111 + display: inline-block;
1.112 + height: 3em;
1.113 + min-width: 3em;
1.114 + float: right;
1.115 +}
1.116 +
1.117 +#content {
1.118 + position: relative;
1.119 + margin: 0;
1.120 + margin-left: auto;
1.121 + margin-right: auto;
1.122 + padding-top: 3em;
1.123 + padding-left: 0;
1.124 + padding-right: 0;
1.125 + min-height: 100%;
1.126 + max-width: 40em;
1.127 +}
1.128 +
1.129 +ul {
1.130 + list-style-position: inside;
1.131 + border: 1px solid #808080;
1.132 + background-color: #ffffff;
1.133 + min-height: 100%;
1.134 + width: 100%;
1.135 + padding-top: 0;
1.136 + margin: 0;
1.137 + padding-left: 0;
1.138 + box-sizing: border-box;
1.139 + box-shadow: 0 0 5px #000000;
1.140 + overflow-x: hidden;
1.141 +}
1.142 +
1.143 +#new-pref-container {
1.144 + width: 100%;
1.145 + margin: 0;
1.146 + background-color: #ffffff;
1.147 + box-sizing: border-box;
1.148 + box-shadow: 0 0 5px #000000;
1.149 + overflow-x: hidden;
1.150 + max-width: 40em;
1.151 + max-height: 100%;
1.152 + position: fixed;
1.153 + top: 3em;
1.154 + left: auto;
1.155 + display: none;
1.156 + z-index: 5;
1.157 +}
1.158 +
1.159 +#new-pref-container input,
1.160 +#new-pref-container select {
1.161 + border: none;
1.162 + background-image: none;
1.163 +}
1.164 +
1.165 +#new-pref-container.show {
1.166 + display: block;
1.167 +}
1.168 +
1.169 +li {
1.170 + list-style-type: none;
1.171 + border-bottom: 1px solid #d3d3d3;
1.172 + opacity: 1;
1.173 + background-color: #ffffff;
1.174 + cursor: pointer;
1.175 +}
1.176 +
1.177 +#new-pref-line-boolean,
1.178 +#new-pref-value-string,
1.179 +#new-pref-value-int {
1.180 + display: none;
1.181 +}
1.182 +#new-pref-item[typestyle="boolean"] #new-pref-line-boolean,
1.183 +#new-pref-item[typestyle="string"] #new-pref-value-string,
1.184 +#new-pref-item[typestyle="int"] #new-pref-value-int {
1.185 + display: block;
1.186 +}
1.187 +
1.188 +.pref-name,
1.189 +.pref-value {
1.190 + padding: 15px 10px;
1.191 + text-align: left;
1.192 + text-overflow: ellipsis;
1.193 + overflow: hidden;
1.194 + background-image: none;
1.195 +}
1.196 +
1.197 +.pref-value {
1.198 + color: rgba(0,0,0,0.5);
1.199 + flex: 1 1 auto;
1.200 + border: none;
1.201 + -moz-appearance: none;
1.202 + background-image: none;
1.203 + background-color: transparent;
1.204 +}
1.205 +
1.206 +.pref-name[locked] {
1.207 + padding-right: 20px;
1.208 + background-image: url("chrome://browser/skin/images/lock.png");
1.209 + background-repeat: no-repeat;
1.210 + background-position: right 50%;
1.211 + background-size: auto 60%;
1.212 +}
1.213 +
1.214 +#new-pref-name {
1.215 + width: 30em;
1.216 +}
1.217 +
1.218 +#new-pref-type {
1.219 + display: inline-block !important;
1.220 + border-left: 1px solid #d3d3d3;
1.221 + width: 10em;
1.222 + text-align: right;
1.223 +}
1.224 +
1.225 +.pref-item-line {
1.226 + border-top: 1px solid rgba(0,0,0,0.05);
1.227 + color: rgba(0,0,0,0.5);
1.228 + display: flex;
1.229 + flex-direction: row;
1.230 +}
1.231 +
1.232 +#new-pref-value-boolean {
1.233 + flex: 1 1 auto;
1.234 +}
1.235 +
1.236 +/* Disable newPref dialog spinbuttons, use custom version from Android */
1.237 +/* Filed Bug 962359 to enhance the default spinbutton style to be touch-friendly */
1.238 +#new-pref-value-int {
1.239 + -moz-appearance: textfield;
1.240 +}
1.241 +
1.242 +#new-pref-container .pref-button.toggle {
1.243 + display: inline-block;
1.244 + opacity: 1;
1.245 + flex: 0 1 auto;
1.246 + float: right;
1.247 +}
1.248 +
1.249 +#new-pref-container .pref-button.cancel,
1.250 +#new-pref-container .pref-button.create {
1.251 + display: inline-block;
1.252 + opacity: 1;
1.253 + flex: 1 1 auto;
1.254 +}
1.255 +
1.256 +.pref-item-line {
1.257 + pointer-events: none;
1.258 +}
1.259 +
1.260 +#new-pref-container .pref-item-line,
1.261 +.pref-item.selected .pref-item-line,
1.262 +.pref-item:not(.selected) .pref-button.reset {
1.263 + pointer-events: auto;
1.264 +}
1.265 +
1.266 +#new-pref-container .pref-button.create[disabled] {
1.267 + color: #d3d3d3;
1.268 +}
1.269 +
1.270 +.pref-item.selected {
1.271 + background-color: rgba(0,0,255,0.05);
1.272 +}
1.273 +
1.274 +.pref-button {
1.275 + display: inline-block;
1.276 + box-sizing: border-box;
1.277 + text-align: center;
1.278 + padding: 10px 1em;
1.279 + border-left: 1px solid rgba(0,0,0,0.1);
1.280 + opacity: 0;
1.281 + transition-property: opacity;
1.282 + transition-duration: 500ms;
1.283 +}
1.284 +
1.285 +.pref-item.selected .pref-item-line .pref-button {
1.286 + opacity: 1;
1.287 +}
1.288 +
1.289 +.pref-item:not(.selected) .pref-item-line .pref-button:not(.reset) {
1.290 + display: none;
1.291 +}
1.292 +
1.293 +.pref-item:not(.selected) .pref-button.reset {
1.294 + opacity: 1;
1.295 +}
1.296 +
1.297 +/* Disable detail list item spinbuttons, use custom version from Android */
1.298 +/* Filed Bug 962359 to enhance the default spinbutton style to be touch-friendly */
1.299 +.pref-item input[type="number"] {
1.300 + -moz-appearance: textfield;
1.301 +}
1.302 +
1.303 +.pref-button:active {
1.304 + background-color: rgba(0,0,255,0.2);
1.305 +}
1.306 +
1.307 +.pref-button[disabled] {
1.308 + display: none;
1.309 +}
1.310 +
1.311 +.pref-button.up {
1.312 + background-image: url("chrome://browser/skin/images/arrowup-16.png");
1.313 + background-position: center center;
1.314 + background-repeat: no-repeat;
1.315 +}
1.316 +
1.317 +.pref-button.down {
1.318 + background-image: url("chrome://browser/skin/images/arrowdown-16.png");
1.319 + background-position: center center;
1.320 + background-repeat: no-repeat;
1.321 +}
1.322 +
1.323 +#prefs-shield {
1.324 + width: 100%;
1.325 + height: 100%;
1.326 + background-color: rgba(0,0,0,0.5);
1.327 + position: fixed;
1.328 + top: 0;
1.329 + left: 0;
1.330 + opacity: 0;
1.331 + transition-property: opacity;
1.332 + transition-duration: 500ms;
1.333 + display: none;
1.334 +}
1.335 +
1.336 +#prefs-shield[shown] {
1.337 + display: block;
1.338 + opacity: 1;
1.339 +}
1.340 +
1.341 +#loading-container > li {
1.342 + background-image: url(chrome://global/skin/media/throbber.png);
1.343 + background-position: center center;
1.344 + background-repeat: no-repeat;
1.345 + padding-left: 40px;
1.346 + height: 3em;
1.347 + width: 100%;
1.348 +}
