| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 body { | 5 body { |
| 6 font-size: 84%; | 6 font-size: 84%; |
| 7 margin: 0; | 7 margin: 0; |
| 8 min-width: 45em; | 8 min-width: 45em; |
| 9 padding: 0.75em; | 9 padding: 0.75em; |
| 10 } | 10 } |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 } | 43 } |
| 44 | 44 |
| 45 div#header { | 45 div#header { |
| 46 background: rgb(82, 150, 222); | 46 background: rgb(82, 150, 222); |
| 47 background-size: 100%; | 47 background-size: 100%; |
| 48 border: 1px solid rgb(58, 117, 189); | 48 border: 1px solid rgb(58, 117, 189); |
| 49 border-radius: 6px; | 49 border-radius: 6px; |
| 50 color: white; | 50 color: white; |
| 51 margin-bottom: 0.75em; | 51 margin-bottom: 0.75em; |
| 52 overflow: hidden; | 52 overflow: hidden; |
| 53 padding: 0.6em 1em 0.75em 0; | 53 padding: 0.5em 0; |
| 54 position: relative; | 54 position: relative; |
| 55 text-shadow: 0 0 2px black; | 55 text-shadow: 0 0 2px black; |
| 56 } | 56 } |
| 57 | 57 |
| 58 div#header h1 { | 58 div#header h1 { |
| 59 background: url(chrome://resources/images/gear.png) 12px 60% no-repeat; | |
| 60 color: white; | 59 color: white; |
| 61 display: inline; | 60 display: inline; |
| 62 margin: 0; | 61 } |
| 63 padding-left: 37px; | 62 |
| 63 div#header h1::before { |
| 64 /* grit doesn't flatten -webkit-mask, so define the properties separately |
| 65 * for now. */ |
| 66 -webkit-mask-image: url(../../../ui/webui/resources/images/settings.svg); |
| 67 -webkit-mask-position: center; |
| 68 -webkit-mask-repeat: no-repeat; |
| 69 -webkit-mask-size: 24px; |
| 70 background-color: white; |
| 71 content: ''; |
| 72 display: inline-block; |
| 73 height: 20px; |
| 74 vertical-align: middle; |
| 75 width: 37px; |
| 64 } | 76 } |
| 65 | 77 |
| 66 div#header p { | 78 div#header p { |
| 67 color: white; | 79 color: white; |
| 68 display: inline; | 80 display: inline; |
| 69 font-size: 84%; | 81 font-size: 84%; |
| 70 font-style: italic; | 82 font-style: italic; |
| 71 margin: 0; | 83 margin: 0; |
| 72 padding: 0; | 84 padding: 0; |
| 73 padding-left: 0.4em; | 85 padding-left: 0.4em; |
| (...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 251 text-align: center; | 263 text-align: center; |
| 252 } | 264 } |
| 253 | 265 |
| 254 table.list#browserComparison .name { | 266 table.list#browserComparison .name { |
| 255 background-position: 5px center; | 267 background-position: 5px center; |
| 256 background-repeat: no-repeat; | 268 background-repeat: no-repeat; |
| 257 padding-left: 25px; | 269 padding-left: 25px; |
| 258 } | 270 } |
| 259 | 271 |
| 260 div.help { | 272 div.help { |
| 261 background: url(chrome://resources/images/help.png) center bottom no-repeat; | 273 -webkit-mask-box-image: url(../../../ui/webui/resources/images/help.svg); |
| 274 background-color: rgb(66, 133, 244); |
| 262 display: inline-block; | 275 display: inline-block; |
| 263 height: 14px; | 276 height: 16px; |
| 264 margin: -1px 0; | 277 margin: -1px 0 0 0; |
| 265 opacity: 0.33; | 278 opacity: 0.33; |
| 266 width: 14px; | 279 vertical-align: bottom; |
| 280 width: 16px; |
| 267 } | 281 } |
| 268 | 282 |
| 269 div.help:hover { | 283 div.help:hover { |
| 270 opacity: 1; | 284 opacity: 1; |
| 271 } | 285 } |
| 272 | 286 |
| 273 div.help div { | 287 div.help div { |
| 274 display: none; | 288 display: none; |
| 275 } | 289 } |
| 276 | 290 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 289 | 303 |
| 290 #helpTooltip p { | 304 #helpTooltip p { |
| 291 margin: 0.6em 0; | 305 margin: 0.6em 0; |
| 292 } | 306 } |
| 293 | 307 |
| 294 div.otherbrowsers { | 308 div.otherbrowsers { |
| 295 font-size: 84%; | 309 font-size: 84%; |
| 296 text-align: center; | 310 text-align: center; |
| 297 width: 100%; | 311 width: 100%; |
| 298 } | 312 } |
| OLD | NEW |