| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| body { |
| margin: 10px 10px 0; |
| <if expr="not is_android and not is_ios"> |
| min-width: 47em; |
| </if> |
| /* Should be larger than the evaluated height of needs-restart. */ |
| padding-bottom: 100px; |
| } |
| |
| a { |
| color: blue; |
| font-size: 103%; |
| } |
| |
| .permalink { |
| color: #A0A0A0; |
| } |
| |
| #header { |
| -webkit-padding-start: 55px; |
| background: url(../../../ui/webui/resources/images/hazard.svg) |
| left center / 48px no-repeat; |
| line-height: 48px; |
| margin-bottom: 1.05em; |
| } |
| |
| #title-spacer { |
| display: table-cell; |
| vertical-align: middle; |
| } |
| |
| html[dir=rtl] #header { |
| background-position: right center; |
| } |
| |
| h1 { |
| font-size: 156%; |
| font-weight: bold; |
| margin: 0; |
| padding: 0; |
| } |
| |
| .blurb-container { |
| font-size: 120%; |
| padding-bottom: 1.5em; |
| } |
| |
| #blurb-warning { |
| color: red; |
| font-weight: bold; |
| } |
| |
| div.content { |
| font-size: 88%; |
| margin: 5px auto 10px; |
| } |
| |
| div.content:last-of-type { |
| margin-bottom: 0; |
| } |
| |
| .section-header { |
| background: rgb(235, 239, 249); |
| border-top: 1px solid rgb(181, 199, 222); |
| font-size: 99%; |
| padding: 2px 5px 3px; |
| width: 100%; |
| } |
| |
| .section-header > table tr td:first-child { |
| width: 100%; |
| } |
| |
| .section-header > table { |
| width: 100%; |
| } |
| |
| .section-header-title { |
| font-weight: bold; |
| line-height: 200%; |
| } |
| |
| select { |
| max-width: 85vw; |
| } |
| |
| #experiment-reset-all { |
| float: right; |
| } |
| |
| html[dir=rtl] #experiment-reset-all { |
| float: left; |
| } |
| |
| .vbox-container { |
| -webkit-box-orient: vertical; |
| display: -webkit-box; |
| } |
| |
| .wbox { |
| -webkit-box-align: stretch; |
| -webkit-box-flex: 1; |
| display: -webkit-box; |
| } |
| |
| #top { |
| -webkit-padding-end: 5px; |
| } |
| |
| /* Default and unsupported experiments display grey text on a grey background. |
| The title, however, should remain legible. */ |
| |
| .experiment-unsupported > td, |
| .experiment-default > td { |
| background: #F0F0F0; |
| color: #A0A0A0; |
| } |
| |
| .experiment-unsupported .experiment-name, |
| .experiment-default .experiment-name { |
| color: #000; |
| } |
| |
| .experiment { |
| border-bottom: 1px solid #cdcdcd; |
| } |
| |
| .experiment td { |
| padding-bottom: 4px; |
| padding-top: 5px; |
| } |
| |
| /* Indent the text related to each experiment. */ |
| .experiment-text { |
| -webkit-padding-start: 5px; |
| } |
| |
| .experiment-name { |
| font-weight: bold; |
| } |
| |
| .referenced .experiment-name { |
| background-color: rgb(255, 255, 0); |
| } |
| |
| /* Match the indentation of .experiment-text. */ |
| .experiment-actions { |
| -webkit-padding-start: 5px; |
| margin-bottom: 0.2em; |
| margin-top: 0.2em; |
| } |
| |
| div.needs-restart { |
| /* If you modify properties that change the height of this, |
| * update body.padding-bottom. */ |
| background: #FFF; |
| border-top: 1px solid rgb(181, 199, 222); |
| bottom: 0; |
| box-shadow: 0 -2px 2px #ddd; |
| box-sizing: border-box; |
| left: 0; |
| padding-bottom: 15px; |
| padding-left: 15px; |
| padding-right: 15px; |
| padding-top: 15px; |
| position: fixed; |
| width: 100%; |
| } |
| |
| .experiment-restart-button { |
| -webkit-user-select: none; |
| background: rgb(76, 142, 250); |
| border: 0; |
| border-radius: 2px; |
| box-sizing: border-box; |
| color: #fff; |
| cursor: pointer; |
| font-weight: 700; |
| margin-top: 10px; |
| padding: 10px 24px; |
| text-transform: uppercase; |
| transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); |
| } |
| |
| button { |
| font-size: 104%; |
| } |
| |