OLD | NEW |
(Empty) | |
| 1 /* |
| 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 |
| 4 * found in the LICENSE file. |
| 5 */ |
| 6 |
| 7 body { |
| 8 margin: 10px; |
| 9 min-width: 47em; |
| 10 } |
| 11 |
| 12 a { |
| 13 color: blue; |
| 14 font-size: 103%; |
| 15 } |
| 16 |
| 17 div#header { |
| 18 margin-bottom: 1.05em; |
| 19 /* 67px is the height of the header's background image. */ |
| 20 min-height: 67px; |
| 21 overflow: hidden; |
| 22 padding-bottom: 20px; |
| 23 -webkit-padding-start: 0; |
| 24 padding-top: 20px; |
| 25 position: relative; |
| 26 box-sizing: border-box; |
| 27 } |
| 28 |
| 29 #header h1 { |
| 30 background: url('../../app/theme/flags_section.png') 0px 20px no-repeat; |
| 31 display: inline; |
| 32 margin: 0; |
| 33 padding-bottom: 43px; |
| 34 -webkit-padding-start: 75px; |
| 35 padding-top: 40px; |
| 36 } |
| 37 |
| 38 html[dir=rtl] #header h1 { |
| 39 background: url('../../app/theme/flags_section.png') right no-repeat; |
| 40 } |
| 41 |
| 42 h1 { |
| 43 font-size: 156%; |
| 44 font-weight: bold; |
| 45 padding: 0; |
| 46 margin: 0; |
| 47 } |
| 48 |
| 49 #blurb-container { |
| 50 padding-bottom: 1.5em; |
| 51 font-size: 120%; |
| 52 } |
| 53 |
| 54 #blurb-warning { |
| 55 color: red; |
| 56 font-weight: bold; |
| 57 } |
| 58 |
| 59 div.content { |
| 60 font-size: 88%; |
| 61 margin-top: 5px; |
| 62 } |
| 63 |
| 64 .section-header { |
| 65 background: #ebeff9; |
| 66 border-top: 1px solid #b5c7de; |
| 67 font-size: 99%; |
| 68 padding-bottom: 2px; |
| 69 -webkit-padding-start: 5px; |
| 70 padding-top: 3px; |
| 71 width: 100%; |
| 72 } |
| 73 |
| 74 .section-header > table tr td:first-child { |
| 75 width: 100%; |
| 76 } |
| 77 |
| 78 .section-header > table { |
| 79 width: 100%; |
| 80 } |
| 81 |
| 82 .section-header-title { |
| 83 font-weight: bold; |
| 84 } |
| 85 |
| 86 .vbox-container { |
| 87 display: -webkit-box; |
| 88 -webkit-box-orient: vertical; |
| 89 } |
| 90 |
| 91 .wbox { |
| 92 display: -webkit-box; |
| 93 -webkit-box-align: stretch; |
| 94 -webkit-box-flex: 1; |
| 95 } |
| 96 |
| 97 #top { |
| 98 -webkit-padding-end: 5px; |
| 99 } |
| 100 |
| 101 /* Disabled experiments display grey text on a grey background. The title, |
| 102 however, should remain completely legible. */ |
| 103 .experiment-disabled > td { |
| 104 background: #F0F0F0; |
| 105 color: #A0A0A0; |
| 106 } |
| 107 |
| 108 .experiment-disabled .experiment-name { |
| 109 color: #000; |
| 110 } |
| 111 |
| 112 .experiment { |
| 113 border-bottom: 1px solid #cdcdcd; |
| 114 } |
| 115 |
| 116 .experiment td { |
| 117 padding-bottom: 4px; |
| 118 padding-top: 5px; |
| 119 } |
| 120 |
| 121 /* Indent the text related to each experiment. */ |
| 122 .experiment-text { |
| 123 -webkit-padding-start: 5px; |
| 124 } |
| 125 |
| 126 .experiment-name { |
| 127 font-weight: bold; |
| 128 } |
| 129 |
| 130 .no-experiments { |
| 131 margin: 6em 0 0; |
| 132 text-align: center; |
| 133 font-size: 1.2em; |
| 134 } |
| 135 |
| 136 /* Match the indentation of .experiment-text. */ |
| 137 .experiment-actions { |
| 138 -webkit-padding-start: 5px; |
| 139 margin-top: 0.2em; |
| 140 margin-bottom: 0.2em; |
| 141 } |
| 142 |
| 143 div.needs-restart { |
| 144 padding-top: 10px; |
| 145 -webkit-padding-start: 5px; |
| 146 } |
| 147 |
| 148 button { |
| 149 font-size: 104%; |
| 150 } |
| 151 |
OLD | NEW |