| 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 | 
|---|