OLD | NEW |
---|---|
(Empty) | |
1 body, div, dl, h1, h2, h3, h4, h5, h6, html, img, | |
2 dd, dt, embed, form, object, td, tr, canvas, command, group, mark, meter, | |
3 output, progress, summary, audio, time, video { | |
4 border: 0; | |
5 margin: 0; | |
6 padding: 0; | |
7 } | |
8 html { | |
9 background: #fff; | |
10 color: #333; | |
11 direction: ltr; | |
12 font: 81.25% arial, helvetica, sans-serif; | |
13 line-height: 1; | |
14 } | |
15 h1, h2, h3, h4, h5, h6 { | |
16 color: #222; | |
17 font-size: 1.54em; | |
18 font-weight: normal; | |
19 line-height: 24px; | |
20 margin: 0 0 .46em; | |
21 } | |
22 strong { | |
23 color: #222; | |
24 } | |
25 body, html { | |
26 height: 100%; | |
27 min-width: 100%; | |
28 position: absolute; | |
29 } | |
30 .wrapper { | |
31 position: relative; | |
32 min-height: 100%; | |
csilv
2012/05/25 22:38:39
nit: alphabetical order for 'position' and 'min-he
zel
2012/05/25 23:33:53
Done.
| |
33 } | |
34 .content { | |
35 padding: 0 44px; | |
36 } | |
37 .main { | |
38 margin: 0 auto; | |
39 padding-top: 23px; | |
40 padding-bottom: 100px; | |
41 width: 650px; | |
42 } | |
43 button, input, select, textarea { | |
44 font-family: inherit; | |
45 font-size: inherit; | |
46 } | |
47 input[type=email], | |
48 input[type=number], | |
49 input[type=password], | |
50 input[type=text], | |
51 input[type=url] { | |
52 -webkit-border-radius: 1px; | |
53 -webkit-box-sizing: border-box; | |
54 background: #fff; | |
55 border: 1px solid #d9d9d9; | |
56 border-top: 1px solid #c0c0c0; | |
57 box-sizing: border-box; | |
58 border-radius: 1px; | |
59 display: inline-block; | |
60 height: 29px; | |
61 margin: 0; | |
62 padding-left: 8px; | |
63 } | |
64 input[type=email]:hover, | |
65 input[type=number]:hover, | |
66 input[type=password]:hover, | |
67 input[type=text]:hover, | |
68 input[type=url]:hover { | |
69 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
70 border: 1px solid #b9b9b9; | |
71 border-top: 1px solid #a0a0a0; | |
72 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
73 } | |
74 input[type=email]:focus, | |
75 input[type=number]:focus, | |
76 input[type=password]:focus, | |
77 input[type=text]:focus, | |
78 input[type=url]:focus { | |
79 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
80 border: 1px solid #4d90fe; | |
81 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
82 outline: none; | |
83 } | |
84 input[type=email][disabled=disabled], | |
85 input[type=number][disabled=disabled], | |
86 input[type=password][disabled=disabled], | |
87 input[type=text][disabled=disabled], | |
88 input[type=url][disabled=disabled] { | |
89 background: #f5f5f5; | |
90 border: 1px solid #e5e5e5; | |
91 } | |
92 input[type=email][disabled=disabled]:hover, | |
93 input[type=number][disabled=disabled]:hover, | |
94 input[type=password][disabled=disabled]:hover, | |
95 input[type=text][disabled=disabled]:hover, | |
96 input[type=url][disabled=disabled]:hover { | |
97 -webkit-box-shadow: none; | |
98 box-shadow: none; | |
99 } | |
100 .g-button { | |
101 -ms-transition: all 218ms; | |
102 -o-transition: all 218ms; | |
csilv
2012/05/25 22:38:39
nit: don't need to keep -ms, -o attributes (here a
zel
2012/05/25 23:33:53
Done.
| |
103 -webkit-border-radius: 2px; | |
104 -webkit-transition: all 218ms; | |
105 -webkit-user-select: none; | |
106 border-radius: 2px; | |
csilv
2012/05/25 22:38:39
nit: order 'border-radius' after 'border'.
zel
2012/05/25 23:33:53
Done.
| |
107 background-color: #f5f5f5; | |
108 background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),t o(#f1f1f1)); | |
csilv
2012/05/25 22:38:39
don't need -webkit-gradient, overridden by -webkit
zel
2012/05/25 23:33:53
Done.
| |
109 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); | |
110 background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); | |
111 background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); | |
112 background-image: linear-gradient(top,#f5f5f5,#f1f1f1); | |
113 border: 1px solid rgba(0,0,0,0.1); | |
114 display: inline-block; | |
csilv
2012/05/25 22:38:39
nit: move 'display' below 'cursor'.
zel
2012/05/25 23:33:53
Done.
| |
115 color: #555; | |
116 cursor: default; | |
117 font-size: 11px; | |
118 font-weight: bold; | |
119 height: 27px; | |
120 line-height: 27px; | |
121 min-width: 54px; | |
122 padding: 0 8px; | |
123 text-align: center; | |
124 transition: all 218ms; | |
125 user-select: none; | |
126 } | |
127 *+html .g-button { | |
128 min-width: 70px; | |
129 } | |
130 button.g-button, | |
131 input[type=submit].g-button { | |
132 height: 29px; | |
133 line-height: 29px; | |
134 margin: 0; | |
135 vertical-align: bottom; | |
136 } | |
137 *+html button.g-button, | |
138 *+html input[type=submit].g-button { | |
139 overflow: visible; | |
140 } | |
csilv
2012/05/25 22:38:39
nit: unnecessary indent on 138, extra on 139
zel
2012/05/25 23:33:53
Done.
| |
141 .g-button:hover { | |
142 -ms-transition: all 0ms; | |
143 -o-transition: all 0ms; | |
144 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
145 -webkit-transition: all 0ms; | |
146 background-color: #f8f8f8; | |
147 background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),t o(#f1f1f1)); | |
148 background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); | |
149 background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); | |
150 background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); | |
151 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | |
152 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
csilv
2012/05/25 22:38:39
nit: order 'box-shadow' after 'border'.
zel
2012/05/25 23:33:53
Done.
| |
153 border: 1px solid #c6c6c6; | |
154 color: #333; | |
155 text-decoration: none; | |
156 transition: all 0ms; | |
157 } | |
158 .g-button:active { | |
159 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
160 background-color: #f6f6f6; | |
161 background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),t o(#f1f1f1)); | |
162 background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); | |
163 background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1); | |
164 background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1); | |
165 background-image: linear-gradient(top,#f6f6f6,#f1f1f1); | |
166 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
167 } | |
168 .g-button:visited { | |
169 color: #666; | |
170 } | |
171 .g-button-submit { | |
172 background-color: #4d90fe; | |
173 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#4787ed)); | |
174 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); | |
175 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); | |
176 background-image: -o-linear-gradient(top,#4d90fe,#4787ed); | |
177 background-image: linear-gradient(top,#4d90fe,#4787ed); | |
178 border: 1px solid #3079ed; | |
179 color: #fff; | |
180 text-shadow: 0 1px rgba(0,0,0,0.1); | |
181 } | |
182 .g-button-submit:hover { | |
183 background-color: #357ae8; | |
184 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#357ae8)); | |
185 background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); | |
186 background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); | |
187 background-image: -o-linear-gradient(top,#4d90fe,#357ae8); | |
188 background-image: linear-gradient(top,#4d90fe,#357ae8); | |
189 border: 1px solid #2f5bb7; | |
190 color: #fff; | |
191 text-shadow: 0 1px rgba(0,0,0,0.3); | |
192 } | |
193 .g-button-submit:active { | |
194 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
195 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
196 } | |
197 .g-button-submit:visited { | |
198 color: #fff; | |
199 } | |
200 .g-button-submit:focus { | |
201 -webkit-box-shadow: inset 0 0 0 1px #fff; | |
202 box-shadow: inset 0 0 0 1px #fff; | |
203 } | |
204 .g-button-submit:focus:hover { | |
205 -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); | |
206 box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); | |
207 } | |
208 .g-button:hover img { | |
209 opacity: .72; | |
210 } | |
211 .g-button:active img { | |
212 opacity: 1; | |
213 } | |
214 .errormsg { | |
215 color: #dd4b39; | |
216 display: block; | |
217 line-height: 17px; | |
218 margin: .5em 0 0; | |
219 } | |
220 input[type=email].form-error, | |
221 input[type=number].form-error, | |
222 input[type=password].form-error, | |
223 input[type=text].form-error, | |
224 input[type=url].form-error { | |
225 border: 1px solid #dd4b39; | |
226 } | |
227 html { | |
228 background: transparent; | |
229 } | |
230 .content { | |
231 width: auto; | |
232 } | |
233 .main { | |
234 padding-bottom: 12px; | |
235 padding-top: 23px; | |
236 } | |
237 .signin-box h2 { | |
238 font-size: 16px; | |
239 height: 16px; | |
240 line-height: 17px; | |
241 margin: 0 0 1.2em; | |
242 position: relative; | |
243 } | |
244 .signin-box label { | |
245 display: block; | |
246 margin: 0 0 1.5em; | |
247 } | |
248 .signin-box input[type=text], | |
249 .signin-box input[type=password] { | |
250 font-size: 15px; | |
251 height: 32px; | |
252 width: 100%; | |
253 } | |
254 .signin-box .email-label, | |
255 .signin-box .passwd-label { | |
256 -webkit-user-select: none; | |
257 display: block; | |
258 font-weight: bold; | |
259 margin: 0 0 .5em; | |
260 user-select: none; | |
261 } | |
262 .signin-box input[type=submit] { | |
263 font-size: 13px; | |
264 height: 32px; | |
265 margin: 0 1.5em 1.2em 0; | |
266 } | |
267 .errormsg { | |
268 display: none; | |
269 } | |
270 .form-error + .errormsg { | |
271 display: block; | |
272 } | |
OLD | NEW |