Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2846)

Unified Diff: chrome/browser/resources/chromeos/chromevox/chromevox/background/options.css

Issue 2776293002: Refresh ChromeVox options page CSS (Closed)
Patch Set: Fix missing edits to chromevox_strings.grd Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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;
+}

Powered by Google App Engine
This is Rietveld 408576698