Daniel@0
|
1 /*
|
Daniel@0
|
2 Kube CSS-Framework 3.1
|
Daniel@0
|
3 */
|
Daniel@0
|
4
|
Daniel@0
|
5 /* =Reset
|
Daniel@0
|
6 -----------------------------------------------------------------------------*/
|
Daniel@0
|
7 *,
|
Daniel@0
|
8 *:before,
|
Daniel@0
|
9 *:after {
|
Daniel@0
|
10 -webkit-box-sizing: border-box;
|
Daniel@0
|
11 -moz-box-sizing: border-box;
|
Daniel@0
|
12 box-sizing: border-box;
|
Daniel@0
|
13 }
|
Daniel@0
|
14 html {
|
Daniel@0
|
15 font-family: sans-serif;
|
Daniel@0
|
16 -ms-text-size-adjust: 100%;
|
Daniel@0
|
17 -webkit-text-size-adjust: 100%;
|
Daniel@0
|
18 }
|
Daniel@0
|
19 html,
|
Daniel@0
|
20 body,
|
Daniel@0
|
21 div,
|
Daniel@0
|
22 span,
|
Daniel@0
|
23 object,
|
Daniel@0
|
24 iframe,
|
Daniel@0
|
25 p,
|
Daniel@0
|
26 blockquote,
|
Daniel@0
|
27 pre,
|
Daniel@0
|
28 a,
|
Daniel@0
|
29 abbr,
|
Daniel@0
|
30 acronym,
|
Daniel@0
|
31 address,
|
Daniel@0
|
32 big,
|
Daniel@0
|
33 cite,
|
Daniel@0
|
34 code,
|
Daniel@0
|
35 del,
|
Daniel@0
|
36 dfn,
|
Daniel@0
|
37 em,
|
Daniel@0
|
38 img,
|
Daniel@0
|
39 ins,
|
Daniel@0
|
40 kbd,
|
Daniel@0
|
41 q,
|
Daniel@0
|
42 s,
|
Daniel@0
|
43 samp,
|
Daniel@0
|
44 small,
|
Daniel@0
|
45 strike,
|
Daniel@0
|
46 strong,
|
Daniel@0
|
47 sub,
|
Daniel@0
|
48 sup,
|
Daniel@0
|
49 tt,
|
Daniel@0
|
50 var,
|
Daniel@0
|
51 b,
|
Daniel@0
|
52 u,
|
Daniel@0
|
53 i,
|
Daniel@0
|
54 center,
|
Daniel@0
|
55 dl,
|
Daniel@0
|
56 dt,
|
Daniel@0
|
57 dd,
|
Daniel@0
|
58 ol,
|
Daniel@0
|
59 ul,
|
Daniel@0
|
60 li,
|
Daniel@0
|
61 fieldset,
|
Daniel@0
|
62 form,
|
Daniel@0
|
63 label,
|
Daniel@0
|
64 legend,
|
Daniel@0
|
65 table,
|
Daniel@0
|
66 caption,
|
Daniel@0
|
67 tbody,
|
Daniel@0
|
68 tfoot,
|
Daniel@0
|
69 thead,
|
Daniel@0
|
70 tr,
|
Daniel@0
|
71 th,
|
Daniel@0
|
72 td,
|
Daniel@0
|
73 article,
|
Daniel@0
|
74 aside,
|
Daniel@0
|
75 canvas,
|
Daniel@0
|
76 details,
|
Daniel@0
|
77 embed,
|
Daniel@0
|
78 figure,
|
Daniel@0
|
79 figcaption,
|
Daniel@0
|
80 footer,
|
Daniel@0
|
81 header,
|
Daniel@0
|
82 hgroup,
|
Daniel@0
|
83 menu,
|
Daniel@0
|
84 nav,
|
Daniel@0
|
85 output,
|
Daniel@0
|
86 ruby,
|
Daniel@0
|
87 section,
|
Daniel@0
|
88 summary,
|
Daniel@0
|
89 time,
|
Daniel@0
|
90 mark,
|
Daniel@0
|
91 audio,
|
Daniel@0
|
92 video,
|
Daniel@0
|
93 h1,
|
Daniel@0
|
94 h2,
|
Daniel@0
|
95 h3,
|
Daniel@0
|
96 h4,
|
Daniel@0
|
97 h5,
|
Daniel@0
|
98 h6 {
|
Daniel@0
|
99 margin: 0;
|
Daniel@0
|
100 padding: 0;
|
Daniel@0
|
101 border: 0;
|
Daniel@0
|
102 outline: 0;
|
Daniel@0
|
103 font-size: 100%;
|
Daniel@0
|
104 vertical-align: baseline;
|
Daniel@0
|
105 background: transparent;
|
Daniel@0
|
106 }
|
Daniel@0
|
107 a:active,
|
Daniel@0
|
108 a:hover {
|
Daniel@0
|
109 outline: 0;
|
Daniel@0
|
110 }
|
Daniel@0
|
111 article,
|
Daniel@0
|
112 aside,
|
Daniel@0
|
113 details,
|
Daniel@0
|
114 figcaption,
|
Daniel@0
|
115 figure,
|
Daniel@0
|
116 footer,
|
Daniel@0
|
117 header,
|
Daniel@0
|
118 hgroup,
|
Daniel@0
|
119 main,
|
Daniel@0
|
120 nav,
|
Daniel@0
|
121 section,
|
Daniel@0
|
122 embed,
|
Daniel@0
|
123 object,
|
Daniel@0
|
124 iframe,
|
Daniel@0
|
125 audio,
|
Daniel@0
|
126 video,
|
Daniel@0
|
127 canvas,
|
Daniel@0
|
128 progress,
|
Daniel@0
|
129 meter,
|
Daniel@0
|
130 output,
|
Daniel@0
|
131 textarea {
|
Daniel@0
|
132 display: block;
|
Daniel@0
|
133 }
|
Daniel@0
|
134 audio:not([controls]) {
|
Daniel@0
|
135 display: none;
|
Daniel@0
|
136 height: 0;
|
Daniel@0
|
137 }
|
Daniel@0
|
138 /* To prevent some browsers from inserting quotes on q and p */
|
Daniel@0
|
139 blockquote,
|
Daniel@0
|
140 q {
|
Daniel@0
|
141 quotes: none;
|
Daniel@0
|
142 }
|
Daniel@0
|
143 blockquote p:before,
|
Daniel@0
|
144 blockquote p:after,
|
Daniel@0
|
145 q:before,
|
Daniel@0
|
146 q:after {
|
Daniel@0
|
147 content: '';
|
Daniel@0
|
148 content: none;
|
Daniel@0
|
149 }
|
Daniel@0
|
150 /* Table reset */
|
Daniel@0
|
151 table {
|
Daniel@0
|
152 border-collapse: collapse;
|
Daniel@0
|
153 border-spacing: 0;
|
Daniel@0
|
154 }
|
Daniel@0
|
155 caption,
|
Daniel@0
|
156 th,
|
Daniel@0
|
157 td {
|
Daniel@0
|
158 text-align: left;
|
Daniel@0
|
159 vertical-align: top;
|
Daniel@0
|
160 }
|
Daniel@0
|
161 thead th,
|
Daniel@0
|
162 thead td {
|
Daniel@0
|
163 font-weight: bold;
|
Daniel@0
|
164 vertical-align: bottom;
|
Daniel@0
|
165 }
|
Daniel@0
|
166 /* Image inside */
|
Daniel@0
|
167 a img,
|
Daniel@0
|
168 th img,
|
Daniel@0
|
169 td img {
|
Daniel@0
|
170 vertical-align: top;
|
Daniel@0
|
171 }
|
Daniel@0
|
172 button,
|
Daniel@0
|
173 input,
|
Daniel@0
|
174 select,
|
Daniel@0
|
175 textarea {
|
Daniel@0
|
176 margin: 0;
|
Daniel@0
|
177 }
|
Daniel@0
|
178 textarea {
|
Daniel@0
|
179 overflow: auto;
|
Daniel@0
|
180 vertical-align: top;
|
Daniel@0
|
181 resize: vertical;
|
Daniel@0
|
182 }
|
Daniel@0
|
183 /* Normalize buttons in IE */
|
Daniel@0
|
184 button {
|
Daniel@0
|
185 width: auto;
|
Daniel@0
|
186 overflow: visible;
|
Daniel@0
|
187 }
|
Daniel@0
|
188 /* Hand cursor on clickable controls */
|
Daniel@0
|
189 input[type="reset"],
|
Daniel@0
|
190 input[type="submit"],
|
Daniel@0
|
191 input[type="file"],
|
Daniel@0
|
192 input[type="radio"],
|
Daniel@0
|
193 input[type="checkbox"],
|
Daniel@0
|
194 select,
|
Daniel@0
|
195 button {
|
Daniel@0
|
196 cursor: pointer;
|
Daniel@0
|
197 }
|
Daniel@0
|
198 /* Trick with vertical align for radio and checkbox */
|
Daniel@0
|
199 input[type="radio"],
|
Daniel@0
|
200 input[type="checkbox"] {
|
Daniel@0
|
201 font-size: 110%;
|
Daniel@0
|
202 position: relative;
|
Daniel@0
|
203 top: -1px;
|
Daniel@0
|
204 }
|
Daniel@0
|
205 /* Normalize search fields */
|
Daniel@0
|
206 input[type="search"] {
|
Daniel@0
|
207 -webkit-appearance: textfield;
|
Daniel@0
|
208 }
|
Daniel@0
|
209 input[type="search"]::-webkit-search-decoration,
|
Daniel@0
|
210 input[type="search"]::-webkit-search-cancel-button {
|
Daniel@0
|
211 -webkit-appearance: none;
|
Daniel@0
|
212 }
|
Daniel@0
|
213 /* Normalize horizontal line */
|
Daniel@0
|
214 hr {
|
Daniel@0
|
215 display: block;
|
Daniel@0
|
216 height: 1px;
|
Daniel@0
|
217 border: 0;
|
Daniel@0
|
218 border-top: 1px solid #ddd;
|
Daniel@0
|
219 }
|
Daniel@0
|
220 /* Responsive media */
|
Daniel@0
|
221 img,
|
Daniel@0
|
222 video,
|
Daniel@0
|
223 audio,
|
Daniel@0
|
224 embed,
|
Daniel@0
|
225 object {
|
Daniel@0
|
226 max-width: 100%;
|
Daniel@0
|
227 }
|
Daniel@0
|
228 img,
|
Daniel@0
|
229 video,
|
Daniel@0
|
230 embed,
|
Daniel@0
|
231 object {
|
Daniel@0
|
232 height: auto;
|
Daniel@0
|
233 }
|
Daniel@0
|
234 embed,
|
Daniel@0
|
235 object {
|
Daniel@0
|
236 height: 100%;
|
Daniel@0
|
237 }
|
Daniel@0
|
238 img {
|
Daniel@0
|
239 vertical-align: middle;
|
Daniel@0
|
240 -ms-interpolation-mode: bicubic;
|
Daniel@0
|
241 }
|
Daniel@0
|
242 /* =Typography
|
Daniel@0
|
243 -----------------------------------------------------------------------------*/
|
Daniel@0
|
244 body {
|
Daniel@0
|
245 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
|
Daniel@0
|
246 font-size: 0.85em;
|
Daniel@0
|
247 line-height: 1.618em;
|
Daniel@0
|
248 background: #ffffff;
|
Daniel@0
|
249 color: black; /* #333333; */
|
Daniel@0
|
250 }
|
Daniel@0
|
251 /* =Links
|
Daniel@0
|
252 -----------------------------------------------------------------------------*/
|
Daniel@0
|
253 a {
|
Daniel@0
|
254 color: #3570c3;
|
Daniel@0
|
255 }
|
Daniel@0
|
256 a:focus,
|
Daniel@0
|
257 a:hover {
|
Daniel@0
|
258 color: #d70a16;
|
Daniel@0
|
259 }
|
Daniel@0
|
260 /* =Headings
|
Daniel@0
|
261 -----------------------------------------------------------------------------*/
|
Daniel@0
|
262 h1,
|
Daniel@0
|
263 h2,
|
Daniel@0
|
264 h3,
|
Daniel@0
|
265 h4,
|
Daniel@0
|
266 h5,
|
Daniel@0
|
267 h6 {
|
Daniel@0
|
268 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
|
Daniel@0
|
269 font-weight: bold;
|
Daniel@0
|
270 color: #222222;
|
Daniel@0
|
271 text-rendering: optimizeLegibility;
|
Daniel@0
|
272 }
|
Daniel@0
|
273 h1 {
|
Daniel@0
|
274 font-size: 2.125em;
|
Daniel@0
|
275 line-height: 1.111em;
|
Daniel@0
|
276 margin-bottom: 0.809em;
|
Daniel@0
|
277 }
|
Daniel@0
|
278 h2 {
|
Daniel@0
|
279 font-size: 1.7em;
|
Daniel@0
|
280 line-height: 1.111em;
|
Daniel@0
|
281 margin-bottom: .25em;
|
Daniel@0
|
282 }
|
Daniel@0
|
283 h3 {
|
Daniel@0
|
284 font-size: 1.4449999999999998em;
|
Daniel@0
|
285 line-height: 1.333em;
|
Daniel@0
|
286 margin-bottom: .25em;
|
Daniel@0
|
287 }
|
Daniel@0
|
288 h4 {
|
Daniel@0
|
289 font-size: 1.105em;
|
Daniel@0
|
290 line-height: 1.5em;
|
Daniel@0
|
291 margin-bottom: .333em;
|
Daniel@0
|
292 }
|
Daniel@0
|
293 h5 {
|
Daniel@0
|
294 font-size: 0.85em;
|
Daniel@0
|
295 line-height: 1.618em;
|
Daniel@0
|
296 margin-bottom: .25em;
|
Daniel@0
|
297 }
|
Daniel@0
|
298 h6 {
|
Daniel@0
|
299 font-size: 0.7224999999999999em;
|
Daniel@0
|
300 text-transform: uppercase;
|
Daniel@0
|
301 line-height: 1.618em;
|
Daniel@0
|
302 margin-bottom: .25em;
|
Daniel@0
|
303 }
|
Daniel@0
|
304 /* =Subheadings
|
Daniel@0
|
305 -----------------------------------------------------------------------------*/
|
Daniel@0
|
306 hgroup h1:first-child,
|
Daniel@0
|
307 hgroup h2:first-child,
|
Daniel@0
|
308 hgroup h3:first-child,
|
Daniel@0
|
309 hgroup h4:first-child,
|
Daniel@0
|
310 hgroup h5:first-child {
|
Daniel@0
|
311 margin-bottom: 0;
|
Daniel@0
|
312 }
|
Daniel@0
|
313 h1.subheading,
|
Daniel@0
|
314 h2.subheading,
|
Daniel@0
|
315 h3.subheading,
|
Daniel@0
|
316 h4.subheading,
|
Daniel@0
|
317 h5.subheading {
|
Daniel@0
|
318 margin-top: 0;
|
Daniel@0
|
319 font-weight: 300;
|
Daniel@0
|
320 }
|
Daniel@0
|
321 h1.subheading {
|
Daniel@0
|
322 font-size: 1.4166666666666667em;
|
Daniel@0
|
323 }
|
Daniel@0
|
324 h2.subheading {
|
Daniel@0
|
325 font-size: 1.1333333333333333em;
|
Daniel@0
|
326 }
|
Daniel@0
|
327 h3.subheading {
|
Daniel@0
|
328 font-size: 0.9633333333333333em;
|
Daniel@0
|
329 }
|
Daniel@0
|
330 h4.subheading {
|
Daniel@0
|
331 margin-top: .2em;
|
Daniel@0
|
332 font-size: 0.9208333333333334em;
|
Daniel@0
|
333 }
|
Daniel@0
|
334 h5.subheading {
|
Daniel@0
|
335 margin-top: .2em;
|
Daniel@0
|
336 font-size: 0.7555555555555555em;
|
Daniel@0
|
337 }
|
Daniel@0
|
338 /* =Lead
|
Daniel@0
|
339 -----------------------------------------------------------------------------*/
|
Daniel@0
|
340 .lead {
|
Daniel@0
|
341 font-size: 1.35em;
|
Daniel@0
|
342 font-weight: 300;
|
Daniel@0
|
343 line-height: 1.35em;
|
Daniel@0
|
344 margin-bottom: 0.809em;
|
Daniel@0
|
345 }
|
Daniel@0
|
346 /* =Line height and margin
|
Daniel@0
|
347 -----------------------------------------------------------------------------*/
|
Daniel@0
|
348 p,
|
Daniel@0
|
349 ul,
|
Daniel@0
|
350 ol,
|
Daniel@0
|
351 dl,
|
Daniel@0
|
352 dd,
|
Daniel@0
|
353 dt,
|
Daniel@0
|
354 blockquote,
|
Daniel@0
|
355 td,
|
Daniel@0
|
356 th {
|
Daniel@0
|
357 line-height: 1.618em;
|
Daniel@0
|
358 }
|
Daniel@0
|
359 ul,
|
Daniel@0
|
360 ol,
|
Daniel@0
|
361 ul ul,
|
Daniel@0
|
362 ol ol,
|
Daniel@0
|
363 ul ol,
|
Daniel@0
|
364 ol ul {
|
Daniel@0
|
365 margin: 0 0 0 3.236em;
|
Daniel@0
|
366 }
|
Daniel@0
|
367 ol ol li {
|
Daniel@0
|
368 list-style-type: lower-alpha;
|
Daniel@0
|
369 }
|
Daniel@0
|
370 ol ol ol li {
|
Daniel@0
|
371 list-style-type: lower-roman;
|
Daniel@0
|
372 }
|
Daniel@0
|
373 p,
|
Daniel@0
|
374 ul,
|
Daniel@0
|
375 ol,
|
Daniel@0
|
376 dl,
|
Daniel@0
|
377 blockquote,
|
Daniel@0
|
378 hr,
|
Daniel@0
|
379 pre,
|
Daniel@0
|
380 table,
|
Daniel@0
|
381 form,
|
Daniel@0
|
382 fieldset,
|
Daniel@0
|
383 figure,
|
Daniel@0
|
384 address {
|
Daniel@0
|
385 margin-bottom: 1.618em;
|
Daniel@0
|
386 }
|
Daniel@0
|
387 /* =Blockquote
|
Daniel@0
|
388 -----------------------------------------------------------------------------*/
|
Daniel@0
|
389 blockquote {
|
Daniel@0
|
390 position: relative;
|
Daniel@0
|
391 font-style: italic;
|
Daniel@0
|
392 margin-left: 2.427em;
|
Daniel@0
|
393 padding-left: 1.618em;
|
Daniel@0
|
394 border-left: 2px solid rgba(0, 0, 0, 0.15);
|
Daniel@0
|
395 }
|
Daniel@0
|
396 blockquote p {
|
Daniel@0
|
397 margin-bottom: .5em;
|
Daniel@0
|
398 }
|
Daniel@0
|
399 blockquote small,
|
Daniel@0
|
400 cite {
|
Daniel@0
|
401 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
402 font-style: italic;
|
Daniel@0
|
403 }
|
Daniel@0
|
404 small,
|
Daniel@0
|
405 blockquote cite {
|
Daniel@0
|
406 font-size: 0.85em;
|
Daniel@0
|
407 line-height: 1;
|
Daniel@0
|
408 }
|
Daniel@0
|
409 /* =Address
|
Daniel@0
|
410 -----------------------------------------------------------------------------*/
|
Daniel@0
|
411 address {
|
Daniel@0
|
412 font-style: normal;
|
Daniel@0
|
413 }
|
Daniel@0
|
414 /* =Definition list
|
Daniel@0
|
415 -----------------------------------------------------------------------------*/
|
Daniel@0
|
416 dl dt {
|
Daniel@0
|
417 font-weight: bold;
|
Daniel@0
|
418 }
|
Daniel@0
|
419 dd {
|
Daniel@0
|
420 margin-left: 1.0786666666666667em;
|
Daniel@0
|
421 }
|
Daniel@0
|
422 /* =Text-level
|
Daniel@0
|
423 -----------------------------------------------------------------------------*/
|
Daniel@0
|
424 s,
|
Daniel@0
|
425 del {
|
Daniel@0
|
426 text-decoration: line-through;
|
Daniel@0
|
427 }
|
Daniel@0
|
428 abbr[title],
|
Daniel@0
|
429 dfn[title] {
|
Daniel@0
|
430 border-bottom: 1px dotted #000;
|
Daniel@0
|
431 cursor: help;
|
Daniel@0
|
432 }
|
Daniel@0
|
433 strong,
|
Daniel@0
|
434 b {
|
Daniel@0
|
435 font-weight: bold;
|
Daniel@0
|
436 }
|
Daniel@0
|
437 em,
|
Daniel@0
|
438 i {
|
Daniel@0
|
439 font-style: italic;
|
Daniel@0
|
440 }
|
Daniel@0
|
441 sub,
|
Daniel@0
|
442 sup {
|
Daniel@0
|
443 font-size: 0.65em;
|
Daniel@0
|
444 line-height: 0;
|
Daniel@0
|
445 position: relative;
|
Daniel@0
|
446 }
|
Daniel@0
|
447 sup {
|
Daniel@0
|
448 top: -0.5em;
|
Daniel@0
|
449 }
|
Daniel@0
|
450 sub {
|
Daniel@0
|
451 bottom: -0.25em;
|
Daniel@0
|
452 }
|
Daniel@0
|
453 figcaption {
|
Daniel@0
|
454 font-size: 0.85em;
|
Daniel@0
|
455 font-style: italic;
|
Daniel@0
|
456 }
|
Daniel@0
|
457 ins,
|
Daniel@0
|
458 u {
|
Daniel@0
|
459 text-decoration: underline;
|
Daniel@0
|
460 }
|
Daniel@0
|
461 mark {
|
Daniel@0
|
462 background-color: #fddc43;
|
Daniel@0
|
463 color: #0f0f0f;
|
Daniel@0
|
464 text-decoration: none;
|
Daniel@0
|
465 }
|
Daniel@0
|
466 /* =Code
|
Daniel@0
|
467 -----------------------------------------------------------------------------*/
|
Daniel@0
|
468 pre,
|
Daniel@0
|
469 code,
|
Daniel@0
|
470 kbd,
|
Daniel@0
|
471 samp,
|
Daniel@0
|
472 var,
|
Daniel@0
|
473 output {
|
Daniel@0
|
474 font-size: 90%;
|
Daniel@0
|
475 font-style: normal;
|
Daniel@0
|
476 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
Daniel@0
|
477 }
|
Daniel@0
|
478 pre {
|
Daniel@0
|
479 font-size: 90%;
|
Daniel@0
|
480 line-height: 1.45em;
|
Daniel@0
|
481 color: #333333;
|
Daniel@0
|
482 background: #f6f6f6;
|
Daniel@0
|
483 padding: 1.618em;
|
Daniel@0
|
484 overflow: auto;
|
Daniel@0
|
485 }
|
Daniel@0
|
486 code,
|
Daniel@0
|
487 samp,
|
Daniel@0
|
488 kbd {
|
Daniel@0
|
489 padding: 3px 6px 2px 6px;
|
Daniel@0
|
490 display: inline-block;
|
Daniel@0
|
491 line-height: 1;
|
Daniel@0
|
492 border-radius: 2px;
|
Daniel@0
|
493 }
|
Daniel@0
|
494 code {
|
Daniel@0
|
495 background: #f6f6f6;
|
Daniel@0
|
496 border: 1px solid #ddd;
|
Daniel@0
|
497 }
|
Daniel@0
|
498 pre code {
|
Daniel@0
|
499 font-size: 100%;
|
Daniel@0
|
500 border: none;
|
Daniel@0
|
501 padding: 0;
|
Daniel@0
|
502 background: none;
|
Daniel@0
|
503 line-height: 1.618em;
|
Daniel@0
|
504 }
|
Daniel@0
|
505 var {
|
Daniel@0
|
506 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
507 }
|
Daniel@0
|
508 samp {
|
Daniel@0
|
509 background: #e9effa;
|
Daniel@0
|
510 border: 1px solid #c5d4f0;
|
Daniel@0
|
511 }
|
Daniel@0
|
512 kbd {
|
Daniel@0
|
513 background: #0f0f0f;
|
Daniel@0
|
514 color: rgba(255, 255, 255, 0.85);
|
Daniel@0
|
515 white-space: nowrap;
|
Daniel@0
|
516 }
|
Daniel@0
|
517 /* =Form
|
Daniel@0
|
518 -----------------------------------------------------------------------------*/
|
Daniel@0
|
519 button:active,
|
Daniel@0
|
520 button:focus {
|
Daniel@0
|
521 outline: none;
|
Daniel@0
|
522 }
|
Daniel@0
|
523 button,
|
Daniel@0
|
524 input,
|
Daniel@0
|
525 textarea,
|
Daniel@0
|
526 select {
|
Daniel@0
|
527 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
|
Daniel@0
|
528 font-size: 1em;
|
Daniel@0
|
529 box-shadow: none;
|
Daniel@0
|
530 }
|
Daniel@0
|
531 textarea,
|
Daniel@0
|
532 select[multiple],
|
Daniel@0
|
533 select[multiple="multiple"] {
|
Daniel@0
|
534 padding: .3em .35em;
|
Daniel@0
|
535 line-height: 1.35em;
|
Daniel@0
|
536 width: 99.9%;
|
Daniel@0
|
537 }
|
Daniel@0
|
538 input[type="text"],
|
Daniel@0
|
539 input[type="password"],
|
Daniel@0
|
540 input[type="email"],
|
Daniel@0
|
541 input[type="url"],
|
Daniel@0
|
542 input[type="phone"],
|
Daniel@0
|
543 input[type="tel"],
|
Daniel@0
|
544 input[type="number"],
|
Daniel@0
|
545 input[type="datetime"],
|
Daniel@0
|
546 input[type="date"],
|
Daniel@0
|
547 input[type="month"],
|
Daniel@0
|
548 input[type="color"],
|
Daniel@0
|
549 input[type="time"],
|
Daniel@0
|
550 input[type="search"],
|
Daniel@0
|
551 input[type="datetime-local"],
|
Daniel@0
|
552 button,
|
Daniel@0
|
553 input[type="submit"],
|
Daniel@0
|
554 input[type="reset"] {
|
Daniel@0
|
555 padding: .3em .35em;
|
Daniel@0
|
556 line-height: 1.618em;
|
Daniel@0
|
557 border-radius: 0;
|
Daniel@0
|
558 outline: none;
|
Daniel@0
|
559 }
|
Daniel@0
|
560 select[multiple],
|
Daniel@0
|
561 select[multiple="multiple"],
|
Daniel@0
|
562 textarea,
|
Daniel@0
|
563 input[type="text"],
|
Daniel@0
|
564 input[type="password"],
|
Daniel@0
|
565 input[type="email"],
|
Daniel@0
|
566 input[type="url"],
|
Daniel@0
|
567 input[type="phone"],
|
Daniel@0
|
568 input[type="tel"],
|
Daniel@0
|
569 input[type="number"],
|
Daniel@0
|
570 input[type="datetime"],
|
Daniel@0
|
571 input[type="date"],
|
Daniel@0
|
572 input[type="month"],
|
Daniel@0
|
573 input[type="color"],
|
Daniel@0
|
574 input[type="time"],
|
Daniel@0
|
575 input[type="search"],
|
Daniel@0
|
576 input[type="datetime-local"] {
|
Daniel@0
|
577 background: #fff;
|
Daniel@0
|
578 border: 1px solid #bbbcc0;
|
Daniel@0
|
579 position: relative;
|
Daniel@0
|
580 z-index: 1;
|
Daniel@0
|
581 -webkit-appearance: none;
|
Daniel@0
|
582 }
|
Daniel@0
|
583 button,
|
Daniel@0
|
584 input[type="submit"],
|
Daniel@0
|
585 input[type="reset"] {
|
Daniel@0
|
586 font-weight: 400;
|
Daniel@0
|
587 padding: .3em 1.3em;
|
Daniel@0
|
588 border: 1px solid transparent;
|
Daniel@0
|
589 color: #333333;
|
Daniel@0
|
590 background: #eeeded;
|
Daniel@0
|
591 cursor: pointer;
|
Daniel@0
|
592 border-radius: 2px;
|
Daniel@0
|
593 -webkit-appearance: none;
|
Daniel@0
|
594 }
|
Daniel@0
|
595 button:hover,
|
Daniel@0
|
596 input[type="submit"]:hover,
|
Daniel@0
|
597 input[type="reset"]:hover {
|
Daniel@0
|
598 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
599 background: #dbdada;
|
Daniel@0
|
600 }
|
Daniel@0
|
601 button[disabled],
|
Daniel@0
|
602 input[type="submit"][disabled],
|
Daniel@0
|
603 input[type="reset"][disabled] {
|
Daniel@0
|
604 background: none;
|
Daniel@0
|
605 background: #dbdada;
|
Daniel@0
|
606 cursor: default;
|
Daniel@0
|
607 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
608 }
|
Daniel@0
|
609 button[disabled]:hover,
|
Daniel@0
|
610 input[type="submit"][disabled]:hover,
|
Daniel@0
|
611 input[type="reset"][disabled]:hover {
|
Daniel@0
|
612 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
613 }
|
Daniel@0
|
614 input::-moz-focus-inner,
|
Daniel@0
|
615 button::-moz-focus-inner {
|
Daniel@0
|
616 border: 0;
|
Daniel@0
|
617 padding: 0;
|
Daniel@0
|
618 }
|
Daniel@0
|
619 input[type="range"] {
|
Daniel@0
|
620 position: relative;
|
Daniel@0
|
621 top: 3px;
|
Daniel@0
|
622 }
|
Daniel@0
|
623 input[disabled] {
|
Daniel@0
|
624 background: #f4f4f4;
|
Daniel@0
|
625 border: 1px solid #ddd;
|
Daniel@0
|
626 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
627 }
|
Daniel@0
|
628 select {
|
Daniel@0
|
629 margin-bottom: 0 !important;
|
Daniel@0
|
630 }
|
Daniel@0
|
631 fieldset {
|
Daniel@0
|
632 padding: 1.618em;
|
Daniel@0
|
633 margin-bottom: 1.618em;
|
Daniel@0
|
634 border: 1px solid #ddd;
|
Daniel@0
|
635 }
|
Daniel@0
|
636 fieldset *:last-child {
|
Daniel@0
|
637 margin-bottom: 0 !important;
|
Daniel@0
|
638 }
|
Daniel@0
|
639 legend {
|
Daniel@0
|
640 font-weight: bold;
|
Daniel@0
|
641 padding: 0 1em;
|
Daniel@0
|
642 margin-left: -1em;
|
Daniel@0
|
643 }
|
Daniel@0
|
644 /* =Tables
|
Daniel@0
|
645 -----------------------------------------------------------------------------*/
|
Daniel@0
|
646 table {
|
Daniel@0
|
647 max-width: 100%;
|
Daniel@0
|
648 width: 100%;
|
Daniel@0
|
649 empty-cells: show;
|
Daniel@0
|
650 }
|
Daniel@0
|
651 table caption {
|
Daniel@0
|
652 text-transform: uppercase;
|
Daniel@0
|
653 padding: 0 1.0786666666666667em;
|
Daniel@0
|
654 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
655 font-size: 0.85em;
|
Daniel@0
|
656 }
|
Daniel@0
|
657 table th,
|
Daniel@0
|
658 table td {
|
Daniel@0
|
659 border-bottom: 1px solid #eee;
|
Daniel@0
|
660 padding: 0.809em 1.0786666666666667em;
|
Daniel@0
|
661 }
|
Daniel@0
|
662 table tfoot th,
|
Daniel@0
|
663 table tfoot td {
|
Daniel@0
|
664 background: #f4f4f4;
|
Daniel@0
|
665 }
|
Daniel@0
|
666 /* =Responsive
|
Daniel@0
|
667 -----------------------------------------------------------------------------*/
|
Daniel@0
|
668 /* Portrait tablet to landscape and desktop */
|
Daniel@0
|
669 @media (min-width: 768px) and (max-width: 979px) {
|
Daniel@0
|
670 h1 {
|
Daniel@0
|
671 font-size: 2.125em;
|
Daniel@0
|
672 line-height: 1.125;
|
Daniel@0
|
673 }
|
Daniel@0
|
674 h2 {
|
Daniel@0
|
675 font-size: 1.7em;
|
Daniel@0
|
676 line-height: 1.25;
|
Daniel@0
|
677 }
|
Daniel@0
|
678 h3 {
|
Daniel@0
|
679 font-size: 1.4449999999999998em;
|
Daniel@0
|
680 line-height: 1.25;
|
Daniel@0
|
681 }
|
Daniel@0
|
682 h4 {
|
Daniel@0
|
683 font-size: 1.105em;
|
Daniel@0
|
684 line-height: 1.22222222;
|
Daniel@0
|
685 }
|
Daniel@0
|
686 h5 {
|
Daniel@0
|
687 font-size: 0.85em;
|
Daniel@0
|
688 }
|
Daniel@0
|
689 h6 {
|
Daniel@0
|
690 font-size: 0.7224999999999999em;
|
Daniel@0
|
691 }
|
Daniel@0
|
692 h1.subheading {
|
Daniel@0
|
693 font-size: 1.4166666666666667em;
|
Daniel@0
|
694 }
|
Daniel@0
|
695 h2.subheading {
|
Daniel@0
|
696 font-size: 1.1333333333333333em;
|
Daniel@0
|
697 }
|
Daniel@0
|
698 h3.subheading {
|
Daniel@0
|
699 font-size: 0.9633333333333333em;
|
Daniel@0
|
700 }
|
Daniel@0
|
701 h4.subheading {
|
Daniel@0
|
702 font-size: 0.9208333333333334em;
|
Daniel@0
|
703 }
|
Daniel@0
|
704 h5.subheading {
|
Daniel@0
|
705 font-size: 0.7555555555555555em;
|
Daniel@0
|
706 }
|
Daniel@0
|
707 }
|
Daniel@0
|
708 /* Landscape phone to portrait tablet */
|
Daniel@0
|
709 @media (max-width: 767px) {
|
Daniel@0
|
710 h1 {
|
Daniel@0
|
711 font-size: 1.7em;
|
Daniel@0
|
712 line-height: 1.25;
|
Daniel@0
|
713 }
|
Daniel@0
|
714 h2 {
|
Daniel@0
|
715 font-size: 1.275em;
|
Daniel@0
|
716 line-height: 1.15384615;
|
Daniel@0
|
717 }
|
Daniel@0
|
718 h3 {
|
Daniel@0
|
719 font-size: 1.16875em;
|
Daniel@0
|
720 line-height: 1.13636364;
|
Daniel@0
|
721 }
|
Daniel@0
|
722 h4 {
|
Daniel@0
|
723 font-size: 0.9562499999999999em;
|
Daniel@0
|
724 line-height: 1.11111111;
|
Daniel@0
|
725 }
|
Daniel@0
|
726 h5 {
|
Daniel@0
|
727 font-size: 0.85em;
|
Daniel@0
|
728 }
|
Daniel@0
|
729 h6 {
|
Daniel@0
|
730 font-size: 0.7224999999999999em;
|
Daniel@0
|
731 }
|
Daniel@0
|
732 h1.subheading {
|
Daniel@0
|
733 font-size: 1.1333333333333333em;
|
Daniel@0
|
734 }
|
Daniel@0
|
735 h2.subheading {
|
Daniel@0
|
736 font-size: 0.85em;
|
Daniel@0
|
737 }
|
Daniel@0
|
738 h3.subheading {
|
Daniel@0
|
739 font-size: 0.7791666666666667em;
|
Daniel@0
|
740 }
|
Daniel@0
|
741 h4.subheading {
|
Daniel@0
|
742 font-size: 0.796875em;
|
Daniel@0
|
743 }
|
Daniel@0
|
744 h5.subheading {
|
Daniel@0
|
745 font-size: 0.7555555555555555em;
|
Daniel@0
|
746 }
|
Daniel@0
|
747 .lead {
|
Daniel@0
|
748 font-size: 1.2em;
|
Daniel@0
|
749 }
|
Daniel@0
|
750 ul,
|
Daniel@0
|
751 ol,
|
Daniel@0
|
752 ul ul,
|
Daniel@0
|
753 ol ol,
|
Daniel@0
|
754 ul ol,
|
Daniel@0
|
755 ol ul {
|
Daniel@0
|
756 margin-left: 1.618em;
|
Daniel@0
|
757 }
|
Daniel@0
|
758 blockquote {
|
Daniel@0
|
759 margin-left: 0;
|
Daniel@0
|
760 }
|
Daniel@0
|
761 }
|
Daniel@0
|
762 /* =Grid
|
Daniel@0
|
763 -----------------------------------------------------------------------------*/
|
Daniel@0
|
764 .units-container:after,
|
Daniel@0
|
765 .units-row:after {
|
Daniel@0
|
766 content: "";
|
Daniel@0
|
767 display: table;
|
Daniel@0
|
768 clear: both;
|
Daniel@0
|
769 }
|
Daniel@0
|
770 .units-container:after,
|
Daniel@0
|
771 .units-row:after {
|
Daniel@0
|
772 content: "";
|
Daniel@0
|
773 display: table;
|
Daniel@0
|
774 clear: both;
|
Daniel@0
|
775 }
|
Daniel@0
|
776 .units-container {
|
Daniel@0
|
777 /* it's the trick to not collapse padding-top in the child element */
|
Daniel@0
|
778
|
Daniel@0
|
779 padding-top: 1px;
|
Daniel@0
|
780 margin-top: -1px;
|
Daniel@0
|
781 }
|
Daniel@0
|
782 .units-row {
|
Daniel@0
|
783 margin-bottom: 1.618em;
|
Daniel@0
|
784 }
|
Daniel@0
|
785 .width-100,
|
Daniel@0
|
786 .unit-100 {
|
Daniel@0
|
787 width: 100%;
|
Daniel@0
|
788 }
|
Daniel@0
|
789 .width-90,
|
Daniel@0
|
790 .unit-90 {
|
Daniel@0
|
791 width: 90%;
|
Daniel@0
|
792 }
|
Daniel@0
|
793 .width-80,
|
Daniel@0
|
794 .unit-80 {
|
Daniel@0
|
795 width: 80%;
|
Daniel@0
|
796 }
|
Daniel@0
|
797 .width-75,
|
Daniel@0
|
798 .unit-75 {
|
Daniel@0
|
799 width: 75%;
|
Daniel@0
|
800 }
|
Daniel@0
|
801 .width-70,
|
Daniel@0
|
802 .unit-70 {
|
Daniel@0
|
803 width: 70%;
|
Daniel@0
|
804 }
|
Daniel@0
|
805 .width-66,
|
Daniel@0
|
806 .unit-66 {
|
Daniel@0
|
807 width: 66.6%;
|
Daniel@0
|
808 }
|
Daniel@0
|
809 .width-65,
|
Daniel@0
|
810 .unit-65 {
|
Daniel@0
|
811 width: 65%;
|
Daniel@0
|
812 }
|
Daniel@0
|
813 .width-60,
|
Daniel@0
|
814 .unit-60 {
|
Daniel@0
|
815 width: 60%;
|
Daniel@0
|
816 }
|
Daniel@0
|
817 .width-50,
|
Daniel@0
|
818 .unit-50 {
|
Daniel@0
|
819 width: 50%;
|
Daniel@0
|
820 }
|
Daniel@0
|
821 .width-40,
|
Daniel@0
|
822 .unit-40 {
|
Daniel@0
|
823 width: 40%;
|
Daniel@0
|
824 }
|
Daniel@0
|
825 .width-35,
|
Daniel@0
|
826 .unit-35 {
|
Daniel@0
|
827 width: 35%;
|
Daniel@0
|
828 }
|
Daniel@0
|
829 .width-33,
|
Daniel@0
|
830 .unit-33 {
|
Daniel@0
|
831 width: 33.3%;
|
Daniel@0
|
832 }
|
Daniel@0
|
833 .width-30,
|
Daniel@0
|
834 .unit-30 {
|
Daniel@0
|
835 width: 30%;
|
Daniel@0
|
836 }
|
Daniel@0
|
837 .width-25,
|
Daniel@0
|
838 .unit-25 {
|
Daniel@0
|
839 width: 25%;
|
Daniel@0
|
840 }
|
Daniel@0
|
841 .width-20,
|
Daniel@0
|
842 .unit-20 {
|
Daniel@0
|
843 width: 20%;
|
Daniel@0
|
844 }
|
Daniel@0
|
845 .width-10,
|
Daniel@0
|
846 .unit-10 {
|
Daniel@0
|
847 width: 10%;
|
Daniel@0
|
848 }
|
Daniel@0
|
849 input.width-100,
|
Daniel@0
|
850 input.unit-100 {
|
Daniel@0
|
851 width: 98.6%;
|
Daniel@0
|
852 }
|
Daniel@0
|
853 textarea.width-100,
|
Daniel@0
|
854 textarea.unit-100 {
|
Daniel@0
|
855 width: 98.8%;
|
Daniel@0
|
856 }
|
Daniel@0
|
857 select.width-100,
|
Daniel@0
|
858 select.unit-100 {
|
Daniel@0
|
859 width: 99.4%;
|
Daniel@0
|
860 }
|
Daniel@0
|
861 .units-row .unit-90,
|
Daniel@0
|
862 .units-row .unit-80,
|
Daniel@0
|
863 .units-row .unit-75,
|
Daniel@0
|
864 .units-row .unit-70,
|
Daniel@0
|
865 .units-row .unit-66,
|
Daniel@0
|
866 .units-row .unit-65,
|
Daniel@0
|
867 .units-row .unit-60,
|
Daniel@0
|
868 .units-row .unit-50,
|
Daniel@0
|
869 .units-row .unit-40,
|
Daniel@0
|
870 .units-row .unit-35,
|
Daniel@0
|
871 .units-row .unit-33,
|
Daniel@0
|
872 .units-row .unit-30,
|
Daniel@0
|
873 .units-row .unit-25,
|
Daniel@0
|
874 .units-row .unit-20,
|
Daniel@0
|
875 .units-row .unit-10 {
|
Daniel@0
|
876 float: left;
|
Daniel@0
|
877 margin-left: 3%;
|
Daniel@0
|
878 }
|
Daniel@0
|
879 .units-row .unit-90:first-child,
|
Daniel@0
|
880 .units-row .unit-80:first-child,
|
Daniel@0
|
881 .units-row .unit-75:first-child,
|
Daniel@0
|
882 .units-row .unit-70:first-child,
|
Daniel@0
|
883 .units-row .unit-66:first-child,
|
Daniel@0
|
884 .units-row .unit-65:first-child,
|
Daniel@0
|
885 .units-row .unit-60:first-child,
|
Daniel@0
|
886 .units-row .unit-50:first-child,
|
Daniel@0
|
887 .units-row .unit-40:first-child,
|
Daniel@0
|
888 .units-row .unit-35:first-child,
|
Daniel@0
|
889 .units-row .unit-33:first-child,
|
Daniel@0
|
890 .units-row .unit-30:first-child,
|
Daniel@0
|
891 .units-row .unit-25:first-child,
|
Daniel@0
|
892 .units-row .unit-20:first-child,
|
Daniel@0
|
893 .units-row .unit-10:first-child {
|
Daniel@0
|
894 margin-left: 0;
|
Daniel@0
|
895 }
|
Daniel@0
|
896 .units-row .unit-90 {
|
Daniel@0
|
897 width: 89.7%;
|
Daniel@0
|
898 }
|
Daniel@0
|
899 .units-row .unit-80 {
|
Daniel@0
|
900 width: 79.4%;
|
Daniel@0
|
901 }
|
Daniel@0
|
902 .units-row .unit-75 {
|
Daniel@0
|
903 width: 74.25%;
|
Daniel@0
|
904 }
|
Daniel@0
|
905 .units-row .unit-70 {
|
Daniel@0
|
906 width: 69.1%;
|
Daniel@0
|
907 }
|
Daniel@0
|
908 .units-row .unit-66 {
|
Daniel@0
|
909 width: 65.66666666666666%;
|
Daniel@0
|
910 }
|
Daniel@0
|
911 .units-row .unit-65 {
|
Daniel@0
|
912 width: 65.66666666666666%;
|
Daniel@0
|
913 }
|
Daniel@0
|
914 .units-row .unit-60 {
|
Daniel@0
|
915 width: 58.800000000000004%;
|
Daniel@0
|
916 }
|
Daniel@0
|
917 .units-row .unit-50 {
|
Daniel@0
|
918 width: 48.5%;
|
Daniel@0
|
919 }
|
Daniel@0
|
920 .units-row .unit-40 {
|
Daniel@0
|
921 width: 38.2%;
|
Daniel@0
|
922 }
|
Daniel@0
|
923 .units-row .unit-35 {
|
Daniel@0
|
924 width: 31.333333333333332%;
|
Daniel@0
|
925 }
|
Daniel@0
|
926 .units-row .unit-33 {
|
Daniel@0
|
927 width: 31.333333333333332%;
|
Daniel@0
|
928 }
|
Daniel@0
|
929 .units-row .unit-30 {
|
Daniel@0
|
930 width: 27.9%;
|
Daniel@0
|
931 }
|
Daniel@0
|
932 .units-row .unit-25 {
|
Daniel@0
|
933 width: 22.75%;
|
Daniel@0
|
934 }
|
Daniel@0
|
935 .units-row .unit-20 {
|
Daniel@0
|
936 width: 17.6%;
|
Daniel@0
|
937 }
|
Daniel@0
|
938 .units-row .unit-10 {
|
Daniel@0
|
939 width: 7.3%;
|
Daniel@0
|
940 }
|
Daniel@0
|
941 .unit-push-90,
|
Daniel@0
|
942 .unit-push-80,
|
Daniel@0
|
943 .unit-push-75,
|
Daniel@0
|
944 .unit-push-70,
|
Daniel@0
|
945 .unit-push-66,
|
Daniel@0
|
946 .unit-push-65,
|
Daniel@0
|
947 .unit-push-60,
|
Daniel@0
|
948 .unit-push-50,
|
Daniel@0
|
949 .unit-push-40,
|
Daniel@0
|
950 .unit-push-35,
|
Daniel@0
|
951 .unit-push-33,
|
Daniel@0
|
952 .unit-push-30,
|
Daniel@0
|
953 .unit-push-25,
|
Daniel@0
|
954 .unit-push-20,
|
Daniel@0
|
955 .unit-push-10 {
|
Daniel@0
|
956 position: relative;
|
Daniel@0
|
957 }
|
Daniel@0
|
958 .unit-push-90 {
|
Daniel@0
|
959 left: 92.7%;
|
Daniel@0
|
960 }
|
Daniel@0
|
961 .unit-push-80 {
|
Daniel@0
|
962 left: 82.4%;
|
Daniel@0
|
963 }
|
Daniel@0
|
964 .unit-push-75 {
|
Daniel@0
|
965 left: 77.25%;
|
Daniel@0
|
966 }
|
Daniel@0
|
967 .unit-push-70 {
|
Daniel@0
|
968 left: 72.1%;
|
Daniel@0
|
969 }
|
Daniel@0
|
970 .unit-push-66 {
|
Daniel@0
|
971 left: 68.66666666666666%;
|
Daniel@0
|
972 }
|
Daniel@0
|
973 .unit-push-65 {
|
Daniel@0
|
974 left: 68.66666666666666%;
|
Daniel@0
|
975 }
|
Daniel@0
|
976 .unit-push-60 {
|
Daniel@0
|
977 left: 61.800000000000004%;
|
Daniel@0
|
978 }
|
Daniel@0
|
979 .unit-push-50 {
|
Daniel@0
|
980 left: 51.5%;
|
Daniel@0
|
981 }
|
Daniel@0
|
982 .unit-push-40 {
|
Daniel@0
|
983 left: 41.2%;
|
Daniel@0
|
984 }
|
Daniel@0
|
985 .unit-push-35 {
|
Daniel@0
|
986 left: 34.33333333333333%;
|
Daniel@0
|
987 }
|
Daniel@0
|
988 .unit-push-33 {
|
Daniel@0
|
989 left: 34.33333333333333%;
|
Daniel@0
|
990 }
|
Daniel@0
|
991 .unit-push-30 {
|
Daniel@0
|
992 left: 30.9%;
|
Daniel@0
|
993 }
|
Daniel@0
|
994 .unit-push-25 {
|
Daniel@0
|
995 left: 25.75%;
|
Daniel@0
|
996 }
|
Daniel@0
|
997 .unit-push-20 {
|
Daniel@0
|
998 left: 20.6%;
|
Daniel@0
|
999 }
|
Daniel@0
|
1000 .unit-push-10 {
|
Daniel@0
|
1001 left: 10.3%;
|
Daniel@0
|
1002 }
|
Daniel@0
|
1003 .units-row .unit-push-right {
|
Daniel@0
|
1004 float: right;
|
Daniel@0
|
1005 }
|
Daniel@0
|
1006 .centered,
|
Daniel@0
|
1007 .unit-centered {
|
Daniel@0
|
1008 float: none !important;
|
Daniel@0
|
1009 margin: 0 auto !important;
|
Daniel@0
|
1010 }
|
Daniel@0
|
1011 .unit-padding {
|
Daniel@0
|
1012 padding: 1.618em;
|
Daniel@0
|
1013 }
|
Daniel@0
|
1014 .units-padding .unit-100,
|
Daniel@0
|
1015 .units-padding .unit-90,
|
Daniel@0
|
1016 .units-padding .unit-80,
|
Daniel@0
|
1017 .units-padding .unit-75,
|
Daniel@0
|
1018 .units-padding .unit-70,
|
Daniel@0
|
1019 .units-padding .unit-66,
|
Daniel@0
|
1020 .units-padding .unit-65,
|
Daniel@0
|
1021 .units-padding .unit-60,
|
Daniel@0
|
1022 .units-padding .unit-50,
|
Daniel@0
|
1023 .units-padding .unit-40,
|
Daniel@0
|
1024 .units-padding .unit-35,
|
Daniel@0
|
1025 .units-padding .unit-33,
|
Daniel@0
|
1026 .units-padding .unit-30,
|
Daniel@0
|
1027 .units-padding .unit-25,
|
Daniel@0
|
1028 .units-padding .unit-20,
|
Daniel@0
|
1029 .units-padding .unit-10 {
|
Daniel@0
|
1030 padding: 1.618em;
|
Daniel@0
|
1031 }
|
Daniel@0
|
1032 .units-split .unit-90,
|
Daniel@0
|
1033 .units-split .unit-80,
|
Daniel@0
|
1034 .units-split .unit-75,
|
Daniel@0
|
1035 .units-split .unit-70,
|
Daniel@0
|
1036 .units-split .unit-66,
|
Daniel@0
|
1037 .units-split .unit-65,
|
Daniel@0
|
1038 .units-split .unit-60,
|
Daniel@0
|
1039 .units-split .unit-50,
|
Daniel@0
|
1040 .units-split .unit-40,
|
Daniel@0
|
1041 .units-split .unit-35,
|
Daniel@0
|
1042 .units-split .unit-33,
|
Daniel@0
|
1043 .units-split .unit-30,
|
Daniel@0
|
1044 .units-split .unit-25,
|
Daniel@0
|
1045 .units-split .unit-20,
|
Daniel@0
|
1046 .units-split .unit-10 {
|
Daniel@0
|
1047 margin-left: 0;
|
Daniel@0
|
1048 }
|
Daniel@0
|
1049 .units-split .unit-90 {
|
Daniel@0
|
1050 width: 90%;
|
Daniel@0
|
1051 }
|
Daniel@0
|
1052 .units-split .unit-80 {
|
Daniel@0
|
1053 width: 80%;
|
Daniel@0
|
1054 }
|
Daniel@0
|
1055 .units-split .unit-75 {
|
Daniel@0
|
1056 width: 75%;
|
Daniel@0
|
1057 }
|
Daniel@0
|
1058 .units-split .unit-70 {
|
Daniel@0
|
1059 width: 70%;
|
Daniel@0
|
1060 }
|
Daniel@0
|
1061 .units-split .unit-66 {
|
Daniel@0
|
1062 width: 66.6%;
|
Daniel@0
|
1063 }
|
Daniel@0
|
1064 .units-split .unit-65 {
|
Daniel@0
|
1065 width: 65%;
|
Daniel@0
|
1066 }
|
Daniel@0
|
1067 .units-split .unit-60 {
|
Daniel@0
|
1068 width: 60%;
|
Daniel@0
|
1069 }
|
Daniel@0
|
1070 .units-split .unit-50 {
|
Daniel@0
|
1071 width: 50%;
|
Daniel@0
|
1072 }
|
Daniel@0
|
1073 .units-split .unit-40 {
|
Daniel@0
|
1074 width: 40%;
|
Daniel@0
|
1075 }
|
Daniel@0
|
1076 .units-split .unit-35 {
|
Daniel@0
|
1077 width: 35%;
|
Daniel@0
|
1078 }
|
Daniel@0
|
1079 .units-split .unit-33 {
|
Daniel@0
|
1080 width: 33.3%;
|
Daniel@0
|
1081 }
|
Daniel@0
|
1082 .units-split .unit-30 {
|
Daniel@0
|
1083 width: 30%;
|
Daniel@0
|
1084 }
|
Daniel@0
|
1085 .units-split .unit-25 {
|
Daniel@0
|
1086 width: 25%;
|
Daniel@0
|
1087 }
|
Daniel@0
|
1088 .units-split .unit-20 {
|
Daniel@0
|
1089 width: 20%;
|
Daniel@0
|
1090 }
|
Daniel@0
|
1091 .units-split .unit-10 {
|
Daniel@0
|
1092 width: 10%;
|
Daniel@0
|
1093 }
|
Daniel@0
|
1094 /* =Responsive
|
Daniel@0
|
1095 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1096 @media only screen and (max-width: 767px) {
|
Daniel@0
|
1097 .mobile-width-100 {
|
Daniel@0
|
1098 width: 100%;
|
Daniel@0
|
1099 }
|
Daniel@0
|
1100 .units-row .unit-90,
|
Daniel@0
|
1101 .units-row .unit-80,
|
Daniel@0
|
1102 .units-row .unit-75,
|
Daniel@0
|
1103 .units-row .unit-70,
|
Daniel@0
|
1104 .units-row .unit-66,
|
Daniel@0
|
1105 .units-row .unit-65,
|
Daniel@0
|
1106 .units-row .unit-60,
|
Daniel@0
|
1107 .units-row .unit-50,
|
Daniel@0
|
1108 .units-row .unit-40,
|
Daniel@0
|
1109 .units-row .unit-35,
|
Daniel@0
|
1110 .units-row .unit-33,
|
Daniel@0
|
1111 .units-row .unit-30,
|
Daniel@0
|
1112 .units-row .unit-25,
|
Daniel@0
|
1113 .units-row .unit-20,
|
Daniel@0
|
1114 .units-row .unit-10 {
|
Daniel@0
|
1115 width: 100%;
|
Daniel@0
|
1116 float: none;
|
Daniel@0
|
1117 margin-left: 0;
|
Daniel@0
|
1118 margin-bottom: 1.618em;
|
Daniel@0
|
1119 }
|
Daniel@0
|
1120 .unit-push-90,
|
Daniel@0
|
1121 .unit-push-80,
|
Daniel@0
|
1122 .unit-push-75,
|
Daniel@0
|
1123 .unit-push-70,
|
Daniel@0
|
1124 .unit-push-66,
|
Daniel@0
|
1125 .unit-push-65,
|
Daniel@0
|
1126 .unit-push-60,
|
Daniel@0
|
1127 .unit-push-50,
|
Daniel@0
|
1128 .unit-push-40,
|
Daniel@0
|
1129 .unit-push-35,
|
Daniel@0
|
1130 .unit-push-33,
|
Daniel@0
|
1131 .unit-push-30,
|
Daniel@0
|
1132 .unit-push-25,
|
Daniel@0
|
1133 .unit-push-20,
|
Daniel@0
|
1134 .unit-push-10 {
|
Daniel@0
|
1135 left: 0;
|
Daniel@0
|
1136 }
|
Daniel@0
|
1137 .units-row .unit-push-right {
|
Daniel@0
|
1138 float: none;
|
Daniel@0
|
1139 }
|
Daniel@0
|
1140 .units-mobile-50 .unit-90,
|
Daniel@0
|
1141 .units-mobile-50 .unit-80,
|
Daniel@0
|
1142 .units-mobile-50 .unit-75,
|
Daniel@0
|
1143 .units-mobile-50 .unit-70,
|
Daniel@0
|
1144 .units-mobile-50 .unit-66,
|
Daniel@0
|
1145 .units-mobile-50 .unit-65,
|
Daniel@0
|
1146 .units-mobile-50 .unit-60,
|
Daniel@0
|
1147 .units-mobile-50 .unit-40,
|
Daniel@0
|
1148 .units-mobile-50 .unit-30,
|
Daniel@0
|
1149 .units-mobile-50 .unit-35,
|
Daniel@0
|
1150 .units-mobile-50 .unit-33,
|
Daniel@0
|
1151 .units-mobile-50 .unit-25,
|
Daniel@0
|
1152 .units-mobile-50 .unit-20,
|
Daniel@0
|
1153 .units-mobile-50 .unit-10 {
|
Daniel@0
|
1154 float: left;
|
Daniel@0
|
1155 margin-left: 3%;
|
Daniel@0
|
1156 width: 48.5%;
|
Daniel@0
|
1157 }
|
Daniel@0
|
1158 .units-mobile-50 .unit-90:first-child,
|
Daniel@0
|
1159 .units-mobile-50 .unit-80:first-child,
|
Daniel@0
|
1160 .units-mobile-50 .unit-75:first-child,
|
Daniel@0
|
1161 .units-mobile-50 .unit-70:first-child,
|
Daniel@0
|
1162 .units-mobile-50 .unit-66:first-child,
|
Daniel@0
|
1163 .units-mobile-50 .unit-65:first-child,
|
Daniel@0
|
1164 .units-mobile-50 .unit-60:first-child,
|
Daniel@0
|
1165 .units-mobile-50 .unit-40:first-child,
|
Daniel@0
|
1166 .units-mobile-50 .unit-35:first-child,
|
Daniel@0
|
1167 .units-mobile-50 .unit-30:first-child,
|
Daniel@0
|
1168 .units-mobile-50 .unit-33:first-child,
|
Daniel@0
|
1169 .units-mobile-50 .unit-25:first-child,
|
Daniel@0
|
1170 .units-mobile-50 .unit-20:first-child,
|
Daniel@0
|
1171 .units-mobile-50 .unit-10:first-child {
|
Daniel@0
|
1172 margin-left: 0;
|
Daniel@0
|
1173 }
|
Daniel@0
|
1174 }
|
Daniel@0
|
1175 /* =Blocks
|
Daniel@0
|
1176 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1177 .blocks-2,
|
Daniel@0
|
1178 .blocks-3,
|
Daniel@0
|
1179 .blocks-4,
|
Daniel@0
|
1180 .blocks-5,
|
Daniel@0
|
1181 .blocks-6 {
|
Daniel@0
|
1182 padding-left: 0;
|
Daniel@0
|
1183 list-style: none;
|
Daniel@0
|
1184 margin-left: -3%;
|
Daniel@0
|
1185 }
|
Daniel@0
|
1186 .blocks-2:after,
|
Daniel@0
|
1187 .blocks-3:after,
|
Daniel@0
|
1188 .blocks-4:after,
|
Daniel@0
|
1189 .blocks-5:after,
|
Daniel@0
|
1190 .blocks-6:after {
|
Daniel@0
|
1191 content: "";
|
Daniel@0
|
1192 display: table;
|
Daniel@0
|
1193 clear: both;
|
Daniel@0
|
1194 }
|
Daniel@0
|
1195 .blocks-2:after,
|
Daniel@0
|
1196 .blocks-3:after,
|
Daniel@0
|
1197 .blocks-4:after,
|
Daniel@0
|
1198 .blocks-5:after,
|
Daniel@0
|
1199 .blocks-6:after {
|
Daniel@0
|
1200 content: "";
|
Daniel@0
|
1201 display: table;
|
Daniel@0
|
1202 clear: both;
|
Daniel@0
|
1203 }
|
Daniel@0
|
1204 .blocks-2 li,
|
Daniel@0
|
1205 .blocks-3 li,
|
Daniel@0
|
1206 .blocks-4 li,
|
Daniel@0
|
1207 .blocks-5 li,
|
Daniel@0
|
1208 .blocks-6 li {
|
Daniel@0
|
1209 height: auto;
|
Daniel@0
|
1210 float: left;
|
Daniel@0
|
1211 margin-bottom: 1.618em;
|
Daniel@0
|
1212 margin-left: 3%;
|
Daniel@0
|
1213 }
|
Daniel@0
|
1214 .blocks-2 > li {
|
Daniel@0
|
1215 width: 47%;
|
Daniel@0
|
1216 }
|
Daniel@0
|
1217 .blocks-3 > li {
|
Daniel@0
|
1218 width: 30.333333333333332%;
|
Daniel@0
|
1219 }
|
Daniel@0
|
1220 .blocks-4 > li {
|
Daniel@0
|
1221 width: 22%;
|
Daniel@0
|
1222 }
|
Daniel@0
|
1223 .blocks-5 > li {
|
Daniel@0
|
1224 width: 17%;
|
Daniel@0
|
1225 }
|
Daniel@0
|
1226 .blocks-6 > li {
|
Daniel@0
|
1227 width: 13.666666666666666%;
|
Daniel@0
|
1228 }
|
Daniel@0
|
1229 .block-first {
|
Daniel@0
|
1230 clear: both;
|
Daniel@0
|
1231 }
|
Daniel@0
|
1232 /* =Responsive
|
Daniel@0
|
1233 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1234 @media only screen and (max-width: 767px) {
|
Daniel@0
|
1235 .blocks-2,
|
Daniel@0
|
1236 .blocks-3,
|
Daniel@0
|
1237 .blocks-4,
|
Daniel@0
|
1238 .blocks-5,
|
Daniel@0
|
1239 .blocks-6 {
|
Daniel@0
|
1240 margin-left: 0;
|
Daniel@0
|
1241 margin-bottom: 1.618em;
|
Daniel@0
|
1242 }
|
Daniel@0
|
1243 .blocks-2 > li,
|
Daniel@0
|
1244 .blocks-3 > li,
|
Daniel@0
|
1245 .blocks-4 > li,
|
Daniel@0
|
1246 .blocks-5 > li,
|
Daniel@0
|
1247 .blocks-6 > li {
|
Daniel@0
|
1248 float: none;
|
Daniel@0
|
1249 margin-left: 0;
|
Daniel@0
|
1250 width: 100%;
|
Daniel@0
|
1251 }
|
Daniel@0
|
1252 .blocks-mobile-50 > li,
|
Daniel@0
|
1253 .blocks-mobile-33 > li {
|
Daniel@0
|
1254 float: left;
|
Daniel@0
|
1255 margin-left: 3%;
|
Daniel@0
|
1256 }
|
Daniel@0
|
1257 .blocks-mobile-33,
|
Daniel@0
|
1258 .blocks-mobile-50 {
|
Daniel@0
|
1259 margin-left: -3%;
|
Daniel@0
|
1260 }
|
Daniel@0
|
1261 .blocks-mobile-50 > li {
|
Daniel@0
|
1262 width: 47%;
|
Daniel@0
|
1263 }
|
Daniel@0
|
1264 .blocks-mobile-33 > li {
|
Daniel@0
|
1265 width: 30.333333333333332%;
|
Daniel@0
|
1266 }
|
Daniel@0
|
1267 }
|
Daniel@0
|
1268 /* =Tables
|
Daniel@0
|
1269 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1270 table.table-bordered td,
|
Daniel@0
|
1271 table.table-bordered th {
|
Daniel@0
|
1272 border: 1px solid #ddd;
|
Daniel@0
|
1273 }
|
Daniel@0
|
1274 table.table-simple td,
|
Daniel@0
|
1275 table.table-simple th,
|
Daniel@0
|
1276 table.table-simple caption {
|
Daniel@0
|
1277 border: none;
|
Daniel@0
|
1278 padding-left: 0;
|
Daniel@0
|
1279 }
|
Daniel@0
|
1280 table.table-flat td,
|
Daniel@0
|
1281 table.table-flat th,
|
Daniel@0
|
1282 table.table-flat caption {
|
Daniel@0
|
1283 border: none;
|
Daniel@0
|
1284 padding: 0;
|
Daniel@0
|
1285 }
|
Daniel@0
|
1286 table.table-striped tbody tr:nth-child(odd) td {
|
Daniel@0
|
1287 background-color: #f8f8f8;
|
Daniel@0
|
1288 }
|
Daniel@0
|
1289 table.table-hovered tbody tr:hover td {
|
Daniel@0
|
1290 background-color: #f4f4f4;
|
Daniel@0
|
1291 }
|
Daniel@0
|
1292 /* Responsive Tables */
|
Daniel@0
|
1293 .table-container {
|
Daniel@0
|
1294 width: 100%;
|
Daniel@0
|
1295 overflow: auto;
|
Daniel@0
|
1296 margin-bottom: 1.618em;
|
Daniel@0
|
1297 }
|
Daniel@0
|
1298 .table-container table {
|
Daniel@0
|
1299 margin-bottom: 0;
|
Daniel@0
|
1300 }
|
Daniel@0
|
1301 .table-container::-webkit-scrollbar {
|
Daniel@0
|
1302 -webkit-appearance: none;
|
Daniel@0
|
1303 width: 14px;
|
Daniel@0
|
1304 height: 14px;
|
Daniel@0
|
1305 }
|
Daniel@0
|
1306 .table-container::-webkit-scrollbar-thumb {
|
Daniel@0
|
1307 border-radius: 8px;
|
Daniel@0
|
1308 border: 3px solid #fff;
|
Daniel@0
|
1309 background-color: rgba(0, 0, 0, 0.3);
|
Daniel@0
|
1310 }
|
Daniel@0
|
1311 /* =Forms
|
Daniel@0
|
1312 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1313 .forms label {
|
Daniel@0
|
1314 display: block;
|
Daniel@0
|
1315 margin-bottom: 1.0786666666666667em;
|
Daniel@0
|
1316 }
|
Daniel@0
|
1317 .forms input[type="text"],
|
Daniel@0
|
1318 .forms input[type="password"],
|
Daniel@0
|
1319 .forms input[type="email"],
|
Daniel@0
|
1320 .forms input[type="url"],
|
Daniel@0
|
1321 .forms input[type="phone"],
|
Daniel@0
|
1322 .forms input[type="tel"],
|
Daniel@0
|
1323 .forms input[type="number"],
|
Daniel@0
|
1324 .forms input[type="datetime"],
|
Daniel@0
|
1325 .forms input[type="date"],
|
Daniel@0
|
1326 .forms input[type="month"],
|
Daniel@0
|
1327 .forms input[type="color"],
|
Daniel@0
|
1328 .forms input[type="time"],
|
Daniel@0
|
1329 .forms input[type="search"],
|
Daniel@0
|
1330 .forms input[type="range"],
|
Daniel@0
|
1331 .forms input[type="file"],
|
Daniel@0
|
1332 .forms input[type="datetime-local"],
|
Daniel@0
|
1333 .forms textarea,
|
Daniel@0
|
1334 .forms select {
|
Daniel@0
|
1335 display: block;
|
Daniel@0
|
1336 }
|
Daniel@0
|
1337 .forms-inline-list input[type="text"],
|
Daniel@0
|
1338 .forms-inline-list input[type="password"],
|
Daniel@0
|
1339 .forms-inline-list input[type="email"],
|
Daniel@0
|
1340 .forms-inline-list input[type="url"],
|
Daniel@0
|
1341 .forms-inline-list input[type="phone"],
|
Daniel@0
|
1342 .forms-inline-list input[type="tel"],
|
Daniel@0
|
1343 .forms-inline-list input[type="number"],
|
Daniel@0
|
1344 .forms-inline-list input[type="datetime"],
|
Daniel@0
|
1345 .forms-inline-list input[type="date"],
|
Daniel@0
|
1346 .forms-inline-list input[type="month"],
|
Daniel@0
|
1347 .forms-inline-list input[type="color"],
|
Daniel@0
|
1348 .forms-inline-list input[type="time"],
|
Daniel@0
|
1349 .forms-inline-list input[type="search"],
|
Daniel@0
|
1350 .forms-inline-list input[type="range"],
|
Daniel@0
|
1351 .forms-inline-list input[type="file"],
|
Daniel@0
|
1352 .forms-inline-list input[type="datetime-local"],
|
Daniel@0
|
1353 .forms-inline-list textarea,
|
Daniel@0
|
1354 .forms-inline-list select {
|
Daniel@0
|
1355 display: inline-block;
|
Daniel@0
|
1356 }
|
Daniel@0
|
1357 .forms-list,
|
Daniel@0
|
1358 .forms-inline-list {
|
Daniel@0
|
1359 margin: 0;
|
Daniel@0
|
1360 padding: 0;
|
Daniel@0
|
1361 margin-bottom: 1.0786666666666667em;
|
Daniel@0
|
1362 list-style: none;
|
Daniel@0
|
1363 }
|
Daniel@0
|
1364 .forms-list label,
|
Daniel@0
|
1365 .forms-inline-list li,
|
Daniel@0
|
1366 .forms-inline-list li label {
|
Daniel@0
|
1367 display: inline-block;
|
Daniel@0
|
1368 margin-bottom: 0;
|
Daniel@0
|
1369 }
|
Daniel@0
|
1370 .forms-inline-list li label {
|
Daniel@0
|
1371 margin-right: 0.809em;
|
Daniel@0
|
1372 }
|
Daniel@0
|
1373 .forms-inline-list li {
|
Daniel@0
|
1374 margin-bottom: 3px;
|
Daniel@0
|
1375 }
|
Daniel@0
|
1376 .forms-list li {
|
Daniel@0
|
1377 margin-bottom: 6px;
|
Daniel@0
|
1378 }
|
Daniel@0
|
1379 .forms-desc {
|
Daniel@0
|
1380 margin-top: 4px;
|
Daniel@0
|
1381 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1382 font-size: 0.85em;
|
Daniel@0
|
1383 line-height: 1.4em;
|
Daniel@0
|
1384 }
|
Daniel@0
|
1385 input[type="text"],
|
Daniel@0
|
1386 input[type="password"],
|
Daniel@0
|
1387 input[type="email"],
|
Daniel@0
|
1388 input[type="url"],
|
Daniel@0
|
1389 input[type="phone"],
|
Daniel@0
|
1390 input[type="tel"],
|
Daniel@0
|
1391 input[type="number"],
|
Daniel@0
|
1392 input[type="datetime"],
|
Daniel@0
|
1393 input[type="date"],
|
Daniel@0
|
1394 input[type="month"],
|
Daniel@0
|
1395 input[type="color"],
|
Daniel@0
|
1396 input[type="time"],
|
Daniel@0
|
1397 input[type="search"],
|
Daniel@0
|
1398 input[type="datetime-local"],
|
Daniel@0
|
1399 textarea {
|
Daniel@0
|
1400 -moz-transition: border ease 0.5s;
|
Daniel@0
|
1401 transition: border ease 0.5s;
|
Daniel@0
|
1402 }
|
Daniel@0
|
1403 /* States */
|
Daniel@0
|
1404 .error,
|
Daniel@0
|
1405 .success {
|
Daniel@0
|
1406 font-weight: normal;
|
Daniel@0
|
1407 font-size: 0.85em;
|
Daniel@0
|
1408 }
|
Daniel@0
|
1409 input.input-error,
|
Daniel@0
|
1410 textarea.input-error,
|
Daniel@0
|
1411 select.input-error,
|
Daniel@0
|
1412 .input-error {
|
Daniel@0
|
1413 border-color: #d70a16;
|
Daniel@0
|
1414 box-shadow: 0 0 0 2px rgba(215, 10, 22, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1415 }
|
Daniel@0
|
1416 input.input-success,
|
Daniel@0
|
1417 textarea.input-success,
|
Daniel@0
|
1418 select.input-success,
|
Daniel@0
|
1419 .input-success {
|
Daniel@0
|
1420 border-color: #159776;
|
Daniel@0
|
1421 box-shadow: 0 0 0 2px rgba(21, 151, 118, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1422 }
|
Daniel@0
|
1423 input.input-gray,
|
Daniel@0
|
1424 textarea.input-gray,
|
Daniel@0
|
1425 select.input-gray,
|
Daniel@0
|
1426 .input-gray {
|
Daniel@0
|
1427 border-color: #ccc;
|
Daniel@0
|
1428 box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1429 }
|
Daniel@0
|
1430 input[type="text"]:focus,
|
Daniel@0
|
1431 input[type="password"]:focus,
|
Daniel@0
|
1432 input[type="email"]:focus,
|
Daniel@0
|
1433 input[type="url"]:focus,
|
Daniel@0
|
1434 input[type="phone"]:focus,
|
Daniel@0
|
1435 input[type="tel"]:focus,
|
Daniel@0
|
1436 input[type="number"]:focus,
|
Daniel@0
|
1437 input[type="datetime"]:focus,
|
Daniel@0
|
1438 input[type="date"]:focus,
|
Daniel@0
|
1439 input[type="month"]:focus,
|
Daniel@0
|
1440 input[type="color"]:focus,
|
Daniel@0
|
1441 input[type="time"]:focus,
|
Daniel@0
|
1442 input[type="search"]:focus,
|
Daniel@0
|
1443 input[type="datetime-local"]:focus,
|
Daniel@0
|
1444 textarea:focus {
|
Daniel@0
|
1445 outline: none;
|
Daniel@0
|
1446 border-color: #5ca9e4;
|
Daniel@0
|
1447 box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1448 }
|
Daniel@0
|
1449 input.input-search,
|
Daniel@0
|
1450 input[type="search"] {
|
Daniel@0
|
1451 padding-right: .5em;
|
Daniel@0
|
1452 padding-left: .5em;
|
Daniel@0
|
1453 margin-bottom: 0;
|
Daniel@0
|
1454 border-radius: 15px;
|
Daniel@0
|
1455 }
|
Daniel@0
|
1456 /* Sizes */
|
Daniel@0
|
1457 .input-big,
|
Daniel@0
|
1458 .input-small,
|
Daniel@0
|
1459 .input-small-super {
|
Daniel@0
|
1460 padding: .3em 1.75em;
|
Daniel@0
|
1461 }
|
Daniel@0
|
1462 .input-big {
|
Daniel@0
|
1463 font-size: 1.25em;
|
Daniel@0
|
1464 }
|
Daniel@0
|
1465 .input-small {
|
Daniel@0
|
1466 font-size: 0.85em;
|
Daniel@0
|
1467 }
|
Daniel@0
|
1468 .input-small-super {
|
Daniel@0
|
1469 font-size: 0.65em;
|
Daniel@0
|
1470 }
|
Daniel@0
|
1471 /* Append & Prepend */
|
Daniel@0
|
1472 .input-groups {
|
Daniel@0
|
1473 display: table !important;
|
Daniel@0
|
1474 }
|
Daniel@0
|
1475 .input-groups input {
|
Daniel@0
|
1476 width: 100%;
|
Daniel@0
|
1477 }
|
Daniel@0
|
1478 .input-groups input,
|
Daniel@0
|
1479 .input-groups .input-append,
|
Daniel@0
|
1480 .input-groups .input-prepend,
|
Daniel@0
|
1481 .input-groups .btn-append {
|
Daniel@0
|
1482 display: table-cell !important;
|
Daniel@0
|
1483 }
|
Daniel@0
|
1484 .input-groups .btn-append,
|
Daniel@0
|
1485 .input-groups .input-append,
|
Daniel@0
|
1486 .input-groups .input-prepend {
|
Daniel@0
|
1487 width: 1%;
|
Daniel@0
|
1488 vertical-align: middle;
|
Daniel@0
|
1489 }
|
Daniel@0
|
1490 .input-groups .input-append,
|
Daniel@0
|
1491 .input-groups .input-prepend {
|
Daniel@0
|
1492 background-color: #eee;
|
Daniel@0
|
1493 border: 1px solid #ccc;
|
Daniel@0
|
1494 margin: 0;
|
Daniel@0
|
1495 padding: .35em .75em .25em .75em;
|
Daniel@0
|
1496 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
1497 line-height: 1.618em;
|
Daniel@0
|
1498 font-size: 0.85em;
|
Daniel@0
|
1499 white-space: nowrap;
|
Daniel@0
|
1500 }
|
Daniel@0
|
1501 .input-groups .input-prepend {
|
Daniel@0
|
1502 border-right: none;
|
Daniel@0
|
1503 }
|
Daniel@0
|
1504 .input-groups .input-append {
|
Daniel@0
|
1505 position: relative;
|
Daniel@0
|
1506 z-index: 1;
|
Daniel@0
|
1507 border-left: none;
|
Daniel@0
|
1508 }
|
Daniel@0
|
1509 .input-groups .btn-append .btn {
|
Daniel@0
|
1510 display: block;
|
Daniel@0
|
1511 height: auto;
|
Daniel@0
|
1512 border-radius: 0 2px 2px 0;
|
Daniel@0
|
1513 }
|
Daniel@0
|
1514 /* =Mobile (Portrait)
|
Daniel@0
|
1515 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1516 @media only screen and (max-width: 767px) {
|
Daniel@0
|
1517 .forms-list label {
|
Daniel@0
|
1518 display: inline-block;
|
Daniel@0
|
1519 }
|
Daniel@0
|
1520 }
|
Daniel@0
|
1521 /* =Navs
|
Daniel@0
|
1522 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1523 /* NavBar */
|
Daniel@0
|
1524 .navbar {
|
Daniel@0
|
1525 margin-bottom: 1.618em;
|
Daniel@0
|
1526 }
|
Daniel@0
|
1527 .navbar:after {
|
Daniel@0
|
1528 content: "";
|
Daniel@0
|
1529 display: table;
|
Daniel@0
|
1530 clear: both;
|
Daniel@0
|
1531 }
|
Daniel@0
|
1532 .navbar:after {
|
Daniel@0
|
1533 content: "";
|
Daniel@0
|
1534 display: table;
|
Daniel@0
|
1535 clear: both;
|
Daniel@0
|
1536 }
|
Daniel@0
|
1537 .navbar-left {
|
Daniel@0
|
1538 float: left;
|
Daniel@0
|
1539 }
|
Daniel@0
|
1540 .navbar-right {
|
Daniel@0
|
1541 float: right;
|
Daniel@0
|
1542 }
|
Daniel@0
|
1543 .navbar ul {
|
Daniel@0
|
1544 list-style: none;
|
Daniel@0
|
1545 margin: 0;
|
Daniel@0
|
1546 }
|
Daniel@0
|
1547 .navbar ul:after {
|
Daniel@0
|
1548 content: "";
|
Daniel@0
|
1549 display: table;
|
Daniel@0
|
1550 clear: both;
|
Daniel@0
|
1551 }
|
Daniel@0
|
1552 .navbar ul:after {
|
Daniel@0
|
1553 content: "";
|
Daniel@0
|
1554 display: table;
|
Daniel@0
|
1555 clear: both;
|
Daniel@0
|
1556 }
|
Daniel@0
|
1557 .navbar ul li {
|
Daniel@0
|
1558 float: left;
|
Daniel@0
|
1559 margin-right: 1.618em;
|
Daniel@0
|
1560 }
|
Daniel@0
|
1561 .navbar-right ul li {
|
Daniel@0
|
1562 margin-right: 0;
|
Daniel@0
|
1563 margin-left: 1.618em;
|
Daniel@0
|
1564 }
|
Daniel@0
|
1565 .navbar ul li a,
|
Daniel@0
|
1566 .navbar ul li span {
|
Daniel@0
|
1567 display: block;
|
Daniel@0
|
1568 text-decoration: none;
|
Daniel@0
|
1569 }
|
Daniel@0
|
1570 .navbar ul li a:hover {
|
Daniel@0
|
1571 color: #d70a16;
|
Daniel@0
|
1572 }
|
Daniel@0
|
1573 .navbar ul li.active a,
|
Daniel@0
|
1574 .navbar ul li span {
|
Daniel@0
|
1575 text-decoration: none;
|
Daniel@0
|
1576 cursor: text;
|
Daniel@0
|
1577 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1578 }
|
Daniel@0
|
1579 /* Fullwidth */
|
Daniel@0
|
1580 .fullwidth ul {
|
Daniel@0
|
1581 width: 100%;
|
Daniel@0
|
1582 }
|
Daniel@0
|
1583 .fullwidth li {
|
Daniel@0
|
1584 float: none !important;
|
Daniel@0
|
1585 margin: 0;
|
Daniel@0
|
1586 display: table-cell;
|
Daniel@0
|
1587 width: 1%;
|
Daniel@0
|
1588 text-align: center;
|
Daniel@0
|
1589 }
|
Daniel@0
|
1590 .fullwidth li a,
|
Daniel@0
|
1591 .fullwidth li span {
|
Daniel@0
|
1592 display: block;
|
Daniel@0
|
1593 }
|
Daniel@0
|
1594 /* Vertical */
|
Daniel@0
|
1595 .nav {
|
Daniel@0
|
1596 margin-bottom: 1.618em;
|
Daniel@0
|
1597 }
|
Daniel@0
|
1598 .nav ul {
|
Daniel@0
|
1599 list-style: none;
|
Daniel@0
|
1600 margin: 0;
|
Daniel@0
|
1601 }
|
Daniel@0
|
1602 .nav ul li ul {
|
Daniel@0
|
1603 margin-left: 2em;
|
Daniel@0
|
1604 font-size: .95em;
|
Daniel@0
|
1605 }
|
Daniel@0
|
1606 .nav ul li a,
|
Daniel@0
|
1607 .nav ul li span {
|
Daniel@0
|
1608 display: block;
|
Daniel@0
|
1609 padding: 5px 0;
|
Daniel@0
|
1610 }
|
Daniel@0
|
1611 .nav ul li ul li a,
|
Daniel@0
|
1612 .nav ul li ul li span {
|
Daniel@0
|
1613 padding: 4px 0;
|
Daniel@0
|
1614 }
|
Daniel@0
|
1615 .nav ul li a {
|
Daniel@0
|
1616 text-decoration: none;
|
Daniel@0
|
1617 }
|
Daniel@0
|
1618 .nav ul li a:hover {
|
Daniel@0
|
1619 color: #d70a16;
|
Daniel@0
|
1620 text-decoration: underline;
|
Daniel@0
|
1621 }
|
Daniel@0
|
1622 .nav ul li.active a,
|
Daniel@0
|
1623 .nav ul li span {
|
Daniel@0
|
1624 text-decoration: none;
|
Daniel@0
|
1625 cursor: text;
|
Daniel@0
|
1626 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1627 }
|
Daniel@0
|
1628 /* Stroked */
|
Daniel@0
|
1629 .nav-stroked li {
|
Daniel@0
|
1630 border-bottom: 1px solid #eee;
|
Daniel@0
|
1631 }
|
Daniel@0
|
1632 .nav-stroked li:last-child {
|
Daniel@0
|
1633 border-bottom: none;
|
Daniel@0
|
1634 }
|
Daniel@0
|
1635 /* Stacked */
|
Daniel@0
|
1636 .nav-stacked ul {
|
Daniel@0
|
1637 border: 1px solid #eee;
|
Daniel@0
|
1638 border-bottom: 0;
|
Daniel@0
|
1639 }
|
Daniel@0
|
1640 .nav-stacked ul li {
|
Daniel@0
|
1641 border-bottom: 1px solid #eee;
|
Daniel@0
|
1642 }
|
Daniel@0
|
1643 .nav-stacked ul li a,
|
Daniel@0
|
1644 .nav-stacked ul li span {
|
Daniel@0
|
1645 padding: 5px 10px;
|
Daniel@0
|
1646 }
|
Daniel@0
|
1647 .nav-stacked ul li a:hover {
|
Daniel@0
|
1648 background-color: #f5f5f5;
|
Daniel@0
|
1649 }
|
Daniel@0
|
1650 /* Stats */
|
Daniel@0
|
1651 .nav-stats li {
|
Daniel@0
|
1652 position: relative;
|
Daniel@0
|
1653 }
|
Daniel@0
|
1654 .nav-stats li a,
|
Daniel@0
|
1655 .nav-stats li span {
|
Daniel@0
|
1656 padding-right: 50px;
|
Daniel@0
|
1657 }
|
Daniel@0
|
1658 .nav-stats sup {
|
Daniel@0
|
1659 position: absolute;
|
Daniel@0
|
1660 top: 50%;
|
Daniel@0
|
1661 right: 0;
|
Daniel@0
|
1662 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1663 }
|
Daniel@0
|
1664 .nav-stats.nav-stacked sup {
|
Daniel@0
|
1665 right: .5em;
|
Daniel@0
|
1666 }
|
Daniel@0
|
1667 /* Breadcrumbs */
|
Daniel@0
|
1668 .breadcrumbs {
|
Daniel@0
|
1669 margin-bottom: 1.618em;
|
Daniel@0
|
1670 }
|
Daniel@0
|
1671 .breadcrumbs:after {
|
Daniel@0
|
1672 content: "";
|
Daniel@0
|
1673 display: table;
|
Daniel@0
|
1674 clear: both;
|
Daniel@0
|
1675 }
|
Daniel@0
|
1676 .breadcrumbs:after {
|
Daniel@0
|
1677 content: "";
|
Daniel@0
|
1678 display: table;
|
Daniel@0
|
1679 clear: both;
|
Daniel@0
|
1680 }
|
Daniel@0
|
1681 .breadcrumbs ul {
|
Daniel@0
|
1682 font-size: .9em;
|
Daniel@0
|
1683 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1684 list-style: none;
|
Daniel@0
|
1685 margin: 0;
|
Daniel@0
|
1686 }
|
Daniel@0
|
1687 .breadcrumbs ul:after {
|
Daniel@0
|
1688 content: "";
|
Daniel@0
|
1689 display: table;
|
Daniel@0
|
1690 clear: both;
|
Daniel@0
|
1691 }
|
Daniel@0
|
1692 .breadcrumbs ul:after {
|
Daniel@0
|
1693 content: "";
|
Daniel@0
|
1694 display: table;
|
Daniel@0
|
1695 clear: both;
|
Daniel@0
|
1696 }
|
Daniel@0
|
1697 .breadcrumbs ul li {
|
Daniel@0
|
1698 float: left;
|
Daniel@0
|
1699 margin-right: 3px;
|
Daniel@0
|
1700 }
|
Daniel@0
|
1701 .breadcrumbs li + li:before {
|
Daniel@0
|
1702 content: " > ";
|
Daniel@0
|
1703 color: #aaa;
|
Daniel@0
|
1704 font-size: 12px;
|
Daniel@0
|
1705 margin: 0 3px;
|
Daniel@0
|
1706 position: relative;
|
Daniel@0
|
1707 top: -1px;
|
Daniel@0
|
1708 }
|
Daniel@0
|
1709 .breadcrumbs-sections li + li:before {
|
Daniel@0
|
1710 content: " | ";
|
Daniel@0
|
1711 top: 0;
|
Daniel@0
|
1712 }
|
Daniel@0
|
1713 .breadcrumbs-path li + li:before {
|
Daniel@0
|
1714 content: " / ";
|
Daniel@0
|
1715 top: 0;
|
Daniel@0
|
1716 }
|
Daniel@0
|
1717 .breadcrumbs ul li a {
|
Daniel@0
|
1718 color: #0f0f0f;
|
Daniel@0
|
1719 text-decoration: none;
|
Daniel@0
|
1720 }
|
Daniel@0
|
1721 .breadcrumbs ul li.active a,
|
Daniel@0
|
1722 .breadcrumbs ul li.active a:hover {
|
Daniel@0
|
1723 text-decoration: none;
|
Daniel@0
|
1724 cursor: text;
|
Daniel@0
|
1725 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1726 }
|
Daniel@0
|
1727 .breadcrumbs ul li a:hover {
|
Daniel@0
|
1728 color: #0f0f0f;
|
Daniel@0
|
1729 text-decoration: underline;
|
Daniel@0
|
1730 }
|
Daniel@0
|
1731 /* =Pagination
|
Daniel@0
|
1732 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1733 .pagination {
|
Daniel@0
|
1734 position: relative;
|
Daniel@0
|
1735 left: -9px;
|
Daniel@0
|
1736 margin-left: 0;
|
Daniel@0
|
1737 list-style: none;
|
Daniel@0
|
1738 }
|
Daniel@0
|
1739 .pagination:after {
|
Daniel@0
|
1740 content: "";
|
Daniel@0
|
1741 display: table;
|
Daniel@0
|
1742 clear: both;
|
Daniel@0
|
1743 }
|
Daniel@0
|
1744 .pagination:after {
|
Daniel@0
|
1745 content: "";
|
Daniel@0
|
1746 display: table;
|
Daniel@0
|
1747 clear: both;
|
Daniel@0
|
1748 }
|
Daniel@0
|
1749 .pagination li {
|
Daniel@0
|
1750 float: left;
|
Daniel@0
|
1751 margin-right: 2px;
|
Daniel@0
|
1752 }
|
Daniel@0
|
1753 .pagination li a,
|
Daniel@0
|
1754 .pagination li span {
|
Daniel@0
|
1755 display: block;
|
Daniel@0
|
1756 padding: 7px 9px;
|
Daniel@0
|
1757 line-height: 1;
|
Daniel@0
|
1758 border-radius: 2px;
|
Daniel@0
|
1759 color: #0f0f0f;
|
Daniel@0
|
1760 text-decoration: none;
|
Daniel@0
|
1761 }
|
Daniel@0
|
1762 .pagination li span,
|
Daniel@0
|
1763 .pagination li.active a,
|
Daniel@0
|
1764 .pagination li.active a:hover {
|
Daniel@0
|
1765 border: 1px solid #ddd;
|
Daniel@0
|
1766 background: none;
|
Daniel@0
|
1767 cursor: text;
|
Daniel@0
|
1768 }
|
Daniel@0
|
1769 .pagination li a:focus,
|
Daniel@0
|
1770 .pagination li a:hover {
|
Daniel@0
|
1771 text-decoration: none;
|
Daniel@0
|
1772 background-color: #0f0f0f;
|
Daniel@0
|
1773 color: #fff;
|
Daniel@0
|
1774 border: 1px solid transparent;
|
Daniel@0
|
1775 }
|
Daniel@0
|
1776 /* =Responsive
|
Daniel@0
|
1777 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1778 @media only screen and (max-width: 767px) {
|
Daniel@0
|
1779 .navbar-left,
|
Daniel@0
|
1780 .navbar-right,
|
Daniel@0
|
1781 .navbar ul li,
|
Daniel@0
|
1782 .navbar-right ul li {
|
Daniel@0
|
1783 float: none;
|
Daniel@0
|
1784 text-align: center;
|
Daniel@0
|
1785 }
|
Daniel@0
|
1786 .navbar ul li,
|
Daniel@0
|
1787 .navbar-right ul li {
|
Daniel@0
|
1788 margin-left: 0;
|
Daniel@0
|
1789 margin-right: 0;
|
Daniel@0
|
1790 }
|
Daniel@0
|
1791 .fullwidth ul {
|
Daniel@0
|
1792 width: auto;
|
Daniel@0
|
1793 }
|
Daniel@0
|
1794 .fullwidth li {
|
Daniel@0
|
1795 display: block;
|
Daniel@0
|
1796 width: auto;
|
Daniel@0
|
1797 }
|
Daniel@0
|
1798 }
|
Daniel@0
|
1799 /* =Buttons
|
Daniel@0
|
1800 -----------------------------------------------------------------------------*/
|
Daniel@0
|
1801 .btn {
|
Daniel@0
|
1802 display: inline-block;
|
Daniel@0
|
1803 vertical-align: top;
|
Daniel@0
|
1804 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
|
Daniel@0
|
1805 font-size: 1em;
|
Daniel@0
|
1806 font-weight: 400;
|
Daniel@0
|
1807 line-height: 1.618em;
|
Daniel@0
|
1808 text-align: center;
|
Daniel@0
|
1809 text-decoration: none;
|
Daniel@0
|
1810 color: #333333;
|
Daniel@0
|
1811 margin: 0;
|
Daniel@0
|
1812 border: 1px solid transparent;
|
Daniel@0
|
1813 border-radius: 2px;
|
Daniel@0
|
1814 box-shadow: none;
|
Daniel@0
|
1815 cursor: pointer;
|
Daniel@0
|
1816 background: #eeeded;
|
Daniel@0
|
1817 padding: .3em 1.3em;
|
Daniel@0
|
1818 }
|
Daniel@0
|
1819 .btn:hover {
|
Daniel@0
|
1820 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
1821 background: #dbdada;
|
Daniel@0
|
1822 }
|
Daniel@0
|
1823 .btn::-moz-focus-inner {
|
Daniel@0
|
1824 border: 0;
|
Daniel@0
|
1825 padding: 0;
|
Daniel@0
|
1826 }
|
Daniel@0
|
1827 .btn-big {
|
Daniel@0
|
1828 font-size: 1.25em;
|
Daniel@0
|
1829 }
|
Daniel@0
|
1830 .btn-small {
|
Daniel@0
|
1831 font-size: 0.85em;
|
Daniel@0
|
1832 }
|
Daniel@0
|
1833 .btn-small-super {
|
Daniel@0
|
1834 font-size: 0.65em;
|
Daniel@0
|
1835 vertical-align: baseline;
|
Daniel@0
|
1836 }
|
Daniel@0
|
1837 .btn-outline {
|
Daniel@0
|
1838 background: none;
|
Daniel@0
|
1839 border: 1px solid #ddd;
|
Daniel@0
|
1840 }
|
Daniel@0
|
1841 .btn-blue,
|
Daniel@0
|
1842 .btn-red,
|
Daniel@0
|
1843 .btn-green,
|
Daniel@0
|
1844 .btn-black {
|
Daniel@0
|
1845 color: rgba(255, 255, 255, 0.9);
|
Daniel@0
|
1846 }
|
Daniel@0
|
1847 .btn-blue:hover,
|
Daniel@0
|
1848 .btn-red:hover,
|
Daniel@0
|
1849 .btn-green:hover,
|
Daniel@0
|
1850 .btn-black:hover {
|
Daniel@0
|
1851 color: rgba(255, 255, 255, 0.6);
|
Daniel@0
|
1852 }
|
Daniel@0
|
1853 .btn-white {
|
Daniel@0
|
1854 background: #fff;
|
Daniel@0
|
1855 }
|
Daniel@0
|
1856 .btn-white:hover {
|
Daniel@0
|
1857 background: #f2f2f2;
|
Daniel@0
|
1858 }
|
Daniel@0
|
1859 .btn-white.btn-outline {
|
Daniel@0
|
1860 background: none;
|
Daniel@0
|
1861 border-color: rgba(255, 255, 255, 0.85);
|
Daniel@0
|
1862 color: rgba(255, 255, 255, 0.85);
|
Daniel@0
|
1863 }
|
Daniel@0
|
1864 .btn-white.btn-outline:hover {
|
Daniel@0
|
1865 color: rgba(0, 0, 0, 0.9);
|
Daniel@0
|
1866 background: #fff;
|
Daniel@0
|
1867 }
|
Daniel@0
|
1868 .btn-blue.btn-outline {
|
Daniel@0
|
1869 background: none;
|
Daniel@0
|
1870 border-color: #3d58a8;
|
Daniel@0
|
1871 color: #3d58a8;
|
Daniel@0
|
1872 }
|
Daniel@0
|
1873 .btn-blue.btn-outline:hover {
|
Daniel@0
|
1874 color: rgba(255, 255, 255, 0.9);
|
Daniel@0
|
1875 background: #3d58a8;
|
Daniel@0
|
1876 }
|
Daniel@0
|
1877 .btn-red.btn-outline {
|
Daniel@0
|
1878 background: none;
|
Daniel@0
|
1879 border-color: #d70a16;
|
Daniel@0
|
1880 color: #d70a16;
|
Daniel@0
|
1881 }
|
Daniel@0
|
1882 .btn-red.btn-outline:hover {
|
Daniel@0
|
1883 color: rgba(255, 255, 255, 0.9);
|
Daniel@0
|
1884 background: #d70a16;
|
Daniel@0
|
1885 }
|
Daniel@0
|
1886 .btn-green.btn-outline {
|
Daniel@0
|
1887 background: none;
|
Daniel@0
|
1888 border-color: #159776;
|
Daniel@0
|
1889 color: #159776;
|
Daniel@0
|
1890 }
|
Daniel@0
|
1891 .btn-green.btn-outline:hover {
|
Daniel@0
|
1892 color: rgba(255, 255, 255, 0.9);
|
Daniel@0
|
1893 background: #159776;
|
Daniel@0
|
1894 }
|
Daniel@0
|
1895 .btn-black.btn-outline {
|
Daniel@0
|
1896 background: none;
|
Daniel@0
|
1897 border-color: #0f0f0f;
|
Daniel@0
|
1898 color: #0f0f0f;
|
Daniel@0
|
1899 }
|
Daniel@0
|
1900 .btn-black.btn-outline:hover {
|
Daniel@0
|
1901 color: rgba(255, 255, 255, 0.9);
|
Daniel@0
|
1902 background: #0f0f0f;
|
Daniel@0
|
1903 }
|
Daniel@0
|
1904 .btn-blue {
|
Daniel@0
|
1905 background: #3d58a8;
|
Daniel@0
|
1906 }
|
Daniel@0
|
1907 .btn-blue:hover {
|
Daniel@0
|
1908 background: #2f4483;
|
Daniel@0
|
1909 }
|
Daniel@0
|
1910 .btn-red {
|
Daniel@0
|
1911 background: #d70a16;
|
Daniel@0
|
1912 }
|
Daniel@0
|
1913 .btn-red:hover {
|
Daniel@0
|
1914 background: #a60811;
|
Daniel@0
|
1915 }
|
Daniel@0
|
1916 .btn-green {
|
Daniel@0
|
1917 background: #159776;
|
Daniel@0
|
1918 }
|
Daniel@0
|
1919 .btn-green:hover {
|
Daniel@0
|
1920 background: #0f6a53;
|
Daniel@0
|
1921 }
|
Daniel@0
|
1922 .btn-yellow {
|
Daniel@0
|
1923 background: #fddc43;
|
Daniel@0
|
1924 color: #000;
|
Daniel@0
|
1925 }
|
Daniel@0
|
1926 .btn-yellow:hover {
|
Daniel@0
|
1927 background: #e7be02;
|
Daniel@0
|
1928 }
|
Daniel@0
|
1929 .btn-black {
|
Daniel@0
|
1930 background: #000;
|
Daniel@0
|
1931 }
|
Daniel@0
|
1932 .btn-black:hover {
|
Daniel@0
|
1933 background: #333333;
|
Daniel@0
|
1934 }
|
Daniel@0
|
1935 .btn-active,
|
Daniel@0
|
1936 .btn[disabled],
|
Daniel@0
|
1937 .btn-disabled {
|
Daniel@0
|
1938 background: none;
|
Daniel@0
|
1939 background: #dbdada;
|
Daniel@0
|
1940 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
1941 }
|
Daniel@0
|
1942 .btn-active:hover,
|
Daniel@0
|
1943 .btn[disabled]:hover,
|
Daniel@0
|
1944 .btn-disabled:hover {
|
Daniel@0
|
1945 color: rgba(0, 0, 0, 0.5);
|
Daniel@0
|
1946 }
|
Daniel@0
|
1947 .btn-active {
|
Daniel@0
|
1948 border-top-color: #aaa;
|
Daniel@0
|
1949 border-right-color: #bbb;
|
Daniel@0
|
1950 border-left-color: #bbb;
|
Daniel@0
|
1951 border-bottom-color: #ccc;
|
Daniel@0
|
1952 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1953 }
|
Daniel@0
|
1954 .btn-outline.btn[disabled],
|
Daniel@0
|
1955 .btn-outline.btn-disabled {
|
Daniel@0
|
1956 background: none;
|
Daniel@0
|
1957 box-shadow: none;
|
Daniel@0
|
1958 color: rgba(0, 0, 0, 0.3);
|
Daniel@0
|
1959 border: 1px solid rgba(0, 0, 0, 0.1);
|
Daniel@0
|
1960 }
|
Daniel@0
|
1961 .btn-outline.btn-active {
|
Daniel@0
|
1962 background: none;
|
Daniel@0
|
1963 color: rgba(0, 0, 0, 0.4);
|
Daniel@0
|
1964 border-top-color: #ccc;
|
Daniel@0
|
1965 border-right-color: #ccc;
|
Daniel@0
|
1966 border-left-color: #ccc;
|
Daniel@0
|
1967 border-bottom-color: #ddd;
|
Daniel@0
|
1968 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
|
Daniel@0
|
1969 }
|
Daniel@0
|
1970 .btn[disabled],
|
Daniel@0
|
1971 .btn-disabled {
|
Daniel@0
|
1972 cursor: default;
|
Daniel@0
|
1973 box-shadow: none;
|
Daniel@0
|
1974 }
|
Daniel@0
|
1975 .btn-blue.btn-active,
|
Daniel@0
|
1976 .btn-red.btn-active,
|
Daniel@0
|
1977 .btn-green.btn-active,
|
Daniel@0
|
1978 .btn-black.btn-active {
|
Daniel@0
|
1979 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
|
Daniel@0
|
1980 }
|
Daniel@0
|
1981 .btn-blue.btn-active,
|
Daniel@0
|
1982 .btn-red.btn-active,
|
Daniel@0
|
1983 .btn-green.btn-active,
|
Daniel@0
|
1984 .btn-black.btn-active,
|
Daniel@0
|
1985 .btn-blue.btn-disabled,
|
Daniel@0
|
1986 .btn-red.btn-disabled,
|
Daniel@0
|
1987 .btn-green.btn-disabled,
|
Daniel@0
|
1988 .btn-black.btn-disabled,
|
Daniel@0
|
1989 .btn-blue[disabled],
|
Daniel@0
|
1990 .btn-red[disabled],
|
Daniel@0
|
1991 .btn-green[disabled],
|
Daniel@0
|
1992 .btn-black[disabled] {
|
Daniel@0
|
1993 color: rgba(255, 255, 255, 0.6);
|
Daniel@0
|
1994 }
|
Daniel@0
|
1995 .btn-blue.btn-active:hover,
|
Daniel@0
|
1996 .btn-red.btn-active:hover,
|
Daniel@0
|
1997 .btn-green.btn-active:hover,
|
Daniel@0
|
1998 .btn-black.btn-active:hover,
|
Daniel@0
|
1999 .btn-blue.btn-disabled:hover,
|
Daniel@0
|
2000 .btn-red.btn-disabled:hover,
|
Daniel@0
|
2001 .btn-green.btn-disabled:hover,
|
Daniel@0
|
2002 .btn-black.btn-disabled:hover,
|
Daniel@0
|
2003 .btn-blue[disabled]:hover,
|
Daniel@0
|
2004 .btn-red[disabled]:hover,
|
Daniel@0
|
2005 .btn-green[disabled]:hover,
|
Daniel@0
|
2006 .btn-black[disabled]:hover {
|
Daniel@0
|
2007 color: rgba(255, 255, 255, 0.6);
|
Daniel@0
|
2008 }
|
Daniel@0
|
2009 .btn-white.btn-active {
|
Daniel@0
|
2010 border-color: #ccc;
|
Daniel@0
|
2011 border-bottom-color: #ddd;
|
Daniel@0
|
2012 }
|
Daniel@0
|
2013 .btn-blue.btn-active {
|
Daniel@0
|
2014 border-color: #2f4483;
|
Daniel@0
|
2015 }
|
Daniel@0
|
2016 .btn-green.btn-active {
|
Daniel@0
|
2017 border-color: #0f6a53;
|
Daniel@0
|
2018 }
|
Daniel@0
|
2019 .btn-red.btn-active {
|
Daniel@0
|
2020 border-color: #a60811;
|
Daniel@0
|
2021 }
|
Daniel@0
|
2022 .btn-yellow.btn-active {
|
Daniel@0
|
2023 border-color: #be9d02;
|
Daniel@0
|
2024 }
|
Daniel@0
|
2025 .btn-black.btn-active {
|
Daniel@0
|
2026 border-color: #000;
|
Daniel@0
|
2027 }
|
Daniel@0
|
2028 .btn-white.btn-active,
|
Daniel@0
|
2029 .btn-white.btn-disabled,
|
Daniel@0
|
2030 .btn-white[disabled] {
|
Daniel@0
|
2031 background: #f2f2f2;
|
Daniel@0
|
2032 }
|
Daniel@0
|
2033 .btn-blue.btn-active,
|
Daniel@0
|
2034 .btn-blue.btn-disabled,
|
Daniel@0
|
2035 .btn-blue[disabled] {
|
Daniel@0
|
2036 background: #2f4483;
|
Daniel@0
|
2037 }
|
Daniel@0
|
2038 .btn-red.btn-active,
|
Daniel@0
|
2039 .btn-red.btn-disabled,
|
Daniel@0
|
2040 .btn-red[disabled] {
|
Daniel@0
|
2041 background: #a60811;
|
Daniel@0
|
2042 }
|
Daniel@0
|
2043 .btn-green.btn-active,
|
Daniel@0
|
2044 .btn-green.btn-disabled,
|
Daniel@0
|
2045 .btn-green[disabled] {
|
Daniel@0
|
2046 background: #0f6a53;
|
Daniel@0
|
2047 }
|
Daniel@0
|
2048 .btn-yellow.btn-active,
|
Daniel@0
|
2049 .btn-yellow.btn-disabled,
|
Daniel@0
|
2050 .btn-yellow[disabled] {
|
Daniel@0
|
2051 background: #e7be02;
|
Daniel@0
|
2052 }
|
Daniel@0
|
2053 .btn-black.btn-active,
|
Daniel@0
|
2054 .btn-black.btn-disabled,
|
Daniel@0
|
2055 .btn-black[disabled] {
|
Daniel@0
|
2056 background: #4d4d4d;
|
Daniel@0
|
2057 }
|
Daniel@0
|
2058 /* =Helpers
|
Daniel@0
|
2059 -----------------------------------------------------------------------------*/
|
Daniel@0
|
2060 .group:after {
|
Daniel@0
|
2061 content: "";
|
Daniel@0
|
2062 display: table;
|
Daniel@0
|
2063 clear: both;
|
Daniel@0
|
2064 }
|
Daniel@0
|
2065 .group:after {
|
Daniel@0
|
2066 content: "";
|
Daniel@0
|
2067 display: table;
|
Daniel@0
|
2068 clear: both;
|
Daniel@0
|
2069 }
|
Daniel@0
|
2070 .big {
|
Daniel@0
|
2071 font-size: 1.25em;
|
Daniel@0
|
2072 }
|
Daniel@0
|
2073 .small {
|
Daniel@0
|
2074 font-size: 0.85em;
|
Daniel@0
|
2075 }
|
Daniel@0
|
2076 .small-super {
|
Daniel@0
|
2077 font-size: 0.65em;
|
Daniel@0
|
2078 }
|
Daniel@0
|
2079 .nowrap,
|
Daniel@0
|
2080 .nowrap td {
|
Daniel@0
|
2081 white-space: nowrap;
|
Daniel@0
|
2082 }
|
Daniel@0
|
2083 .req,
|
Daniel@0
|
2084 .required {
|
Daniel@0
|
2085 font-weight: normal;
|
Daniel@0
|
2086 color: #d70a16;
|
Daniel@0
|
2087 }
|
Daniel@0
|
2088 .color-gray {
|
Daniel@0
|
2089 color: #777;
|
Daniel@0
|
2090 }
|
Daniel@0
|
2091 .color-gray-light {
|
Daniel@0
|
2092 color: #999;
|
Daniel@0
|
2093 }
|
Daniel@0
|
2094 .color-black {
|
Daniel@0
|
2095 color: #000;
|
Daniel@0
|
2096 }
|
Daniel@0
|
2097 .color-red,
|
Daniel@0
|
2098 .error {
|
Daniel@0
|
2099 color: #d70a16;
|
Daniel@0
|
2100 }
|
Daniel@0
|
2101 .color-green,
|
Daniel@0
|
2102 .success {
|
Daniel@0
|
2103 color: #159776;
|
Daniel@0
|
2104 }
|
Daniel@0
|
2105 .text-centered {
|
Daniel@0
|
2106 text-align: center;
|
Daniel@0
|
2107 }
|
Daniel@0
|
2108 .text-right {
|
Daniel@0
|
2109 text-align: right;
|
Daniel@0
|
2110 }
|
Daniel@0
|
2111 .last {
|
Daniel@0
|
2112 margin-right: 0 !important;
|
Daniel@0
|
2113 }
|
Daniel@0
|
2114 .pause {
|
Daniel@0
|
2115 margin-bottom: 0.809em !important;
|
Daniel@0
|
2116 }
|
Daniel@0
|
2117 .end {
|
Daniel@0
|
2118 margin-bottom: 0 !important;
|
Daniel@0
|
2119 }
|
Daniel@0
|
2120 .normal {
|
Daniel@0
|
2121 font-weight: normal;
|
Daniel@0
|
2122 }
|
Daniel@0
|
2123 .bold {
|
Daniel@0
|
2124 font-weight: bold;
|
Daniel@0
|
2125 }
|
Daniel@0
|
2126 .italic {
|
Daniel@0
|
2127 font-style: italic;
|
Daniel@0
|
2128 }
|
Daniel@0
|
2129 .left {
|
Daniel@0
|
2130 float: left;
|
Daniel@0
|
2131 }
|
Daniel@0
|
2132 .right {
|
Daniel@0
|
2133 float: right;
|
Daniel@0
|
2134 }
|
Daniel@0
|
2135 /* Responsive embedded objects */
|
Daniel@0
|
2136 .video-wrapper {
|
Daniel@0
|
2137 height: 0;
|
Daniel@0
|
2138 padding-bottom: 56.25%;
|
Daniel@0
|
2139 position: relative;
|
Daniel@0
|
2140 margin-bottom: 1.618em;
|
Daniel@0
|
2141 }
|
Daniel@0
|
2142 .video-wrapper iframe,
|
Daniel@0
|
2143 .video-wrapper object,
|
Daniel@0
|
2144 .video-wrapper embed {
|
Daniel@0
|
2145 position: absolute;
|
Daniel@0
|
2146 top: 0;
|
Daniel@0
|
2147 left: 0;
|
Daniel@0
|
2148 width: 100%;
|
Daniel@0
|
2149 height: 100%;
|
Daniel@0
|
2150 }
|
Daniel@0
|
2151 /* =Responsive
|
Daniel@0
|
2152 -----------------------------------------------------------------------------*/
|
Daniel@0
|
2153 @media only screen and (max-width: 767px) {
|
Daniel@0
|
2154 .left,
|
Daniel@0
|
2155 .right {
|
Daniel@0
|
2156 float: none;
|
Daniel@0
|
2157 }
|
Daniel@0
|
2158 }
|
Daniel@0
|
2159 /* string content */
|
Daniel@0
|
2160 .str {
|
Daniel@0
|
2161 color: #dd1144;
|
Daniel@0
|
2162 }
|
Daniel@0
|
2163 /* a keyword */
|
Daniel@0
|
2164 .kwd {
|
Daniel@0
|
2165 color: #333333;
|
Daniel@0
|
2166 }
|
Daniel@0
|
2167 /* a comment */
|
Daniel@0
|
2168 .com {
|
Daniel@0
|
2169 color: #999988;
|
Daniel@0
|
2170 }
|
Daniel@0
|
2171 /* a type name */
|
Daniel@0
|
2172 .typ {
|
Daniel@0
|
2173 color: #445588;
|
Daniel@0
|
2174 }
|
Daniel@0
|
2175 /* a literal value */
|
Daniel@0
|
2176 .lit {
|
Daniel@0
|
2177 color: #445588;
|
Daniel@0
|
2178 }
|
Daniel@0
|
2179 /* punctuation */
|
Daniel@0
|
2180 .pun {
|
Daniel@0
|
2181 color: #888;
|
Daniel@0
|
2182 }
|
Daniel@0
|
2183 /* lisp open bracket */
|
Daniel@0
|
2184 .opn {
|
Daniel@0
|
2185 color: #333333;
|
Daniel@0
|
2186 }
|
Daniel@0
|
2187 /* lisp close bracket */
|
Daniel@0
|
2188 .clo {
|
Daniel@0
|
2189 color: #333333;
|
Daniel@0
|
2190 }
|
Daniel@0
|
2191 /* a markup tag name */
|
Daniel@0
|
2192 .tag {
|
Daniel@0
|
2193 color: #367ac3;
|
Daniel@0
|
2194 }
|
Daniel@0
|
2195 /* a markup attribute name */
|
Daniel@0
|
2196 .atn {
|
Daniel@0
|
2197 color: #51a7c9;
|
Daniel@0
|
2198 }
|
Daniel@0
|
2199 /* a markup attribute value */
|
Daniel@0
|
2200 .atv {
|
Daniel@0
|
2201 color: #709c1a;
|
Daniel@0
|
2202 }
|
Daniel@0
|
2203 /* a declaration */
|
Daniel@0
|
2204 .dec {
|
Daniel@0
|
2205 color: #666;
|
Daniel@0
|
2206 }
|
Daniel@0
|
2207 /* a variable name */
|
Daniel@0
|
2208 .var {
|
Daniel@0
|
2209 color: teal;
|
Daniel@0
|
2210 }
|
Daniel@0
|
2211 /* a function name */
|
Daniel@0
|
2212 .fun {
|
Daniel@0
|
2213 color: #990000;
|
Daniel@0
|
2214 }
|
Daniel@0
|
2215 @media print {
|
Daniel@0
|
2216 * {
|
Daniel@0
|
2217 text-shadow: none !important;
|
Daniel@0
|
2218 color: #000 !important;
|
Daniel@0
|
2219 background: transparent !important;
|
Daniel@0
|
2220 box-shadow: none !important;
|
Daniel@0
|
2221 font-size: 12pt;
|
Daniel@0
|
2222 }
|
Daniel@0
|
2223 h1 {
|
Daniel@0
|
2224 font-size: 36pt;
|
Daniel@0
|
2225 }
|
Daniel@0
|
2226 h2 {
|
Daniel@0
|
2227 font-size: 24pt;
|
Daniel@0
|
2228 }
|
Daniel@0
|
2229 h3 {
|
Daniel@0
|
2230 font-size: 18pt;
|
Daniel@0
|
2231 }
|
Daniel@0
|
2232 h4 {
|
Daniel@0
|
2233 font-size: 14pt;
|
Daniel@0
|
2234 }
|
Daniel@0
|
2235 h5 {
|
Daniel@0
|
2236 font-size: 12pt;
|
Daniel@0
|
2237 }
|
Daniel@0
|
2238 h6 {
|
Daniel@0
|
2239 font-size: 12pt;
|
Daniel@0
|
2240 }
|
Daniel@0
|
2241 a,
|
Daniel@0
|
2242 a:visited {
|
Daniel@0
|
2243 text-decoration: underline;
|
Daniel@0
|
2244 }
|
Daniel@0
|
2245 a[href]:after {
|
Daniel@0
|
2246 content: " (" attr(href) ")";
|
Daniel@0
|
2247 }
|
Daniel@0
|
2248 abbr[title]:after {
|
Daniel@0
|
2249 content: " (" attr(title) ")";
|
Daniel@0
|
2250 }
|
Daniel@0
|
2251 a[href^="javascript:"]:after,
|
Daniel@0
|
2252 a[href^="#"]:after {
|
Daniel@0
|
2253 content: "";
|
Daniel@0
|
2254 }
|
Daniel@0
|
2255 pre,
|
Daniel@0
|
2256 blockquote {
|
Daniel@0
|
2257 page-break-inside: avoid;
|
Daniel@0
|
2258 }
|
Daniel@0
|
2259 blockquote {
|
Daniel@0
|
2260 border: none;
|
Daniel@0
|
2261 font-style: italic;
|
Daniel@0
|
2262 }
|
Daniel@0
|
2263 img {
|
Daniel@0
|
2264 max-width: 100% !important;
|
Daniel@0
|
2265 }
|
Daniel@0
|
2266 select {
|
Daniel@0
|
2267 background: #fff !important;
|
Daniel@0
|
2268 }
|
Daniel@0
|
2269 }
|