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 |