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