| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 | 5 |
| 6 #anchor { | 6 #anchor { |
| 7 display: none; | 7 display: none; |
| 8 } | 8 } |
| 9 | 9 |
| 10 body { | 10 body { |
| 11 font-size: 84%; | 11 font-size: 84%; |
| 12 margin: 0; | 12 margin: 0; |
| 13 min-width: 45em; | 13 min-width: 45em; |
| 14 padding: 0.75em; | 14 padding: 0.75em; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .global-button { | 17 .global-button { |
| 18 margin: 1px 3px 0 3px; | 18 margin: 1px 3px 0 3px; |
| 19 } | 19 } |
| 20 | 20 |
| 21 h1, | 21 h1, |
| 22 h2 { | 22 h2 { |
| 23 font-size: 120%; | 23 margin: 0; |
| 24 letter-spacing: -.5px; | |
| 25 margin: 0; | |
| 26 } | 24 } |
| 27 | 25 |
| 28 h1 { | 26 h1 { |
| 29 color: rgb(74, 142, 230); | 27 color: rgb(74, 142, 230); |
| 28 font-size: 110%; |
| 30 font-weight: bold; | 29 font-weight: bold; |
| 31 padding: 0; | 30 padding: 0; |
| 32 } | 31 } |
| 33 | 32 |
| 34 h2 { | 33 h2 { |
| 35 -webkit-padding-end: 1em; | 34 -webkit-padding-end: 1em; |
| 36 -webkit-padding-start: 0; | 35 -webkit-padding-start: 0; |
| 37 color: rgb(58, 117, 189); | 36 color: rgb(58, 117, 189); |
| 38 display: inline-block; | 37 display: inline-block; |
| 38 font-size: 110%; |
| 39 font-weight: normal; | 39 font-weight: normal; |
| 40 margin-top: 0; | |
| 41 } | 40 } |
| 42 | 41 |
| 43 #header { | 42 #header { |
| 44 background: rgb(82, 150, 222); | 43 background: rgb(82, 150, 222); |
| 45 background-size: 100%; | 44 background-size: 100%; |
| 46 border: 1px solid rgb(58, 117, 189); | 45 border: 1px solid rgb(58, 117, 189); |
| 47 border-radius: 6px; | 46 border-radius: 6px; |
| 48 color: white; | 47 color: white; |
| 49 margin-bottom: 0.75em; | 48 margin-bottom: 0.75em; |
| 50 overflow: hidden; | 49 overflow: hidden; |
| 51 padding: 0.6em 1em 0.75em 0; | 50 padding: 0.5em 0; |
| 52 position: relative; | 51 position: relative; |
| 53 text-shadow: 0 0 2px black; | 52 text-shadow: 0 0 2px black; |
| 54 } | 53 } |
| 55 | 54 |
| 56 html[dir='rtl'] #header { | 55 html[dir='rtl'] #header { |
| 57 padding: 0.6em 0 0.75em 1em; | 56 padding: 0.6em 0 0.75em 1em; |
| 58 } | 57 } |
| 59 | 58 |
| 60 #header h1 { | 59 #header h1 { |
| 61 -webkit-padding-start: 3em; | |
| 62 background: url(../../../../ui/webui/resources/images/gear.png) no-repeat; | |
| 63 background-position: 12px 60%; | |
| 64 color: white; | 60 color: white; |
| 65 display: inline; | 61 display: inline; |
| 66 margin: 0; | |
| 67 } | 62 } |
| 68 | 63 |
| 69 html[dir='rtl'] #header h1 { | 64 div#header h1::before { |
| 70 background-position: right 12px top 60%; | 65 /* grit doesn't flatten -webkit-mask, so define the properties separately |
| 66 * for now. */ |
| 67 -webkit-mask-image: url(../../../../ui/webui/resources/images/settings.svg); |
| 68 -webkit-mask-position: center; |
| 69 -webkit-mask-repeat: no-repeat; |
| 70 -webkit-mask-size: 24px; |
| 71 background-color: white; |
| 72 content: ''; |
| 73 display: inline-block; |
| 74 height: 20px; |
| 75 vertical-align: middle; |
| 76 width: 37px; |
| 71 } | 77 } |
| 72 | 78 |
| 73 #header p { | 79 #header p { |
| 74 -webkit-padding-start: 0.4em; | 80 -webkit-padding-start: 0.4em; |
| 75 color: white; | 81 color: white; |
| 76 display: inline; | 82 display: inline; |
| 77 font-size: 84%; | 83 font-size: 84%; |
| 78 font-style: italic; | 84 font-style: italic; |
| 79 } | 85 } |
| 80 | 86 |
| (...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 162 } | 168 } |
| 163 | 169 |
| 164 .number-expanded .stat-value { | 170 .number-expanded .stat-value { |
| 165 display: auto; | 171 display: auto; |
| 166 } | 172 } |
| 167 | 173 |
| 168 #status { | 174 #status { |
| 169 color: rgb(255, 0, 0); | 175 color: rgb(255, 0, 0); |
| 170 margin: .5em 0; | 176 margin: .5em 0; |
| 171 } | 177 } |
| OLD | NEW |