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