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