1 /* Copyright 2011 Google Inc. All Rights Reserved. */
4 * @fileoverview The styles for elements of the options page
5 * @author arunjit@google.com (Arunjit Singh)
10 background-color: #eef;
12 direction: __MSG_@@bidi_dir__; /* Predefined message from Chrome Extension */
13 font: 13px/18px "Arial";
23 font: 20px/24px "Arial" normal;
29 vertical-align: middle;
32 background-color: #ebebeb;
40 background-color: #fff;
41 border: 4px solid rgba(0, 0, 0, 0.2);
54 background-color: white;
68 .opt-value .opt-option {
73 .opt-value .opt-option .opt-chk {
76 .opt-value .opt-option .opt-label {
83 margin: 10px auto 5px;
88 background-color: #f9edbe;
89 border: 1px solid #f0c36d;
95 -webkit-transition: opacity 130ms ease-in-out;
97 #optionsSaved.show b {
99 -webkit-transition: opacity 50ms ease-in-out;
101 input[type="checkbox"],
102 input[type="radio"] {
103 -webkit-appearance: none;
104 background-color: white;
105 border: 1px solid #dcdcdc;
110 input[type="radio"] {
115 input[type="checkbox"]:hover,
116 input[type="radio"]:hover {
117 border-color: #c6c6c6;
118 -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1)
120 input[type="checkbox"]:active,
121 input[type="radio"]:active {
122 background-color: #ebebeb;
123 border-color: #c6c6c6;
125 input[type="radio"]:checked::after {
134 input[type="checkbox"]:checked::after {
135 content: url('../images/check.png');
141 input[type="checkbox"]:focus,
142 input[type="radio"]:focus {
144 border-color: #4d90fe;