Daniel@0
|
1 body {
|
Daniel@0
|
2 background-color: #ffffff;
|
Daniel@0
|
3 }
|
Daniel@0
|
4
|
Daniel@0
|
5 /* from PURE buttons-core.css */
|
Daniel@0
|
6 .pure-skin-swi .pure-button {
|
Daniel@0
|
7 /* Structure */
|
Daniel@0
|
8 display: inline-block;
|
Daniel@0
|
9 *display: inline; /*IE 6/7*/
|
Daniel@0
|
10 zoom: 1;
|
Daniel@0
|
11 line-height: normal;
|
Daniel@0
|
12 white-space: nowrap;
|
Daniel@0
|
13 vertical-align: baseline;
|
Daniel@0
|
14 text-align: center;
|
Daniel@0
|
15 cursor: pointer;
|
Daniel@0
|
16 -webkit-user-drag: none;
|
Daniel@0
|
17 -webkit-user-select: none;
|
Daniel@0
|
18 -moz-user-select: none;
|
Daniel@0
|
19 -ms-user-select: none;
|
Daniel@0
|
20 user-select: none;
|
Daniel@0
|
21 }
|
Daniel@0
|
22
|
Daniel@0
|
23 /* Firefox: Get rid of the inner focus border */
|
Daniel@0
|
24 .pure-skin-swi .pure-button::-moz-focus-inner{
|
Daniel@0
|
25 padding: 0;
|
Daniel@0
|
26 border: 0;
|
Daniel@0
|
27 }
|
Daniel@0
|
28 /* end from PURE buttons-core.css */
|
Daniel@0
|
29 /* from PURE buttons.css */
|
Daniel@0
|
30 /*csslint unqualified-attributes:false*/
|
Daniel@0
|
31
|
Daniel@0
|
32 .pure-skin-swi .pure-button {
|
Daniel@0
|
33 font-size: 100%;
|
Daniel@0
|
34 *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
|
Daniel@0
|
35 *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
|
Daniel@0
|
36 padding: 0.5em 1.5em 0.5em;
|
Daniel@0
|
37 color: #0c1113; /* rgba not supported (IE 8) */
|
Daniel@0
|
38 /* color: rgba(0, 0, 0, 0.80); rgba supported */
|
Daniel@0
|
39 /* *color: #444; IE 6 & 7 */
|
Daniel@0
|
40 border: 1px solid #9bb5bf; /*IE 6/7/8*/
|
Daniel@0
|
41 border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
|
Daniel@0
|
42 background-color: #b1c5cd;
|
Daniel@0
|
43 text-decoration: none;
|
Daniel@0
|
44 border-radius: 4px;
|
Daniel@0
|
45 -webkit-font-smoothing: antialiased;
|
Daniel@0
|
46 /* Transitions */
|
Daniel@0
|
47 -webkit-transition: 0.1s linear -webkit-box-shadow;
|
Daniel@0
|
48 -moz-transition: 0.1s linear -moz-box-shadow;
|
Daniel@0
|
49 -ms-transition: 0.1s linear box-shadow;
|
Daniel@0
|
50 -o-transition: 0.1s linear box-shadow;
|
Daniel@0
|
51 transition: 0.1s linear box-shadow;
|
Daniel@0
|
52 }
|
Daniel@0
|
53
|
Daniel@0
|
54 .pure-skin-swi .pure-button-hover,
|
Daniel@0
|
55 .pure-skin-swi .pure-button:hover {
|
Daniel@0
|
56 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
|
Daniel@0
|
57 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.05)));
|
Daniel@0
|
58 background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
Daniel@0
|
59 background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.05));
|
Daniel@0
|
60 background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
|
Daniel@0
|
61 background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
Daniel@0
|
62 background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
|
Daniel@0
|
63 }
|
Daniel@0
|
64
|
Daniel@0
|
65 .pure-skin-swi .pure-button:focus {
|
Daniel@0
|
66 outline: 0;
|
Daniel@0
|
67 }
|
Daniel@0
|
68 .pure-skin-swi .pure-button-active,
|
Daniel@0
|
69 .pure-skin-swi .pure-button:active {
|
Daniel@0
|
70 box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
|
Daniel@0
|
71 }
|
Daniel@0
|
72
|
Daniel@0
|
73 .pure-skin-swi .pure-button[disabled],
|
Daniel@0
|
74 .pure-skin-swi .pure-button-disabled,
|
Daniel@0
|
75 .pure-skin-swi .pure-button-disabled:hover,
|
Daniel@0
|
76 .pure-skin-swi .pure-button-disabled:active {
|
Daniel@0
|
77 border: none;
|
Daniel@0
|
78 background-image: none;
|
Daniel@0
|
79 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
Daniel@0
|
80 filter: alpha(opacity=40);
|
Daniel@0
|
81 -khtml-opacity: 0.40;
|
Daniel@0
|
82 -moz-opacity: 0.40;
|
Daniel@0
|
83 opacity: 0.40;
|
Daniel@0
|
84 cursor: not-allowed;
|
Daniel@0
|
85 box-shadow: none;
|
Daniel@0
|
86 }
|
Daniel@0
|
87
|
Daniel@0
|
88 .pure-skin-swi .pure-button-hidden {
|
Daniel@0
|
89 display: none;
|
Daniel@0
|
90 }
|
Daniel@0
|
91
|
Daniel@0
|
92 /* Firefox: Get rid of the inner focus border */
|
Daniel@0
|
93 .pure-skin-swi .pure-button::-moz-focus-inner{
|
Daniel@0
|
94 padding: 0;
|
Daniel@0
|
95 border: 0;
|
Daniel@0
|
96 }
|
Daniel@0
|
97
|
Daniel@0
|
98 .pure-skin-swi .pure-button-primary,
|
Daniel@0
|
99 .pure-skin-swi .pure-button-selected,
|
Daniel@0
|
100 .pure-skin-swi a.pure-button-primary,
|
Daniel@0
|
101 .pure-skin-swi a.pure-button-selected {
|
Daniel@0
|
102 background-color: #457387;
|
Daniel@0
|
103 color: #fcfdfd;
|
Daniel@0
|
104 }
|
Daniel@0
|
105
|
Daniel@0
|
106 /*! Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
|
Daniel@0
|
107 /* This page lists core form styles adopted from Normalize.css. */
|
Daniel@0
|
108 /*! Copyright (c) Nicolas Gallagher and Jonathan Neal */
|
Daniel@0
|
109
|
Daniel@0
|
110 /*! normalize.css v1.1.0 | MIT License | git.io/normalize */
|
Daniel@0
|
111
|
Daniel@0
|
112 /* This page has Normalize.css form-specific style rules applied to a .yui3-form context */
|
Daniel@0
|
113
|
Daniel@0
|
114 /* ==========
|
Daniel@0
|
115 Forms Core
|
Daniel@0
|
116 =========*/
|
Daniel@0
|
117
|
Daniel@0
|
118
|
Daniel@0
|
119 /*
|
Daniel@0
|
120 * Corrects margin displayed oddly in IE 6/7.
|
Daniel@0
|
121 */
|
Daniel@0
|
122
|
Daniel@0
|
123 .pure-skin-swi .pure-form {
|
Daniel@0
|
124 margin: 0;
|
Daniel@0
|
125 }
|
Daniel@0
|
126
|
Daniel@0
|
127 /* Define consistent border, margin, and padding.*/
|
Daniel@0
|
128
|
Daniel@0
|
129
|
Daniel@0
|
130 .pure-skin-swi .pure-form fieldset {
|
Daniel@0
|
131 border: 1px solid #c0c0c0;
|
Daniel@0
|
132 margin: 0 2px;
|
Daniel@0
|
133 padding: 0.35em 0.625em 0.75em;
|
Daniel@0
|
134 }
|
Daniel@0
|
135
|
Daniel@0
|
136 /*
|
Daniel@0
|
137 * 1. Corrects color not being inherited in IE 6/7/8/9.
|
Daniel@0
|
138 * 2. Corrects text not wrapping in Firefox 3.
|
Daniel@0
|
139 * 3. Corrects alignment displayed oddly in IE 6/7.
|
Daniel@0
|
140 */
|
Daniel@0
|
141
|
Daniel@0
|
142 .pure-skin-swi .pure-form legend {
|
Daniel@0
|
143 border: 0; /* 1 */
|
Daniel@0
|
144 padding: 0;
|
Daniel@0
|
145 white-space: normal; /* 2 */
|
Daniel@0
|
146 *margin-left: -7px; /* 3 */
|
Daniel@0
|
147 }
|
Daniel@0
|
148
|
Daniel@0
|
149 /*
|
Daniel@0
|
150 * 1. Corrects font size not being inherited in all browsers.
|
Daniel@0
|
151 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
Daniel@0
|
152 * and Chrome.
|
Daniel@0
|
153 * 3. Improves appearance and consistency in all browsers.
|
Daniel@0
|
154 */
|
Daniel@0
|
155
|
Daniel@0
|
156 .pure-skin-swi .pure-form button,
|
Daniel@0
|
157 .pure-skin-swi .pure-form input,
|
Daniel@0
|
158 .pure-skin-swi .pure-form select,
|
Daniel@0
|
159 .pure-skin-swi .pure-form textarea {
|
Daniel@0
|
160 font-size: 100%; /* 1 */
|
Daniel@0
|
161 margin: 0; /* 2 */
|
Daniel@0
|
162 vertical-align: baseline; /* 3 */
|
Daniel@0
|
163 *vertical-align: middle; /* 3 */
|
Daniel@0
|
164 }
|
Daniel@0
|
165
|
Daniel@0
|
166 /*
|
Daniel@0
|
167 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
|
Daniel@0
|
168 * the UA stylesheet.
|
Daniel@0
|
169 */
|
Daniel@0
|
170
|
Daniel@0
|
171 .pure-skin-swi .pure-form button,
|
Daniel@0
|
172 .pure-skin-swi .pure-form input {
|
Daniel@0
|
173 line-height: normal;
|
Daniel@0
|
174 }
|
Daniel@0
|
175
|
Daniel@0
|
176 /*
|
Daniel@0
|
177 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
Daniel@0
|
178 * and `video` controls.
|
Daniel@0
|
179 * 2. Corrects inability to style clickable `input` types in iOS.
|
Daniel@0
|
180 * 3. Improves usability and consistency of cursor style between image-type
|
Daniel@0
|
181 * `input` and others.
|
Daniel@0
|
182 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
|
Daniel@0
|
183 * Known issue: inner spacing remains in IE 6.
|
Daniel@0
|
184 */
|
Daniel@0
|
185
|
Daniel@0
|
186 .pure-skin-swi .pure-form button,
|
Daniel@0
|
187 .pure-skin-swi .pure-form input[type="button"], /* 1 */
|
Daniel@0
|
188 .pure-skin-swi .pure-form input[type="reset"],
|
Daniel@0
|
189 .pure-skin-swi .pure-form input[type="submit"] {
|
Daniel@0
|
190 -webkit-appearance: button; /* 2 */
|
Daniel@0
|
191 cursor: pointer; /* 3 */
|
Daniel@0
|
192 *overflow: visible; /* 4 */
|
Daniel@0
|
193 }
|
Daniel@0
|
194
|
Daniel@0
|
195 /*
|
Daniel@0
|
196 * Re-set default cursor for disabled elements.
|
Daniel@0
|
197 */
|
Daniel@0
|
198
|
Daniel@0
|
199 .pure-skin-swi .pure-form button[disabled],
|
Daniel@0
|
200 .pure-skin-swi .pure-form input[disabled] {
|
Daniel@0
|
201 cursor: default;
|
Daniel@0
|
202 }
|
Daniel@0
|
203
|
Daniel@0
|
204 /*
|
Daniel@0
|
205 * 1. Addresses box sizing set to content-box in IE 8/9.
|
Daniel@0
|
206 * 2. Removes excess padding in IE 8/9.
|
Daniel@0
|
207 * 3. Removes excess padding in IE 7.
|
Daniel@0
|
208 * Known issue: excess padding remains in IE 6.
|
Daniel@0
|
209 */
|
Daniel@0
|
210
|
Daniel@0
|
211 .pure-skin-swi .pure-form input[type="checkbox"],
|
Daniel@0
|
212 .pure-skin-swi .pure-form input[type="radio"] {
|
Daniel@0
|
213 box-sizing: border-box; /* 1 */
|
Daniel@0
|
214 padding: 0; /* 2 */
|
Daniel@0
|
215 *height: 13px; /* 3 */
|
Daniel@0
|
216 *width: 13px; /* 3 */
|
Daniel@0
|
217 }
|
Daniel@0
|
218
|
Daniel@0
|
219 /*
|
Daniel@0
|
220 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
Daniel@0
|
221 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
Daniel@0
|
222 * (include `-moz` to future-proof).
|
Daniel@0
|
223 */
|
Daniel@0
|
224
|
Daniel@0
|
225 .pure-skin-swi .pure-form input[type="search"] {
|
Daniel@0
|
226 -webkit-appearance: textfield; /* 1 */
|
Daniel@0
|
227 -moz-box-sizing: content-box;
|
Daniel@0
|
228 -webkit-box-sizing: content-box; /* 2 */
|
Daniel@0
|
229 box-sizing: content-box;
|
Daniel@0
|
230 }
|
Daniel@0
|
231
|
Daniel@0
|
232 /*
|
Daniel@0
|
233 * Removes inner padding and search cancel button in Safari 5 and Chrome
|
Daniel@0
|
234 * on OS X.
|
Daniel@0
|
235 */
|
Daniel@0
|
236
|
Daniel@0
|
237 .pure-skin-swi .pure-form input[type="search"]::-webkit-search-cancel-button,
|
Daniel@0
|
238 .pure-skin-swi .pure-form input[type="search"]::-webkit-search-decoration {
|
Daniel@0
|
239 -webkit-appearance: none;
|
Daniel@0
|
240 }
|
Daniel@0
|
241
|
Daniel@0
|
242 /*
|
Daniel@0
|
243 * Removes inner padding and border in Firefox 3+.
|
Daniel@0
|
244 */
|
Daniel@0
|
245
|
Daniel@0
|
246 .pure-skin-swi .pure-form button::-moz-focus-inner,
|
Daniel@0
|
247 .pure-skin-swi .pure-form input::-moz-focus-inner {
|
Daniel@0
|
248 border: 0;
|
Daniel@0
|
249 padding: 0;
|
Daniel@0
|
250 }
|
Daniel@0
|
251
|
Daniel@0
|
252 /*
|
Daniel@0
|
253 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
|
Daniel@0
|
254 * 2. Improves readability and alignment in all browsers.
|
Daniel@0
|
255 */
|
Daniel@0
|
256
|
Daniel@0
|
257 .pure-skin-swi .pure-form textarea {
|
Daniel@0
|
258 overflow: auto; /* 1 */
|
Daniel@0
|
259 vertical-align: top; /* 2 */
|
Daniel@0
|
260 }
|
Daniel@0
|
261 /* =============== forms-responsive.css =================*/
|
Daniel@0
|
262 @media only screen and (max-width : 480px) {
|
Daniel@0
|
263 .pure-skin-swi .pure-form button[type="submit"] {
|
Daniel@0
|
264 margin: 0.7em 0 0;
|
Daniel@0
|
265 }
|
Daniel@0
|
266
|
Daniel@0
|
267 .pure-skin-swi .pure-form input[type="text"],
|
Daniel@0
|
268 .pure-skin-swi .pure-form input[type="password"],
|
Daniel@0
|
269 .pure-skin-swi .pure-form input[type="email"],
|
Daniel@0
|
270 .pure-skin-swi .pure-form input[type="url"],
|
Daniel@0
|
271 .pure-skin-swi .pure-form input[type="date"],
|
Daniel@0
|
272 .pure-skin-swi .pure-form input[type="month"],
|
Daniel@0
|
273 .pure-skin-swi .pure-form input[type="time"],
|
Daniel@0
|
274 .pure-skin-swi .pure-form input[type="datetime"],
|
Daniel@0
|
275 .pure-skin-swi .pure-form input[type="datetime-local"],
|
Daniel@0
|
276 .pure-skin-swi .pure-form input[type="week"],
|
Daniel@0
|
277 .pure-skin-swi .pure-form input[type="number"],
|
Daniel@0
|
278 .pure-skin-swi .pure-form input[type="search"],
|
Daniel@0
|
279 .pure-skin-swi .pure-form input[type="tel"],
|
Daniel@0
|
280 .pure-skin-swi .pure-form input[type="color"],
|
Daniel@0
|
281 .pure-skin-swi .pure-form label {
|
Daniel@0
|
282 margin-bottom: 0.3em;
|
Daniel@0
|
283 display: block;
|
Daniel@0
|
284 }
|
Daniel@0
|
285
|
Daniel@0
|
286 .pure-skin-swi .pure-group input[type="text"],
|
Daniel@0
|
287 .pure-skin-swi .pure-group input[type="password"],
|
Daniel@0
|
288 .pure-skin-swi .pure-group input[type="email"],
|
Daniel@0
|
289 .pure-skin-swi .pure-group input[type="url"],
|
Daniel@0
|
290 .pure-skin-swi .pure-group input[type="date"],
|
Daniel@0
|
291 .pure-skin-swi .pure-group input[type="month"],
|
Daniel@0
|
292 .pure-skin-swi .pure-group input[type="time"],
|
Daniel@0
|
293 .pure-skin-swi .pure-group input[type="datetime"],
|
Daniel@0
|
294 .pure-skin-swi .pure-group input[type="datetime-local"],
|
Daniel@0
|
295 .pure-skin-swi .pure-group input[type="week"],
|
Daniel@0
|
296 .pure-skin-swi .pure-group input[type="number"],
|
Daniel@0
|
297 .pure-skin-swi .pure-group input[type="search"],
|
Daniel@0
|
298 .pure-skin-swi .pure-group input[type="tel"],
|
Daniel@0
|
299 .pure-skin-swi .pure-group input[type="color"] {
|
Daniel@0
|
300 margin-bottom: 0;
|
Daniel@0
|
301 }
|
Daniel@0
|
302
|
Daniel@0
|
303 .pure-skin-swi .pure-form-aligned .pure-control-group label {
|
Daniel@0
|
304 margin-bottom: 0.3em;
|
Daniel@0
|
305 text-align: left;
|
Daniel@0
|
306 display: block;
|
Daniel@0
|
307 width: 100%;
|
Daniel@0
|
308 }
|
Daniel@0
|
309
|
Daniel@0
|
310 .pure-skin-swi .pure-form-aligned .pure-controls {
|
Daniel@0
|
311 margin: 1.5em 0 0 0;
|
Daniel@0
|
312 }
|
Daniel@0
|
313
|
Daniel@0
|
314 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
|
Daniel@0
|
315 .pure-skin-swi .pure-form .pure-help-inline,
|
Daniel@0
|
316 .pure-skin-swi .pure-form-message-inline,
|
Daniel@0
|
317 .pure-skin-swi .pure-form-message {
|
Daniel@0
|
318 display: block;
|
Daniel@0
|
319 font-size: 80%;
|
Daniel@0
|
320 /* increased bottom padding to make it group with its related input element */
|
Daniel@0
|
321 padding: 0.2em 0 0.8em;
|
Daniel@0
|
322 }
|
Daniel@0
|
323 }
|
Daniel@0
|
324
|
Daniel@0
|
325 /* =============== forms.css =================================*/
|
Daniel@0
|
326 .pure-skin-swi .pure-form input[type="text"],
|
Daniel@0
|
327 .pure-skin-swi .pure-form input[type="password"],
|
Daniel@0
|
328 .pure-skin-swi .pure-form input[type="email"],
|
Daniel@0
|
329 .pure-skin-swi .pure-form input[type="url"],
|
Daniel@0
|
330 .pure-skin-swi .pure-form input[type="date"],
|
Daniel@0
|
331 .pure-skin-swi .pure-form input[type="month"],
|
Daniel@0
|
332 .pure-skin-swi .pure-form input[type="time"],
|
Daniel@0
|
333 .pure-skin-swi .pure-form input[type="datetime"],
|
Daniel@0
|
334 .pure-skin-swi .pure-form input[type="datetime-local"],
|
Daniel@0
|
335 .pure-skin-swi .pure-form input[type="week"],
|
Daniel@0
|
336 .pure-skin-swi .pure-form input[type="number"],
|
Daniel@0
|
337 .pure-skin-swi .pure-form input[type="search"],
|
Daniel@0
|
338 .pure-skin-swi .pure-form input[type="tel"],
|
Daniel@0
|
339 .pure-skin-swi .pure-form input[type="color"],
|
Daniel@0
|
340 .pure-skin-swi .pure-form select,
|
Daniel@0
|
341 .pure-skin-swi .pure-form textarea {
|
Daniel@0
|
342 padding: 0.5em 0.6em;
|
Daniel@0
|
343 display: inline-block;
|
Daniel@0
|
344 border: 1px solid #e6e6e6;
|
Daniel@0
|
345 font-size: 0.8em;
|
Daniel@0
|
346 box-shadow: inset 0 1px 3px #e6e6e6;
|
Daniel@0
|
347 border-radius: 8px;
|
Daniel@0
|
348 -webkit-transition: 0.3s linear border;
|
Daniel@0
|
349 -moz-transition: 0.3s linear border;
|
Daniel@0
|
350 -ms-transition: 0.3s linear border;
|
Daniel@0
|
351 -o-transition: 0.3s linear border;
|
Daniel@0
|
352 transition: 0.3s linear border;
|
Daniel@0
|
353 -webkit-box-sizing: border-box;
|
Daniel@0
|
354 -moz-box-sizing: border-box;
|
Daniel@0
|
355 box-sizing: border-box;
|
Daniel@0
|
356 -webkit-font-smoothing: antialiased;
|
Daniel@0
|
357 }
|
Daniel@0
|
358
|
Daniel@0
|
359 .pure-skin-swi .pure-form input[type="text"]:focus,
|
Daniel@0
|
360 .pure-skin-swi .pure-form input[type="password"]:focus,
|
Daniel@0
|
361 .pure-skin-swi .pure-form input[type="email"]:focus,
|
Daniel@0
|
362 .pure-skin-swi .pure-form input[type="url"]:focus,
|
Daniel@0
|
363 .pure-skin-swi .pure-form input[type="date"]:focus,
|
Daniel@0
|
364 .pure-skin-swi .pure-form input[type="month"]:focus,
|
Daniel@0
|
365 .pure-skin-swi .pure-form input[type="time"]:focus,
|
Daniel@0
|
366 .pure-skin-swi .pure-form input[type="datetime"]:focus,
|
Daniel@0
|
367 .pure-skin-swi .pure-form input[type="datetime-local"]:focus,
|
Daniel@0
|
368 .pure-skin-swi .pure-form input[type="week"]:focus,
|
Daniel@0
|
369 .pure-skin-swi .pure-form input[type="number"]:focus,
|
Daniel@0
|
370 .pure-skin-swi .pure-form input[type="search"]:focus,
|
Daniel@0
|
371 .pure-skin-swi .pure-form input[type="tel"]:focus,
|
Daniel@0
|
372 .pure-skin-swi .pure-form input[type="color"]:focus,
|
Daniel@0
|
373 .pure-skin-swi .pure-form select:focus,
|
Daniel@0
|
374 .pure-skin-swi .pure-form textarea:focus {
|
Daniel@0
|
375 outline: 0;
|
Daniel@0
|
376 outline: thin dotted \9; /* IE6-9 */
|
Daniel@0
|
377 border-color: #129FEA;
|
Daniel@0
|
378 }
|
Daniel@0
|
379
|
Daniel@0
|
380 .pure-skin-swi .pure-form input[type="file"]:focus,
|
Daniel@0
|
381 .pure-skin-swi .pure-form input[type="radio"]:focus,
|
Daniel@0
|
382 .pure-skin-swi .pure-form input[type="checkbox"]:focus {
|
Daniel@0
|
383 outline: thin dotted #333;
|
Daniel@0
|
384 outline: 1px auto #129FEA;
|
Daniel@0
|
385 }
|
Daniel@0
|
386 .pure-skin-swi .pure-form .pure-checkbox,
|
Daniel@0
|
387 .pure-skin-swi .pure-form .pure-radio {
|
Daniel@0
|
388 margin: 0.5em 0;
|
Daniel@0
|
389 display: block;
|
Daniel@0
|
390 }
|
Daniel@0
|
391 .pure-skin-swi .pure-form input[type="text"][disabled],
|
Daniel@0
|
392 .pure-skin-swi .pure-form input[type="password"][disabled],
|
Daniel@0
|
393 .pure-skin-swi .pure-form input[type="email"][disabled],
|
Daniel@0
|
394 .pure-skin-swi .pure-form input[type="url"][disabled],
|
Daniel@0
|
395 .pure-skin-swi .pure-form input[type="date"][disabled],
|
Daniel@0
|
396 .pure-skin-swi .pure-form input[type="month"][disabled],
|
Daniel@0
|
397 .pure-skin-swi .pure-form input[type="time"][disabled],
|
Daniel@0
|
398 .pure-skin-swi .pure-form input[type="datetime"][disabled],
|
Daniel@0
|
399 .pure-skin-swi .pure-form input[type="datetime-local"][disabled],
|
Daniel@0
|
400 .pure-skin-swi .pure-form input[type="week"][disabled],
|
Daniel@0
|
401 .pure-skin-swi .pure-form input[type="number"][disabled],
|
Daniel@0
|
402 .pure-skin-swi .pure-form input[type="search"][disabled],
|
Daniel@0
|
403 .pure-skin-swi .pure-form input[type="tel"][disabled],
|
Daniel@0
|
404 .pure-skin-swi .pure-form input[type="color"][disabled],
|
Daniel@0
|
405 .pure-skin-swi .pure-form select[disabled],
|
Daniel@0
|
406 .pure-skin-swi .pure-form textarea[disabled] {
|
Daniel@0
|
407 cursor: not-allowed;
|
Daniel@0
|
408 box-shadow: inset 0 1px 10px #ededed;
|
Daniel@0
|
409 background-color: #ededed;
|
Daniel@0
|
410 color: #adadad;
|
Daniel@0
|
411 border-color: #e6e6e6;
|
Daniel@0
|
412 }
|
Daniel@0
|
413 .pure-skin-swi .pure-form input[readonly],
|
Daniel@0
|
414 .pure-skin-swi .pure-form select[readonly],
|
Daniel@0
|
415 .pure-skin-swi .pure-form textarea[readonly],
|
Daniel@0
|
416 .pure-skin-swi .pure-form input[readonly]:focus,
|
Daniel@0
|
417 .pure-skin-swi .pure-form select[readonly]:focus,
|
Daniel@0
|
418 .pure-skin-swi .pure-form textarea[readonly]:focus {
|
Daniel@0
|
419 background: #eee; /* menu hover bg color */
|
Daniel@0
|
420 color: #777; /* menu text color */
|
Daniel@0
|
421 border-color: #ccc;
|
Daniel@0
|
422 }
|
Daniel@0
|
423 .pure-skin-swi .pure-form input:focus:invalid,
|
Daniel@0
|
424 .pure-skin-swi .pure-form textarea:focus:invalid,
|
Daniel@0
|
425 .pure-skin-swi .pure-form select:focus:invalid {
|
Daniel@0
|
426 color: #b94a48;
|
Daniel@0
|
427 border: 1px solid #ee5f5b;
|
Daniel@0
|
428 }
|
Daniel@0
|
429 .pure-skin-swi .pure-form input:focus:invalid:focus,
|
Daniel@0
|
430 .pure-skin-swi .pure-form textarea:focus:invalid:focus,
|
Daniel@0
|
431 .pure-skin-swi .pure-form select:focus:invalid:focus {
|
Daniel@0
|
432 border-color: #e9322d;
|
Daniel@0
|
433 }
|
Daniel@0
|
434 .pure-skin-swi .pure-form input[type="file"]:focus:invalid:focus,
|
Daniel@0
|
435 .pure-skin-swi .pure-form input[type="radio"]:focus:invalid:focus,
|
Daniel@0
|
436 .pure-skin-swi .pure-form input[type="checkbox"]:focus:invalid:focus {
|
Daniel@0
|
437 outline-color: #e9322d;
|
Daniel@0
|
438 }
|
Daniel@0
|
439 .pure-skin-swi .pure-form select {
|
Daniel@0
|
440 border: 1px solid #e6e6e6;
|
Daniel@0
|
441 background-color: white;
|
Daniel@0
|
442 }
|
Daniel@0
|
443 .pure-skin-swi .pure-form select[multiple] {
|
Daniel@0
|
444 height: auto;
|
Daniel@0
|
445 }
|
Daniel@0
|
446 .pure-skin-swi .pure-form label {
|
Daniel@0
|
447 margin: 0.5em 0 0.2em;
|
Daniel@0
|
448 color: #4f4f4f;
|
Daniel@0
|
449 font-size:90%;
|
Daniel@0
|
450 }
|
Daniel@0
|
451 .pure-skin-swi .pure-form fieldset {
|
Daniel@0
|
452 margin: 0;
|
Daniel@0
|
453 padding: 0.35em 0 0.75em;
|
Daniel@0
|
454 border: 0;
|
Daniel@0
|
455 }
|
Daniel@0
|
456 .pure-skin-swi .pure-form legend {
|
Daniel@0
|
457 display: block;
|
Daniel@0
|
458 width: 100%;
|
Daniel@0
|
459 padding: 0.3em 0;
|
Daniel@0
|
460 margin-bottom: 0.3em;
|
Daniel@0
|
461 font-size: 125%;
|
Daniel@0
|
462 color: #262626;
|
Daniel@0
|
463 border-bottom: 1px solid #ededed;
|
Daniel@0
|
464 }
|
Daniel@0
|
465
|
Daniel@0
|
466 .pure-skin-swi .pure-form-stacked input[type="text"],
|
Daniel@0
|
467 .pure-skin-swi .pure-form-stacked input[type="password"],
|
Daniel@0
|
468 .pure-skin-swi .pure-form-stacked input[type="email"],
|
Daniel@0
|
469 .pure-skin-swi .pure-form-stacked input[type="url"],
|
Daniel@0
|
470 .pure-skin-swi .pure-form-stacked input[type="date"],
|
Daniel@0
|
471 .pure-skin-swi .pure-form-stacked input[type="month"],
|
Daniel@0
|
472 .pure-skin-swi .pure-form-stacked input[type="time"],
|
Daniel@0
|
473 .pure-skin-swi .pure-form-stacked input[type="datetime"],
|
Daniel@0
|
474 .pure-skin-swi .pure-form-stacked input[type="datetime-local"],
|
Daniel@0
|
475 .pure-skin-swi .pure-form-stacked input[type="week"],
|
Daniel@0
|
476 .pure-skin-swi .pure-form-stacked input[type="number"],
|
Daniel@0
|
477 .pure-skin-swi .pure-form-stacked input[type="search"],
|
Daniel@0
|
478 .pure-skin-swi .pure-form-stacked input[type="tel"],
|
Daniel@0
|
479 .pure-skin-swi .pure-form-stacked input[type="color"],
|
Daniel@0
|
480 .pure-skin-swi .pure-form-stacked select,
|
Daniel@0
|
481 .pure-skin-swi .pure-form-stacked label,
|
Daniel@0
|
482 .pure-skin-swi .pure-form-stacked textarea {
|
Daniel@0
|
483 display: block;
|
Daniel@0
|
484 margin: 0.25em 0;
|
Daniel@0
|
485 }
|
Daniel@0
|
486
|
Daniel@0
|
487 .pure-skin-swi .pure-form-aligned input,
|
Daniel@0
|
488 .pure-skin-swi .pure-form-aligned textarea,
|
Daniel@0
|
489 .pure-skin-swi .pure-form-aligned select,
|
Daniel@0
|
490 /* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
|
Daniel@0
|
491 .pure-skin-swi .pure-form-aligned .pure-help-inline,
|
Daniel@0
|
492 .pure-skin-swi .pure-form-message-inline {
|
Daniel@0
|
493 display: inline-block;
|
Daniel@0
|
494 *display: inline; /* IE7 inline-block hack */
|
Daniel@0
|
495 *zoom: 1;
|
Daniel@0
|
496 vertical-align: middle;
|
Daniel@0
|
497 }
|
Daniel@0
|
498
|
Daniel@0
|
499 /* aligned Forms */
|
Daniel@0
|
500 .pure-skin-swi .pure-form-aligned .pure-control-group {
|
Daniel@0
|
501 margin-bottom: 0.5em;
|
Daniel@0
|
502 }
|
Daniel@0
|
503 .pure-skin-swi .pure-form-aligned .pure-control-group label {
|
Daniel@0
|
504 text-align: right;
|
Daniel@0
|
505 display: inline-block;
|
Daniel@0
|
506 vertical-align: middle;
|
Daniel@0
|
507 width: 10em;
|
Daniel@0
|
508 margin: 0 1em 0 0;
|
Daniel@0
|
509 }
|
Daniel@0
|
510 .pure-skin-swi .pure-form-aligned .pure-controls {
|
Daniel@0
|
511 margin: 1.5em 0 0 10em;
|
Daniel@0
|
512 }
|
Daniel@0
|
513
|
Daniel@0
|
514 /* Rounded Inputs */
|
Daniel@0
|
515 .pure-skin-swi .pure-form input.pure-input-rounded,
|
Daniel@0
|
516 .pure-skin-swi .pure-form .pure-input-rounded {
|
Daniel@0
|
517 border-radius: 60px;
|
Daniel@0
|
518 padding: 0.5em 1em;
|
Daniel@0
|
519 }
|
Daniel@0
|
520
|
Daniel@0
|
521 /* Grouped Inputs */
|
Daniel@0
|
522 .pure-skin-swi .pure-form .pure-group fieldset {
|
Daniel@0
|
523 margin-bottom: 10px;
|
Daniel@0
|
524 }
|
Daniel@0
|
525 .pure-skin-swi .pure-form .pure-group input {
|
Daniel@0
|
526 display: block;
|
Daniel@0
|
527 padding: 0.5em 0.6em;
|
Daniel@0
|
528 margin: 0;
|
Daniel@0
|
529 border-radius: 0;
|
Daniel@0
|
530 position: relative;
|
Daniel@0
|
531 top: -1px;
|
Daniel@0
|
532 }
|
Daniel@0
|
533 .pure-skin-swi .pure-form .pure-group input:focus {
|
Daniel@0
|
534 z-index: 2;
|
Daniel@0
|
535 }
|
Daniel@0
|
536 .pure-skin-swi .pure-form .pure-group input:first-child {
|
Daniel@0
|
537 top: 1px;
|
Daniel@0
|
538 border-radius: 8px 8px 0px 0px;
|
Daniel@0
|
539 }
|
Daniel@0
|
540 .pure-skin-swi .pure-form .pure-group input:last-child {
|
Daniel@0
|
541 top: -2px;
|
Daniel@0
|
542 border-radius: 0px 0px 8px 8px;
|
Daniel@0
|
543 }
|
Daniel@0
|
544 .pure-skin-swi .pure-form .pure-group button {
|
Daniel@0
|
545 margin: 0.35em 0;
|
Daniel@0
|
546 }
|
Daniel@0
|
547
|
Daniel@0
|
548 .pure-skin-swi .pure-form .pure-input-1 {
|
Daniel@0
|
549 width: 100%;
|
Daniel@0
|
550 }
|
Daniel@0
|
551 .pure-skin-swi .pure-form .pure-input-2-3 {
|
Daniel@0
|
552 width: 66%;
|
Daniel@0
|
553 }
|
Daniel@0
|
554 .pure-skin-swi .pure-form .pure-input-1-2 {
|
Daniel@0
|
555 width: 50%;
|
Daniel@0
|
556 }
|
Daniel@0
|
557 .pure-skin-swi .pure-form .pure-input-1-3 {
|
Daniel@0
|
558 width: 33%;
|
Daniel@0
|
559 }
|
Daniel@0
|
560 .pure-skin-swi .pure-form .pure-input-1-4 {
|
Daniel@0
|
561 width: 25%;
|
Daniel@0
|
562 }
|
Daniel@0
|
563
|
Daniel@0
|
564 /* Inline help for forms */
|
Daniel@0
|
565 /* Note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
|
Daniel@0
|
566 .pure-skin-swi .pure-form .pure-help-inline,
|
Daniel@0
|
567 .pure-skin-swi .pure-form-message-inline {
|
Daniel@0
|
568 display: inline-block;
|
Daniel@0
|
569 padding-left: 0.3em;
|
Daniel@0
|
570 color: #adadad;
|
Daniel@0
|
571 vertical-align: middle;
|
Daniel@0
|
572 font-size: 90%;
|
Daniel@0
|
573 }
|
Daniel@0
|
574
|
Daniel@0
|
575 /* Block help for forms */
|
Daniel@0
|
576 .pure-skin-swi .pure-form-message {
|
Daniel@0
|
577 display: block;
|
Daniel@0
|
578 color: #adadad;
|
Daniel@0
|
579 font-size: 90%;
|
Daniel@0
|
580 }
|
Daniel@0
|
581 /* note no template for forms-r.css. no skinnable properties */
|
Daniel@0
|
582
|
Daniel@0
|
583 /* foundational CSS */
|
Daniel@0
|
584 .pure-skin-swi .pure-table {
|
Daniel@0
|
585 /* Remove spacing between table cells (from Normalize.css) */
|
Daniel@0
|
586 border-collapse: collapse;
|
Daniel@0
|
587 border-spacing: 0;
|
Daniel@0
|
588 empty-cells: show;
|
Daniel@0
|
589 border: 1px solid #d7e1e5;
|
Daniel@0
|
590 }
|
Daniel@0
|
591
|
Daniel@0
|
592 .pure-skin-swi .pure-table caption {
|
Daniel@0
|
593 color: #adadad;
|
Daniel@0
|
594 font: italic 85%/1 arial, sans-serif;
|
Daniel@0
|
595 padding: 1em 0;
|
Daniel@0
|
596 text-align: center;
|
Daniel@0
|
597 }
|
Daniel@0
|
598
|
Daniel@0
|
599 .pure-skin-swi .pure-table td,
|
Daniel@0
|
600 .pure-skin-swi .pure-table th {
|
Daniel@0
|
601 border-left: 1px solid #d7e1e5;/* inner column border */
|
Daniel@0
|
602 border-width: 0 0 0 1px;
|
Daniel@0
|
603 font-size: inherit;
|
Daniel@0
|
604 margin: 0;
|
Daniel@0
|
605 overflow: visible; /*to make ths where the title is really long work*/
|
Daniel@0
|
606 padding: 0.3em 0.6em; /* cell padding */
|
Daniel@0
|
607 }
|
Daniel@0
|
608
|
Daniel@0
|
609 .pure-skin-swi .pure-table td:first-child,
|
Daniel@0
|
610 .pure-skin-swi .pure-table th:first-child {
|
Daniel@0
|
611 border-left-width: 0;
|
Daniel@0
|
612 }
|
Daniel@0
|
613
|
Daniel@0
|
614 .pure-skin-swi .pure-table thead {
|
Daniel@0
|
615 background-color: #d7e1e5;
|
Daniel@0
|
616 color: #243238;
|
Daniel@0
|
617 text-align: left;
|
Daniel@0
|
618 vertical-align: bottom;
|
Daniel@0
|
619 }
|
Daniel@0
|
620
|
Daniel@0
|
621 /*
|
Daniel@0
|
622 striping:
|
Daniel@0
|
623 even - #fff (white)
|
Daniel@0
|
624 odd - #f2f2f2 (light gray)
|
Daniel@0
|
625 */
|
Daniel@0
|
626 .pure-skin-swi .pure-table td {
|
Daniel@0
|
627 background-color: #e9eff1;
|
Daniel@0
|
628 color: #32474e;
|
Daniel@0
|
629 }
|
Daniel@0
|
630 .pure-skin-swi .pure-table-odd td {
|
Daniel@0
|
631 background-color: #d7e1e5;
|
Daniel@0
|
632 color: #1e2b2f;
|
Daniel@0
|
633 }
|
Daniel@0
|
634
|
Daniel@0
|
635 /* nth-child selector for modern browsers */
|
Daniel@0
|
636 .pure-skin-swi .pure-table-striped tr:nth-child(2n-1) td {
|
Daniel@0
|
637 background-color: #d7e1e5;
|
Daniel@0
|
638 color: #1e2b2f;
|
Daniel@0
|
639 }
|
Daniel@0
|
640
|
Daniel@0
|
641
|
Daniel@0
|
642 /* BORDERED TABLES */
|
Daniel@0
|
643 .pure-skin-swi .pure-table-bordered td {
|
Daniel@0
|
644 border-bottom: 1px solid #d7e1e5;
|
Daniel@0
|
645 }
|
Daniel@0
|
646 .pure-skin-swi .pure-table-bordered tbody > tr:last-child td,
|
Daniel@0
|
647 .pure-skin-swi .pure-table-horizontal tbody > tr:last-child td {
|
Daniel@0
|
648 border-bottom-width: 0;
|
Daniel@0
|
649 }
|
Daniel@0
|
650
|
Daniel@0
|
651 /* HORIZONTAL BORDERED TABLES */
|
Daniel@0
|
652 .pure-skin-swi .pure-table-horizontal td,
|
Daniel@0
|
653 .pure-skin-swi .pure-table-horizontal th {
|
Daniel@0
|
654 border-width: 0 0 1px 0;
|
Daniel@0
|
655 border-bottom:1px solid #d7e1e5;
|
Daniel@0
|
656 }
|
Daniel@0
|
657 .pure-skin-swi .pure-table-horizontal tbody > tr:last-child td {
|
Daniel@0
|
658 border-bottom-width: 0;
|
Daniel@0
|
659 }
|
Daniel@0
|
660
|
Daniel@0
|
661 /* from PURE menu-core.css */
|
Daniel@0
|
662 /*csslint adjoining-classes:false, outline-none:false*/
|
Daniel@0
|
663 /*TODO: Remove this lint rule override after a refactor of this code.*/
|
Daniel@0
|
664
|
Daniel@0
|
665 .pure-skin-swi .pure-menu ul {
|
Daniel@0
|
666 position: absolute;
|
Daniel@0
|
667 visibility: hidden;
|
Daniel@0
|
668 }
|
Daniel@0
|
669
|
Daniel@0
|
670 .pure-skin-swi .pure-menu.pure-menu-open {
|
Daniel@0
|
671 visibility: visible;
|
Daniel@0
|
672 z-index: 2;
|
Daniel@0
|
673 width: 100%;
|
Daniel@0
|
674 }
|
Daniel@0
|
675
|
Daniel@0
|
676 .pure-skin-swi .pure-menu ul {
|
Daniel@0
|
677 left: -10000px;
|
Daniel@0
|
678 list-style: none;
|
Daniel@0
|
679 margin: 0;
|
Daniel@0
|
680 padding: 0;
|
Daniel@0
|
681 top: -10000px;
|
Daniel@0
|
682 z-index: 1;
|
Daniel@0
|
683 }
|
Daniel@0
|
684
|
Daniel@0
|
685 .pure-skin-swi .pure-menu > ul { position: relative; }
|
Daniel@0
|
686
|
Daniel@0
|
687 .pure-skin-swi .pure-menu-open > ul {
|
Daniel@0
|
688 left: 0;
|
Daniel@0
|
689 top: 0;
|
Daniel@0
|
690 visibility: visible;
|
Daniel@0
|
691 }
|
Daniel@0
|
692
|
Daniel@0
|
693 .pure-skin-swi .pure-menu-open > ul:focus {
|
Daniel@0
|
694 outline: 0;
|
Daniel@0
|
695 }
|
Daniel@0
|
696
|
Daniel@0
|
697 .pure-skin-swi .pure-menu li {
|
Daniel@0
|
698 position: relative;
|
Daniel@0
|
699 }
|
Daniel@0
|
700
|
Daniel@0
|
701 .pure-skin-swi .pure-menu a, .pure-skin-swi .pure-menu .pure-menu-heading {
|
Daniel@0
|
702 display: block;
|
Daniel@0
|
703 color: inherit;
|
Daniel@0
|
704 line-height: 1.5em;
|
Daniel@0
|
705 padding: 0.35em 1.4em;
|
Daniel@0
|
706 text-decoration: none;
|
Daniel@0
|
707 white-space: nowrap;
|
Daniel@0
|
708 }
|
Daniel@0
|
709
|
Daniel@0
|
710 .pure-skin-swi .pure-menu.pure-menu-horizontal > .pure-menu-heading {
|
Daniel@0
|
711 display: inline-block;
|
Daniel@0
|
712 *display: inline;
|
Daniel@0
|
713 zoom: 1;
|
Daniel@0
|
714 margin: 0;
|
Daniel@0
|
715 vertical-align: middle;
|
Daniel@0
|
716 }
|
Daniel@0
|
717 .pure-skin-swi .pure-menu.pure-menu-horizontal > ul {
|
Daniel@0
|
718 display: inline-block;
|
Daniel@0
|
719 *display: inline;
|
Daniel@0
|
720 zoom: 1;
|
Daniel@0
|
721 vertical-align: middle;
|
Daniel@0
|
722 /* height: 2.4em; removed for Skin Builder */
|
Daniel@0
|
723 }
|
Daniel@0
|
724
|
Daniel@0
|
725 .pure-skin-swi .pure-menu li a { padding: 0.35em 1.4em; }
|
Daniel@0
|
726
|
Daniel@0
|
727 .pure-skin-swi .pure-menu-can-have-children > .pure-menu-label:after {
|
Daniel@0
|
728 content: '\25B8';
|
Daniel@0
|
729 float: right;
|
Daniel@0
|
730 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; /* These specific fonts have the Unicode char we need. */
|
Daniel@0
|
731 margin-right: -20px;
|
Daniel@0
|
732 margin-top: -1px;
|
Daniel@0
|
733 }
|
Daniel@0
|
734
|
Daniel@0
|
735 .pure-skin-swi .pure-menu-can-have-children > .pure-menu-label {
|
Daniel@0
|
736 padding-right: 30px;
|
Daniel@0
|
737 }
|
Daniel@0
|
738
|
Daniel@0
|
739 .pure-skin-swi .pure-menu-separator {
|
Daniel@0
|
740 background-color: #d7e1e5;
|
Daniel@0
|
741 display: block;
|
Daniel@0
|
742 height: 1px;
|
Daniel@0
|
743 font-size: 0;
|
Daniel@0
|
744 margin: 7px 2px;
|
Daniel@0
|
745 overflow: hidden;
|
Daniel@0
|
746 }
|
Daniel@0
|
747
|
Daniel@0
|
748 .pure-skin-swi .pure-menu-hidden {
|
Daniel@0
|
749 display: none;
|
Daniel@0
|
750 }
|
Daniel@0
|
751
|
Daniel@0
|
752 /* FIXED MENU */
|
Daniel@0
|
753 .pure-skin-swi .pure-menu-fixed {
|
Daniel@0
|
754 position: fixed;
|
Daniel@0
|
755 top:0;
|
Daniel@0
|
756 left:0;
|
Daniel@0
|
757 width: 100%;
|
Daniel@0
|
758 }
|
Daniel@0
|
759
|
Daniel@0
|
760
|
Daniel@0
|
761 /* HORIZONTAL MENU CODE */
|
Daniel@0
|
762
|
Daniel@0
|
763 /* Initial menus should be inline-block so that they are horizontal */
|
Daniel@0
|
764 .pure-skin-swi .pure-menu-horizontal li {
|
Daniel@0
|
765 display: inline-block;
|
Daniel@0
|
766 *display: inline;
|
Daniel@0
|
767 zoom: 1;
|
Daniel@0
|
768 vertical-align: middle;
|
Daniel@0
|
769 }
|
Daniel@0
|
770
|
Daniel@0
|
771 /* Submenus should still be display:block; */
|
Daniel@0
|
772 .pure-skin-swi .pure-menu-horizontal li li {
|
Daniel@0
|
773 display: block;
|
Daniel@0
|
774 }
|
Daniel@0
|
775
|
Daniel@0
|
776 /* Content after should be down arrow */
|
Daniel@0
|
777 .pure-skin-swi .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
|
Daniel@0
|
778 content: "\25BE";
|
Daniel@0
|
779 }
|
Daniel@0
|
780 /*Add extra padding to elements that have the arrow so that the hover looks nice */
|
Daniel@0
|
781 .pure-skin-swi .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
|
Daniel@0
|
782 padding-right: 30px;
|
Daniel@0
|
783 }
|
Daniel@0
|
784
|
Daniel@0
|
785 /* Adjusting separator for vertical menus */
|
Daniel@0
|
786 .pure-skin-swi .pure-menu-horizontal li.pure-menu-separator {
|
Daniel@0
|
787 height: 50%;
|
Daniel@0
|
788 width: 1px;
|
Daniel@0
|
789 margin: 0 7px;
|
Daniel@0
|
790 }
|
Daniel@0
|
791
|
Daniel@0
|
792 /* Submenus should be horizontal separator again */
|
Daniel@0
|
793 .pure-skin-swi .pure-menu-horizontal li li.pure-menu-separator {
|
Daniel@0
|
794 height: 1px;
|
Daniel@0
|
795 width: auto;
|
Daniel@0
|
796 margin: 7px 2px;
|
Daniel@0
|
797 }
|
Daniel@0
|
798
|
Daniel@0
|
799
|
Daniel@0
|
800 /* end from yuicss/menu-core.css *******************************************/
|
Daniel@0
|
801 /* from yuicss menu-paginator.css */
|
Daniel@0
|
802 /*csslint box-model:false*/
|
Daniel@0
|
803 /*TODO: Remove this lint rule override after a refactor of this code.*/
|
Daniel@0
|
804
|
Daniel@0
|
805 .pure-skin-swi .pure-paginator {
|
Daniel@0
|
806
|
Daniel@0
|
807 /* `pure-g` Grid styles */
|
Daniel@0
|
808 letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
|
Daniel@0
|
809 *letter-spacing: normal; /* reset IE < 8 */
|
Daniel@0
|
810 *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
|
Daniel@0
|
811 text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
|
Daniel@0
|
812
|
Daniel@0
|
813 /* `pure-paginator` Specific styles */
|
Daniel@0
|
814 list-style: none;
|
Daniel@0
|
815 margin: 0;
|
Daniel@0
|
816 padding: 0;
|
Daniel@0
|
817 }
|
Daniel@0
|
818 .opera-only :-o-prefocus,
|
Daniel@0
|
819 .pure-skin-swi .pure-paginator {
|
Daniel@0
|
820 word-spacing: -0.43em;
|
Daniel@0
|
821 }
|
Daniel@0
|
822
|
Daniel@0
|
823 /* `pure-u` Grid styles */
|
Daniel@0
|
824 .pure-skin-swi .pure-paginator li {
|
Daniel@0
|
825 display: inline-block;
|
Daniel@0
|
826 *display: inline; /* IE < 8: fake inline-block */
|
Daniel@0
|
827 zoom: 1;
|
Daniel@0
|
828 letter-spacing: normal;
|
Daniel@0
|
829 word-spacing: normal;
|
Daniel@0
|
830 vertical-align: top;
|
Daniel@0
|
831 text-rendering: auto;
|
Daniel@0
|
832 }
|
Daniel@0
|
833 .pure-skin-swi .pure-paginator .pure-button {
|
Daniel@0
|
834 border-radius: 0;
|
Daniel@0
|
835 padding: 0.8em 1.4em;
|
Daniel@0
|
836 vertical-align: top;
|
Daniel@0
|
837 height: 1.1em;
|
Daniel@0
|
838 }
|
Daniel@0
|
839 .pure-skin-swi .pure-paginator .pure-button:focus,
|
Daniel@0
|
840 .pure-skin-swi .pure-paginator .pure-button:active {
|
Daniel@0
|
841 outline-style: none;
|
Daniel@0
|
842 }
|
Daniel@0
|
843 .pure-skin-swi .pure-paginator .prev,
|
Daniel@0
|
844 .pure-skin-swi .pure-paginator .next {
|
Daniel@0
|
845 /*color: #C0C1C3; allow .pure-button to color text*/
|
Daniel@0
|
846 }
|
Daniel@0
|
847 .pure-skin-swi .pure-paginator .prev {
|
Daniel@0
|
848 border-radius: 8px 0px 0px 8px;
|
Daniel@0
|
849 }
|
Daniel@0
|
850 .pure-skin-swi .pure-paginator .next {
|
Daniel@0
|
851 border-radius: 0px 8px 8px 0px;
|
Daniel@0
|
852 }
|
Daniel@0
|
853 /* end from PURE menu-paginator.css ******************************/
|
Daniel@0
|
854 /* from PURE menu.css *******************************************/
|
Daniel@0
|
855 /* MAIN MENU STYLING */
|
Daniel@0
|
856 /*csslint adjoining-classes:false*/
|
Daniel@0
|
857 /*TODO: Remove this lint rule override after a refactor of this code.*/
|
Daniel@0
|
858
|
Daniel@0
|
859 .pure-skin-swi .pure-menu.pure-menu-open,
|
Daniel@0
|
860 .pure-skin-swi .pure-menu.pure-menu-horizontal li .pure-menu-children {
|
Daniel@0
|
861 background: #e9eff1; /* Old browsers */
|
Daniel@0
|
862 border: 1px solid #d7e1e5;
|
Daniel@0
|
863 }
|
Daniel@0
|
864
|
Daniel@0
|
865 /* remove borders for horizontal menus */
|
Daniel@0
|
866 .pure-skin-swi .pure-menu.pure-menu-horizontal,
|
Daniel@0
|
867 .pure-skin-swi .pure-menu.pure-menu-horizontal .pure-menu-heading {
|
Daniel@0
|
868 border: none;
|
Daniel@0
|
869 }
|
Daniel@0
|
870
|
Daniel@0
|
871
|
Daniel@0
|
872 /* LINK STYLES */
|
Daniel@0
|
873
|
Daniel@0
|
874 .pure-skin-swi .pure-menu a {
|
Daniel@0
|
875 border: 1px solid transparent;
|
Daniel@0
|
876 border-left: none;
|
Daniel@0
|
877 border-right: none;
|
Daniel@0
|
878
|
Daniel@0
|
879 }
|
Daniel@0
|
880
|
Daniel@0
|
881 .pure-skin-swi .pure-menu a,
|
Daniel@0
|
882 .pure-skin-swi .pure-menu .pure-menu-can-have-children > li:after {
|
Daniel@0
|
883 color: #32474e;
|
Daniel@0
|
884 }
|
Daniel@0
|
885
|
Daniel@0
|
886 .pure-skin-swi .pure-menu .pure-menu-can-have-children > li:hover:after {
|
Daniel@0
|
887 color: #1e2b2f;
|
Daniel@0
|
888 }
|
Daniel@0
|
889
|
Daniel@0
|
890 /* Focus style for a dropdown menu-item when the parent has been opened */
|
Daniel@0
|
891 .pure-skin-swi .pure-menu .pure-menu-open {
|
Daniel@0
|
892 background: #cddbdf;
|
Daniel@0
|
893 }
|
Daniel@0
|
894
|
Daniel@0
|
895 .pure-skin-swi .pure-menu li a:hover,
|
Daniel@0
|
896 .pure-skin-swi .pure-menu li a:focus {
|
Daniel@0
|
897 background: #cddbdf;
|
Daniel@0
|
898 }
|
Daniel@0
|
899
|
Daniel@0
|
900 /* DISABLED STATES */
|
Daniel@0
|
901 .pure-skin-swi .pure-menu li.pure-menu-disabled a:hover,
|
Daniel@0
|
902 .pure-skin-swi .pure-menu li.pure-menu-disabled a:focus {
|
Daniel@0
|
903 background: #e9eff1;
|
Daniel@0
|
904 color: #89a9b3;
|
Daniel@0
|
905 }
|
Daniel@0
|
906
|
Daniel@0
|
907 .pure-skin-swi .pure-menu .pure-menu-disabled > a {
|
Daniel@0
|
908 background-image: none;
|
Daniel@0
|
909 border-color: transparent;
|
Daniel@0
|
910 cursor: default;
|
Daniel@0
|
911 }
|
Daniel@0
|
912
|
Daniel@0
|
913 .pure-skin-swi .pure-menu .pure-menu-disabled > a,
|
Daniel@0
|
914 .pure-skin-swi .pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
|
Daniel@0
|
915 color: #89a9b3;
|
Daniel@0
|
916 }
|
Daniel@0
|
917
|
Daniel@0
|
918 /* HEADINGS */
|
Daniel@0
|
919 .pure-skin-swi .pure-menu .pure-menu-heading {
|
Daniel@0
|
920 color: #12191c;
|
Daniel@0
|
921 text-transform: uppercase;
|
Daniel@0
|
922 font-size: 90%;
|
Daniel@0
|
923 margin-top: 0.5em;
|
Daniel@0
|
924 border-bottom: solid 1px #d7e1e5;
|
Daniel@0
|
925 }
|
Daniel@0
|
926
|
Daniel@0
|
927
|
Daniel@0
|
928 /* SELECTED MENU ITEM */
|
Daniel@0
|
929 .pure-skin-swi .pure-menu li.pure-menu-selected a {
|
Daniel@0
|
930 background-color: #457387;
|
Daniel@0
|
931 color: #fcfdfd;
|
Daniel@0
|
932 }
|
Daniel@0
|
933
|
Daniel@0
|
934 /* FIXED MENU */
|
Daniel@0
|
935 .pure-skin-swi .pure-menu.pure-menu-open.pure-menu-fixed {
|
Daniel@0
|
936 border: none;
|
Daniel@0
|
937 border-bottom: 1px solid #d7e1e5;
|
Daniel@0
|
938 }
|
Daniel@0
|
939 /* end from PURE menu.css ***********************************/
|
Daniel@0
|
940 /* from PURE menu-responsive.css ****************************/
|
Daniel@0
|
941 /* RESPONSIVE */
|
Daniel@0
|
942
|
Daniel@0
|
943 @media (max-width: 480px) {
|
Daniel@0
|
944
|
Daniel@0
|
945 .pure-skin-swi .pure-menu-horizontal {
|
Daniel@0
|
946 width:100%;
|
Daniel@0
|
947 }
|
Daniel@0
|
948
|
Daniel@0
|
949 .pure-skin-swi .pure-menu-children li {
|
Daniel@0
|
950 display: block;
|
Daniel@0
|
951 border-bottom:1px solid #d7e1e5;
|
Daniel@0
|
952 }
|
Daniel@0
|
953
|
Daniel@0
|
954 }
|
Daniel@0
|
955 /* end from menu-responsive.css ******************/
|
Daniel@0
|
956
|
Daniel@0
|
957
|