OLD | NEW |
---|---|
1 body, div, dl, h1, h2, h3, h4, h5, h6, html, img, | 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, | 2 dd, dt, embed, form, object, td, tr, canvas, command, group, mark, meter, |
3 output, progress, summary, audio, time, video { | 3 output, progress, summary, audio, time, video { |
4 border: 0; | 4 border: 0; |
5 margin: 0; | 5 margin: 0; |
6 padding: 0; | 6 padding: 0; |
7 } | 7 } |
8 html { | 8 html { |
9 background: #fff; | 9 background: #fff; |
10 color: #333; | 10 color: #333; |
(...skipping 10 matching lines...) Expand all Loading... | |
21 } | 21 } |
22 strong { | 22 strong { |
23 color: #222; | 23 color: #222; |
24 } | 24 } |
25 body, html { | 25 body, html { |
26 height: 100%; | 26 height: 100%; |
27 min-width: 100%; | 27 min-width: 100%; |
28 position: absolute; | 28 position: absolute; |
29 } | 29 } |
30 .wrapper { | 30 .wrapper { |
31 min-height: 100%; | |
31 position: relative; | 32 position: relative; |
32 min-height: 100%; | |
33 } | 33 } |
34 .content { | 34 .content { |
35 padding: 0 44px; | 35 padding: 0 44px; |
36 } | 36 } |
37 .main { | 37 .main { |
38 margin: 0 auto; | 38 margin: 0 auto; |
39 padding-bottom: 100px; | |
39 padding-top: 23px; | 40 padding-top: 23px; |
40 padding-bottom: 100px; | |
41 width: 650px; | 41 width: 650px; |
42 } | 42 } |
43 button, input, select, textarea { | 43 button, input, select, textarea { |
44 font-family: inherit; | 44 font-family: inherit; |
45 font-size: inherit; | 45 font-size: inherit; |
46 } | 46 } |
47 input[type=email], | 47 input[type=email], |
48 input[type=number], | 48 input[type=number], |
49 input[type=password], | 49 input[type=password], |
50 input[type=text], | 50 input[type=text], |
51 input[type=url] { | 51 input[type=url] { |
52 -webkit-border-radius: 1px; | 52 -webkit-border-radius: 1px; |
53 -webkit-box-sizing: border-box; | 53 -webkit-box-sizing: border-box; |
54 background: #fff; | 54 background: #fff; |
55 border: 1px solid #d9d9d9; | 55 border: 1px solid #d9d9d9; |
56 border-radius: 1px; | |
56 border-top: 1px solid #c0c0c0; | 57 border-top: 1px solid #c0c0c0; |
57 box-sizing: border-box; | 58 box-sizing: border-box; |
58 border-radius: 1px; | |
59 display: inline-block; | 59 display: inline-block; |
60 height: 29px; | 60 height: 29px; |
61 margin: 0; | 61 margin: 0; |
62 padding-left: 8px; | 62 padding-left: 8px; |
63 } | 63 } |
64 input[type=email]:hover, | 64 input[type=email]:hover, |
65 input[type=number]:hover, | 65 input[type=number]:hover, |
66 input[type=password]:hover, | 66 input[type=password]:hover, |
67 input[type=text]:hover, | 67 input[type=text]:hover, |
68 input[type=url]:hover { | 68 input[type=url]:hover { |
(...skipping 22 matching lines...) Expand all Loading... | |
91 } | 91 } |
92 input[type=email][disabled=disabled]:hover, | 92 input[type=email][disabled=disabled]:hover, |
93 input[type=number][disabled=disabled]:hover, | 93 input[type=number][disabled=disabled]:hover, |
94 input[type=password][disabled=disabled]:hover, | 94 input[type=password][disabled=disabled]:hover, |
95 input[type=text][disabled=disabled]:hover, | 95 input[type=text][disabled=disabled]:hover, |
96 input[type=url][disabled=disabled]:hover { | 96 input[type=url][disabled=disabled]:hover { |
97 -webkit-box-shadow: none; | 97 -webkit-box-shadow: none; |
98 box-shadow: none; | 98 box-shadow: none; |
99 } | 99 } |
100 .g-button { | 100 .g-button { |
101 -ms-transition: all 218ms; | |
102 -o-transition: all 218ms; | |
103 -webkit-border-radius: 2px; | 101 -webkit-border-radius: 2px; |
104 -webkit-transition: all 218ms; | 102 -webkit-transition: all 218ms; |
105 -webkit-user-select: none; | 103 -webkit-user-select: none; |
106 border-radius: 2px; | |
107 background-color: #f5f5f5; | 104 background-color: #f5f5f5; |
108 background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),t o(#f1f1f1)); | |
109 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); | 105 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); | 106 background-image: linear-gradient(top,#f5f5f5,#f1f1f1); |
113 border: 1px solid rgba(0,0,0,0.1); | 107 border: 1px solid rgba(0,0,0,0.1); |
114 display: inline-block; | 108 border-radius: 2px; |
115 color: #555; | 109 color: #555; |
116 cursor: default; | 110 cursor: default; |
111 display: inline-block; | |
117 font-size: 11px; | 112 font-size: 11px; |
118 font-weight: bold; | 113 font-weight: bold; |
119 height: 27px; | 114 height: 27px; |
120 line-height: 27px; | 115 line-height: 27px; |
121 min-width: 54px; | 116 min-width: 54px; |
122 padding: 0 8px; | 117 padding: 0 8px; |
123 text-align: center; | 118 text-align: center; |
124 transition: all 218ms; | 119 transition: all 218ms; |
125 user-select: none; | 120 user-select: none; |
126 } | 121 } |
127 *+html .g-button { | 122 *+html .g-button { |
128 min-width: 70px; | 123 min-width: 70px; |
129 } | 124 } |
130 button.g-button, | 125 button.g-button, |
131 input[type=submit].g-button { | 126 input[type=submit].g-button { |
132 height: 29px; | 127 height: 29px; |
133 line-height: 29px; | 128 line-height: 29px; |
134 margin: 0; | 129 margin: 0; |
135 vertical-align: bottom; | 130 vertical-align: bottom; |
136 } | 131 } |
137 *+html button.g-button, | 132 *+html button.g-button, |
138 *+html input[type=submit].g-button { | 133 *+html input[type=submit].g-button { |
139 overflow: visible; | 134 overflow: visible; |
csilv
2012/05/25 23:39:19
nit: indent 134 by two spaces.
zel
2012/05/25 23:46:43
Done.
| |
140 } | 135 } |
141 .g-button:hover { | 136 .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); | 137 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
145 -webkit-transition: all 0ms; | 138 -webkit-transition: all 0ms; |
146 background-color: #f8f8f8; | 139 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); | 140 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); | 141 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); |
142 border: 1px solid #c6c6c6; | |
152 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | 143 box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
153 border: 1px solid #c6c6c6; | |
154 color: #333; | 144 color: #333; |
155 text-decoration: none; | 145 text-decoration: none; |
156 transition: all 0ms; | 146 transition: all 0ms; |
157 } | 147 } |
158 .g-button:active { | 148 .g-button:active { |
159 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | 149 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
160 background-color: #f6f6f6; | 150 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); | 151 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); | 152 background-image: linear-gradient(top,#f6f6f6,#f1f1f1); |
166 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | 153 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
167 } | 154 } |
168 .g-button:visited { | 155 .g-button:visited { |
169 color: #666; | 156 color: #666; |
170 } | 157 } |
171 .g-button-submit { | 158 .g-button-submit { |
172 background-color: #4d90fe; | 159 background-color: #4d90fe; |
173 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#4787ed)); | 160 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),t o(#4787ed)); |
174 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); | 161 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); |
175 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); | 162 background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); |
176 background-image: -o-linear-gradient(top,#4d90fe,#4787ed); | 163 background-image: -o-linear-gradient(top,#4d90fe,#4787ed); |
177 background-image: linear-gradient(top,#4d90fe,#4787ed); | 164 background-image: linear-gradient(top,#4d90fe,#4787ed); |
178 border: 1px solid #3079ed; | 165 border: 1px solid #3079ed; |
179 color: #fff; | 166 color: #fff; |
180 text-shadow: 0 1px rgba(0,0,0,0.1); | 167 text-shadow: 0 1px rgba(0,0,0,0.1); |
181 } | 168 } |
182 .g-button-submit:hover { | 169 .g-button-submit:hover { |
183 background-color: #357ae8; | 170 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); | 171 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); | 172 background-image: linear-gradient(top,#4d90fe,#357ae8); |
189 border: 1px solid #2f5bb7; | 173 border: 1px solid #2f5bb7; |
190 color: #fff; | 174 color: #fff; |
191 text-shadow: 0 1px rgba(0,0,0,0.3); | 175 text-shadow: 0 1px rgba(0,0,0,0.3); |
192 } | 176 } |
193 .g-button-submit:active { | 177 .g-button-submit:active { |
194 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | 178 -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); | 179 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); |
196 } | 180 } |
197 .g-button-submit:visited { | 181 .g-button-submit:visited { |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
263 font-size: 13px; | 247 font-size: 13px; |
264 height: 32px; | 248 height: 32px; |
265 margin: 0 1.5em 1.2em 0; | 249 margin: 0 1.5em 1.2em 0; |
266 } | 250 } |
267 .errormsg { | 251 .errormsg { |
268 display: none; | 252 display: none; |
269 } | 253 } |
270 .form-error + .errormsg { | 254 .form-error + .errormsg { |
271 display: block; | 255 display: block; |
272 } | 256 } |
OLD | NEW |