| /* 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 { |
| padding: 0; |
| } |
| |
| .navigation { |
| color: rgb(92, 97, 102); |
| } |
| |
| .navigation h1 { |
| margin: 0; |
| padding: 21px 23px 13px; |
| } |
| |
| .navigation ul { |
| list-style-type: none; |
| padding: 0; |
| } |
| |
| .navigation ul > li { |
| -webkit-border-start: 6px solid transparent; |
| -webkit-padding-start: 18px; |
| -webkit-user-select: none; |
| line-height: 29px; |
| } |
| |
| .navigation ul > li.selected { |
| -webkit-border-start-color: rgb(78, 87, 100); |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .page { |
| color: rgb(48, 57, 66); |
| left: 155px; |
| max-width: 738px; |
| min-width: 600px; |
| position: fixed; |
| right: 0; |
| top: 0; |
| z-index: 3; |
| } |
| |
| .page header > h1 { |
| margin: 0; |
| padding: 21px 0 13px; |
| } |
| |
| .page header > button { |
| position: absolute; |
| right: 20px; |
| top: 21px; |
| } |
| |
| html[dri=rtl] .page header > button { |
| left: 20px; |
| } |
| |
| /* Create a border under the h1 (but before anything that gets appended |
| * to the end of the header, such as the managed prefs banner). */ |
| .page header > h1::after { |
| -webkit-margin-end: 20px; |
| background-color: rgb(238, 238, 238); |
| content: ''; |
| display: block; |
| height: 1px; |
| position: relative; |
| top: 13px; |
| } |
| |
| .page div { |
| line-height: 29px; |
| } |
| |
| .page img { |
| vertical-align: middle; |
| } |
| |
| .page input { |
| -webkit-margin-end: 4px; |
| } |
| |
| /* TODO(hshi): the layout is wrong in RTL. */ |
| #connectivity-status div { |
| clear: both; |
| float: left; |
| position: relative; |
| } |
| |
| #choose-adapter { |
| font-size: 14px; |
| } |
| |
| .test-performed { |
| color: rgb(70, 78, 90); |
| font-size: 14px; |
| } |
| |
| .test-pending { |
| color: rgb(153, 153, 153); |
| font-size: 14px; |
| } |
| |
| .test-error { |
| color: rgb(206, 57, 38); |
| top: -13px; |
| } |
| |
| div.recommendation { |
| background: -webkit-gradient(linear, left top, left bottom, |
| from(rgb(171, 253, 182)), |
| to(rgb(94, 191, 107))); |
| border: 1px solid rgb(17, 102, 27); |
| line-height: 16px; |
| margin-bottom: 13px; |
| margin-top: -13px; |
| max-width: 600px; |
| padding: 2px; |
| } |