| Index: chrome/browser/resources/chromeos/chromevox/chromevox/background/options.css
|
| diff --git a/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.css b/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..40cbfd15850f6d5f1c4978ad468b3149aaa41675
|
| --- /dev/null
|
| +++ b/chrome/browser/resources/chromeos/chromevox/chromevox/background/options.css
|
| @@ -0,0 +1,101 @@
|
| +/* Copyright 2017 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. */
|
| +
|
| +@import url(https://fonts.googleapis.com/css?family=Roboto);
|
| +
|
| +body {
|
| + margin: 0 0 20px 0;
|
| + padding: 0;
|
| +}
|
| +
|
| +body,
|
| +button,
|
| +input,
|
| +select {
|
| + background-color: rgb(241, 241, 241);
|
| + font-family: Roboto;
|
| +}
|
| +
|
| +h1 {
|
| + background: rgb(247, 152, 58);
|
| + color: white;
|
| + display: block;
|
| + font-size: 16px;
|
| + height: 56px;
|
| + line-height: 56px;
|
| + text-align: center;
|
| + width: 100%;
|
| +}
|
| +
|
| +h2 {
|
| + color: rgb(97, 97, 97);
|
| + font-size: 13px;
|
| + height: 15px;
|
| + margin-top: 21px;
|
| +}
|
| +
|
| +.container {
|
| + margin-left: auto;
|
| + margin-right: auto;
|
| + width: 646px;
|
| +}
|
| +
|
| +.option {
|
| + background-color: #fff;
|
| + border: 1px solid #ddd;
|
| + font-size: 13px;
|
| + line-height: 60px;
|
| + min-height: 60px;
|
| + padding: 0 20px;
|
| + vertical-align: middle;
|
| + width: 646px;
|
| +}
|
| +
|
| +.option input[type='checkbox'] {
|
| + -webkit-appearance: none;
|
| + background-color: #fff;
|
| + background-image: url(unchecked.png);
|
| + background-position: center center;
|
| + background-repeat: no-repeat;
|
| + border: 0;
|
| + float: right;
|
| + height: 60px;
|
| + margin: 0;
|
| + padding: 0;
|
| + width: 40px;
|
| +}
|
| +
|
| +.option input[type='checkbox']:checked {
|
| + background-image: url(checked.png);
|
| +}
|
| +
|
| +.option select {
|
| + background-color: #fff;
|
| + border-color: #ddd;
|
| + border-width: 0 0 1px 0;
|
| + height: 20px;
|
| + line-height: 60px;
|
| + margin: 20px 0;
|
| + padding: 0;
|
| +}
|
| +
|
| +.option input {
|
| + background-color: #fff;
|
| + border-color: #ddd;
|
| + border-width: 0 0 2px 0;
|
| + outline: none;
|
| +}
|
| +
|
| +.option input:focus {
|
| + border-color: rgb(0, 0, 255);
|
| +}
|
| +
|
| +.option button {
|
| + background-color: #ddd;
|
| + border-width: 0;
|
| + font-weight: bold;
|
| + height: 30px;
|
| + margin-left: 20px;
|
| + padding: 0 20px;
|
| +}
|
|
|