| 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 font-size: 84%; | |
| 7 margin: 0; | |
| 8 min-width: 45em; | |
| 9 padding: 0.75em; | |
| 10 } | |
| 11 | |
| 12 h1 { | |
| 13 color: rgb(74, 142, 230); | |
| 14 font-size: 110%; | |
| 15 font-weight: bold; | |
| 16 letter-spacing: -1px; | |
| 17 margin: 0; | |
| 18 padding: 0; | |
| 19 } | |
| 20 | |
| 21 h2 { | |
| 22 border-top: 1px solid rgb(58, 117, 189); | |
| 23 color: rgb(58, 117, 189); | |
| 24 font-size: 110%; | |
| 25 font-weight: normal; | |
| 26 letter-spacing: -1px; | |
| 27 margin: 0; | |
| 28 margin-left: -38px; | |
| 29 padding: 0.5em 1em 0.5em 38px; | |
| 30 } | |
| 31 | |
| 32 h2:first-child { | |
| 33 border-top: 0; | |
| 34 padding-top: 0; | |
| 35 } | |
| 36 | |
| 37 span.th { | |
| 38 padding-left: 0.35em; | |
| 39 } | |
| 40 | |
| 41 a { | |
| 42 color: black; | |
| 43 } | |
| 44 | |
| 45 div#header { | |
| 46 background: rgb(82, 150, 222); | |
| 47 background-size: 100%; | |
| 48 border: 1px solid rgb(58, 117, 189); | |
| 49 border-radius: 6px; | |
| 50 color: white; | |
| 51 margin-bottom: 0.75em; | |
| 52 overflow: hidden; | |
| 53 padding: 0.6em 1em 0.75em 0; | |
| 54 position: relative; | |
| 55 text-shadow: 0 0 2px black; | |
| 56 } | |
| 57 | |
| 58 div#header h1 { | |
| 59 background: url('../images/gear.png') 12px 60% no-repeat; | |
| 60 color: white; | |
| 61 display: inline; | |
| 62 margin: 0; | |
| 63 padding-left: 37px; | |
| 64 } | |
| 65 | |
| 66 div#header p { | |
| 67 color: white; | |
| 68 display: inline; | |
| 69 font-size: 84%; | |
| 70 font-style: italic; | |
| 71 margin: 0; | |
| 72 padding: 0; | |
| 73 padding-left: 0.4em; | |
| 74 } | |
| 75 | |
| 76 div#header div.navigation { | |
| 77 font-size: 92%; | |
| 78 line-height: 3.5em; | |
| 79 position: absolute; | |
| 80 right: 1em; | |
| 81 top: 0; | |
| 82 } | |
| 83 | |
| 84 div#header select { | |
| 85 border: 1px solid rgb(58, 117, 189); | |
| 86 color: rgb(49, 93, 148); | |
| 87 font-size: 100%; | |
| 88 line-height: 140%; | |
| 89 } | |
| 90 | |
| 91 div#header select option { | |
| 92 padding: 0 0.2em; | |
| 93 } | |
| 94 | |
| 95 div#sidebar { | |
| 96 border-right: 1px solid #cfcfcf; | |
| 97 display: none; | |
| 98 float: left; | |
| 99 margin-left: 26px; | |
| 100 min-height: 20em; | |
| 101 padding: 0.75em; | |
| 102 padding-top: 0; | |
| 103 width: 45em; | |
| 104 } | |
| 105 | |
| 106 div#content { | |
| 107 margin-left: 0; | |
| 108 } | |
| 109 | |
| 110 hr { | |
| 111 display: inline; | |
| 112 padding: 0 0.5em; | |
| 113 visibility: hidden; | |
| 114 } | |
| 115 | |
| 116 .k { | |
| 117 font-weight: normal; | |
| 118 opacity: 0.4; | |
| 119 padding-left: 0.1em; | |
| 120 } | |
| 121 | |
| 122 .legend { | |
| 123 color: #7f7f7f; | |
| 124 font-size: 84%; | |
| 125 line-height: 140%; | |
| 126 margin-top: 2em; | |
| 127 padding: 0.4em 0 0; | |
| 128 text-align: right; | |
| 129 } | |
| 130 | |
| 131 .legend h3 { | |
| 132 color: black; | |
| 133 display: inline; | |
| 134 font-size: 100%; | |
| 135 font-weight: normal; | |
| 136 margin: 0; | |
| 137 padding: 0 0.5em 0 0; | |
| 138 } | |
| 139 | |
| 140 .legend .swatch { | |
| 141 display: inline-block; | |
| 142 height: 0.9em; | |
| 143 margin-right: 0.2em; | |
| 144 opacity: 0.66; | |
| 145 padding: 0 0.5em; | |
| 146 } | |
| 147 | |
| 148 table.list { | |
| 149 border-collapse: collapse; | |
| 150 font-size: 84%; | |
| 151 line-height: 200%; | |
| 152 table-layout: fixed; | |
| 153 width: 100%; | |
| 154 } | |
| 155 | |
| 156 table.list:not([class*='filtered']) tr:nth-child(odd) td { | |
| 157 background: rgb(239, 243, 255); | |
| 158 } | |
| 159 | |
| 160 .hidden { | |
| 161 display: none; | |
| 162 } | |
| 163 | |
| 164 table.list th { | |
| 165 color: black; | |
| 166 font-weight: bold; | |
| 167 padding: 0 0.5em; | |
| 168 vertical-align: top; | |
| 169 white-space: nowrap; | |
| 170 } | |
| 171 | |
| 172 table.list .firstRow th { | |
| 173 line-height: 100%; | |
| 174 text-align: left; | |
| 175 } | |
| 176 | |
| 177 table.list .secondRow * { | |
| 178 border-bottom: 1px solid rgb(181, 198, 222); | |
| 179 text-align: left; | |
| 180 } | |
| 181 | |
| 182 table.list td { | |
| 183 line-height: 1.4em; | |
| 184 padding: 0.35em 0.5em 0; | |
| 185 vertical-align: top; | |
| 186 } | |
| 187 | |
| 188 table.list tr td:nth-last-child(1), | |
| 189 table.list tr th:nth-last-child(1) { | |
| 190 padding-right: 1em; | |
| 191 } | |
| 192 | |
| 193 table.list:not([class*='filtered']) .tab .name { | |
| 194 padding-left: 1.5em; | |
| 195 } | |
| 196 | |
| 197 table.list .name { | |
| 198 width: 100%; | |
| 199 } | |
| 200 | |
| 201 table.list .name div { | |
| 202 height: 1.6em; | |
| 203 overflow: hidden; | |
| 204 text-overflow: ellipsis; | |
| 205 white-space: nowrap; | |
| 206 } | |
| 207 | |
| 208 table.list .pid { | |
| 209 text-align: right; | |
| 210 width: 4em; | |
| 211 } | |
| 212 | |
| 213 table.list .pid .th { | |
| 214 padding: 0; | |
| 215 } | |
| 216 | |
| 217 table.list .type { | |
| 218 width: 5em; | |
| 219 } | |
| 220 | |
| 221 table.list .number { | |
| 222 text-align: right; | |
| 223 width: 7em; | |
| 224 } | |
| 225 | |
| 226 table.list .total { | |
| 227 font-weight: bold; | |
| 228 } | |
| 229 | |
| 230 table.list .total .name { | |
| 231 color: rgb(49, 93, 148); | |
| 232 text-align: right; | |
| 233 } | |
| 234 | |
| 235 table.list .total td { | |
| 236 background: white !important; | |
| 237 border-top: 1px solid rgb(181, 198, 222); | |
| 238 } | |
| 239 | |
| 240 table.list .noResults { | |
| 241 display: none; | |
| 242 } | |
| 243 | |
| 244 table.list.noResults .noResults { | |
| 245 display: table-row; | |
| 246 } | |
| 247 | |
| 248 table.list .noResults td { | |
| 249 color: #3f3f3f; | |
| 250 padding: 3em 0; | |
| 251 text-align: center; | |
| 252 } | |
| 253 | |
| 254 table.list#browserComparison .name { | |
| 255 background-position: 5px center; | |
| 256 background-repeat: no-repeat; | |
| 257 padding-left: 25px; | |
| 258 } | |
| 259 | |
| 260 div.help { | |
| 261 background: url('../images/help.png') center bottom no-repeat; | |
| 262 display: inline-block; | |
| 263 height: 14px; | |
| 264 margin: -1px 0; | |
| 265 opacity: 0.33; | |
| 266 width: 14px; | |
| 267 } | |
| 268 | |
| 269 div.help:hover { | |
| 270 opacity: 1; | |
| 271 } | |
| 272 | |
| 273 div.help div { | |
| 274 display: none; | |
| 275 } | |
| 276 | |
| 277 #helpTooltip { | |
| 278 background: rgb(214, 232, 255); | |
| 279 border: 1px solid rgb(168, 207, 255); | |
| 280 border-radius: 0; | |
| 281 box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33); | |
| 282 font-size: 92%; | |
| 283 line-height: 140%; | |
| 284 max-width: 30em; | |
| 285 padding: 0.3em 0.8em; | |
| 286 position: absolute; | |
| 287 z-index: 1000; | |
| 288 } | |
| 289 | |
| 290 #helpTooltip p { | |
| 291 margin: 0.6em 0; | |
| 292 } | |
| 293 | |
| 294 div.otherbrowsers { | |
| 295 font-size: 84%; | |
| 296 text-align: center; | |
| 297 width: 100%; | |
| 298 } | |
| OLD | NEW |