Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
| 3 * 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 |
| 4 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 5 */ | 4 */ |
|
Evan Stade
2012/04/03 02:59:48
.
Dan Beam
2012/04/03 04:15:06
Done.
| |
| 6 | 5 |
| 7 body { | 6 body { |
| 8 margin: 10px; | 7 margin: 10px; |
| 9 min-width: 47em; | 8 min-width: 47em; |
| 10 /* Should match needs-restart.(height + padding-top + padding-bottom + 5) */ | 9 /* Should match needs-restart.(height + padding-top + padding-bottom + 5) */ |
| 11 padding-bottom: 65px; | 10 padding-bottom: 65px; |
| 12 } | 11 } |
| 13 | 12 |
| 14 a { | 13 a { |
| 15 color: blue; | 14 color: blue; |
| 16 font-size: 103%; | 15 font-size: 103%; |
| 17 } | 16 } |
| 18 | 17 |
| 19 div#header { | 18 div#header { |
| 19 -webkit-padding-start: 0; | |
| 20 box-sizing: border-box; | |
| 20 margin-bottom: 1.05em; | 21 margin-bottom: 1.05em; |
| 21 /* 67px is the height of the header's background image. */ | 22 /* 67px is the height of the header's background image. */ |
| 22 min-height: 67px; | 23 min-height: 67px; |
| 23 overflow: hidden; | 24 overflow: hidden; |
| 24 padding-bottom: 20px; | 25 padding-bottom: 20px; |
| 25 -webkit-padding-start: 0; | |
| 26 padding-top: 20px; | 26 padding-top: 20px; |
| 27 position: relative; | 27 position: relative; |
| 28 box-sizing: border-box; | |
| 29 } | 28 } |
| 30 | 29 |
| 31 #header h1 { | 30 #header h1 { |
| 31 -webkit-padding-start: 75px; | |
| 32 background: url('../../app/theme/flags_section.png') 0 20px no-repeat; | 32 background: url('../../app/theme/flags_section.png') 0 20px no-repeat; |
| 33 display: inline; | 33 display: inline; |
| 34 margin: 0; | 34 margin: 0; |
| 35 padding-bottom: 20px; | 35 padding-bottom: 20px; |
| 36 -webkit-padding-start: 75px; | |
| 37 padding-top: 40px; | 36 padding-top: 40px; |
| 38 } | 37 } |
| 39 | 38 |
| 40 html[dir=rtl] #header h1 { | 39 html[dir=rtl] #header h1 { |
| 41 background: url('../../app/theme/flags_section.png') right no-repeat; | 40 background: url('../../app/theme/flags_section.png') right no-repeat; |
| 42 } | 41 } |
| 43 | 42 |
| 44 h1 { | 43 h1 { |
| 45 font-size: 156%; | 44 font-size: 156%; |
| 46 font-weight: bold; | 45 font-weight: bold; |
| 46 margin: 0; | |
| 47 padding: 0; | 47 padding: 0; |
| 48 margin: 0; | |
| 49 } | 48 } |
| 50 | 49 |
| 51 #blurb-container { | 50 #blurb-container { |
| 51 font-size: 120%; | |
| 52 padding-bottom: 1.5em; | 52 padding-bottom: 1.5em; |
| 53 font-size: 120%; | |
| 54 } | 53 } |
| 55 | 54 |
| 56 #blurb-warning { | 55 #blurb-warning { |
| 57 color: red; | 56 color: red; |
| 58 font-weight: bold; | 57 font-weight: bold; |
| 59 } | 58 } |
| 60 | 59 |
| 61 div.content { | 60 div.content { |
| 62 font-size: 88%; | 61 font-size: 88%; |
| 63 margin-top: 5px; | 62 margin-top: 5px; |
| 64 } | 63 } |
| 65 | 64 |
| 66 .section-header { | 65 .section-header { |
| 67 background: #ebeff9; | 66 -webkit-padding-start: 5px; |
| 68 border-top: 1px solid #b5c7de; | 67 background: rgb(235, 239, 249); |
| 68 border-top: 1px solid rgb(181, 199, 222); | |
| 69 font-size: 99%; | 69 font-size: 99%; |
| 70 padding-bottom: 2px; | 70 padding-bottom: 2px; |
| 71 -webkit-padding-start: 5px; | |
| 72 padding-top: 3px; | 71 padding-top: 3px; |
| 73 width: 100%; | 72 width: 100%; |
| 74 } | 73 } |
| 75 | 74 |
| 76 .section-header > table tr td:first-child { | 75 .section-header > table tr td:first-child { |
| 77 width: 100%; | 76 width: 100%; |
| 78 } | 77 } |
| 79 | 78 |
| 80 .section-header > table { | 79 .section-header > table { |
| 81 width: 100%; | 80 width: 100%; |
| 82 } | 81 } |
| 83 | 82 |
| 84 .section-header-title { | 83 .section-header-title { |
| 85 font-weight: bold; | 84 font-weight: bold; |
| 86 } | 85 } |
| 87 | 86 |
| 88 .vbox-container { | 87 .vbox-container { |
| 88 -webkit-box-orient: vertical; | |
| 89 display: -webkit-box; | 89 display: -webkit-box; |
| 90 -webkit-box-orient: vertical; | |
| 91 } | 90 } |
| 92 | 91 |
| 93 .wbox { | 92 .wbox { |
| 94 display: -webkit-box; | |
| 95 -webkit-box-align: stretch; | 93 -webkit-box-align: stretch; |
| 96 -webkit-box-flex: 1; | 94 -webkit-box-flex: 1; |
| 95 display: -webkit-box; | |
| 97 } | 96 } |
| 98 | 97 |
| 99 #top { | 98 #top { |
| 100 -webkit-padding-end: 5px; | 99 -webkit-padding-end: 5px; |
| 101 } | 100 } |
| 102 | 101 |
| 103 /* Disabled and unsupported experiments display grey text on a grey background. | 102 /* Disabled and unsupported experiments display grey text on a grey background. |
| 104 The title, however, should remain legible. */ | 103 The title, however, should remain legible. */ |
| 105 | 104 |
| 106 .experiment-unsupported > td, | 105 .experiment-unsupported > td, |
| (...skipping 19 matching lines...) Expand all Loading... | |
| 126 /* Indent the text related to each experiment. */ | 125 /* Indent the text related to each experiment. */ |
| 127 .experiment-text { | 126 .experiment-text { |
| 128 -webkit-padding-start: 5px; | 127 -webkit-padding-start: 5px; |
| 129 } | 128 } |
| 130 | 129 |
| 131 .experiment-name { | 130 .experiment-name { |
| 132 font-weight: bold; | 131 font-weight: bold; |
| 133 } | 132 } |
| 134 | 133 |
| 135 .no-experiments { | 134 .no-experiments { |
| 135 font-size: 1.2em; | |
| 136 margin: 6em 0 0; | 136 margin: 6em 0 0; |
| 137 text-align: center; | 137 text-align: center; |
| 138 font-size: 1.2em; | |
| 139 } | 138 } |
| 140 | 139 |
| 141 /* Match the indentation of .experiment-text. */ | 140 /* Match the indentation of .experiment-text. */ |
| 142 .experiment-actions { | 141 .experiment-actions { |
| 143 -webkit-padding-start: 5px; | 142 -webkit-padding-start: 5px; |
| 143 margin-bottom: 0.2em; | |
| 144 margin-top: 0.2em; | 144 margin-top: 0.2em; |
| 145 margin-bottom: 0.2em; | |
| 146 } | 145 } |
| 147 | 146 |
| 148 div.needs-restart { | 147 div.needs-restart { |
| 149 background: #FFF; | 148 background: #FFF; |
| 150 border-top: 1px solid #b5c7de; | 149 border-top: 1px solid rgb(181, 199, 222); |
| 151 bottom: 0; | 150 bottom: 0; |
| 152 /* If you change this, update body.padding-bottom */ | 151 /* If you change this, update body.padding-bottom */ |
| 153 height: 30px; | 152 height: 30px; |
| 154 left: 0; | 153 left: 0; |
| 155 /* If you change this, update body.padding-bottom */ | 154 /* If you change this, update body.padding-bottom */ |
| 156 padding-bottom: 25px; | 155 padding-bottom: 25px; |
| 157 padding-left: 15px; | 156 padding-left: 15px; |
| 158 /* If you change this, update body.padding-bottom */ | 157 /* If you change this, update body.padding-bottom */ |
| 159 padding-top: 15px; | 158 padding-top: 15px; |
| 160 position: fixed; | 159 position: fixed; |
| 161 width: 100%; | 160 width: 100%; |
| 162 } | 161 } |
| 163 | 162 |
| 164 button { | 163 button { |
| 165 font-size: 104%; | 164 font-size: 104%; |
| 166 } | 165 } |
| 167 | 166 |
| OLD | NEW |