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