]> git.wh0rd.org Git - chrome-ext/clearhistory-advance-fork.git/blob - css/options.css
clearhistory-1.5
[chrome-ext/clearhistory-advance-fork.git] / css / options.css
1 /* Copyright 2011 Google Inc. All Rights Reserved. */
2
3 /**
4  * @fileoverview The styles for elements of the options page
5  * @author arunjit@google.com (Arunjit Singh)
6  */
7
8 @CHARSET "UTF-8";
9 body {
10   background-color: #eef;
11   color: #222;
12   direction: __MSG_@@bidi_dir__;  /* Predefined message from Chrome Extension */
13   font: 13px/18px "Arial";
14 }
15 header {
16   color: #333;
17   margin: 0 auto;
18   text-align: left;
19   width: 400px;
20 }
21 h1 {
22   color: #dd4b39;
23   font: 20px/24px "Arial" normal;
24   margin: 5px 0 0;
25   padding: 0 5px 3px;
26 }
27 h1 > img,
28 h1 > span {
29   vertical-align: middle;
30 }
31 hr {
32   background-color: #ebebeb;
33   border: none;
34   clear: both;
35   height: 1px;
36   margin: 5px auto;
37   width: 400px;
38 }
39 #content {
40   background-color: #fff;
41   border: 4px solid rgba(0, 0, 0, 0.2);
42   border-radius: 12px;
43   margin: 40px auto 0;
44   padding: 10px 10px 0;
45   width: 500px;
46 }
47 #opt-form {
48   margin: 10px auto;
49   overflow: hidden;
50   width: 400px;
51 }
52 #opt-time,
53 #opt-prompt {
54   background-color: white;
55   clear: left;
56   margin: 5px auto;
57   overflow: hidden;
58   padding: 5px 5px;
59 }
60 .opt-name {
61   float: left;
62   width: 175px;
63 }
64 .opt-value {
65   float: left;
66   width: 215px;
67 }
68 .opt-value .opt-option {
69   clear: left;
70   margin-bottom: 5px;
71   overflow: hidden;
72 }
73 .opt-value .opt-option .opt-chk {
74   float: left;
75 }
76 .opt-value .opt-option .opt-label {
77   float: left;
78   margin-top: -3px;
79   padding-left: 6px;
80 }
81 #optionsSaved {
82   clear: left;
83   margin: 10px auto 5px;
84   padding: 5px;
85   text-align: center;
86 }
87 #optionsSaved b {
88   background-color: #f9edbe;
89   border: 1px solid #f0c36d;
90   border-radius: 2px;
91   color: #333;
92   font-weight: normal;
93   opacity: 0;
94   padding: 6px 16px;
95   -webkit-transition: opacity 130ms ease-in-out;
96 }
97 #optionsSaved.show b {
98   opacity: 1;
99   -webkit-transition: opacity 50ms ease-in-out;
100 }
101 input[type="checkbox"],
102 input[type="radio"] {
103   -webkit-appearance: none;
104   background-color: white;
105   border: 1px solid #dcdcdc;
106   height: 13px;
107   margin: 0;
108   width: 13px;
109 }
110 input[type="radio"] {
111   border-radius: 50%;
112   height: 15px;
113   width: 15px;
114 }
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)
119 }
120 input[type="checkbox"]:active,
121 input[type="radio"]:active {
122   background-color: #ebebeb;
123   border-color: #c6c6c6;
124 }
125 input[type="radio"]:checked::after {
126   background: #666;
127   border-radius: 50%;
128   content: '';
129   display: block;
130   height: 7px;
131   margin: 3px auto;
132   width: 7px;
133 }
134 input[type="checkbox"]:checked::after {
135   content: url('../images/check.png');
136   display: block;
137   left: -5px;
138   position: relative;
139   top: -6px;
140 }
141 input[type="checkbox"]:focus,
142 input[type="radio"]:focus {
143   outline: none;
144   border-color: #4d90fe;
145 }