1
|
/*! UIkit 3.2.3 | http://www.getuikit.com | (c) 2014 - 2019 YOOtheme | MIT License */
|
2
|
/* ========================================================================
|
3
|
Component: Base
|
4
|
========================================================================== */
|
5
|
/*
|
6
|
* 1. Set `font-size` to support `rem` units
|
7
|
* Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
|
8
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
9
|
* 3. Style
|
10
|
*/
|
11
|
html {
|
12
|
/* 1 */
|
13
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
14
|
font-size: 16px;
|
15
|
font-weight: normal;
|
16
|
line-height: 1.5;
|
17
|
/* 2 */
|
18
|
-webkit-text-size-adjust: 100%;
|
19
|
/* 3 */
|
20
|
background: #fff;
|
21
|
color: #666;
|
22
|
}
|
23
|
/*
|
24
|
* Remove the margin in all browsers.
|
25
|
*/
|
26
|
body {
|
27
|
margin: 0;
|
28
|
}
|
29
|
/* Links
|
30
|
========================================================================== */
|
31
|
/*
|
32
|
* Remove the outline on focused links when they are also active or hovered
|
33
|
*/
|
34
|
a:active,
|
35
|
a:hover {
|
36
|
outline: none;
|
37
|
}
|
38
|
/*
|
39
|
* Style
|
40
|
*/
|
41
|
a,
|
42
|
.uk-link {
|
43
|
color: #1e87f0;
|
44
|
text-decoration: none;
|
45
|
cursor: pointer;
|
46
|
}
|
47
|
a:hover,
|
48
|
.uk-link:hover,
|
49
|
.uk-link-toggle:hover .uk-link,
|
50
|
.uk-link-toggle:focus .uk-link {
|
51
|
color: #0f6ecd;
|
52
|
text-decoration: underline;
|
53
|
}
|
54
|
/* Text-level semantics
|
55
|
========================================================================== */
|
56
|
/*
|
57
|
* 1. Add the correct text decoration in Edge.
|
58
|
* 2. The shorthand declaration `underline dotted` is not supported in Safari.
|
59
|
*/
|
60
|
abbr[title] {
|
61
|
/* 1 */
|
62
|
text-decoration: underline dotted;
|
63
|
/* 2 */
|
64
|
-webkit-text-decoration-style: dotted;
|
65
|
}
|
66
|
/*
|
67
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
68
|
*/
|
69
|
b,
|
70
|
strong {
|
71
|
font-weight: bolder;
|
72
|
}
|
73
|
/*
|
74
|
* 1. Consolas has a better baseline in running text compared to `Courier`
|
75
|
* 2. Correct the odd `em` font sizing in all browsers.
|
76
|
* 3. Style
|
77
|
*/
|
78
|
:not(pre) > code,
|
79
|
:not(pre) > kbd,
|
80
|
:not(pre) > samp {
|
81
|
/* 1 */
|
82
|
font-family: Consolas, monaco, monospace;
|
83
|
/* 2 */
|
84
|
font-size: 0.875rem;
|
85
|
/* 3 */
|
86
|
color: #f0506e;
|
87
|
white-space: nowrap;
|
88
|
padding: 2px 6px;
|
89
|
background: #f8f8f8;
|
90
|
}
|
91
|
/*
|
92
|
* Emphasize
|
93
|
*/
|
94
|
em {
|
95
|
color: #f0506e;
|
96
|
}
|
97
|
/*
|
98
|
* Insert
|
99
|
*/
|
100
|
ins {
|
101
|
background: #ffd;
|
102
|
color: #666;
|
103
|
text-decoration: none;
|
104
|
}
|
105
|
/*
|
106
|
* Mark
|
107
|
*/
|
108
|
mark {
|
109
|
background: #ffd;
|
110
|
color: #666;
|
111
|
}
|
112
|
/*
|
113
|
* Quote
|
114
|
*/
|
115
|
q {
|
116
|
font-style: italic;
|
117
|
}
|
118
|
/*
|
119
|
* Add the correct font size in all browsers.
|
120
|
*/
|
121
|
small {
|
122
|
font-size: 80%;
|
123
|
}
|
124
|
/*
|
125
|
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
|
126
|
*/
|
127
|
sub,
|
128
|
sup {
|
129
|
font-size: 75%;
|
130
|
line-height: 0;
|
131
|
position: relative;
|
132
|
vertical-align: baseline;
|
133
|
}
|
134
|
sup {
|
135
|
top: -0.5em;
|
136
|
}
|
137
|
sub {
|
138
|
bottom: -0.25em;
|
139
|
}
|
140
|
/* Embedded content
|
141
|
========================================================================== */
|
142
|
/*
|
143
|
* Remove the gap between embedded content and the bottom of their containers.
|
144
|
*/
|
145
|
audio,
|
146
|
canvas,
|
147
|
iframe,
|
148
|
img,
|
149
|
svg,
|
150
|
video {
|
151
|
vertical-align: middle;
|
152
|
}
|
153
|
/*
|
154
|
* 1. Add responsiveness.
|
155
|
* 2. Auto-scale the height. Only needed if `height` attribute is present.
|
156
|
* 3. Corrects responsive `max-width` behavior if padding and border are used.
|
157
|
* 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
|
158
|
*/
|
159
|
canvas,
|
160
|
img,
|
161
|
video {
|
162
|
/* 1 */
|
163
|
max-width: 100%;
|
164
|
/* 2 */
|
165
|
height: auto;
|
166
|
/* 3 */
|
167
|
box-sizing: border-box;
|
168
|
}
|
169
|
/* 4 */
|
170
|
@supports (display: block) {
|
171
|
svg {
|
172
|
max-width: 100%;
|
173
|
height: auto;
|
174
|
box-sizing: border-box;
|
175
|
}
|
176
|
}
|
177
|
/*
|
178
|
* Hide the overflow in IE.
|
179
|
*/
|
180
|
svg:not(:root) {
|
181
|
overflow: hidden;
|
182
|
}
|
183
|
/*
|
184
|
* 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
|
185
|
* 2. Hide `alt` text for lazy loading images.
|
186
|
* Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
|
187
|
*/
|
188
|
img:not([src]) {
|
189
|
/* 1 */
|
190
|
min-width: 1px;
|
191
|
/* 2 */
|
192
|
visibility: hidden;
|
193
|
}
|
194
|
/*
|
195
|
* Iframe
|
196
|
* Remove border in all browsers
|
197
|
*/
|
198
|
iframe {
|
199
|
border: 0;
|
200
|
}
|
201
|
/* Block elements
|
202
|
========================================================================== */
|
203
|
/*
|
204
|
* Margins
|
205
|
*/
|
206
|
p,
|
207
|
ul,
|
208
|
ol,
|
209
|
dl,
|
210
|
pre,
|
211
|
address,
|
212
|
fieldset,
|
213
|
figure {
|
214
|
margin: 0 0 20px 0;
|
215
|
}
|
216
|
/* Add margin if adjacent element */
|
217
|
* + p,
|
218
|
* + ul,
|
219
|
* + ol,
|
220
|
* + dl,
|
221
|
* + pre,
|
222
|
* + address,
|
223
|
* + fieldset,
|
224
|
* + figure {
|
225
|
margin-top: 20px;
|
226
|
}
|
227
|
/* Headings
|
228
|
========================================================================== */
|
229
|
h1,
|
230
|
.uk-h1,
|
231
|
h2,
|
232
|
.uk-h2,
|
233
|
h3,
|
234
|
.uk-h3,
|
235
|
h4,
|
236
|
.uk-h4,
|
237
|
h5,
|
238
|
.uk-h5,
|
239
|
h6,
|
240
|
.uk-h6,
|
241
|
.uk-heading-small,
|
242
|
.uk-heading-medium,
|
243
|
.uk-heading-large,
|
244
|
.uk-heading-xlarge,
|
245
|
.uk-heading-2xlarge {
|
246
|
margin: 0 0 20px 0;
|
247
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
248
|
font-weight: normal;
|
249
|
color: #333;
|
250
|
text-transform: none;
|
251
|
}
|
252
|
/* Add margin if adjacent element */
|
253
|
* + h1,
|
254
|
* + .uk-h1,
|
255
|
* + h2,
|
256
|
* + .uk-h2,
|
257
|
* + h3,
|
258
|
* + .uk-h3,
|
259
|
* + h4,
|
260
|
* + .uk-h4,
|
261
|
* + h5,
|
262
|
* + .uk-h5,
|
263
|
* + h6,
|
264
|
* + .uk-h6,
|
265
|
* + .uk-heading-small,
|
266
|
* + .uk-heading-medium,
|
267
|
* + .uk-heading-large,
|
268
|
* + .uk-heading-xlarge,
|
269
|
* + .uk-heading-2xlarge {
|
270
|
margin-top: 40px;
|
271
|
}
|
272
|
/*
|
273
|
* Sizes
|
274
|
*/
|
275
|
h1,
|
276
|
.uk-h1 {
|
277
|
font-size: 2.23125rem;
|
278
|
line-height: 1.2;
|
279
|
}
|
280
|
h2,
|
281
|
.uk-h2 {
|
282
|
font-size: 1.7rem;
|
283
|
line-height: 1.3;
|
284
|
}
|
285
|
h3,
|
286
|
.uk-h3 {
|
287
|
font-size: 1.5rem;
|
288
|
line-height: 1.4;
|
289
|
}
|
290
|
h4,
|
291
|
.uk-h4 {
|
292
|
font-size: 1.25rem;
|
293
|
line-height: 1.4;
|
294
|
}
|
295
|
h5,
|
296
|
.uk-h5 {
|
297
|
font-size: 16px;
|
298
|
line-height: 1.4;
|
299
|
}
|
300
|
h6,
|
301
|
.uk-h6 {
|
302
|
font-size: 0.875rem;
|
303
|
line-height: 1.4;
|
304
|
}
|
305
|
/* Tablet landscape and bigger */
|
306
|
@media (min-width: 960px) {
|
307
|
h1,
|
308
|
.uk-h1 {
|
309
|
font-size: 2.625rem;
|
310
|
}
|
311
|
h2,
|
312
|
.uk-h2 {
|
313
|
font-size: 2rem;
|
314
|
}
|
315
|
}
|
316
|
/* Lists
|
317
|
========================================================================== */
|
318
|
ul,
|
319
|
ol {
|
320
|
padding-left: 30px;
|
321
|
}
|
322
|
/*
|
323
|
* Reset margin for nested lists
|
324
|
*/
|
325
|
ul > li > ul,
|
326
|
ul > li > ol,
|
327
|
ol > li > ol,
|
328
|
ol > li > ul {
|
329
|
margin: 0;
|
330
|
}
|
331
|
/* Description lists
|
332
|
========================================================================== */
|
333
|
dt {
|
334
|
font-weight: bold;
|
335
|
}
|
336
|
dd {
|
337
|
margin-left: 0;
|
338
|
}
|
339
|
/* Horizontal rules
|
340
|
========================================================================== */
|
341
|
/*
|
342
|
* 1. Show the overflow in Chrome, Edge and IE.
|
343
|
* 2. Add the correct text-align in Edge and IE.
|
344
|
* 3. Style
|
345
|
*/
|
346
|
hr,
|
347
|
.uk-hr {
|
348
|
/* 1 */
|
349
|
overflow: visible;
|
350
|
/* 2 */
|
351
|
text-align: inherit;
|
352
|
/* 3 */
|
353
|
margin: 0 0 20px 0;
|
354
|
border: 0;
|
355
|
border-top: 1px solid #e5e5e5;
|
356
|
}
|
357
|
/* Add margin if adjacent element */
|
358
|
* + hr,
|
359
|
* + .uk-hr {
|
360
|
margin-top: 20px;
|
361
|
}
|
362
|
/* Address
|
363
|
========================================================================== */
|
364
|
address {
|
365
|
font-style: normal;
|
366
|
}
|
367
|
/* Blockquotes
|
368
|
========================================================================== */
|
369
|
blockquote {
|
370
|
margin: 0 0 20px 0;
|
371
|
font-size: 1.25rem;
|
372
|
line-height: 1.5;
|
373
|
font-style: italic;
|
374
|
color: #333;
|
375
|
}
|
376
|
/* Add margin if adjacent element */
|
377
|
* + blockquote {
|
378
|
margin-top: 20px;
|
379
|
}
|
380
|
/*
|
381
|
* Content
|
382
|
*/
|
383
|
blockquote p:last-of-type {
|
384
|
margin-bottom: 0;
|
385
|
}
|
386
|
blockquote footer {
|
387
|
margin-top: 10px;
|
388
|
font-size: 0.875rem;
|
389
|
line-height: 1.5;
|
390
|
color: #666;
|
391
|
}
|
392
|
blockquote footer::before {
|
393
|
content: "— ";
|
394
|
}
|
395
|
/* Preformatted text
|
396
|
========================================================================== */
|
397
|
/*
|
398
|
* 1. Contain overflow in all browsers.
|
399
|
*/
|
400
|
pre {
|
401
|
font: 0.875rem / 1.5 Consolas, monaco, monospace;
|
402
|
color: #666;
|
403
|
-moz-tab-size: 4;
|
404
|
tab-size: 4;
|
405
|
/* 1 */
|
406
|
overflow: auto;
|
407
|
padding: 10px;
|
408
|
border: 1px solid #e5e5e5;
|
409
|
border-radius: 3px;
|
410
|
background: #fff;
|
411
|
}
|
412
|
pre code {
|
413
|
font-family: Consolas, monaco, monospace;
|
414
|
}
|
415
|
/* Selection pseudo-element
|
416
|
========================================================================== */
|
417
|
::selection {
|
418
|
background: #39f;
|
419
|
color: #fff;
|
420
|
text-shadow: none;
|
421
|
}
|
422
|
/* HTML5 elements
|
423
|
========================================================================== */
|
424
|
/*
|
425
|
* 1. Add the correct display in Edge, IE 10+, and Firefox.
|
426
|
* 2. Add the correct display in IE.
|
427
|
*/
|
428
|
details,
|
429
|
main {
|
430
|
/* 2 */
|
431
|
display: block;
|
432
|
}
|
433
|
/*
|
434
|
* Add the correct display in all browsers.
|
435
|
*/
|
436
|
summary {
|
437
|
display: list-item;
|
438
|
}
|
439
|
/*
|
440
|
* Add the correct display in IE.
|
441
|
*/
|
442
|
template {
|
443
|
display: none;
|
444
|
}
|
445
|
/* Pass media breakpoints to JS
|
446
|
========================================================================== */
|
447
|
/*
|
448
|
* Breakpoints
|
449
|
*/
|
450
|
.uk-breakpoint-s::before {
|
451
|
content: '640px';
|
452
|
}
|
453
|
.uk-breakpoint-m::before {
|
454
|
content: '960px';
|
455
|
}
|
456
|
.uk-breakpoint-l::before {
|
457
|
content: '1200px';
|
458
|
}
|
459
|
.uk-breakpoint-xl::before {
|
460
|
content: '1600px';
|
461
|
}
|
462
|
:root {
|
463
|
--uk-breakpoint-s: 640px;
|
464
|
--uk-breakpoint-m: 960px;
|
465
|
--uk-breakpoint-l: 1200px;
|
466
|
--uk-breakpoint-xl: 1600px;
|
467
|
}
|
468
|
/* ========================================================================
|
469
|
Component: Link
|
470
|
========================================================================== */
|
471
|
/* Muted
|
472
|
========================================================================== */
|
473
|
a.uk-link-muted,
|
474
|
.uk-link-muted a {
|
475
|
color: #999;
|
476
|
}
|
477
|
a.uk-link-muted:hover,
|
478
|
.uk-link-muted a:hover,
|
479
|
.uk-link-toggle:hover .uk-link-muted,
|
480
|
.uk-link-toggle:focus .uk-link-muted {
|
481
|
color: #666;
|
482
|
}
|
483
|
/* Text
|
484
|
========================================================================== */
|
485
|
a.uk-link-text,
|
486
|
.uk-link-text a {
|
487
|
color: inherit;
|
488
|
}
|
489
|
a.uk-link-text:hover,
|
490
|
.uk-link-text a:hover,
|
491
|
.uk-link-toggle:hover .uk-link-text,
|
492
|
.uk-link-toggle:focus .uk-link-text {
|
493
|
color: #999;
|
494
|
}
|
495
|
/* Heading
|
496
|
========================================================================== */
|
497
|
a.uk-link-heading,
|
498
|
.uk-link-heading a {
|
499
|
color: inherit;
|
500
|
}
|
501
|
a.uk-link-heading:hover,
|
502
|
.uk-link-heading a:hover,
|
503
|
.uk-link-toggle:hover .uk-link-heading,
|
504
|
.uk-link-toggle:focus .uk-link-heading {
|
505
|
color: #1e87f0;
|
506
|
text-decoration: none;
|
507
|
}
|
508
|
/* Reset
|
509
|
========================================================================== */
|
510
|
/*
|
511
|
* `!important` needed to override inverse component
|
512
|
*/
|
513
|
a.uk-link-reset,
|
514
|
.uk-link-reset a {
|
515
|
color: inherit !important;
|
516
|
text-decoration: none !important;
|
517
|
}
|
518
|
/* Toggle
|
519
|
========================================================================== */
|
520
|
.uk-link-toggle {
|
521
|
color: inherit !important;
|
522
|
text-decoration: none !important;
|
523
|
}
|
524
|
.uk-link-toggle:focus {
|
525
|
outline: none;
|
526
|
}
|
527
|
/* ========================================================================
|
528
|
Component: Heading
|
529
|
========================================================================== */
|
530
|
.uk-heading-small {
|
531
|
font-size: 2.6rem;
|
532
|
line-height: 1.2;
|
533
|
}
|
534
|
.uk-heading-medium {
|
535
|
font-size: 2.8875rem;
|
536
|
line-height: 1.1;
|
537
|
}
|
538
|
.uk-heading-large {
|
539
|
font-size: 3.4rem;
|
540
|
line-height: 1.1;
|
541
|
}
|
542
|
.uk-heading-xlarge {
|
543
|
font-size: 4rem;
|
544
|
line-height: 1;
|
545
|
}
|
546
|
.uk-heading-2xlarge {
|
547
|
font-size: 6rem;
|
548
|
line-height: 1;
|
549
|
}
|
550
|
/* Tablet Landscape and bigger */
|
551
|
@media (min-width: 960px) {
|
552
|
.uk-heading-small {
|
553
|
font-size: 3.25rem;
|
554
|
}
|
555
|
.uk-heading-medium {
|
556
|
font-size: 3.5rem;
|
557
|
}
|
558
|
.uk-heading-large {
|
559
|
font-size: 4rem;
|
560
|
}
|
561
|
.uk-heading-xlarge {
|
562
|
font-size: 6rem;
|
563
|
}
|
564
|
.uk-heading-2xlarge {
|
565
|
font-size: 8rem;
|
566
|
}
|
567
|
}
|
568
|
/* Laptop and bigger */
|
569
|
@media (min-width: 1200px) {
|
570
|
.uk-heading-medium {
|
571
|
font-size: 4rem;
|
572
|
}
|
573
|
.uk-heading-large {
|
574
|
font-size: 6rem;
|
575
|
}
|
576
|
.uk-heading-xlarge {
|
577
|
font-size: 8rem;
|
578
|
}
|
579
|
.uk-heading-2xlarge {
|
580
|
font-size: 11rem;
|
581
|
}
|
582
|
}
|
583
|
/* Primary
|
584
|
Deprecated: Use `uk-heading-medium` instead
|
585
|
========================================================================== */
|
586
|
/* Tablet landscape and bigger */
|
587
|
/* Desktop and bigger */
|
588
|
/* Hero
|
589
|
Deprecated: Use `uk-heading-xlarge` instead
|
590
|
========================================================================== */
|
591
|
/* Tablet landscape and bigger */
|
592
|
/* Desktop and bigger */
|
593
|
/* Divider
|
594
|
========================================================================== */
|
595
|
.uk-heading-divider {
|
596
|
padding-bottom: calc(5px + 0.1em);
|
597
|
border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
|
598
|
}
|
599
|
/* Bullet
|
600
|
========================================================================== */
|
601
|
.uk-heading-bullet {
|
602
|
position: relative;
|
603
|
}
|
604
|
/*
|
605
|
* 1. Using `inline-block` to make it work with text alignment
|
606
|
* 2. Center vertically
|
607
|
* 3. Style
|
608
|
*/
|
609
|
.uk-heading-bullet::before {
|
610
|
content: "";
|
611
|
/* 1 */
|
612
|
display: inline-block;
|
613
|
/* 2 */
|
614
|
position: relative;
|
615
|
top: calc(-0.1 * 1em);
|
616
|
vertical-align: middle;
|
617
|
/* 3 */
|
618
|
height: calc(4px + 0.7em);
|
619
|
margin-right: calc(5px + 0.2em);
|
620
|
border-left: calc(5px + 0.1em) solid #e5e5e5;
|
621
|
}
|
622
|
/* Line
|
623
|
========================================================================== */
|
624
|
/*
|
625
|
* Clip the child element
|
626
|
*/
|
627
|
.uk-heading-line {
|
628
|
overflow: hidden;
|
629
|
}
|
630
|
/*
|
631
|
* Extra markup is needed to make it work with text align
|
632
|
*/
|
633
|
.uk-heading-line > * {
|
634
|
display: inline-block;
|
635
|
position: relative;
|
636
|
}
|
637
|
/*
|
638
|
* 1. Center vertically
|
639
|
* 2. Make the element as large as possible. It's clipped by the container.
|
640
|
* 3. Style
|
641
|
*/
|
642
|
.uk-heading-line > ::before,
|
643
|
.uk-heading-line > ::after {
|
644
|
content: "";
|
645
|
/* 1 */
|
646
|
position: absolute;
|
647
|
top: calc(50% - ((0.2px + 0.05em) / 2));
|
648
|
/* 2 */
|
649
|
width: 2000px;
|
650
|
/* 3 */
|
651
|
border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
|
652
|
}
|
653
|
.uk-heading-line > ::before {
|
654
|
right: 100%;
|
655
|
margin-right: calc(5px + 0.3em);
|
656
|
}
|
657
|
.uk-heading-line > ::after {
|
658
|
left: 100%;
|
659
|
margin-left: calc(5px + 0.3em);
|
660
|
}
|
661
|
/* ========================================================================
|
662
|
Component: Divider
|
663
|
========================================================================== */
|
664
|
/*
|
665
|
* 1. Reset default `hr`
|
666
|
* 2. Set margin if a `div` is used for semantical reason
|
667
|
*/
|
668
|
[class*='uk-divider'] {
|
669
|
/* 1 */
|
670
|
border: none;
|
671
|
/* 2 */
|
672
|
margin-bottom: 20px;
|
673
|
}
|
674
|
/* Add margin if adjacent element */
|
675
|
* + [class*='uk-divider'] {
|
676
|
margin-top: 20px;
|
677
|
}
|
678
|
/* Icon
|
679
|
========================================================================== */
|
680
|
.uk-divider-icon {
|
681
|
position: relative;
|
682
|
height: 20px;
|
683
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
684
|
background-repeat: no-repeat;
|
685
|
background-position: 50% 50%;
|
686
|
}
|
687
|
.uk-divider-icon::before,
|
688
|
.uk-divider-icon::after {
|
689
|
content: "";
|
690
|
position: absolute;
|
691
|
top: 50%;
|
692
|
max-width: calc(50% - (50px / 2));
|
693
|
border-bottom: 1px solid #e5e5e5;
|
694
|
}
|
695
|
.uk-divider-icon::before {
|
696
|
right: calc(50% + (50px / 2));
|
697
|
width: 100%;
|
698
|
}
|
699
|
.uk-divider-icon::after {
|
700
|
left: calc(50% + (50px / 2));
|
701
|
width: 100%;
|
702
|
}
|
703
|
/* Small
|
704
|
========================================================================== */
|
705
|
/*
|
706
|
* 1. Fix height because of `inline-block`
|
707
|
* 2. Using ::after and inline-block to make `text-align` work
|
708
|
*/
|
709
|
/* 1 */
|
710
|
.uk-divider-small {
|
711
|
line-height: 0;
|
712
|
}
|
713
|
/* 2 */
|
714
|
.uk-divider-small::after {
|
715
|
content: "";
|
716
|
display: inline-block;
|
717
|
width: 100px;
|
718
|
max-width: 100%;
|
719
|
border-top: 1px solid #e5e5e5;
|
720
|
vertical-align: top;
|
721
|
}
|
722
|
/* Vertical
|
723
|
========================================================================== */
|
724
|
.uk-divider-vertical {
|
725
|
width: 1px;
|
726
|
height: 100px;
|
727
|
margin-left: auto;
|
728
|
margin-right: auto;
|
729
|
border-left: 1px solid #e5e5e5;
|
730
|
}
|
731
|
/* ========================================================================
|
732
|
Component: List
|
733
|
========================================================================== */
|
734
|
.uk-list {
|
735
|
padding: 0;
|
736
|
list-style: none;
|
737
|
}
|
738
|
/*
|
739
|
* Micro clearfix
|
740
|
*/
|
741
|
.uk-list > li::before,
|
742
|
.uk-list > li::after {
|
743
|
content: "";
|
744
|
display: table;
|
745
|
}
|
746
|
.uk-list > li::after {
|
747
|
clear: both;
|
748
|
}
|
749
|
/*
|
750
|
* Remove margin from the last-child
|
751
|
*/
|
752
|
.uk-list > li > :last-child {
|
753
|
margin-bottom: 0;
|
754
|
}
|
755
|
/*
|
756
|
* Nested lists
|
757
|
*/
|
758
|
.uk-list ul {
|
759
|
margin: 0;
|
760
|
padding-left: 30px;
|
761
|
list-style: none;
|
762
|
}
|
763
|
/*
|
764
|
* Style
|
765
|
*/
|
766
|
.uk-list > li:nth-child(n+2),
|
767
|
.uk-list > li > ul {
|
768
|
margin-top: 10px;
|
769
|
}
|
770
|
/* Style modifiers
|
771
|
========================================================================== */
|
772
|
/*
|
773
|
* Divider
|
774
|
*/
|
775
|
.uk-list-divider > li:nth-child(n+2) {
|
776
|
margin-top: 10px;
|
777
|
padding-top: 10px;
|
778
|
border-top: 1px solid #e5e5e5;
|
779
|
}
|
780
|
/*
|
781
|
* Striped
|
782
|
*/
|
783
|
.uk-list-striped > li {
|
784
|
padding: 10px 10px;
|
785
|
}
|
786
|
.uk-list-striped > li:nth-of-type(odd) {
|
787
|
border-top: 1px solid #e5e5e5;
|
788
|
border-bottom: 1px solid #e5e5e5;
|
789
|
}
|
790
|
.uk-list-striped > li:nth-of-type(odd) {
|
791
|
background: #f8f8f8;
|
792
|
}
|
793
|
.uk-list-striped > li:nth-child(n+2) {
|
794
|
margin-top: 0;
|
795
|
}
|
796
|
/*
|
797
|
* Bullet
|
798
|
* 1. Reset display `table` which causes issues in combination with multi column layouts.
|
799
|
*/
|
800
|
.uk-list-bullet > li {
|
801
|
position: relative;
|
802
|
padding-left: calc(1.5em + 10px);
|
803
|
}
|
804
|
.uk-list-bullet > li::before {
|
805
|
content: "";
|
806
|
position: absolute;
|
807
|
top: 0;
|
808
|
left: 0;
|
809
|
width: 1.5em;
|
810
|
height: 1.5em;
|
811
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
812
|
background-repeat: no-repeat;
|
813
|
background-position: 50% 50%;
|
814
|
/* 1 */
|
815
|
display: block;
|
816
|
}
|
817
|
/* Size modifier
|
818
|
========================================================================== */
|
819
|
.uk-list-large > li:nth-child(n+2),
|
820
|
.uk-list-large > li > ul {
|
821
|
margin-top: 20px;
|
822
|
}
|
823
|
/*
|
824
|
* Divider
|
825
|
*/
|
826
|
.uk-list-large.uk-list-divider > li:nth-child(n+2) {
|
827
|
margin-top: 20px;
|
828
|
padding-top: 20px;
|
829
|
}
|
830
|
/*
|
831
|
* Striped
|
832
|
*/
|
833
|
.uk-list-large.uk-list-striped > li {
|
834
|
padding: 20px 10px;
|
835
|
}
|
836
|
.uk-list-large.uk-list-striped > li:nth-of-type(odd) {
|
837
|
border-top: 1px solid #e5e5e5;
|
838
|
border-bottom: 1px solid #e5e5e5;
|
839
|
}
|
840
|
.uk-list-large.uk-list-striped > li:nth-child(n+2) {
|
841
|
margin-top: 0;
|
842
|
}
|
843
|
/* ========================================================================
|
844
|
Component: Description list
|
845
|
========================================================================== */
|
846
|
/*
|
847
|
* Term
|
848
|
*/
|
849
|
.uk-description-list > dt {
|
850
|
color: #333;
|
851
|
font-size: 0.875rem;
|
852
|
font-weight: normal;
|
853
|
text-transform: uppercase;
|
854
|
}
|
855
|
.uk-description-list > dt:nth-child(n+2) {
|
856
|
margin-top: 20px;
|
857
|
}
|
858
|
/*
|
859
|
* Description
|
860
|
*/
|
861
|
/* Style modifier
|
862
|
========================================================================== */
|
863
|
/*
|
864
|
* Line
|
865
|
*/
|
866
|
.uk-description-list-divider > dt:nth-child(n+2) {
|
867
|
margin-top: 20px;
|
868
|
padding-top: 20px;
|
869
|
border-top: 1px solid #e5e5e5;
|
870
|
}
|
871
|
/* ========================================================================
|
872
|
Component: Table
|
873
|
========================================================================== */
|
874
|
/*
|
875
|
* 1. Remove most spacing between table cells.
|
876
|
* 2. Behave like a block element
|
877
|
* 3. Style
|
878
|
*/
|
879
|
.uk-table {
|
880
|
/* 1 */
|
881
|
border-collapse: collapse;
|
882
|
border-spacing: 0;
|
883
|
/* 2 */
|
884
|
width: 100%;
|
885
|
/* 3 */
|
886
|
margin-bottom: 20px;
|
887
|
}
|
888
|
/* Add margin if adjacent element */
|
889
|
* + .uk-table {
|
890
|
margin-top: 20px;
|
891
|
}
|
892
|
/* Header cell
|
893
|
========================================================================== */
|
894
|
/*
|
895
|
* 1. Style
|
896
|
*/
|
897
|
.uk-table th {
|
898
|
padding: 16px 12px;
|
899
|
text-align: left;
|
900
|
vertical-align: bottom;
|
901
|
/* 1 */
|
902
|
font-size: 0.875rem;
|
903
|
font-weight: normal;
|
904
|
color: #999;
|
905
|
text-transform: uppercase;
|
906
|
}
|
907
|
/* Cell
|
908
|
========================================================================== */
|
909
|
.uk-table td {
|
910
|
padding: 16px 12px;
|
911
|
vertical-align: top;
|
912
|
}
|
913
|
/*
|
914
|
* Remove margin from the last-child
|
915
|
*/
|
916
|
.uk-table td > :last-child {
|
917
|
margin-bottom: 0;
|
918
|
}
|
919
|
/* Footer
|
920
|
========================================================================== */
|
921
|
.uk-table tfoot {
|
922
|
font-size: 0.875rem;
|
923
|
}
|
924
|
/* Caption
|
925
|
========================================================================== */
|
926
|
.uk-table caption {
|
927
|
font-size: 0.875rem;
|
928
|
text-align: left;
|
929
|
color: #999;
|
930
|
}
|
931
|
/* Alignment modifier
|
932
|
========================================================================== */
|
933
|
.uk-table-middle,
|
934
|
.uk-table-middle td {
|
935
|
vertical-align: middle !important;
|
936
|
}
|
937
|
/* Style modifiers
|
938
|
========================================================================== */
|
939
|
/*
|
940
|
* Divider
|
941
|
*/
|
942
|
.uk-table-divider > tr:not(:first-child),
|
943
|
.uk-table-divider > :not(:first-child) > tr,
|
944
|
.uk-table-divider > :first-child > tr:not(:first-child) {
|
945
|
border-top: 1px solid #e5e5e5;
|
946
|
}
|
947
|
/*
|
948
|
* Striped
|
949
|
*/
|
950
|
.uk-table-striped > tr:nth-of-type(odd),
|
951
|
.uk-table-striped tbody tr:nth-of-type(odd) {
|
952
|
background: #f8f8f8;
|
953
|
border-top: 1px solid #e5e5e5;
|
954
|
border-bottom: 1px solid #e5e5e5;
|
955
|
}
|
956
|
/*
|
957
|
* Hover
|
958
|
*/
|
959
|
.uk-table-hover > tr:hover,
|
960
|
.uk-table-hover tbody tr:hover {
|
961
|
background: #ffd;
|
962
|
}
|
963
|
/* Active state
|
964
|
========================================================================== */
|
965
|
.uk-table > tr.uk-active,
|
966
|
.uk-table tbody tr.uk-active {
|
967
|
background: #ffd;
|
968
|
}
|
969
|
/* Size modifier
|
970
|
========================================================================== */
|
971
|
.uk-table-small th,
|
972
|
.uk-table-small td {
|
973
|
padding: 10px 12px;
|
974
|
}
|
975
|
.uk-table-large th,
|
976
|
.uk-table-large td {
|
977
|
padding: 22px 12px;
|
978
|
}
|
979
|
/* Justify modifier
|
980
|
========================================================================== */
|
981
|
.uk-table-justify th:first-child,
|
982
|
.uk-table-justify td:first-child {
|
983
|
padding-left: 0;
|
984
|
}
|
985
|
.uk-table-justify th:last-child,
|
986
|
.uk-table-justify td:last-child {
|
987
|
padding-right: 0;
|
988
|
}
|
989
|
/* Cell size modifier
|
990
|
========================================================================== */
|
991
|
.uk-table-shrink {
|
992
|
width: 1px;
|
993
|
}
|
994
|
.uk-table-expand {
|
995
|
min-width: 150px;
|
996
|
}
|
997
|
/* Cell link modifier
|
998
|
========================================================================== */
|
999
|
/*
|
1000
|
* Does not work with `uk-table-justify` at the moment
|
1001
|
*/
|
1002
|
.uk-table-link {
|
1003
|
padding: 0 !important;
|
1004
|
}
|
1005
|
.uk-table-link > a {
|
1006
|
display: block;
|
1007
|
padding: 16px 12px;
|
1008
|
}
|
1009
|
.uk-table-small .uk-table-link > a {
|
1010
|
padding: 10px 12px;
|
1011
|
}
|
1012
|
/* Responsive table
|
1013
|
========================================================================== */
|
1014
|
/* Phone landscape and smaller */
|
1015
|
@media (max-width: 959px) {
|
1016
|
.uk-table-responsive,
|
1017
|
.uk-table-responsive tbody,
|
1018
|
.uk-table-responsive th,
|
1019
|
.uk-table-responsive td,
|
1020
|
.uk-table-responsive tr {
|
1021
|
display: block;
|
1022
|
}
|
1023
|
.uk-table-responsive thead {
|
1024
|
display: none;
|
1025
|
}
|
1026
|
.uk-table-responsive th,
|
1027
|
.uk-table-responsive td {
|
1028
|
width: auto !important;
|
1029
|
max-width: none !important;
|
1030
|
min-width: 0 !important;
|
1031
|
overflow: visible !important;
|
1032
|
white-space: normal !important;
|
1033
|
}
|
1034
|
.uk-table-responsive th:not(:first-child):not(.uk-table-link),
|
1035
|
.uk-table-responsive td:not(:first-child):not(.uk-table-link),
|
1036
|
.uk-table-responsive .uk-table-link:not(:first-child) > a {
|
1037
|
padding-top: 5px !important;
|
1038
|
}
|
1039
|
.uk-table-responsive th:not(:last-child):not(.uk-table-link),
|
1040
|
.uk-table-responsive td:not(:last-child):not(.uk-table-link),
|
1041
|
.uk-table-responsive .uk-table-link:not(:last-child) > a {
|
1042
|
padding-bottom: 5px !important;
|
1043
|
}
|
1044
|
.uk-table-justify.uk-table-responsive th,
|
1045
|
.uk-table-justify.uk-table-responsive td {
|
1046
|
padding-left: 0;
|
1047
|
padding-right: 0;
|
1048
|
}
|
1049
|
}
|
1050
|
.uk-table tbody tr {
|
1051
|
transition: background-color 0.1s linear;
|
1052
|
}
|
1053
|
/* ========================================================================
|
1054
|
Component: Icon
|
1055
|
========================================================================== */
|
1056
|
/*
|
1057
|
* Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
|
1058
|
* 1. Remove margins in Chrome, Safari and Opera.
|
1059
|
* 2. Remove borders for `button`.
|
1060
|
* 3. Remove border-radius in Chrome.
|
1061
|
* 4. Address `overflow` set to `hidden` in IE.
|
1062
|
* 5. Correct `font` properties and `color` not being inherited for `button`.
|
1063
|
* 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
|
1064
|
* 7. Remove default `button` padding and background color
|
1065
|
* 8. Style
|
1066
|
* 9. Fill all SVG elements with the current text color if no `fill` attribute is set
|
1067
|
* 10. Let the container fit the height of the icon
|
1068
|
*/
|
1069
|
.uk-icon {
|
1070
|
/* 1 */
|
1071
|
margin: 0;
|
1072
|
/* 2 */
|
1073
|
border: none;
|
1074
|
/* 3 */
|
1075
|
border-radius: 0;
|
1076
|
/* 4 */
|
1077
|
overflow: visible;
|
1078
|
/* 5 */
|
1079
|
font: inherit;
|
1080
|
color: inherit;
|
1081
|
/* 6 */
|
1082
|
text-transform: none;
|
1083
|
/* 7. */
|
1084
|
padding: 0;
|
1085
|
background-color: transparent;
|
1086
|
/* 8 */
|
1087
|
display: inline-block;
|
1088
|
/* 9 */
|
1089
|
fill: currentcolor;
|
1090
|
/* 10 */
|
1091
|
line-height: 0;
|
1092
|
}
|
1093
|
/* Required for `button`. */
|
1094
|
button.uk-icon:not(:disabled) {
|
1095
|
cursor: pointer;
|
1096
|
}
|
1097
|
/*
|
1098
|
* Remove the inner border and padding in Firefox.
|
1099
|
*/
|
1100
|
.uk-icon::-moz-focus-inner {
|
1101
|
border: 0;
|
1102
|
padding: 0;
|
1103
|
}
|
1104
|
/*
|
1105
|
* Set the fill and stroke color of all SVG elements to the current text color
|
1106
|
*/
|
1107
|
.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
|
1108
|
fill: currentcolor;
|
1109
|
}
|
1110
|
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
|
1111
|
stroke: currentcolor;
|
1112
|
}
|
1113
|
/*
|
1114
|
* Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
|
1115
|
*/
|
1116
|
.uk-icon > * {
|
1117
|
transform: translate(0, 0);
|
1118
|
}
|
1119
|
/* Image modifier
|
1120
|
========================================================================== */
|
1121
|
/*
|
1122
|
* Display images in icon dimensions
|
1123
|
*/
|
1124
|
.uk-icon-image {
|
1125
|
width: 20px;
|
1126
|
height: 20px;
|
1127
|
background-position: 50% 50%;
|
1128
|
background-repeat: no-repeat;
|
1129
|
background-size: contain;
|
1130
|
vertical-align: middle;
|
1131
|
}
|
1132
|
/* Style modifiers
|
1133
|
========================================================================== */
|
1134
|
/*
|
1135
|
* Link
|
1136
|
*/
|
1137
|
.uk-icon-link {
|
1138
|
color: #999;
|
1139
|
}
|
1140
|
.uk-icon-link:hover,
|
1141
|
.uk-icon-link:focus {
|
1142
|
color: #666;
|
1143
|
outline: none;
|
1144
|
}
|
1145
|
/* OnClick + Active */
|
1146
|
.uk-icon-link:active,
|
1147
|
.uk-active > .uk-icon-link {
|
1148
|
color: #595959;
|
1149
|
}
|
1150
|
/*
|
1151
|
* Button
|
1152
|
* 1. Center icon vertically and horizontally
|
1153
|
*/
|
1154
|
.uk-icon-button {
|
1155
|
box-sizing: border-box;
|
1156
|
width: 36px;
|
1157
|
height: 36px;
|
1158
|
border-radius: 500px;
|
1159
|
background: #f8f8f8;
|
1160
|
color: #999;
|
1161
|
vertical-align: middle;
|
1162
|
/* 1 */
|
1163
|
display: inline-flex;
|
1164
|
justify-content: center;
|
1165
|
align-items: center;
|
1166
|
transition: 0.1s ease-in-out;
|
1167
|
transition-property: color, background-color;
|
1168
|
}
|
1169
|
/* Hover + Focus */
|
1170
|
.uk-icon-button:hover,
|
1171
|
.uk-icon-button:focus {
|
1172
|
background-color: #ebebeb;
|
1173
|
color: #666;
|
1174
|
outline: none;
|
1175
|
}
|
1176
|
/* OnClick + Active */
|
1177
|
.uk-icon-button:active,
|
1178
|
.uk-active > .uk-icon-button {
|
1179
|
background-color: #dfdfdf;
|
1180
|
color: #666;
|
1181
|
}
|
1182
|
/* ========================================================================
|
1183
|
Component: Form Range
|
1184
|
========================================================================== */
|
1185
|
/*
|
1186
|
* 1. Normalize and defaults
|
1187
|
* 2. Prevent content overflow if a fixed width is used
|
1188
|
* 3. Take the full width
|
1189
|
* 4. Remove default style
|
1190
|
* 5. Remove white background in Chrome
|
1191
|
* 6. Remove padding in IE11
|
1192
|
*/
|
1193
|
.uk-range {
|
1194
|
/* 1 */
|
1195
|
box-sizing: border-box;
|
1196
|
margin: 0;
|
1197
|
vertical-align: middle;
|
1198
|
/* 2 */
|
1199
|
max-width: 100%;
|
1200
|
/* 3 */
|
1201
|
width: 100%;
|
1202
|
/* 4 */
|
1203
|
-webkit-appearance: none;
|
1204
|
/* 5 */
|
1205
|
background: transparent;
|
1206
|
/* 6 */
|
1207
|
padding: 0;
|
1208
|
}
|
1209
|
/* Focus */
|
1210
|
.uk-range:focus {
|
1211
|
outline: none;
|
1212
|
}
|
1213
|
.uk-range::-moz-focus-outer {
|
1214
|
border: none;
|
1215
|
}
|
1216
|
/* IE11 Reset */
|
1217
|
.uk-range::-ms-track {
|
1218
|
height: 15px;
|
1219
|
background: transparent;
|
1220
|
border-color: transparent;
|
1221
|
color: transparent;
|
1222
|
}
|
1223
|
/*
|
1224
|
* Improves consistency of cursor style for clickable elements
|
1225
|
*/
|
1226
|
.uk-range:not(:disabled)::-webkit-slider-thumb {
|
1227
|
cursor: pointer;
|
1228
|
}
|
1229
|
.uk-range:not(:disabled)::-moz-range-thumb {
|
1230
|
cursor: pointer;
|
1231
|
}
|
1232
|
.uk-range:not(:disabled)::-ms-thumb {
|
1233
|
cursor: pointer;
|
1234
|
}
|
1235
|
/* Thumb
|
1236
|
========================================================================== */
|
1237
|
/*
|
1238
|
* 1. Reset
|
1239
|
* 2. Style
|
1240
|
*/
|
1241
|
/* Webkit */
|
1242
|
.uk-range::-webkit-slider-thumb {
|
1243
|
/* 1 */
|
1244
|
-webkit-appearance: none;
|
1245
|
margin-top: -7px;
|
1246
|
/* 2 */
|
1247
|
height: 15px;
|
1248
|
width: 15px;
|
1249
|
border-radius: 500px;
|
1250
|
background: #fff;
|
1251
|
border: 1px solid #cccccc;
|
1252
|
}
|
1253
|
/* Firefox */
|
1254
|
.uk-range::-moz-range-thumb {
|
1255
|
/* 1 */
|
1256
|
border: none;
|
1257
|
/* 2 */
|
1258
|
height: 15px;
|
1259
|
width: 15px;
|
1260
|
border-radius: 500px;
|
1261
|
background: #fff;
|
1262
|
border: 1px solid #cccccc;
|
1263
|
}
|
1264
|
/* Edge */
|
1265
|
.uk-range::-ms-thumb {
|
1266
|
/* 1 */
|
1267
|
margin-top: 0;
|
1268
|
}
|
1269
|
/* IE11 */
|
1270
|
.uk-range::-ms-thumb {
|
1271
|
/* 1 */
|
1272
|
border: none;
|
1273
|
/* 2 */
|
1274
|
height: 15px;
|
1275
|
width: 15px;
|
1276
|
border-radius: 500px;
|
1277
|
background: #fff;
|
1278
|
border: 1px solid #cccccc;
|
1279
|
}
|
1280
|
/* Edge + IE11 */
|
1281
|
.uk-range::-ms-tooltip {
|
1282
|
display: none;
|
1283
|
}
|
1284
|
/* Track
|
1285
|
========================================================================== */
|
1286
|
/*
|
1287
|
* 1. Safari doesn't have a focus state. Using active instead.
|
1288
|
*/
|
1289
|
/* Webkit */
|
1290
|
.uk-range::-webkit-slider-runnable-track {
|
1291
|
height: 3px;
|
1292
|
background: #ebebeb;
|
1293
|
border-radius: 500px;
|
1294
|
}
|
1295
|
.uk-range:focus::-webkit-slider-runnable-track,
|
1296
|
.uk-range:active::-webkit-slider-runnable-track {
|
1297
|
background: #d2d2d2;
|
1298
|
}
|
1299
|
/* Firefox */
|
1300
|
.uk-range::-moz-range-track {
|
1301
|
height: 3px;
|
1302
|
background: #ebebeb;
|
1303
|
border-radius: 500px;
|
1304
|
}
|
1305
|
.uk-range:focus::-moz-range-track {
|
1306
|
background: #d2d2d2;
|
1307
|
}
|
1308
|
/* Edge */
|
1309
|
.uk-range::-ms-fill-lower,
|
1310
|
.uk-range::-ms-fill-upper {
|
1311
|
height: 3px;
|
1312
|
background: #ebebeb;
|
1313
|
border-radius: 500px;
|
1314
|
}
|
1315
|
.uk-range:focus::-ms-fill-lower,
|
1316
|
.uk-range:focus::-ms-fill-upper {
|
1317
|
background: #d2d2d2;
|
1318
|
}
|
1319
|
/* ========================================================================
|
1320
|
Component: Form
|
1321
|
========================================================================== */
|
1322
|
/*
|
1323
|
* 1. Define consistent box sizing.
|
1324
|
* Default is `content-box` with following exceptions set to `border-box`
|
1325
|
* `select`, `input[type="checkbox"]` and `input[type="radio"]`
|
1326
|
* `input[type="search"]` in Chrome, Safari and Opera
|
1327
|
* `input[type="color"]` in Firefox
|
1328
|
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
1329
|
* 3. Remove `border-radius` in iOS.
|
1330
|
* 4. Change font properties to `inherit` in all browsers.
|
1331
|
*/
|
1332
|
.uk-input,
|
1333
|
.uk-select,
|
1334
|
.uk-textarea,
|
1335
|
.uk-radio,
|
1336
|
.uk-checkbox {
|
1337
|
/* 1 */
|
1338
|
box-sizing: border-box;
|
1339
|
/* 2 */
|
1340
|
margin: 0;
|
1341
|
/* 3 */
|
1342
|
border-radius: 0;
|
1343
|
/* 4 */
|
1344
|
font: inherit;
|
1345
|
}
|
1346
|
/*
|
1347
|
* Show the overflow in Edge.
|
1348
|
*/
|
1349
|
.uk-input {
|
1350
|
overflow: visible;
|
1351
|
}
|
1352
|
/*
|
1353
|
* Remove the inheritance of text transform in Firefox.
|
1354
|
*/
|
1355
|
.uk-select {
|
1356
|
text-transform: none;
|
1357
|
}
|
1358
|
/*
|
1359
|
* 1. Change font properties to `inherit` in all browsers
|
1360
|
* 2. Don't inherit the `font-weight` and use `bold` instead.
|
1361
|
* NOTE: Both declarations don't work in Chrome, Safari and Opera.
|
1362
|
*/
|
1363
|
.uk-select optgroup {
|
1364
|
/* 1 */
|
1365
|
font: inherit;
|
1366
|
/* 2 */
|
1367
|
font-weight: bold;
|
1368
|
}
|
1369
|
/*
|
1370
|
* Remove the default vertical scrollbar in IE 10+.
|
1371
|
*/
|
1372
|
.uk-textarea {
|
1373
|
overflow: auto;
|
1374
|
}
|
1375
|
/*
|
1376
|
* Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
|
1377
|
*/
|
1378
|
.uk-input[type="search"]::-webkit-search-cancel-button,
|
1379
|
.uk-input[type="search"]::-webkit-search-decoration {
|
1380
|
-webkit-appearance: none;
|
1381
|
}
|
1382
|
/*
|
1383
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
1384
|
*/
|
1385
|
.uk-input[type="number"]::-webkit-inner-spin-button,
|
1386
|
.uk-input[type="number"]::-webkit-outer-spin-button {
|
1387
|
height: auto;
|
1388
|
}
|
1389
|
/*
|
1390
|
* Removes placeholder transparency in Firefox.
|
1391
|
*/
|
1392
|
.uk-input::-moz-placeholder,
|
1393
|
.uk-textarea::-moz-placeholder {
|
1394
|
opacity: 1;
|
1395
|
}
|
1396
|
/*
|
1397
|
* Improves consistency of cursor style for clickable elements
|
1398
|
*/
|
1399
|
.uk-radio:not(:disabled),
|
1400
|
.uk-checkbox:not(:disabled) {
|
1401
|
cursor: pointer;
|
1402
|
}
|
1403
|
/*
|
1404
|
* Define consistent border, margin, and padding.
|
1405
|
*/
|
1406
|
.uk-fieldset {
|
1407
|
border: none;
|
1408
|
margin: 0;
|
1409
|
padding: 0;
|
1410
|
}
|
1411
|
/* Input, select and textarea
|
1412
|
* Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`,
|
1413
|
`time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
|
1414
|
* Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
|
1415
|
========================================================================== */
|
1416
|
/*
|
1417
|
* Remove default style in iOS.
|
1418
|
*/
|
1419
|
.uk-input,
|
1420
|
.uk-textarea {
|
1421
|
-webkit-appearance: none;
|
1422
|
}
|
1423
|
/*
|
1424
|
* 1. Prevent content overflow if a fixed width is used
|
1425
|
* 2. Take the full width
|
1426
|
* 3. Reset default
|
1427
|
* 4. Style
|
1428
|
*/
|
1429
|
.uk-input,
|
1430
|
.uk-select,
|
1431
|
.uk-textarea {
|
1432
|
/* 1 */
|
1433
|
max-width: 100%;
|
1434
|
/* 2 */
|
1435
|
width: 100%;
|
1436
|
/* 3 */
|
1437
|
border: 0 none;
|
1438
|
/* 4 */
|
1439
|
padding: 0 10px;
|
1440
|
background: #fff;
|
1441
|
color: #666;
|
1442
|
border: 1px solid #e5e5e5;
|
1443
|
transition: 0.2s ease-in-out;
|
1444
|
transition-property: color, background-color, border;
|
1445
|
}
|
1446
|
/*
|
1447
|
* Single-line
|
1448
|
* 1. Allow any element to look like an `input` or `select` element
|
1449
|
* 2. Make sure line-height is not larger than height
|
1450
|
* Also needed to center the text vertically
|
1451
|
*/
|
1452
|
.uk-input,
|
1453
|
.uk-select:not([multiple]):not([size]) {
|
1454
|
height: 40px;
|
1455
|
vertical-align: middle;
|
1456
|
/* 1 */
|
1457
|
display: inline-block;
|
1458
|
}
|
1459
|
/* 2 */
|
1460
|
.uk-input:not(input),
|
1461
|
.uk-select:not(select) {
|
1462
|
line-height: 38px;
|
1463
|
}
|
1464
|
/*
|
1465
|
* Multi-line
|
1466
|
*/
|
1467
|
.uk-select[multiple],
|
1468
|
.uk-select[size],
|
1469
|
.uk-textarea {
|
1470
|
padding-top: 4px;
|
1471
|
padding-bottom: 4px;
|
1472
|
vertical-align: top;
|
1473
|
}
|
1474
|
/* Focus */
|
1475
|
.uk-input:focus,
|
1476
|
.uk-select:focus,
|
1477
|
.uk-textarea:focus {
|
1478
|
outline: none;
|
1479
|
background-color: #fff;
|
1480
|
color: #666;
|
1481
|
border-color: #1e87f0;
|
1482
|
}
|
1483
|
/* Disabled */
|
1484
|
.uk-input:disabled,
|
1485
|
.uk-select:disabled,
|
1486
|
.uk-textarea:disabled {
|
1487
|
background-color: #f8f8f8;
|
1488
|
color: #999;
|
1489
|
border-color: #e5e5e5;
|
1490
|
}
|
1491
|
/*
|
1492
|
* Placeholder
|
1493
|
*/
|
1494
|
.uk-input::-ms-input-placeholder {
|
1495
|
color: #999 !important;
|
1496
|
}
|
1497
|
.uk-input::placeholder {
|
1498
|
color: #999;
|
1499
|
}
|
1500
|
.uk-textarea::-ms-input-placeholder {
|
1501
|
color: #999 !important;
|
1502
|
}
|
1503
|
.uk-textarea::placeholder {
|
1504
|
color: #999;
|
1505
|
}
|
1506
|
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
|
1507
|
========================================================================== */
|
1508
|
/*
|
1509
|
* Small
|
1510
|
*/
|
1511
|
.uk-form-small {
|
1512
|
font-size: 0.875rem;
|
1513
|
}
|
1514
|
.uk-form-small:not(textarea):not([multiple]):not([size]) {
|
1515
|
height: 30px;
|
1516
|
padding-left: 8px;
|
1517
|
padding-right: 8px;
|
1518
|
}
|
1519
|
.uk-form-small:not(select):not(input):not(textarea) {
|
1520
|
line-height: 28px;
|
1521
|
}
|
1522
|
/*
|
1523
|
* Large
|
1524
|
*/
|
1525
|
.uk-form-large {
|
1526
|
font-size: 1.25rem;
|
1527
|
}
|
1528
|
.uk-form-large:not(textarea):not([multiple]):not([size]) {
|
1529
|
height: 55px;
|
1530
|
padding-left: 12px;
|
1531
|
padding-right: 12px;
|
1532
|
}
|
1533
|
.uk-form-large:not(select):not(input):not(textarea) {
|
1534
|
line-height: 53px;
|
1535
|
}
|
1536
|
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
|
1537
|
========================================================================== */
|
1538
|
/*
|
1539
|
* Error
|
1540
|
*/
|
1541
|
.uk-form-danger,
|
1542
|
.uk-form-danger:focus {
|
1543
|
color: #f0506e;
|
1544
|
border-color: #f0506e;
|
1545
|
}
|
1546
|
/*
|
1547
|
* Success
|
1548
|
*/
|
1549
|
.uk-form-success,
|
1550
|
.uk-form-success:focus {
|
1551
|
color: #32d296;
|
1552
|
border-color: #32d296;
|
1553
|
}
|
1554
|
/*
|
1555
|
* Blank
|
1556
|
*/
|
1557
|
.uk-form-blank {
|
1558
|
background: none;
|
1559
|
border-color: transparent;
|
1560
|
}
|
1561
|
.uk-form-blank:focus {
|
1562
|
border-color: #e5e5e5;
|
1563
|
border-style: dashed;
|
1564
|
}
|
1565
|
/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
|
1566
|
========================================================================== */
|
1567
|
/*
|
1568
|
* Fixed widths
|
1569
|
* Different widths for mini sized `input` and `select` elements
|
1570
|
*/
|
1571
|
input.uk-form-width-xsmall {
|
1572
|
width: 50px;
|
1573
|
}
|
1574
|
select.uk-form-width-xsmall {
|
1575
|
width: 75px;
|
1576
|
}
|
1577
|
.uk-form-width-small {
|
1578
|
width: 130px;
|
1579
|
}
|
1580
|
.uk-form-width-medium {
|
1581
|
width: 200px;
|
1582
|
}
|
1583
|
.uk-form-width-large {
|
1584
|
width: 500px;
|
1585
|
}
|
1586
|
/* Select
|
1587
|
========================================================================== */
|
1588
|
/*
|
1589
|
* 1. Remove default style. Also works in Firefox
|
1590
|
* 2. Style
|
1591
|
* 3. Remove default style in IE 10/11
|
1592
|
* 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
|
1593
|
*/
|
1594
|
.uk-select:not([multiple]):not([size]) {
|
1595
|
/* 1 */
|
1596
|
-webkit-appearance: none;
|
1597
|
-moz-appearance: none;
|
1598
|
/* 2 */
|
1599
|
padding-right: 20px;
|
1600
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
1601
|
background-repeat: no-repeat;
|
1602
|
background-position: 100% 50%;
|
1603
|
}
|
1604
|
/* 3 */
|
1605
|
.uk-select:not([multiple]):not([size])::-ms-expand {
|
1606
|
display: none;
|
1607
|
}
|
1608
|
/* 4 */
|
1609
|
.uk-select:not([multiple]):not([size]) option {
|
1610
|
color: #444;
|
1611
|
}
|
1612
|
/*
|
1613
|
* Disabled
|
1614
|
*/
|
1615
|
.uk-select:not([multiple]):not([size]):disabled {
|
1616
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
1617
|
}
|
1618
|
/* Datalist
|
1619
|
========================================================================== */
|
1620
|
/*
|
1621
|
* 1. Remove default style in Chrome
|
1622
|
*/
|
1623
|
.uk-input[list] {
|
1624
|
padding-right: 20px;
|
1625
|
background-repeat: no-repeat;
|
1626
|
background-position: 100% 50%;
|
1627
|
}
|
1628
|
.uk-input[list]:hover,
|
1629
|
.uk-input[list]:focus {
|
1630
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
1631
|
}
|
1632
|
/* 1 */
|
1633
|
.uk-input[list]::-webkit-calendar-picker-indicator {
|
1634
|
display: none;
|
1635
|
}
|
1636
|
/* Radio and checkbox
|
1637
|
* Note: Does not work in IE11
|
1638
|
========================================================================== */
|
1639
|
/*
|
1640
|
* 1. Style
|
1641
|
* 2. Make box more robust so it clips the child element
|
1642
|
* 3. Vertical alignment
|
1643
|
* 4. Remove default style
|
1644
|
* 5. Fix black background on iOS
|
1645
|
* 6. Center icons
|
1646
|
*/
|
1647
|
.uk-radio,
|
1648
|
.uk-checkbox {
|
1649
|
/* 1 */
|
1650
|
display: inline-block;
|
1651
|
height: 16px;
|
1652
|
width: 16px;
|
1653
|
/* 2 */
|
1654
|
overflow: hidden;
|
1655
|
/* 3 */
|
1656
|
margin-top: -4px;
|
1657
|
vertical-align: middle;
|
1658
|
/* 4 */
|
1659
|
-webkit-appearance: none;
|
1660
|
-moz-appearance: none;
|
1661
|
/* 5 */
|
1662
|
background-color: transparent;
|
1663
|
/* 6 */
|
1664
|
background-repeat: no-repeat;
|
1665
|
background-position: 50% 50%;
|
1666
|
border: 1px solid #cccccc;
|
1667
|
transition: 0.2s ease-in-out;
|
1668
|
transition-property: background-color, border;
|
1669
|
}
|
1670
|
.uk-radio {
|
1671
|
border-radius: 50%;
|
1672
|
}
|
1673
|
/* Focus */
|
1674
|
.uk-radio:focus,
|
1675
|
.uk-checkbox:focus {
|
1676
|
outline: none;
|
1677
|
border-color: #1e87f0;
|
1678
|
}
|
1679
|
/*
|
1680
|
* Checked
|
1681
|
*/
|
1682
|
.uk-radio:checked,
|
1683
|
.uk-checkbox:checked,
|
1684
|
.uk-checkbox:indeterminate {
|
1685
|
background-color: #1e87f0;
|
1686
|
border-color: transparent;
|
1687
|
}
|
1688
|
/* Focus */
|
1689
|
.uk-radio:checked:focus,
|
1690
|
.uk-checkbox:checked:focus,
|
1691
|
.uk-checkbox:indeterminate:focus {
|
1692
|
background-color: #0e6dcd;
|
1693
|
}
|
1694
|
/*
|
1695
|
* Icons
|
1696
|
*/
|
1697
|
.uk-radio:checked {
|
1698
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
1699
|
}
|
1700
|
.uk-checkbox:checked {
|
1701
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
1702
|
}
|
1703
|
.uk-checkbox:indeterminate {
|
1704
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
1705
|
}
|
1706
|
/*
|
1707
|
* Disabled
|
1708
|
*/
|
1709
|
.uk-radio:disabled,
|
1710
|
.uk-checkbox:disabled {
|
1711
|
background-color: #f8f8f8;
|
1712
|
border-color: #e5e5e5;
|
1713
|
}
|
1714
|
.uk-radio:disabled:checked {
|
1715
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
1716
|
}
|
1717
|
.uk-checkbox:disabled:checked {
|
1718
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
1719
|
}
|
1720
|
.uk-checkbox:disabled:indeterminate {
|
1721
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
1722
|
}
|
1723
|
/* Legend
|
1724
|
========================================================================== */
|
1725
|
/*
|
1726
|
* Legend
|
1727
|
* 1. Behave like block element
|
1728
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
1729
|
* 3. Remove padding so people aren't caught out if they zero out fieldsets.
|
1730
|
* 4. Style
|
1731
|
*/
|
1732
|
.uk-legend {
|
1733
|
/* 1 */
|
1734
|
width: 100%;
|
1735
|
/* 2 */
|
1736
|
color: inherit;
|
1737
|
/* 3 */
|
1738
|
padding: 0;
|
1739
|
/* 4 */
|
1740
|
font-size: 1.5rem;
|
1741
|
line-height: 1.4;
|
1742
|
}
|
1743
|
/* Custom controls
|
1744
|
========================================================================== */
|
1745
|
/*
|
1746
|
* 1. Container fits its content
|
1747
|
* 2. Create position context
|
1748
|
* 3. Prevent content overflow
|
1749
|
* 4. Behave like most inline-block elements
|
1750
|
*/
|
1751
|
.uk-form-custom {
|
1752
|
/* 1 */
|
1753
|
display: inline-block;
|
1754
|
/* 2 */
|
1755
|
position: relative;
|
1756
|
/* 3 */
|
1757
|
max-width: 100%;
|
1758
|
/* 4 */
|
1759
|
vertical-align: middle;
|
1760
|
}
|
1761
|
/*
|
1762
|
* 1. Position and resize the form control to always cover its container
|
1763
|
* 2. Required for Firefox for positioning to the left
|
1764
|
* 3. Required for Webkit to make `height` work
|
1765
|
* 4. Hide controle and show cursor
|
1766
|
* 5. Needed for the cursor
|
1767
|
* 6. Clip height caused by 5. Needed for Webkit only
|
1768
|
*/
|
1769
|
.uk-form-custom select,
|
1770
|
.uk-form-custom input[type="file"] {
|
1771
|
/* 1 */
|
1772
|
position: absolute;
|
1773
|
top: 0;
|
1774
|
z-index: 1;
|
1775
|
width: 100%;
|
1776
|
height: 100%;
|
1777
|
/* 2 */
|
1778
|
left: 0;
|
1779
|
/* 3 */
|
1780
|
-webkit-appearance: none;
|
1781
|
/* 4 */
|
1782
|
opacity: 0;
|
1783
|
cursor: pointer;
|
1784
|
}
|
1785
|
.uk-form-custom input[type="file"] {
|
1786
|
/* 5 */
|
1787
|
font-size: 500px;
|
1788
|
/* 6 */
|
1789
|
overflow: hidden;
|
1790
|
}
|
1791
|
/* Label
|
1792
|
========================================================================== */
|
1793
|
.uk-form-label {
|
1794
|
color: #333;
|
1795
|
font-size: 0.875rem;
|
1796
|
}
|
1797
|
/* Layout
|
1798
|
========================================================================== */
|
1799
|
/*
|
1800
|
* Stacked
|
1801
|
*/
|
1802
|
.uk-form-stacked .uk-form-label {
|
1803
|
display: block;
|
1804
|
margin-bottom: 5px;
|
1805
|
}
|
1806
|
/*
|
1807
|
* Horizontal
|
1808
|
*/
|
1809
|
/* Tablet portrait and smaller */
|
1810
|
@media (max-width: 959px) {
|
1811
|
/* Behave like `uk-form-stacked` */
|
1812
|
.uk-form-horizontal .uk-form-label {
|
1813
|
display: block;
|
1814
|
margin-bottom: 5px;
|
1815
|
}
|
1816
|
}
|
1817
|
/* Tablet landscape and bigger */
|
1818
|
@media (min-width: 960px) {
|
1819
|
.uk-form-horizontal .uk-form-label {
|
1820
|
width: 200px;
|
1821
|
margin-top: 7px;
|
1822
|
float: left;
|
1823
|
}
|
1824
|
.uk-form-horizontal .uk-form-controls {
|
1825
|
margin-left: 215px;
|
1826
|
}
|
1827
|
/* Better vertical alignment if controls are checkboxes and radio buttons with text */
|
1828
|
.uk-form-horizontal .uk-form-controls-text {
|
1829
|
padding-top: 7px;
|
1830
|
}
|
1831
|
}
|
1832
|
/* Icons
|
1833
|
========================================================================== */
|
1834
|
/*
|
1835
|
* 1. Set position
|
1836
|
* 2. Set width
|
1837
|
* 3. Center icon vertically and horizontally
|
1838
|
* 4. Style
|
1839
|
*/
|
1840
|
.uk-form-icon {
|
1841
|
/* 1 */
|
1842
|
position: absolute;
|
1843
|
top: 0;
|
1844
|
bottom: 0;
|
1845
|
left: 0;
|
1846
|
/* 2 */
|
1847
|
width: 40px;
|
1848
|
/* 3 */
|
1849
|
display: inline-flex;
|
1850
|
justify-content: center;
|
1851
|
align-items: center;
|
1852
|
/* 4 */
|
1853
|
color: #999;
|
1854
|
}
|
1855
|
/*
|
1856
|
* Required for `a`.
|
1857
|
*/
|
1858
|
.uk-form-icon:hover {
|
1859
|
color: #666;
|
1860
|
}
|
1861
|
/*
|
1862
|
* Make `input` element clickable through icon, e.g. if it's a `span`
|
1863
|
*/
|
1864
|
.uk-form-icon:not(a):not(button):not(input) {
|
1865
|
pointer-events: none;
|
1866
|
}
|
1867
|
/*
|
1868
|
* Input padding
|
1869
|
*/
|
1870
|
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
|
1871
|
padding-left: 40px !important;
|
1872
|
}
|
1873
|
/*
|
1874
|
* Position modifier
|
1875
|
*/
|
1876
|
.uk-form-icon-flip {
|
1877
|
right: 0;
|
1878
|
left: auto;
|
1879
|
}
|
1880
|
.uk-form-icon-flip ~ .uk-input {
|
1881
|
padding-right: 40px !important;
|
1882
|
}
|
1883
|
/* ========================================================================
|
1884
|
Component: Button
|
1885
|
========================================================================== */
|
1886
|
/*
|
1887
|
* 1. Remove margins in Chrome, Safari and Opera.
|
1888
|
* 2. Remove borders for `button`.
|
1889
|
* 3. Address `overflow` set to `hidden` in IE.
|
1890
|
* 4. Correct `font` properties and `color` not being inherited for `button`.
|
1891
|
* 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
|
1892
|
* 6. Remove default style for `input type="submit"`in iOS.
|
1893
|
* 7. Style
|
1894
|
* 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
|
1895
|
* Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
|
1896
|
* 9. Align text if button has a width
|
1897
|
* 10. Required for `a`.
|
1898
|
*/
|
1899
|
.uk-button {
|
1900
|
/* 1 */
|
1901
|
margin: 0;
|
1902
|
/* 2 */
|
1903
|
border: none;
|
1904
|
/* 3 */
|
1905
|
overflow: visible;
|
1906
|
/* 4 */
|
1907
|
font: inherit;
|
1908
|
color: inherit;
|
1909
|
/* 5 */
|
1910
|
text-transform: none;
|
1911
|
/* 6 */
|
1912
|
-webkit-appearance: none;
|
1913
|
border-radius: 0;
|
1914
|
/* 7 */
|
1915
|
display: inline-block;
|
1916
|
box-sizing: border-box;
|
1917
|
padding: 0 30px;
|
1918
|
vertical-align: middle;
|
1919
|
font-size: 0.875rem;
|
1920
|
/* 8 */
|
1921
|
line-height: 38px;
|
1922
|
/* 9 */
|
1923
|
text-align: center;
|
1924
|
/* 10 */
|
1925
|
text-decoration: none;
|
1926
|
text-transform: uppercase;
|
1927
|
transition: 0.1s ease-in-out;
|
1928
|
transition-property: color, background-color, border-color;
|
1929
|
}
|
1930
|
.uk-button:not(:disabled) {
|
1931
|
cursor: pointer;
|
1932
|
}
|
1933
|
/*
|
1934
|
* Remove the inner border and padding in Firefox.
|
1935
|
*/
|
1936
|
.uk-button::-moz-focus-inner {
|
1937
|
border: 0;
|
1938
|
padding: 0;
|
1939
|
}
|
1940
|
/* Hover */
|
1941
|
.uk-button:hover {
|
1942
|
/* 9 */
|
1943
|
text-decoration: none;
|
1944
|
}
|
1945
|
/* Focus */
|
1946
|
.uk-button:focus {
|
1947
|
outline: none;
|
1948
|
}
|
1949
|
/* OnClick + Active */
|
1950
|
/* Style modifiers
|
1951
|
========================================================================== */
|
1952
|
/*
|
1953
|
* Default
|
1954
|
*/
|
1955
|
.uk-button-default {
|
1956
|
background-color: transparent;
|
1957
|
color: #333;
|
1958
|
border: 1px solid #e5e5e5;
|
1959
|
}
|
1960
|
/* Hover + Focus */
|
1961
|
.uk-button-default:hover,
|
1962
|
.uk-button-default:focus {
|
1963
|
background-color: transparent;
|
1964
|
color: #333;
|
1965
|
border-color: #b2b2b2;
|
1966
|
}
|
1967
|
/* OnClick + Active */
|
1968
|
.uk-button-default:active,
|
1969
|
.uk-button-default.uk-active {
|
1970
|
background-color: transparent;
|
1971
|
color: #333;
|
1972
|
border-color: #999999;
|
1973
|
}
|
1974
|
/*
|
1975
|
* Primary
|
1976
|
*/
|
1977
|
.uk-button-primary {
|
1978
|
background-color: #1e87f0;
|
1979
|
color: #fff;
|
1980
|
border: 1px solid transparent;
|
1981
|
}
|
1982
|
/* Hover + Focus */
|
1983
|
.uk-button-primary:hover,
|
1984
|
.uk-button-primary:focus {
|
1985
|
background-color: #0f7ae5;
|
1986
|
color: #fff;
|
1987
|
}
|
1988
|
/* OnClick + Active */
|
1989
|
.uk-button-primary:active,
|
1990
|
.uk-button-primary.uk-active {
|
1991
|
background-color: #0e6dcd;
|
1992
|
color: #fff;
|
1993
|
}
|
1994
|
/*
|
1995
|
* Secondary
|
1996
|
*/
|
1997
|
.uk-button-secondary {
|
1998
|
background-color: #222;
|
1999
|
color: #fff;
|
2000
|
border: 1px solid transparent;
|
2001
|
}
|
2002
|
/* Hover + Focus */
|
2003
|
.uk-button-secondary:hover,
|
2004
|
.uk-button-secondary:focus {
|
2005
|
background-color: #151515;
|
2006
|
color: #fff;
|
2007
|
}
|
2008
|
/* OnClick + Active */
|
2009
|
.uk-button-secondary:active,
|
2010
|
.uk-button-secondary.uk-active {
|
2011
|
background-color: #080808;
|
2012
|
color: #fff;
|
2013
|
}
|
2014
|
/*
|
2015
|
* Danger
|
2016
|
*/
|
2017
|
.uk-button-danger {
|
2018
|
background-color: #f0506e;
|
2019
|
color: #fff;
|
2020
|
border: 1px solid transparent;
|
2021
|
}
|
2022
|
/* Hover + Focus */
|
2023
|
.uk-button-danger:hover,
|
2024
|
.uk-button-danger:focus {
|
2025
|
background-color: #ee395b;
|
2026
|
color: #fff;
|
2027
|
}
|
2028
|
/* OnClick + Active */
|
2029
|
.uk-button-danger:active,
|
2030
|
.uk-button-danger.uk-active {
|
2031
|
background-color: #ec2147;
|
2032
|
color: #fff;
|
2033
|
}
|
2034
|
/*
|
2035
|
* Disabled
|
2036
|
* The same for all style modifiers
|
2037
|
*/
|
2038
|
.uk-button-default:disabled,
|
2039
|
.uk-button-primary:disabled,
|
2040
|
.uk-button-secondary:disabled,
|
2041
|
.uk-button-danger:disabled {
|
2042
|
background-color: transparent;
|
2043
|
color: #999;
|
2044
|
border-color: #e5e5e5;
|
2045
|
}
|
2046
|
/* Size modifiers
|
2047
|
========================================================================== */
|
2048
|
.uk-button-small {
|
2049
|
padding: 0 15px;
|
2050
|
line-height: 28px;
|
2051
|
font-size: 0.875rem;
|
2052
|
}
|
2053
|
.uk-button-large {
|
2054
|
padding: 0 40px;
|
2055
|
line-height: 53px;
|
2056
|
font-size: 0.875rem;
|
2057
|
}
|
2058
|
/* Text modifiers
|
2059
|
========================================================================== */
|
2060
|
/*
|
2061
|
* Text
|
2062
|
* 1. Reset
|
2063
|
* 2. Style
|
2064
|
*/
|
2065
|
.uk-button-text {
|
2066
|
/* 1 */
|
2067
|
padding: 0;
|
2068
|
line-height: 1.5;
|
2069
|
background: none;
|
2070
|
/* 2 */
|
2071
|
color: #333;
|
2072
|
position: relative;
|
2073
|
}
|
2074
|
.uk-button-text::before {
|
2075
|
content: "";
|
2076
|
position: absolute;
|
2077
|
bottom: 0;
|
2078
|
left: 0;
|
2079
|
right: 100%;
|
2080
|
border-bottom: 1px solid #333;
|
2081
|
transition: right 0.3s ease-out;
|
2082
|
}
|
2083
|
/* Hover + Focus */
|
2084
|
.uk-button-text:hover,
|
2085
|
.uk-button-text:focus {
|
2086
|
color: #333;
|
2087
|
}
|
2088
|
.uk-button-text:hover::before,
|
2089
|
.uk-button-text:focus::before {
|
2090
|
right: 0;
|
2091
|
}
|
2092
|
/* Disabled */
|
2093
|
.uk-button-text:disabled {
|
2094
|
color: #999;
|
2095
|
}
|
2096
|
.uk-button-text:disabled::before {
|
2097
|
display: none;
|
2098
|
}
|
2099
|
/*
|
2100
|
* Link
|
2101
|
* 1. Reset
|
2102
|
* 2. Style
|
2103
|
*/
|
2104
|
.uk-button-link {
|
2105
|
/* 1 */
|
2106
|
padding: 0;
|
2107
|
line-height: 1.5;
|
2108
|
background: none;
|
2109
|
/* 2 */
|
2110
|
color: #1e87f0;
|
2111
|
}
|
2112
|
/* Hover + Focus */
|
2113
|
.uk-button-link:hover,
|
2114
|
.uk-button-link:focus {
|
2115
|
color: #0f6ecd;
|
2116
|
text-decoration: underline;
|
2117
|
}
|
2118
|
/* Disabled */
|
2119
|
.uk-button-link:disabled {
|
2120
|
color: #999;
|
2121
|
text-decoration: none;
|
2122
|
}
|
2123
|
/* Group
|
2124
|
========================================================================== */
|
2125
|
/*
|
2126
|
* 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
|
2127
|
* 2. Behave like button
|
2128
|
* 3. Create position context
|
2129
|
*/
|
2130
|
.uk-button-group {
|
2131
|
/* 1 */
|
2132
|
display: inline-flex;
|
2133
|
/* 2 */
|
2134
|
vertical-align: middle;
|
2135
|
/* 3 */
|
2136
|
position: relative;
|
2137
|
}
|
2138
|
/* Group
|
2139
|
========================================================================== */
|
2140
|
/*
|
2141
|
* Collapse border
|
2142
|
*/
|
2143
|
.uk-button-group > .uk-button:nth-child(n+2),
|
2144
|
.uk-button-group > div:nth-child(n+2) .uk-button {
|
2145
|
margin-left: -1px;
|
2146
|
}
|
2147
|
/*
|
2148
|
* Create position context to superimpose the successor elements border
|
2149
|
* Known issue: If you use an `a` element as button and an icon inside,
|
2150
|
* the active state will not work if you click the icon inside the button
|
2151
|
* Workaround: Just use a `button` or `input` element as button
|
2152
|
*/
|
2153
|
.uk-button-group .uk-button:hover,
|
2154
|
.uk-button-group .uk-button:focus,
|
2155
|
.uk-button-group .uk-button:active,
|
2156
|
.uk-button-group .uk-button.uk-active {
|
2157
|
position: relative;
|
2158
|
z-index: 1;
|
2159
|
}
|
2160
|
/* ========================================================================
|
2161
|
Component: Section
|
2162
|
========================================================================== */
|
2163
|
/*
|
2164
|
* 1. Make it work with `100vh` and height in general
|
2165
|
*/
|
2166
|
.uk-section {
|
2167
|
box-sizing: border-box;
|
2168
|
/* 1 */
|
2169
|
padding-top: 40px;
|
2170
|
padding-bottom: 40px;
|
2171
|
}
|
2172
|
/* Desktop and bigger */
|
2173
|
@media (min-width: 960px) {
|
2174
|
.uk-section {
|
2175
|
padding-top: 70px;
|
2176
|
padding-bottom: 70px;
|
2177
|
}
|
2178
|
}
|
2179
|
/*
|
2180
|
* Micro clearfix
|
2181
|
*/
|
2182
|
.uk-section::before,
|
2183
|
.uk-section::after {
|
2184
|
content: "";
|
2185
|
display: table;
|
2186
|
}
|
2187
|
.uk-section::after {
|
2188
|
clear: both;
|
2189
|
}
|
2190
|
/*
|
2191
|
* Remove margin from the last-child
|
2192
|
*/
|
2193
|
.uk-section > :last-child {
|
2194
|
margin-bottom: 0;
|
2195
|
}
|
2196
|
/* Size modifiers
|
2197
|
========================================================================== */
|
2198
|
/*
|
2199
|
* XSmall
|
2200
|
*/
|
2201
|
.uk-section-xsmall {
|
2202
|
padding-top: 20px;
|
2203
|
padding-bottom: 20px;
|
2204
|
}
|
2205
|
/*
|
2206
|
* Small
|
2207
|
*/
|
2208
|
.uk-section-small {
|
2209
|
padding-top: 40px;
|
2210
|
padding-bottom: 40px;
|
2211
|
}
|
2212
|
/*
|
2213
|
* Large
|
2214
|
*/
|
2215
|
.uk-section-large {
|
2216
|
padding-top: 70px;
|
2217
|
padding-bottom: 70px;
|
2218
|
}
|
2219
|
/* Tablet landscape and bigger */
|
2220
|
@media (min-width: 960px) {
|
2221
|
.uk-section-large {
|
2222
|
padding-top: 140px;
|
2223
|
padding-bottom: 140px;
|
2224
|
}
|
2225
|
}
|
2226
|
/*
|
2227
|
* XLarge
|
2228
|
*/
|
2229
|
.uk-section-xlarge {
|
2230
|
padding-top: 140px;
|
2231
|
padding-bottom: 140px;
|
2232
|
}
|
2233
|
/* Tablet landscape and bigger */
|
2234
|
@media (min-width: 960px) {
|
2235
|
.uk-section-xlarge {
|
2236
|
padding-top: 210px;
|
2237
|
padding-bottom: 210px;
|
2238
|
}
|
2239
|
}
|
2240
|
/* Style modifiers
|
2241
|
========================================================================== */
|
2242
|
/*
|
2243
|
* Default
|
2244
|
*/
|
2245
|
.uk-section-default {
|
2246
|
background: #fff;
|
2247
|
}
|
2248
|
/*
|
2249
|
* Muted
|
2250
|
*/
|
2251
|
.uk-section-muted {
|
2252
|
background: #f8f8f8;
|
2253
|
}
|
2254
|
/*
|
2255
|
* Primary
|
2256
|
*/
|
2257
|
.uk-section-primary {
|
2258
|
background: #1e87f0;
|
2259
|
}
|
2260
|
/*
|
2261
|
* Secondary
|
2262
|
*/
|
2263
|
.uk-section-secondary {
|
2264
|
background: #222;
|
2265
|
}
|
2266
|
/* Overlap modifier
|
2267
|
========================================================================== */
|
2268
|
/*
|
2269
|
* Reserved modifier to make a section overlap another section with an border image
|
2270
|
* Implemented by the theme
|
2271
|
*/
|
2272
|
/* ========================================================================
|
2273
|
Component: Container
|
2274
|
========================================================================== */
|
2275
|
/*
|
2276
|
* 1. Box sizing has to be `content-box` so the max-width is always the same and
|
2277
|
* unaffected by the padding on different breakpoints. It's important for the size modifiers.
|
2278
|
*/
|
2279
|
.uk-container {
|
2280
|
/* 1 */
|
2281
|
box-sizing: content-box;
|
2282
|
max-width: 1200px;
|
2283
|
margin-left: auto;
|
2284
|
margin-right: auto;
|
2285
|
padding-left: 15px;
|
2286
|
padding-right: 15px;
|
2287
|
}
|
2288
|
/* Phone landscape and bigger */
|
2289
|
@media (min-width: 640px) {
|
2290
|
.uk-container {
|
2291
|
padding-left: 30px;
|
2292
|
padding-right: 30px;
|
2293
|
}
|
2294
|
}
|
2295
|
/* Tablet landscape and bigger */
|
2296
|
@media (min-width: 960px) {
|
2297
|
.uk-container {
|
2298
|
padding-left: 40px;
|
2299
|
padding-right: 40px;
|
2300
|
}
|
2301
|
}
|
2302
|
/*
|
2303
|
* Micro clearfix
|
2304
|
*/
|
2305
|
.uk-container::before,
|
2306
|
.uk-container::after {
|
2307
|
content: "";
|
2308
|
display: table;
|
2309
|
}
|
2310
|
.uk-container::after {
|
2311
|
clear: both;
|
2312
|
}
|
2313
|
/*
|
2314
|
* Remove margin from the last-child
|
2315
|
*/
|
2316
|
.uk-container > :last-child {
|
2317
|
margin-bottom: 0;
|
2318
|
}
|
2319
|
/*
|
2320
|
* Remove padding from nested containers
|
2321
|
*/
|
2322
|
.uk-container .uk-container {
|
2323
|
padding-left: 0;
|
2324
|
padding-right: 0;
|
2325
|
}
|
2326
|
/* Size modifier
|
2327
|
========================================================================== */
|
2328
|
.uk-container-xsmall {
|
2329
|
max-width: 750px;
|
2330
|
}
|
2331
|
.uk-container-small {
|
2332
|
max-width: 900px;
|
2333
|
}
|
2334
|
.uk-container-large {
|
2335
|
max-width: 1600px;
|
2336
|
}
|
2337
|
.uk-container-expand {
|
2338
|
max-width: none;
|
2339
|
}
|
2340
|
/* Expand modifier
|
2341
|
========================================================================== */
|
2342
|
/*
|
2343
|
* Expand one side only
|
2344
|
*/
|
2345
|
.uk-container-expand-left {
|
2346
|
margin-left: 0;
|
2347
|
}
|
2348
|
.uk-container-expand-right {
|
2349
|
margin-right: 0;
|
2350
|
}
|
2351
|
/* Phone landscape and bigger */
|
2352
|
@media (min-width: 640px) {
|
2353
|
.uk-container-expand-left.uk-container-xsmall,
|
2354
|
.uk-container-expand-right.uk-container-xsmall {
|
2355
|
max-width: calc(50% + (750px / 2) - 30px);
|
2356
|
}
|
2357
|
.uk-container-expand-left.uk-container-small,
|
2358
|
.uk-container-expand-right.uk-container-small {
|
2359
|
max-width: calc(50% + (900px / 2) - 30px);
|
2360
|
}
|
2361
|
}
|
2362
|
/* Tablet landscape and bigger */
|
2363
|
@media (min-width: 960px) {
|
2364
|
.uk-container-expand-left,
|
2365
|
.uk-container-expand-right {
|
2366
|
max-width: calc(50% + (1200px / 2) - 40px);
|
2367
|
}
|
2368
|
.uk-container-expand-left.uk-container-xsmall,
|
2369
|
.uk-container-expand-right.uk-container-xsmall {
|
2370
|
max-width: calc(50% + (750px / 2) - 40px);
|
2371
|
}
|
2372
|
.uk-container-expand-left.uk-container-small,
|
2373
|
.uk-container-expand-right.uk-container-small {
|
2374
|
max-width: calc(50% + (900px / 2) - 40px);
|
2375
|
}
|
2376
|
.uk-container-expand-left.uk-container-large,
|
2377
|
.uk-container-expand-right.uk-container-large {
|
2378
|
max-width: calc(50% + (1600px / 2) - 40px);
|
2379
|
}
|
2380
|
}
|
2381
|
/* Item
|
2382
|
========================================================================== */
|
2383
|
/*
|
2384
|
* Utility classes to reset container padding on the left or right side
|
2385
|
* Note: It has to be negative margin on the item, because it's specific to the item.
|
2386
|
*/
|
2387
|
.uk-container-item-padding-remove-left,
|
2388
|
.uk-container-item-padding-remove-right {
|
2389
|
width: calc(100% + 15px);
|
2390
|
}
|
2391
|
.uk-container-item-padding-remove-left {
|
2392
|
margin-left: -15px;
|
2393
|
}
|
2394
|
.uk-container-item-padding-remove-right {
|
2395
|
margin-right: -15px;
|
2396
|
}
|
2397
|
/* Phone landscape and bigger */
|
2398
|
@media (min-width: 640px) {
|
2399
|
.uk-container-item-padding-remove-left,
|
2400
|
.uk-container-item-padding-remove-right {
|
2401
|
width: calc(100% + 30px);
|
2402
|
}
|
2403
|
.uk-container-item-padding-remove-left {
|
2404
|
margin-left: -30px;
|
2405
|
}
|
2406
|
.uk-container-item-padding-remove-right {
|
2407
|
margin-right: -30px;
|
2408
|
}
|
2409
|
}
|
2410
|
/* Tablet landscape and bigger */
|
2411
|
@media (min-width: 960px) {
|
2412
|
.uk-container-item-padding-remove-left,
|
2413
|
.uk-container-item-padding-remove-right {
|
2414
|
width: calc(100% + 40px);
|
2415
|
}
|
2416
|
.uk-container-item-padding-remove-left {
|
2417
|
margin-left: -40px;
|
2418
|
}
|
2419
|
.uk-container-item-padding-remove-right {
|
2420
|
margin-right: -40px;
|
2421
|
}
|
2422
|
}
|
2423
|
/* ========================================================================
|
2424
|
Component: Grid
|
2425
|
========================================================================== */
|
2426
|
/*
|
2427
|
* 1. Allow cells to wrap into the next line
|
2428
|
* 2. Reset list
|
2429
|
*/
|
2430
|
.uk-grid {
|
2431
|
display: flex;
|
2432
|
/* 1 */
|
2433
|
flex-wrap: wrap;
|
2434
|
/* 2 */
|
2435
|
margin: 0;
|
2436
|
padding: 0;
|
2437
|
list-style: none;
|
2438
|
}
|
2439
|
/*
|
2440
|
* Grid cell
|
2441
|
* Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
|
2442
|
* Reset margin for e.g. paragraphs
|
2443
|
*/
|
2444
|
.uk-grid > * {
|
2445
|
margin: 0;
|
2446
|
}
|
2447
|
/*
|
2448
|
* Remove margin from the last-child
|
2449
|
*/
|
2450
|
.uk-grid > * > :last-child {
|
2451
|
margin-bottom: 0;
|
2452
|
}
|
2453
|
/* Gutter
|
2454
|
========================================================================== */
|
2455
|
/*
|
2456
|
* Default
|
2457
|
*/
|
2458
|
/* Horizontal */
|
2459
|
.uk-grid {
|
2460
|
margin-left: -30px;
|
2461
|
}
|
2462
|
.uk-grid > * {
|
2463
|
padding-left: 30px;
|
2464
|
}
|
2465
|
/* Vertical */
|
2466
|
.uk-grid + .uk-grid,
|
2467
|
.uk-grid > .uk-grid-margin,
|
2468
|
* + .uk-grid-margin {
|
2469
|
margin-top: 30px;
|
2470
|
}
|
2471
|
/* Desktop and bigger */
|
2472
|
@media (min-width: 1200px) {
|
2473
|
/* Horizontal */
|
2474
|
.uk-grid {
|
2475
|
margin-left: -40px;
|
2476
|
}
|
2477
|
.uk-grid > * {
|
2478
|
padding-left: 40px;
|
2479
|
}
|
2480
|
/* Vertical */
|
2481
|
.uk-grid + .uk-grid,
|
2482
|
.uk-grid > .uk-grid-margin,
|
2483
|
* + .uk-grid-margin {
|
2484
|
margin-top: 40px;
|
2485
|
}
|
2486
|
}
|
2487
|
/*
|
2488
|
* Small
|
2489
|
*/
|
2490
|
/* Horizontal */
|
2491
|
.uk-grid-small,
|
2492
|
.uk-grid-column-small {
|
2493
|
margin-left: -15px;
|
2494
|
}
|
2495
|
.uk-grid-small > *,
|
2496
|
.uk-grid-column-small > * {
|
2497
|
padding-left: 15px;
|
2498
|
}
|
2499
|
/* Vertical */
|
2500
|
.uk-grid + .uk-grid-small,
|
2501
|
.uk-grid + .uk-grid-row-small,
|
2502
|
.uk-grid-small > .uk-grid-margin,
|
2503
|
.uk-grid-row-small > .uk-grid-margin,
|
2504
|
* + .uk-grid-margin-small {
|
2505
|
margin-top: 15px;
|
2506
|
}
|
2507
|
/*
|
2508
|
* Medium
|
2509
|
*/
|
2510
|
/* Horizontal */
|
2511
|
.uk-grid-medium,
|
2512
|
.uk-grid-column-medium {
|
2513
|
margin-left: -30px;
|
2514
|
}
|
2515
|
.uk-grid-medium > *,
|
2516
|
.uk-grid-column-medium > * {
|
2517
|
padding-left: 30px;
|
2518
|
}
|
2519
|
/* Vertical */
|
2520
|
.uk-grid + .uk-grid-medium,
|
2521
|
.uk-grid + .uk-grid-row-medium,
|
2522
|
.uk-grid-medium > .uk-grid-margin,
|
2523
|
.uk-grid-row-medium > .uk-grid-margin,
|
2524
|
* + .uk-grid-margin-medium {
|
2525
|
margin-top: 30px;
|
2526
|
}
|
2527
|
/*
|
2528
|
* Large
|
2529
|
*/
|
2530
|
/* Horizontal */
|
2531
|
.uk-grid-large,
|
2532
|
.uk-grid-column-large {
|
2533
|
margin-left: -40px;
|
2534
|
}
|
2535
|
.uk-grid-large > *,
|
2536
|
.uk-grid-column-large > * {
|
2537
|
padding-left: 40px;
|
2538
|
}
|
2539
|
/* Vertical */
|
2540
|
.uk-grid + .uk-grid-large,
|
2541
|
.uk-grid + .uk-grid-row-large,
|
2542
|
.uk-grid-large > .uk-grid-margin,
|
2543
|
.uk-grid-row-large > .uk-grid-margin,
|
2544
|
* + .uk-grid-margin-large {
|
2545
|
margin-top: 40px;
|
2546
|
}
|
2547
|
/* Desktop and bigger */
|
2548
|
@media (min-width: 1200px) {
|
2549
|
/* Horizontal */
|
2550
|
.uk-grid-large,
|
2551
|
.uk-grid-column-large {
|
2552
|
margin-left: -70px;
|
2553
|
}
|
2554
|
.uk-grid-large > *,
|
2555
|
.uk-grid-column-large > * {
|
2556
|
padding-left: 70px;
|
2557
|
}
|
2558
|
/* Vertical */
|
2559
|
.uk-grid + .uk-grid-large,
|
2560
|
.uk-grid + .uk-grid-row-large,
|
2561
|
.uk-grid-large > .uk-grid-margin,
|
2562
|
.uk-grid-row-large > .uk-grid-margin,
|
2563
|
* + .uk-grid-margin-large {
|
2564
|
margin-top: 70px;
|
2565
|
}
|
2566
|
}
|
2567
|
/*
|
2568
|
* Collapse
|
2569
|
*/
|
2570
|
/* Horizontal */
|
2571
|
.uk-grid-collapse,
|
2572
|
.uk-grid-column-collapse {
|
2573
|
margin-left: 0;
|
2574
|
}
|
2575
|
.uk-grid-collapse > *,
|
2576
|
.uk-grid-column-collapse > * {
|
2577
|
padding-left: 0;
|
2578
|
}
|
2579
|
/* Vertical */
|
2580
|
.uk-grid + .uk-grid-collapse,
|
2581
|
.uk-grid + .uk-grid-row-collapse,
|
2582
|
.uk-grid-collapse > .uk-grid-margin,
|
2583
|
.uk-grid-row-collapse > .uk-grid-margin {
|
2584
|
margin-top: 0;
|
2585
|
}
|
2586
|
/* Divider
|
2587
|
========================================================================== */
|
2588
|
.uk-grid-divider > * {
|
2589
|
position: relative;
|
2590
|
}
|
2591
|
.uk-grid-divider > :not(.uk-first-column)::before {
|
2592
|
content: "";
|
2593
|
position: absolute;
|
2594
|
top: 0;
|
2595
|
bottom: 0;
|
2596
|
border-left: 1px solid #e5e5e5;
|
2597
|
}
|
2598
|
/* Vertical */
|
2599
|
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
|
2600
|
content: "";
|
2601
|
position: absolute;
|
2602
|
left: 0;
|
2603
|
right: 0;
|
2604
|
border-top: 1px solid #e5e5e5;
|
2605
|
}
|
2606
|
/*
|
2607
|
* Default
|
2608
|
*/
|
2609
|
/* Horizontal */
|
2610
|
.uk-grid-divider {
|
2611
|
margin-left: -60px;
|
2612
|
}
|
2613
|
.uk-grid-divider > * {
|
2614
|
padding-left: 60px;
|
2615
|
}
|
2616
|
.uk-grid-divider > :not(.uk-first-column)::before {
|
2617
|
left: 30px;
|
2618
|
}
|
2619
|
/* Vertical */
|
2620
|
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
|
2621
|
margin-top: 60px;
|
2622
|
}
|
2623
|
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
|
2624
|
top: -30px;
|
2625
|
left: 60px;
|
2626
|
}
|
2627
|
/* Desktop and bigger */
|
2628
|
@media (min-width: 1200px) {
|
2629
|
/* Horizontal */
|
2630
|
.uk-grid-divider {
|
2631
|
margin-left: -80px;
|
2632
|
}
|
2633
|
.uk-grid-divider > * {
|
2634
|
padding-left: 80px;
|
2635
|
}
|
2636
|
.uk-grid-divider > :not(.uk-first-column)::before {
|
2637
|
left: 40px;
|
2638
|
}
|
2639
|
/* Vertical */
|
2640
|
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
|
2641
|
margin-top: 80px;
|
2642
|
}
|
2643
|
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
|
2644
|
top: -40px;
|
2645
|
left: 80px;
|
2646
|
}
|
2647
|
}
|
2648
|
/*
|
2649
|
* Small
|
2650
|
*/
|
2651
|
/* Horizontal */
|
2652
|
.uk-grid-divider.uk-grid-small,
|
2653
|
.uk-grid-divider.uk-grid-column-small {
|
2654
|
margin-left: -30px;
|
2655
|
}
|
2656
|
.uk-grid-divider.uk-grid-small > *,
|
2657
|
.uk-grid-divider.uk-grid-column-small > * {
|
2658
|
padding-left: 30px;
|
2659
|
}
|
2660
|
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before,
|
2661
|
.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
|
2662
|
left: 15px;
|
2663
|
}
|
2664
|
/* Vertical */
|
2665
|
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
|
2666
|
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
|
2667
|
margin-top: 30px;
|
2668
|
}
|
2669
|
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
|
2670
|
top: -15px;
|
2671
|
left: 30px;
|
2672
|
}
|
2673
|
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
|
2674
|
top: -15px;
|
2675
|
}
|
2676
|
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
|
2677
|
left: 30px;
|
2678
|
}
|
2679
|
/*
|
2680
|
* Medium
|
2681
|
*/
|
2682
|
/* Horizontal */
|
2683
|
.uk-grid-divider.uk-grid-medium,
|
2684
|
.uk-grid-divider.uk-grid-column-medium {
|
2685
|
margin-left: -60px;
|
2686
|
}
|
2687
|
.uk-grid-divider.uk-grid-medium > *,
|
2688
|
.uk-grid-divider.uk-grid-column-medium > * {
|
2689
|
padding-left: 60px;
|
2690
|
}
|
2691
|
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before,
|
2692
|
.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before {
|
2693
|
left: 30px;
|
2694
|
}
|
2695
|
/* Vertical */
|
2696
|
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
|
2697
|
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
|
2698
|
margin-top: 60px;
|
2699
|
}
|
2700
|
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
|
2701
|
top: -30px;
|
2702
|
left: 60px;
|
2703
|
}
|
2704
|
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
|
2705
|
top: -30px;
|
2706
|
}
|
2707
|
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
|
2708
|
left: 60px;
|
2709
|
}
|
2710
|
/*
|
2711
|
* Large
|
2712
|
*/
|
2713
|
/* Horizontal */
|
2714
|
.uk-grid-divider.uk-grid-large,
|
2715
|
.uk-grid-divider.uk-grid-column-large {
|
2716
|
margin-left: -80px;
|
2717
|
}
|
2718
|
.uk-grid-divider.uk-grid-large > *,
|
2719
|
.uk-grid-divider.uk-grid-column-large > * {
|
2720
|
padding-left: 80px;
|
2721
|
}
|
2722
|
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
|
2723
|
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
|
2724
|
left: 40px;
|
2725
|
}
|
2726
|
/* Vertical */
|
2727
|
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
|
2728
|
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
|
2729
|
margin-top: 80px;
|
2730
|
}
|
2731
|
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
|
2732
|
top: -40px;
|
2733
|
left: 80px;
|
2734
|
}
|
2735
|
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
|
2736
|
top: -40px;
|
2737
|
}
|
2738
|
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
|
2739
|
left: 80px;
|
2740
|
}
|
2741
|
/* Desktop and bigger */
|
2742
|
@media (min-width: 1200px) {
|
2743
|
/* Horizontal */
|
2744
|
.uk-grid-divider.uk-grid-large,
|
2745
|
.uk-grid-divider.uk-grid-column-large {
|
2746
|
margin-left: -140px;
|
2747
|
}
|
2748
|
.uk-grid-divider.uk-grid-large > *,
|
2749
|
.uk-grid-divider.uk-grid-column-large > * {
|
2750
|
padding-left: 140px;
|
2751
|
}
|
2752
|
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
|
2753
|
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
|
2754
|
left: 70px;
|
2755
|
}
|
2756
|
/* Vertical */
|
2757
|
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
|
2758
|
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
|
2759
|
margin-top: 140px;
|
2760
|
}
|
2761
|
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
|
2762
|
top: -70px;
|
2763
|
left: 140px;
|
2764
|
}
|
2765
|
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
|
2766
|
top: -70px;
|
2767
|
}
|
2768
|
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
|
2769
|
left: 140px;
|
2770
|
}
|
2771
|
}
|
2772
|
/* Match child of a grid cell
|
2773
|
========================================================================== */
|
2774
|
/*
|
2775
|
* Behave like a block element
|
2776
|
* 1. Wrap into the next line
|
2777
|
* 2. Take the full width, at least 100%. Only if no class from the Width component is set.
|
2778
|
* 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
|
2779
|
*/
|
2780
|
.uk-grid-match > *,
|
2781
|
.uk-grid-item-match {
|
2782
|
display: flex;
|
2783
|
/* 1 */
|
2784
|
flex-wrap: wrap;
|
2785
|
}
|
2786
|
.uk-grid-match > * > :not([class*='uk-width']),
|
2787
|
.uk-grid-item-match > :not([class*='uk-width']) {
|
2788
|
/* 2 */
|
2789
|
box-sizing: border-box;
|
2790
|
width: 100%;
|
2791
|
/* 3 */
|
2792
|
flex: auto;
|
2793
|
}
|
2794
|
/* ========================================================================
|
2795
|
Component: Tile
|
2796
|
========================================================================== */
|
2797
|
.uk-tile {
|
2798
|
position: relative;
|
2799
|
box-sizing: border-box;
|
2800
|
padding-left: 15px;
|
2801
|
padding-right: 15px;
|
2802
|
padding-top: 40px;
|
2803
|
padding-bottom: 40px;
|
2804
|
}
|
2805
|
/* Phone landscape and bigger */
|
2806
|
@media (min-width: 640px) {
|
2807
|
.uk-tile {
|
2808
|
padding-left: 30px;
|
2809
|
padding-right: 30px;
|
2810
|
}
|
2811
|
}
|
2812
|
/* Tablet landscape and bigger */
|
2813
|
@media (min-width: 960px) {
|
2814
|
.uk-tile {
|
2815
|
padding-left: 40px;
|
2816
|
padding-right: 40px;
|
2817
|
padding-top: 70px;
|
2818
|
padding-bottom: 70px;
|
2819
|
}
|
2820
|
}
|
2821
|
/*
|
2822
|
* Micro clearfix
|
2823
|
*/
|
2824
|
.uk-tile::before,
|
2825
|
.uk-tile::after {
|
2826
|
content: "";
|
2827
|
display: table;
|
2828
|
}
|
2829
|
.uk-tile::after {
|
2830
|
clear: both;
|
2831
|
}
|
2832
|
/*
|
2833
|
* Remove margin from the last-child
|
2834
|
*/
|
2835
|
.uk-tile > :last-child {
|
2836
|
margin-bottom: 0;
|
2837
|
}
|
2838
|
/* Size modifiers
|
2839
|
========================================================================== */
|
2840
|
/*
|
2841
|
* XSmall
|
2842
|
*/
|
2843
|
.uk-tile-xsmall {
|
2844
|
padding-top: 20px;
|
2845
|
padding-bottom: 20px;
|
2846
|
}
|
2847
|
/*
|
2848
|
* Small
|
2849
|
*/
|
2850
|
.uk-tile-small {
|
2851
|
padding-top: 40px;
|
2852
|
padding-bottom: 40px;
|
2853
|
}
|
2854
|
/*
|
2855
|
* Large
|
2856
|
*/
|
2857
|
.uk-tile-large {
|
2858
|
padding-top: 70px;
|
2859
|
padding-bottom: 70px;
|
2860
|
}
|
2861
|
/* Tablet landscape and bigger */
|
2862
|
@media (min-width: 960px) {
|
2863
|
.uk-tile-large {
|
2864
|
padding-top: 140px;
|
2865
|
padding-bottom: 140px;
|
2866
|
}
|
2867
|
}
|
2868
|
/*
|
2869
|
* XLarge
|
2870
|
*/
|
2871
|
.uk-tile-xlarge {
|
2872
|
padding-top: 140px;
|
2873
|
padding-bottom: 140px;
|
2874
|
}
|
2875
|
/* Tablet landscape and bigger */
|
2876
|
@media (min-width: 960px) {
|
2877
|
.uk-tile-xlarge {
|
2878
|
padding-top: 210px;
|
2879
|
padding-bottom: 210px;
|
2880
|
}
|
2881
|
}
|
2882
|
/* Style modifiers
|
2883
|
========================================================================== */
|
2884
|
/*
|
2885
|
* Default
|
2886
|
*/
|
2887
|
.uk-tile-default {
|
2888
|
background: #fff;
|
2889
|
}
|
2890
|
/*
|
2891
|
* Muted
|
2892
|
*/
|
2893
|
.uk-tile-muted {
|
2894
|
background: #f8f8f8;
|
2895
|
}
|
2896
|
/*
|
2897
|
* Primary
|
2898
|
*/
|
2899
|
.uk-tile-primary {
|
2900
|
background: #1e87f0;
|
2901
|
}
|
2902
|
/*
|
2903
|
* Secondary
|
2904
|
*/
|
2905
|
.uk-tile-secondary {
|
2906
|
background: #222;
|
2907
|
}
|
2908
|
/* ========================================================================
|
2909
|
Component: Card
|
2910
|
========================================================================== */
|
2911
|
.uk-card {
|
2912
|
position: relative;
|
2913
|
box-sizing: border-box;
|
2914
|
transition: box-shadow 0.1s ease-in-out;
|
2915
|
}
|
2916
|
/* Sections
|
2917
|
========================================================================== */
|
2918
|
.uk-card-body {
|
2919
|
padding: 30px 30px;
|
2920
|
}
|
2921
|
.uk-card-header {
|
2922
|
padding: 15px 30px;
|
2923
|
}
|
2924
|
.uk-card-footer {
|
2925
|
padding: 15px 30px;
|
2926
|
}
|
2927
|
/* Desktop and bigger */
|
2928
|
@media (min-width: 1200px) {
|
2929
|
.uk-card-body {
|
2930
|
padding: 40px 40px;
|
2931
|
}
|
2932
|
.uk-card-header {
|
2933
|
padding: 20px 40px;
|
2934
|
}
|
2935
|
.uk-card-footer {
|
2936
|
padding: 20px 40px;
|
2937
|
}
|
2938
|
}
|
2939
|
/*
|
2940
|
* Micro clearfix
|
2941
|
*/
|
2942
|
.uk-card-body::before,
|
2943
|
.uk-card-body::after,
|
2944
|
.uk-card-header::before,
|
2945
|
.uk-card-header::after,
|
2946
|
.uk-card-footer::before,
|
2947
|
.uk-card-footer::after {
|
2948
|
content: "";
|
2949
|
display: table;
|
2950
|
}
|
2951
|
.uk-card-body::after,
|
2952
|
.uk-card-header::after,
|
2953
|
.uk-card-footer::after {
|
2954
|
clear: both;
|
2955
|
}
|
2956
|
/*
|
2957
|
* Remove margin from the last-child
|
2958
|
*/
|
2959
|
.uk-card-body > :last-child,
|
2960
|
.uk-card-header > :last-child,
|
2961
|
.uk-card-footer > :last-child {
|
2962
|
margin-bottom: 0;
|
2963
|
}
|
2964
|
/* Media
|
2965
|
========================================================================== */
|
2966
|
/*
|
2967
|
* Reserved alignment modifier to style the media element, e.g. with `border-radius`
|
2968
|
* Implemented by the theme
|
2969
|
*/
|
2970
|
/* Title
|
2971
|
========================================================================== */
|
2972
|
.uk-card-title {
|
2973
|
font-size: 1.5rem;
|
2974
|
line-height: 1.4;
|
2975
|
}
|
2976
|
/* Badge
|
2977
|
========================================================================== */
|
2978
|
.uk-card-badge {
|
2979
|
position: absolute;
|
2980
|
top: 30px;
|
2981
|
right: 30px;
|
2982
|
z-index: 1;
|
2983
|
}
|
2984
|
/*
|
2985
|
* Remove margin from adjacent element
|
2986
|
*/
|
2987
|
.uk-card-badge:first-child + * {
|
2988
|
margin-top: 0;
|
2989
|
}
|
2990
|
/* Hover modifier
|
2991
|
========================================================================== */
|
2992
|
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
|
2993
|
background: #fff;
|
2994
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
2995
|
}
|
2996
|
/* Style modifiers
|
2997
|
========================================================================== */
|
2998
|
/*
|
2999
|
* Default
|
3000
|
* Note: Header and Footer are only implemented for the default style
|
3001
|
*/
|
3002
|
.uk-card-default {
|
3003
|
background: #fff;
|
3004
|
color: #666;
|
3005
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
3006
|
}
|
3007
|
.uk-card-default .uk-card-title {
|
3008
|
color: #333;
|
3009
|
}
|
3010
|
.uk-card-default.uk-card-hover:hover {
|
3011
|
background-color: #fff;
|
3012
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
3013
|
}
|
3014
|
.uk-card-default .uk-card-header {
|
3015
|
border-bottom: 1px solid #e5e5e5;
|
3016
|
}
|
3017
|
.uk-card-default .uk-card-footer {
|
3018
|
border-top: 1px solid #e5e5e5;
|
3019
|
}
|
3020
|
/*
|
3021
|
* Primary
|
3022
|
*/
|
3023
|
.uk-card-primary {
|
3024
|
background: #1e87f0;
|
3025
|
color: #fff;
|
3026
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
3027
|
}
|
3028
|
.uk-card-primary .uk-card-title {
|
3029
|
color: #fff;
|
3030
|
}
|
3031
|
.uk-card-primary.uk-card-hover:hover {
|
3032
|
background-color: #1e87f0;
|
3033
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
3034
|
}
|
3035
|
/*
|
3036
|
* Secondary
|
3037
|
*/
|
3038
|
.uk-card-secondary {
|
3039
|
background: #222;
|
3040
|
color: #fff;
|
3041
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
3042
|
}
|
3043
|
.uk-card-secondary .uk-card-title {
|
3044
|
color: #fff;
|
3045
|
}
|
3046
|
.uk-card-secondary.uk-card-hover:hover {
|
3047
|
background-color: #222;
|
3048
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
3049
|
}
|
3050
|
/* Size modifier
|
3051
|
========================================================================== */
|
3052
|
/*
|
3053
|
* Small
|
3054
|
*/
|
3055
|
.uk-card-small.uk-card-body,
|
3056
|
.uk-card-small .uk-card-body {
|
3057
|
padding: 20px 20px;
|
3058
|
}
|
3059
|
.uk-card-small .uk-card-header {
|
3060
|
padding: 13px 20px;
|
3061
|
}
|
3062
|
.uk-card-small .uk-card-footer {
|
3063
|
padding: 13px 20px;
|
3064
|
}
|
3065
|
/*
|
3066
|
* Large
|
3067
|
*/
|
3068
|
/* Desktop and bigger */
|
3069
|
@media (min-width: 1200px) {
|
3070
|
.uk-card-large.uk-card-body,
|
3071
|
.uk-card-large .uk-card-body {
|
3072
|
padding: 70px 70px;
|
3073
|
}
|
3074
|
.uk-card-large .uk-card-header {
|
3075
|
padding: 35px 70px;
|
3076
|
}
|
3077
|
.uk-card-large .uk-card-footer {
|
3078
|
padding: 35px 70px;
|
3079
|
}
|
3080
|
}
|
3081
|
/*
|
3082
|
* Default
|
3083
|
*/
|
3084
|
.uk-card-body > .uk-nav-default {
|
3085
|
margin-left: -30px;
|
3086
|
margin-right: -30px;
|
3087
|
}
|
3088
|
.uk-card-body > .uk-nav-default:only-child {
|
3089
|
margin-top: -15px;
|
3090
|
margin-bottom: -15px;
|
3091
|
}
|
3092
|
.uk-card-body .uk-nav-default > li > a,
|
3093
|
.uk-card-body .uk-nav-default .uk-nav-header,
|
3094
|
.uk-card-body .uk-nav-default .uk-nav-divider {
|
3095
|
padding-left: 30px;
|
3096
|
padding-right: 30px;
|
3097
|
}
|
3098
|
.uk-card-body .uk-nav-default .uk-nav-sub {
|
3099
|
padding-left: 45px;
|
3100
|
}
|
3101
|
/* Desktop and bigger */
|
3102
|
@media (min-width: 1200px) {
|
3103
|
.uk-card-body > .uk-nav-default {
|
3104
|
margin-left: -40px;
|
3105
|
margin-right: -40px;
|
3106
|
}
|
3107
|
.uk-card-body > .uk-nav-default:only-child {
|
3108
|
margin-top: -25px;
|
3109
|
margin-bottom: -25px;
|
3110
|
}
|
3111
|
.uk-card-body .uk-nav-default > li > a,
|
3112
|
.uk-card-body .uk-nav-default .uk-nav-header,
|
3113
|
.uk-card-body .uk-nav-default .uk-nav-divider {
|
3114
|
padding-left: 40px;
|
3115
|
padding-right: 40px;
|
3116
|
}
|
3117
|
.uk-card-body .uk-nav-default .uk-nav-sub {
|
3118
|
padding-left: 55px;
|
3119
|
}
|
3120
|
}
|
3121
|
/*
|
3122
|
* Small
|
3123
|
*/
|
3124
|
.uk-card-small > .uk-nav-default {
|
3125
|
margin-left: -20px;
|
3126
|
margin-right: -20px;
|
3127
|
}
|
3128
|
.uk-card-small > .uk-nav-default:only-child {
|
3129
|
margin-top: -5px;
|
3130
|
margin-bottom: -5px;
|
3131
|
}
|
3132
|
.uk-card-small .uk-nav-default > li > a,
|
3133
|
.uk-card-small .uk-nav-default .uk-nav-header,
|
3134
|
.uk-card-small .uk-nav-default .uk-nav-divider {
|
3135
|
padding-left: 20px;
|
3136
|
padding-right: 20px;
|
3137
|
}
|
3138
|
.uk-card-small .uk-nav-default .uk-nav-sub {
|
3139
|
padding-left: 35px;
|
3140
|
}
|
3141
|
/*
|
3142
|
* Large
|
3143
|
*/
|
3144
|
/* Desktop and bigger */
|
3145
|
@media (min-width: 1200px) {
|
3146
|
.uk-card-large > .uk-nav-default {
|
3147
|
margin: 0;
|
3148
|
}
|
3149
|
.uk-card-large > .uk-nav-default:only-child {
|
3150
|
margin: 0;
|
3151
|
}
|
3152
|
.uk-card-large .uk-nav-default > li > a,
|
3153
|
.uk-card-large .uk-nav-default .uk-nav-header,
|
3154
|
.uk-card-large .uk-nav-default .uk-nav-divider {
|
3155
|
padding-left: 0;
|
3156
|
padding-right: 0;
|
3157
|
}
|
3158
|
.uk-card-large .uk-nav-default .uk-nav-sub {
|
3159
|
padding-left: 15px;
|
3160
|
}
|
3161
|
}
|
3162
|
/* ========================================================================
|
3163
|
Component: Close
|
3164
|
========================================================================== */
|
3165
|
/*
|
3166
|
* Adopts `uk-icon`
|
3167
|
*/
|
3168
|
.uk-close {
|
3169
|
color: #999;
|
3170
|
transition: 0.1s ease-in-out;
|
3171
|
transition-property: color, opacity;
|
3172
|
}
|
3173
|
/* Hover + Focus */
|
3174
|
.uk-close:hover,
|
3175
|
.uk-close:focus {
|
3176
|
color: #666;
|
3177
|
outline: none;
|
3178
|
}
|
3179
|
/* ========================================================================
|
3180
|
Component: Spinner
|
3181
|
========================================================================== */
|
3182
|
/*
|
3183
|
* Adopts `uk-icon`
|
3184
|
*/
|
3185
|
/* SVG
|
3186
|
========================================================================== */
|
3187
|
.uk-spinner > * {
|
3188
|
animation: uk-spinner-rotate 1.4s linear infinite;
|
3189
|
}
|
3190
|
@keyframes uk-spinner-rotate {
|
3191
|
0% {
|
3192
|
transform: rotate(0deg);
|
3193
|
}
|
3194
|
100% {
|
3195
|
transform: rotate(270deg);
|
3196
|
}
|
3197
|
}
|
3198
|
/*
|
3199
|
* Circle
|
3200
|
*/
|
3201
|
.uk-spinner > * > * {
|
3202
|
stroke-dasharray: 88px;
|
3203
|
stroke-dashoffset: 0;
|
3204
|
transform-origin: center;
|
3205
|
animation: uk-spinner-dash 1.4s ease-in-out infinite;
|
3206
|
stroke-width: 1;
|
3207
|
stroke-linecap: round;
|
3208
|
}
|
3209
|
@keyframes uk-spinner-dash {
|
3210
|
0% {
|
3211
|
stroke-dashoffset: 88px;
|
3212
|
}
|
3213
|
50% {
|
3214
|
stroke-dashoffset: 22px;
|
3215
|
transform: rotate(135deg);
|
3216
|
}
|
3217
|
100% {
|
3218
|
stroke-dashoffset: 88px;
|
3219
|
transform: rotate(450deg);
|
3220
|
}
|
3221
|
}
|
3222
|
/* ========================================================================
|
3223
|
Component: Totop
|
3224
|
========================================================================== */
|
3225
|
/*
|
3226
|
* Addopts `uk-icon`
|
3227
|
*/
|
3228
|
.uk-totop {
|
3229
|
padding: 5px;
|
3230
|
color: #999;
|
3231
|
transition: color 0.1s ease-in-out;
|
3232
|
}
|
3233
|
/* Hover + Focus */
|
3234
|
.uk-totop:hover,
|
3235
|
.uk-totop:focus {
|
3236
|
color: #666;
|
3237
|
outline: none;
|
3238
|
}
|
3239
|
/* OnClick */
|
3240
|
.uk-totop:active {
|
3241
|
color: #333;
|
3242
|
}
|
3243
|
/* ========================================================================
|
3244
|
Component: Marker
|
3245
|
========================================================================== */
|
3246
|
/*
|
3247
|
* Addopts `uk-icon`
|
3248
|
*/
|
3249
|
.uk-marker {
|
3250
|
padding: 5px;
|
3251
|
background: #222;
|
3252
|
color: #fff;
|
3253
|
border-radius: 500px;
|
3254
|
}
|
3255
|
/* Hover + Focus */
|
3256
|
.uk-marker:hover,
|
3257
|
.uk-marker:focus {
|
3258
|
color: #fff;
|
3259
|
outline: none;
|
3260
|
}
|
3261
|
/* ========================================================================
|
3262
|
Component: Alert
|
3263
|
========================================================================== */
|
3264
|
.uk-alert {
|
3265
|
position: relative;
|
3266
|
margin-bottom: 20px;
|
3267
|
padding: 15px 29px 15px 15px;
|
3268
|
background: #f8f8f8;
|
3269
|
color: #666;
|
3270
|
}
|
3271
|
/* Add margin if adjacent element */
|
3272
|
* + .uk-alert {
|
3273
|
margin-top: 20px;
|
3274
|
}
|
3275
|
/*
|
3276
|
* Remove margin from the last-child
|
3277
|
*/
|
3278
|
.uk-alert > :last-child {
|
3279
|
margin-bottom: 0;
|
3280
|
}
|
3281
|
/* Close
|
3282
|
* Adopts `uk-close`
|
3283
|
========================================================================== */
|
3284
|
.uk-alert-close {
|
3285
|
position: absolute;
|
3286
|
top: 20px;
|
3287
|
right: 15px;
|
3288
|
color: inherit;
|
3289
|
opacity: 0.4;
|
3290
|
}
|
3291
|
/*
|
3292
|
* Remove margin from adjacent element
|
3293
|
*/
|
3294
|
.uk-alert-close:first-child + * {
|
3295
|
margin-top: 0;
|
3296
|
}
|
3297
|
/*
|
3298
|
* Hover + Focus
|
3299
|
*/
|
3300
|
.uk-alert-close:hover,
|
3301
|
.uk-alert-close:focus {
|
3302
|
color: inherit;
|
3303
|
opacity: 0.8;
|
3304
|
}
|
3305
|
/* Style modifiers
|
3306
|
========================================================================== */
|
3307
|
/*
|
3308
|
* Primary
|
3309
|
*/
|
3310
|
.uk-alert-primary {
|
3311
|
background: #d8eafc;
|
3312
|
color: #1e87f0;
|
3313
|
}
|
3314
|
/*
|
3315
|
* Success
|
3316
|
*/
|
3317
|
.uk-alert-success {
|
3318
|
background: #edfbf6;
|
3319
|
color: #32d296;
|
3320
|
}
|
3321
|
/*
|
3322
|
* Warning
|
3323
|
*/
|
3324
|
.uk-alert-warning {
|
3325
|
background: #fff6ee;
|
3326
|
color: #faa05a;
|
3327
|
}
|
3328
|
/*
|
3329
|
* Danger
|
3330
|
*/
|
3331
|
.uk-alert-danger {
|
3332
|
background: #fef4f6;
|
3333
|
color: #f0506e;
|
3334
|
}
|
3335
|
/*
|
3336
|
* Content
|
3337
|
*/
|
3338
|
.uk-alert h1,
|
3339
|
.uk-alert h2,
|
3340
|
.uk-alert h3,
|
3341
|
.uk-alert h4,
|
3342
|
.uk-alert h5,
|
3343
|
.uk-alert h6 {
|
3344
|
color: inherit;
|
3345
|
}
|
3346
|
.uk-alert a:not([class]) {
|
3347
|
color: inherit;
|
3348
|
text-decoration: underline;
|
3349
|
}
|
3350
|
.uk-alert a:not([class]):hover {
|
3351
|
color: inherit;
|
3352
|
text-decoration: underline;
|
3353
|
}
|
3354
|
/* ========================================================================
|
3355
|
Component: Badge
|
3356
|
========================================================================== */
|
3357
|
/*
|
3358
|
* 1. Style
|
3359
|
* 2. Center child vertically and horizontally
|
3360
|
*/
|
3361
|
.uk-badge {
|
3362
|
box-sizing: border-box;
|
3363
|
min-width: 22px;
|
3364
|
height: 22px;
|
3365
|
padding: 0 5px;
|
3366
|
border-radius: 500px;
|
3367
|
vertical-align: middle;
|
3368
|
/* 1 */
|
3369
|
background: #1e87f0;
|
3370
|
color: #fff;
|
3371
|
font-size: 0.875rem;
|
3372
|
/* 2 */
|
3373
|
display: inline-flex;
|
3374
|
justify-content: center;
|
3375
|
align-items: center;
|
3376
|
}
|
3377
|
/*
|
3378
|
* Required for `a`
|
3379
|
*/
|
3380
|
.uk-badge:hover,
|
3381
|
.uk-badge:focus {
|
3382
|
color: #fff;
|
3383
|
text-decoration: none;
|
3384
|
outline: none;
|
3385
|
}
|
3386
|
/* ========================================================================
|
3387
|
Component: Label
|
3388
|
========================================================================== */
|
3389
|
.uk-label {
|
3390
|
display: inline-block;
|
3391
|
padding: 0 10px;
|
3392
|
background: #1e87f0;
|
3393
|
line-height: 1.5;
|
3394
|
font-size: 0.875rem;
|
3395
|
color: #fff;
|
3396
|
vertical-align: middle;
|
3397
|
white-space: nowrap;
|
3398
|
border-radius: 2px;
|
3399
|
text-transform: uppercase;
|
3400
|
}
|
3401
|
/* Color modifiers
|
3402
|
========================================================================== */
|
3403
|
/*
|
3404
|
* Success
|
3405
|
*/
|
3406
|
.uk-label-success {
|
3407
|
background-color: #32d296;
|
3408
|
color: #fff;
|
3409
|
}
|
3410
|
/*
|
3411
|
* Warning
|
3412
|
*/
|
3413
|
.uk-label-warning {
|
3414
|
background-color: #faa05a;
|
3415
|
color: #fff;
|
3416
|
}
|
3417
|
/*
|
3418
|
* Danger
|
3419
|
*/
|
3420
|
.uk-label-danger {
|
3421
|
background-color: #f0506e;
|
3422
|
color: #fff;
|
3423
|
}
|
3424
|
/* ========================================================================
|
3425
|
Component: Overlay
|
3426
|
========================================================================== */
|
3427
|
.uk-overlay {
|
3428
|
padding: 30px 30px;
|
3429
|
}
|
3430
|
/*
|
3431
|
* Remove margin from the last-child
|
3432
|
*/
|
3433
|
.uk-overlay > :last-child {
|
3434
|
margin-bottom: 0;
|
3435
|
}
|
3436
|
/* Icon
|
3437
|
========================================================================== */
|
3438
|
/* Style modifiers
|
3439
|
========================================================================== */
|
3440
|
/*
|
3441
|
* Default
|
3442
|
*/
|
3443
|
.uk-overlay-default {
|
3444
|
background: rgba(255, 255, 255, 0.8);
|
3445
|
}
|
3446
|
/*
|
3447
|
* Primary
|
3448
|
*/
|
3449
|
.uk-overlay-primary {
|
3450
|
background: rgba(34, 34, 34, 0.8);
|
3451
|
}
|
3452
|
/* ========================================================================
|
3453
|
Component: Article
|
3454
|
========================================================================== */
|
3455
|
/*
|
3456
|
* Micro clearfix
|
3457
|
*/
|
3458
|
.uk-article::before,
|
3459
|
.uk-article::after {
|
3460
|
content: "";
|
3461
|
display: table;
|
3462
|
}
|
3463
|
.uk-article::after {
|
3464
|
clear: both;
|
3465
|
}
|
3466
|
/*
|
3467
|
* Remove margin from the last-child
|
3468
|
*/
|
3469
|
.uk-article > :last-child {
|
3470
|
margin-bottom: 0;
|
3471
|
}
|
3472
|
/* Adjacent sibling
|
3473
|
========================================================================== */
|
3474
|
.uk-article + .uk-article {
|
3475
|
margin-top: 70px;
|
3476
|
}
|
3477
|
/* Title
|
3478
|
========================================================================== */
|
3479
|
.uk-article-title {
|
3480
|
font-size: 2.23125rem;
|
3481
|
line-height: 1.2;
|
3482
|
}
|
3483
|
/* Tablet landscape and bigger */
|
3484
|
@media (min-width: 960px) {
|
3485
|
.uk-article-title {
|
3486
|
font-size: 2.625rem;
|
3487
|
}
|
3488
|
}
|
3489
|
/* Meta
|
3490
|
========================================================================== */
|
3491
|
.uk-article-meta {
|
3492
|
font-size: 0.875rem;
|
3493
|
line-height: 1.4;
|
3494
|
color: #999;
|
3495
|
}
|
3496
|
.uk-article-meta a {
|
3497
|
color: #999;
|
3498
|
}
|
3499
|
.uk-article-meta a:hover {
|
3500
|
color: #666;
|
3501
|
text-decoration: none;
|
3502
|
}
|
3503
|
/* ========================================================================
|
3504
|
Component: Comment
|
3505
|
========================================================================== */
|
3506
|
/* Sections
|
3507
|
========================================================================== */
|
3508
|
.uk-comment-body {
|
3509
|
overflow-wrap: break-word;
|
3510
|
word-wrap: break-word;
|
3511
|
}
|
3512
|
.uk-comment-header {
|
3513
|
margin-bottom: 20px;
|
3514
|
}
|
3515
|
/*
|
3516
|
* Micro clearfix
|
3517
|
*/
|
3518
|
.uk-comment-body::before,
|
3519
|
.uk-comment-body::after,
|
3520
|
.uk-comment-header::before,
|
3521
|
.uk-comment-header::after {
|
3522
|
content: "";
|
3523
|
display: table;
|
3524
|
}
|
3525
|
.uk-comment-body::after,
|
3526
|
.uk-comment-header::after {
|
3527
|
clear: both;
|
3528
|
}
|
3529
|
/*
|
3530
|
* Remove margin from the last-child
|
3531
|
*/
|
3532
|
.uk-comment-body > :last-child,
|
3533
|
.uk-comment-header > :last-child {
|
3534
|
margin-bottom: 0;
|
3535
|
}
|
3536
|
/* Title
|
3537
|
========================================================================== */
|
3538
|
.uk-comment-title {
|
3539
|
font-size: 1.25rem;
|
3540
|
line-height: 1.4;
|
3541
|
}
|
3542
|
/* Meta
|
3543
|
========================================================================== */
|
3544
|
.uk-comment-meta {
|
3545
|
font-size: 0.875rem;
|
3546
|
line-height: 1.4;
|
3547
|
color: #999;
|
3548
|
}
|
3549
|
/* Avatar
|
3550
|
========================================================================== */
|
3551
|
/* List
|
3552
|
========================================================================== */
|
3553
|
.uk-comment-list {
|
3554
|
padding: 0;
|
3555
|
list-style: none;
|
3556
|
}
|
3557
|
/* Adjacent siblings */
|
3558
|
.uk-comment-list > :nth-child(n+2) {
|
3559
|
margin-top: 70px;
|
3560
|
}
|
3561
|
/*
|
3562
|
* Sublists
|
3563
|
* Note: General sibling selector allows reply block between comment and sublist
|
3564
|
*/
|
3565
|
.uk-comment-list .uk-comment ~ ul {
|
3566
|
margin: 70px 0 0 0;
|
3567
|
padding-left: 30px;
|
3568
|
list-style: none;
|
3569
|
}
|
3570
|
/* Tablet and bigger */
|
3571
|
@media (min-width: 960px) {
|
3572
|
.uk-comment-list .uk-comment ~ ul {
|
3573
|
padding-left: 100px;
|
3574
|
}
|
3575
|
}
|
3576
|
/* Adjacent siblings */
|
3577
|
.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
|
3578
|
margin-top: 70px;
|
3579
|
}
|
3580
|
/* Style modifier
|
3581
|
========================================================================== */
|
3582
|
.uk-comment-primary {
|
3583
|
padding: 30px;
|
3584
|
background-color: #f8f8f8;
|
3585
|
}
|
3586
|
/* ========================================================================
|
3587
|
Component: Search
|
3588
|
========================================================================== */
|
3589
|
/*
|
3590
|
* 1. Container fits its content
|
3591
|
* 2. Create position context
|
3592
|
* 3. Prevent content overflow
|
3593
|
* 4. Reset `form`
|
3594
|
*/
|
3595
|
.uk-search {
|
3596
|
/* 1 */
|
3597
|
display: inline-block;
|
3598
|
/* 2 */
|
3599
|
position: relative;
|
3600
|
/* 3 */
|
3601
|
max-width: 100%;
|
3602
|
/* 4 */
|
3603
|
margin: 0;
|
3604
|
}
|
3605
|
/* Input
|
3606
|
========================================================================== */
|
3607
|
/*
|
3608
|
* Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
|
3609
|
*/
|
3610
|
.uk-search-input::-webkit-search-cancel-button,
|
3611
|
.uk-search-input::-webkit-search-decoration {
|
3612
|
-webkit-appearance: none;
|
3613
|
}
|
3614
|
/*
|
3615
|
* Removes placeholder transparency in Firefox.
|
3616
|
*/
|
3617
|
.uk-search-input::-moz-placeholder {
|
3618
|
opacity: 1;
|
3619
|
}
|
3620
|
/*
|
3621
|
* 1. Define consistent box sizing.
|
3622
|
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
3623
|
* 3. Remove `border-radius` in iOS.
|
3624
|
* 4. Change font properties to `inherit` in all browsers
|
3625
|
* 5. Show the overflow in Edge.
|
3626
|
* 6. Remove default style in iOS.
|
3627
|
* 7. Vertical alignment
|
3628
|
* 8. Take the full container width
|
3629
|
* 9. Style
|
3630
|
*/
|
3631
|
.uk-search-input {
|
3632
|
/* 1 */
|
3633
|
box-sizing: border-box;
|
3634
|
/* 2 */
|
3635
|
margin: 0;
|
3636
|
/* 3 */
|
3637
|
border-radius: 0;
|
3638
|
/* 4 */
|
3639
|
font: inherit;
|
3640
|
/* 5 */
|
3641
|
overflow: visible;
|
3642
|
/* 6 */
|
3643
|
-webkit-appearance: none;
|
3644
|
/* 7 */
|
3645
|
vertical-align: middle;
|
3646
|
/* 8 */
|
3647
|
width: 100%;
|
3648
|
/* 9 */
|
3649
|
border: none;
|
3650
|
color: #666;
|
3651
|
}
|
3652
|
.uk-search-input:focus {
|
3653
|
outline: none;
|
3654
|
}
|
3655
|
/* Placeholder */
|
3656
|
.uk-search-input:-ms-input-placeholder {
|
3657
|
color: #999 !important;
|
3658
|
}
|
3659
|
.uk-search-input::placeholder {
|
3660
|
color: #999;
|
3661
|
}
|
3662
|
/* Icon (Adopts `uk-icon`)
|
3663
|
========================================================================== */
|
3664
|
/*
|
3665
|
* Remove default focus style
|
3666
|
*/
|
3667
|
.uk-search-icon:focus {
|
3668
|
outline: none;
|
3669
|
}
|
3670
|
/*
|
3671
|
* Position above input
|
3672
|
* 1. Set position
|
3673
|
* 2. Center icon vertically and horizontally
|
3674
|
* 3. Style
|
3675
|
*/
|
3676
|
.uk-search .uk-search-icon {
|
3677
|
/* 1 */
|
3678
|
position: absolute;
|
3679
|
top: 0;
|
3680
|
bottom: 0;
|
3681
|
left: 0;
|
3682
|
/* 2 */
|
3683
|
display: inline-flex;
|
3684
|
justify-content: center;
|
3685
|
align-items: center;
|
3686
|
/* 3 */
|
3687
|
color: #999;
|
3688
|
}
|
3689
|
/*
|
3690
|
* Required for `a`.
|
3691
|
*/
|
3692
|
.uk-search .uk-search-icon:hover {
|
3693
|
color: #999;
|
3694
|
}
|
3695
|
/*
|
3696
|
* Make `input` element clickable through icon, e.g. if it's a `span`
|
3697
|
*/
|
3698
|
.uk-search .uk-search-icon:not(a):not(button):not(input) {
|
3699
|
pointer-events: none;
|
3700
|
}
|
3701
|
/*
|
3702
|
* Position modifier
|
3703
|
*/
|
3704
|
.uk-search .uk-search-icon-flip {
|
3705
|
right: 0;
|
3706
|
left: auto;
|
3707
|
}
|
3708
|
/* Default modifier
|
3709
|
========================================================================== */
|
3710
|
.uk-search-default {
|
3711
|
width: 180px;
|
3712
|
}
|
3713
|
/*
|
3714
|
* Input
|
3715
|
*/
|
3716
|
.uk-search-default .uk-search-input {
|
3717
|
height: 40px;
|
3718
|
padding-left: 6px;
|
3719
|
padding-right: 6px;
|
3720
|
background: transparent;
|
3721
|
border: 1px solid #e5e5e5;
|
3722
|
}
|
3723
|
/* Focus */
|
3724
|
.uk-search-default .uk-search-input:focus {
|
3725
|
background-color: transparent;
|
3726
|
}
|
3727
|
/*
|
3728
|
* Icon
|
3729
|
*/
|
3730
|
.uk-search-default .uk-search-icon {
|
3731
|
width: 40px;
|
3732
|
}
|
3733
|
.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
|
3734
|
padding-left: 40px;
|
3735
|
}
|
3736
|
.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
|
3737
|
padding-right: 40px;
|
3738
|
}
|
3739
|
/* Navbar modifier
|
3740
|
========================================================================== */
|
3741
|
.uk-search-navbar {
|
3742
|
width: 400px;
|
3743
|
}
|
3744
|
/*
|
3745
|
* Input
|
3746
|
*/
|
3747
|
.uk-search-navbar .uk-search-input {
|
3748
|
height: 40px;
|
3749
|
background: transparent;
|
3750
|
font-size: 1.5rem;
|
3751
|
}
|
3752
|
/*
|
3753
|
* Icon
|
3754
|
*/
|
3755
|
.uk-search-navbar .uk-search-icon {
|
3756
|
width: 40px;
|
3757
|
}
|
3758
|
.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
|
3759
|
padding-left: 40px;
|
3760
|
}
|
3761
|
.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
|
3762
|
padding-right: 40px;
|
3763
|
}
|
3764
|
/* Large modifier
|
3765
|
========================================================================== */
|
3766
|
.uk-search-large {
|
3767
|
width: 500px;
|
3768
|
}
|
3769
|
/*
|
3770
|
* Input
|
3771
|
*/
|
3772
|
.uk-search-large .uk-search-input {
|
3773
|
height: 80px;
|
3774
|
background: transparent;
|
3775
|
font-size: 2.625rem;
|
3776
|
}
|
3777
|
/*
|
3778
|
* Icon
|
3779
|
*/
|
3780
|
.uk-search-large .uk-search-icon {
|
3781
|
width: 80px;
|
3782
|
}
|
3783
|
.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
|
3784
|
padding-left: 80px;
|
3785
|
}
|
3786
|
.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
|
3787
|
padding-right: 80px;
|
3788
|
}
|
3789
|
/* Toggle
|
3790
|
========================================================================== */
|
3791
|
.uk-search-toggle {
|
3792
|
color: #999;
|
3793
|
}
|
3794
|
/* Hover + Focus */
|
3795
|
.uk-search-toggle:hover,
|
3796
|
.uk-search-toggle:focus {
|
3797
|
color: #666;
|
3798
|
}
|
3799
|
/* ========================================================================
|
3800
|
Component: Nav
|
3801
|
========================================================================== */
|
3802
|
/*
|
3803
|
* Reset
|
3804
|
* 1. Prepare lists
|
3805
|
* 2. Prepare links
|
3806
|
* 3. Remove default focus style
|
3807
|
*/
|
3808
|
/* 1 */
|
3809
|
.uk-nav,
|
3810
|
.uk-nav ul {
|
3811
|
margin: 0;
|
3812
|
padding: 0;
|
3813
|
list-style: none;
|
3814
|
}
|
3815
|
/* 2 */
|
3816
|
.uk-nav li > a {
|
3817
|
display: block;
|
3818
|
text-decoration: none;
|
3819
|
}
|
3820
|
/* 3 */
|
3821
|
.uk-nav li > a:focus {
|
3822
|
outline: none;
|
3823
|
}
|
3824
|
/*
|
3825
|
* Items
|
3826
|
* Must target `a` elements to exclude other elements (e.g. lists)
|
3827
|
*/
|
3828
|
.uk-nav > li > a {
|
3829
|
padding: 5px 0;
|
3830
|
}
|
3831
|
/* Sublists
|
3832
|
========================================================================== */
|
3833
|
/*
|
3834
|
* Level 2
|
3835
|
* `ul` needed for higher specificity to override padding
|
3836
|
*/
|
3837
|
ul.uk-nav-sub {
|
3838
|
padding: 5px 0 5px 15px;
|
3839
|
}
|
3840
|
/*
|
3841
|
* Level 3 and deeper
|
3842
|
*/
|
3843
|
.uk-nav-sub ul {
|
3844
|
padding-left: 15px;
|
3845
|
}
|
3846
|
/*
|
3847
|
* Items
|
3848
|
*/
|
3849
|
.uk-nav-sub a {
|
3850
|
padding: 2px 0;
|
3851
|
}
|
3852
|
/* Parent icon modifier
|
3853
|
========================================================================== */
|
3854
|
.uk-nav-parent-icon > .uk-parent > a::after {
|
3855
|
content: "";
|
3856
|
width: 1.5em;
|
3857
|
height: 1.5em;
|
3858
|
float: right;
|
3859
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
3860
|
background-repeat: no-repeat;
|
3861
|
background-position: 50% 50%;
|
3862
|
}
|
3863
|
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
3864
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
3865
|
}
|
3866
|
/* Header
|
3867
|
========================================================================== */
|
3868
|
.uk-nav-header {
|
3869
|
padding: 5px 0;
|
3870
|
text-transform: uppercase;
|
3871
|
font-size: 0.875rem;
|
3872
|
}
|
3873
|
.uk-nav-header:not(:first-child) {
|
3874
|
margin-top: 20px;
|
3875
|
}
|
3876
|
/* Divider
|
3877
|
========================================================================== */
|
3878
|
.uk-nav-divider {
|
3879
|
margin: 5px 0;
|
3880
|
}
|
3881
|
/* Default modifier
|
3882
|
========================================================================== */
|
3883
|
.uk-nav-default {
|
3884
|
font-size: 0.875rem;
|
3885
|
}
|
3886
|
/*
|
3887
|
* Items
|
3888
|
*/
|
3889
|
.uk-nav-default > li > a {
|
3890
|
color: #999;
|
3891
|
}
|
3892
|
/* Hover + Focus */
|
3893
|
.uk-nav-default > li > a:hover,
|
3894
|
.uk-nav-default > li > a:focus {
|
3895
|
color: #666;
|
3896
|
}
|
3897
|
/* Active */
|
3898
|
.uk-nav-default > li.uk-active > a {
|
3899
|
color: #333;
|
3900
|
}
|
3901
|
/*
|
3902
|
* Header
|
3903
|
*/
|
3904
|
.uk-nav-default .uk-nav-header {
|
3905
|
color: #333;
|
3906
|
}
|
3907
|
/*
|
3908
|
* Divider
|
3909
|
*/
|
3910
|
.uk-nav-default .uk-nav-divider {
|
3911
|
border-top: 1px solid #e5e5e5;
|
3912
|
}
|
3913
|
/*
|
3914
|
* Sublists
|
3915
|
*/
|
3916
|
.uk-nav-default .uk-nav-sub a {
|
3917
|
color: #999;
|
3918
|
}
|
3919
|
.uk-nav-default .uk-nav-sub a:hover,
|
3920
|
.uk-nav-default .uk-nav-sub a:focus {
|
3921
|
color: #666;
|
3922
|
}
|
3923
|
.uk-nav-default .uk-nav-sub li.uk-active > a {
|
3924
|
color: #333;
|
3925
|
}
|
3926
|
/* Primary modifier
|
3927
|
========================================================================== */
|
3928
|
/*
|
3929
|
* Items
|
3930
|
*/
|
3931
|
.uk-nav-primary > li > a {
|
3932
|
font-size: 1.5rem;
|
3933
|
line-height: 1.5;
|
3934
|
color: #999;
|
3935
|
}
|
3936
|
/* Hover + Focus */
|
3937
|
.uk-nav-primary > li > a:hover,
|
3938
|
.uk-nav-primary > li > a:focus {
|
3939
|
color: #666;
|
3940
|
}
|
3941
|
/* Active */
|
3942
|
.uk-nav-primary > li.uk-active > a {
|
3943
|
color: #333;
|
3944
|
}
|
3945
|
/*
|
3946
|
* Header
|
3947
|
*/
|
3948
|
.uk-nav-primary .uk-nav-header {
|
3949
|
color: #333;
|
3950
|
}
|
3951
|
/*
|
3952
|
* Divider
|
3953
|
*/
|
3954
|
.uk-nav-primary .uk-nav-divider {
|
3955
|
border-top: 1px solid #e5e5e5;
|
3956
|
}
|
3957
|
/*
|
3958
|
* Sublists
|
3959
|
*/
|
3960
|
.uk-nav-primary .uk-nav-sub a {
|
3961
|
color: #999;
|
3962
|
}
|
3963
|
.uk-nav-primary .uk-nav-sub a:hover,
|
3964
|
.uk-nav-primary .uk-nav-sub a:focus {
|
3965
|
color: #666;
|
3966
|
}
|
3967
|
.uk-nav-primary .uk-nav-sub li.uk-active > a {
|
3968
|
color: #333;
|
3969
|
}
|
3970
|
/* Alignment modifier
|
3971
|
========================================================================== */
|
3972
|
.uk-nav-center {
|
3973
|
text-align: center;
|
3974
|
}
|
3975
|
/* Sublists */
|
3976
|
.uk-nav-center .uk-nav-sub,
|
3977
|
.uk-nav-center .uk-nav-sub ul {
|
3978
|
padding-left: 0;
|
3979
|
}
|
3980
|
/* Parent icon modifier */
|
3981
|
.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
|
3982
|
position: absolute;
|
3983
|
}
|
3984
|
/* ========================================================================
|
3985
|
Component: Navbar
|
3986
|
========================================================================== */
|
3987
|
/*
|
3988
|
* 1. Create position context to center navbar group
|
3989
|
*/
|
3990
|
.uk-navbar {
|
3991
|
display: flex;
|
3992
|
/* 1 */
|
3993
|
position: relative;
|
3994
|
}
|
3995
|
/* Container
|
3996
|
========================================================================== */
|
3997
|
.uk-navbar-container:not(.uk-navbar-transparent) {
|
3998
|
background: #f8f8f8;
|
3999
|
}
|
4000
|
/*
|
4001
|
* Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
|
4002
|
*/
|
4003
|
.uk-navbar-container > ::before,
|
4004
|
.uk-navbar-container > ::after {
|
4005
|
display: none !important;
|
4006
|
}
|
4007
|
/* Groups
|
4008
|
========================================================================== */
|
4009
|
/*
|
4010
|
* 1. Align navs and items vertically if they have a different height
|
4011
|
* 2. Note: IE 11 requires an extra `div` which affects the center selector
|
4012
|
*/
|
4013
|
.uk-navbar-left,
|
4014
|
.uk-navbar-right,
|
4015
|
.uk-navbar-center,
|
4016
|
.uk-navbar-center-left > *,
|
4017
|
.uk-navbar-center-right > * {
|
4018
|
display: flex;
|
4019
|
/* 1 */
|
4020
|
align-items: center;
|
4021
|
}
|
4022
|
/*
|
4023
|
* Horizontal alignment
|
4024
|
* 1. Create position context for centered navbar with sub groups (left/right)
|
4025
|
* 2. Fix text wrapping if content is larger than 50% of the container.
|
4026
|
* 3. Needed for dropdowns because a new position context is created
|
4027
|
* `z-index` must be smaller than off-canvas
|
4028
|
* 4. Align sub groups for centered navbar
|
4029
|
*/
|
4030
|
.uk-navbar-right {
|
4031
|
margin-left: auto;
|
4032
|
}
|
4033
|
.uk-navbar-center:only-child {
|
4034
|
margin-left: auto;
|
4035
|
margin-right: auto;
|
4036
|
/* 1 */
|
4037
|
position: relative;
|
4038
|
}
|
4039
|
.uk-navbar-center:not(:only-child) {
|
4040
|
position: absolute;
|
4041
|
top: 50%;
|
4042
|
left: 50%;
|
4043
|
transform: translate(-50%, -50%);
|
4044
|
/* 2 */
|
4045
|
width: max-content;
|
4046
|
box-sizing: border-box;
|
4047
|
/* 3 */
|
4048
|
z-index: 990;
|
4049
|
}
|
4050
|
/* 4 */
|
4051
|
.uk-navbar-center-left,
|
4052
|
.uk-navbar-center-right {
|
4053
|
position: absolute;
|
4054
|
top: 0;
|
4055
|
}
|
4056
|
.uk-navbar-center-left {
|
4057
|
right: 100%;
|
4058
|
}
|
4059
|
.uk-navbar-center-right {
|
4060
|
left: 100%;
|
4061
|
}
|
4062
|
[class*='uk-navbar-center-'] {
|
4063
|
width: max-content;
|
4064
|
box-sizing: border-box;
|
4065
|
}
|
4066
|
/* Nav
|
4067
|
========================================================================== */
|
4068
|
/*
|
4069
|
* 1. Reset list
|
4070
|
*/
|
4071
|
.uk-navbar-nav {
|
4072
|
display: flex;
|
4073
|
/* 1 */
|
4074
|
margin: 0;
|
4075
|
padding: 0;
|
4076
|
list-style: none;
|
4077
|
}
|
4078
|
/*
|
4079
|
* Allow items to wrap into the next line
|
4080
|
* Only not `absolute` positioned groups
|
4081
|
*/
|
4082
|
.uk-navbar-left,
|
4083
|
.uk-navbar-right,
|
4084
|
.uk-navbar-center:only-child {
|
4085
|
flex-wrap: wrap;
|
4086
|
}
|
4087
|
/*
|
4088
|
* Items
|
4089
|
* 1. Center content vertically and horizontally
|
4090
|
* 2. Dimensions
|
4091
|
* 3. Style
|
4092
|
* 4. Required for `a`
|
4093
|
*/
|
4094
|
.uk-navbar-nav > li > a,
|
4095
|
.uk-navbar-item,
|
4096
|
.uk-navbar-toggle {
|
4097
|
/* 1 */
|
4098
|
display: flex;
|
4099
|
justify-content: center;
|
4100
|
align-items: center;
|
4101
|
/* 2 */
|
4102
|
box-sizing: border-box;
|
4103
|
min-height: 80px;
|
4104
|
padding: 0 15px;
|
4105
|
/* 3 */
|
4106
|
font-size: 0.875rem;
|
4107
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
4108
|
/* 4 */
|
4109
|
text-decoration: none;
|
4110
|
}
|
4111
|
/*
|
4112
|
* Nav items
|
4113
|
*/
|
4114
|
.uk-navbar-nav > li > a {
|
4115
|
color: #999;
|
4116
|
text-transform: uppercase;
|
4117
|
transition: 0.1s ease-in-out;
|
4118
|
transition-property: color, background-color;
|
4119
|
}
|
4120
|
/*
|
4121
|
* Hover
|
4122
|
* Apply hover style also to focus state and if dropdown is opened
|
4123
|
*/
|
4124
|
.uk-navbar-nav > li:hover > a,
|
4125
|
.uk-navbar-nav > li > a:focus,
|
4126
|
.uk-navbar-nav > li > a.uk-open {
|
4127
|
color: #666;
|
4128
|
outline: none;
|
4129
|
}
|
4130
|
/* OnClick */
|
4131
|
.uk-navbar-nav > li > a:active {
|
4132
|
color: #333;
|
4133
|
}
|
4134
|
/* Active */
|
4135
|
.uk-navbar-nav > li.uk-active > a {
|
4136
|
color: #333;
|
4137
|
}
|
4138
|
/* Item
|
4139
|
========================================================================== */
|
4140
|
.uk-navbar-item {
|
4141
|
color: #666;
|
4142
|
}
|
4143
|
/* Toggle
|
4144
|
========================================================================== */
|
4145
|
.uk-navbar-toggle {
|
4146
|
color: #999;
|
4147
|
}
|
4148
|
.uk-navbar-toggle:hover,
|
4149
|
.uk-navbar-toggle:focus,
|
4150
|
.uk-navbar-toggle.uk-open {
|
4151
|
color: #666;
|
4152
|
outline: none;
|
4153
|
text-decoration: none;
|
4154
|
}
|
4155
|
/*
|
4156
|
* Icon
|
4157
|
* Adopts `uk-icon`
|
4158
|
*/
|
4159
|
/* Hover + Focus */
|
4160
|
/* Subtitle
|
4161
|
========================================================================== */
|
4162
|
.uk-navbar-subtitle {
|
4163
|
font-size: 0.875rem;
|
4164
|
}
|
4165
|
/* Style modifiers
|
4166
|
========================================================================== */
|
4167
|
/* Dropdown
|
4168
|
========================================================================== */
|
4169
|
/*
|
4170
|
* Adopts `uk-dropdown`
|
4171
|
* 1. Hide by default
|
4172
|
* 2. Set position
|
4173
|
* 3. Set a default width
|
4174
|
* 4. Style
|
4175
|
*/
|
4176
|
.uk-navbar-dropdown {
|
4177
|
/* 1 */
|
4178
|
display: none;
|
4179
|
/* 2 */
|
4180
|
position: absolute;
|
4181
|
z-index: 1020;
|
4182
|
/* 3 */
|
4183
|
box-sizing: border-box;
|
4184
|
width: 200px;
|
4185
|
/* 4 */
|
4186
|
padding: 25px;
|
4187
|
background: #fff;
|
4188
|
color: #666;
|
4189
|
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
|
4190
|
}
|
4191
|
/* Show */
|
4192
|
.uk-navbar-dropdown.uk-open {
|
4193
|
display: block;
|
4194
|
}
|
4195
|
/*
|
4196
|
* Direction / Alignment modifiers
|
4197
|
*/
|
4198
|
/* Direction */
|
4199
|
[class*='uk-navbar-dropdown-top'] {
|
4200
|
margin-top: -15px;
|
4201
|
}
|
4202
|
[class*='uk-navbar-dropdown-bottom'] {
|
4203
|
margin-top: 15px;
|
4204
|
}
|
4205
|
[class*='uk-navbar-dropdown-left'] {
|
4206
|
margin-left: -15px;
|
4207
|
}
|
4208
|
[class*='uk-navbar-dropdown-right'] {
|
4209
|
margin-left: 15px;
|
4210
|
}
|
4211
|
/*
|
4212
|
* Grid
|
4213
|
* Adopts `uk-grid`
|
4214
|
*/
|
4215
|
/* Gutter Horizontal */
|
4216
|
.uk-navbar-dropdown-grid {
|
4217
|
margin-left: -50px;
|
4218
|
}
|
4219
|
.uk-navbar-dropdown-grid > * {
|
4220
|
padding-left: 50px;
|
4221
|
}
|
4222
|
/* Gutter Vertical */
|
4223
|
.uk-navbar-dropdown-grid > .uk-grid-margin {
|
4224
|
margin-top: 50px;
|
4225
|
}
|
4226
|
/* Stack */
|
4227
|
.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
|
4228
|
width: 100% !important;
|
4229
|
}
|
4230
|
/*
|
4231
|
* Width modifier
|
4232
|
*/
|
4233
|
.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
|
4234
|
width: 400px;
|
4235
|
}
|
4236
|
.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
|
4237
|
width: 600px;
|
4238
|
}
|
4239
|
.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
|
4240
|
width: 800px;
|
4241
|
}
|
4242
|
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
|
4243
|
width: 1000px;
|
4244
|
}
|
4245
|
/*
|
4246
|
* Dropbar modifier
|
4247
|
*/
|
4248
|
.uk-navbar-dropdown-dropbar {
|
4249
|
margin-top: 0;
|
4250
|
margin-bottom: 0;
|
4251
|
box-shadow: none;
|
4252
|
}
|
4253
|
/* Dropdown Nav
|
4254
|
* Adopts `uk-nav`
|
4255
|
========================================================================== */
|
4256
|
.uk-navbar-dropdown-nav {
|
4257
|
font-size: 0.875rem;
|
4258
|
}
|
4259
|
/*
|
4260
|
* Items
|
4261
|
*/
|
4262
|
.uk-navbar-dropdown-nav > li > a {
|
4263
|
color: #999;
|
4264
|
}
|
4265
|
/* Hover + Focus */
|
4266
|
.uk-navbar-dropdown-nav > li > a:hover,
|
4267
|
.uk-navbar-dropdown-nav > li > a:focus {
|
4268
|
color: #666;
|
4269
|
}
|
4270
|
/* Active */
|
4271
|
.uk-navbar-dropdown-nav > li.uk-active > a {
|
4272
|
color: #333;
|
4273
|
}
|
4274
|
/*
|
4275
|
* Header
|
4276
|
*/
|
4277
|
.uk-navbar-dropdown-nav .uk-nav-header {
|
4278
|
color: #333;
|
4279
|
}
|
4280
|
/*
|
4281
|
* Divider
|
4282
|
*/
|
4283
|
.uk-navbar-dropdown-nav .uk-nav-divider {
|
4284
|
border-top: 1px solid #e5e5e5;
|
4285
|
}
|
4286
|
/*
|
4287
|
* Sublists
|
4288
|
*/
|
4289
|
.uk-navbar-dropdown-nav .uk-nav-sub a {
|
4290
|
color: #999;
|
4291
|
}
|
4292
|
.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
|
4293
|
.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
|
4294
|
color: #666;
|
4295
|
}
|
4296
|
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
|
4297
|
color: #333;
|
4298
|
}
|
4299
|
/* Dropbar
|
4300
|
========================================================================== */
|
4301
|
.uk-navbar-dropbar {
|
4302
|
background: #fff;
|
4303
|
}
|
4304
|
/*
|
4305
|
* Slide modifier
|
4306
|
*/
|
4307
|
.uk-navbar-dropbar-slide {
|
4308
|
position: absolute;
|
4309
|
z-index: 980;
|
4310
|
left: 0;
|
4311
|
right: 0;
|
4312
|
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
|
4313
|
}
|
4314
|
/*
|
4315
|
* Navbar
|
4316
|
*/
|
4317
|
.uk-navbar-container > .uk-container .uk-navbar-left {
|
4318
|
margin-left: -15px;
|
4319
|
margin-right: -15px;
|
4320
|
}
|
4321
|
.uk-navbar-container > .uk-container .uk-navbar-right {
|
4322
|
margin-right: -15px;
|
4323
|
}
|
4324
|
/*
|
4325
|
* Grid Divider
|
4326
|
*/
|
4327
|
.uk-navbar-dropdown-grid > * {
|
4328
|
position: relative;
|
4329
|
}
|
4330
|
.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
|
4331
|
content: "";
|
4332
|
position: absolute;
|
4333
|
top: 0;
|
4334
|
bottom: 0;
|
4335
|
left: 25px;
|
4336
|
border-left: 1px solid #e5e5e5;
|
4337
|
}
|
4338
|
/* Vertical */
|
4339
|
.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
|
4340
|
content: "";
|
4341
|
position: absolute;
|
4342
|
top: -25px;
|
4343
|
left: 50px;
|
4344
|
right: 0;
|
4345
|
border-top: 1px solid #e5e5e5;
|
4346
|
}
|
4347
|
/* ========================================================================
|
4348
|
Component: Subnav
|
4349
|
========================================================================== */
|
4350
|
/*
|
4351
|
* 1. Allow items to wrap into the next line
|
4352
|
* 2. Gutter
|
4353
|
* 3. Reset list
|
4354
|
*/
|
4355
|
.uk-subnav {
|
4356
|
display: flex;
|
4357
|
/* 1 */
|
4358
|
flex-wrap: wrap;
|
4359
|
/* 2 */
|
4360
|
margin-left: -20px;
|
4361
|
/* 3 */
|
4362
|
padding: 0;
|
4363
|
list-style: none;
|
4364
|
}
|
4365
|
/*
|
4366
|
* 1. Space is allocated solely based on content dimensions: 0 0 auto
|
4367
|
* 2. Gutter
|
4368
|
* 3. Create position context for dropdowns
|
4369
|
*/
|
4370
|
.uk-subnav > * {
|
4371
|
/* 1 */
|
4372
|
flex: none;
|
4373
|
/* 2 */
|
4374
|
padding-left: 20px;
|
4375
|
/* 3 */
|
4376
|
position: relative;
|
4377
|
}
|
4378
|
/* Items
|
4379
|
========================================================================== */
|
4380
|
/*
|
4381
|
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
|
4382
|
* Using `:first-child` instead of `a` to support `span` elements for text
|
4383
|
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
|
4384
|
* 2. Style
|
4385
|
*/
|
4386
|
.uk-subnav > * > :first-child {
|
4387
|
/* 1 */
|
4388
|
display: block;
|
4389
|
/* 2 */
|
4390
|
color: #999;
|
4391
|
font-size: 0.875rem;
|
4392
|
text-transform: uppercase;
|
4393
|
transition: 0.1s ease-in-out;
|
4394
|
transition-property: color, background-color;
|
4395
|
}
|
4396
|
/* Hover + Focus */
|
4397
|
.uk-subnav > * > a:hover,
|
4398
|
.uk-subnav > * > a:focus {
|
4399
|
color: #666;
|
4400
|
text-decoration: none;
|
4401
|
outline: none;
|
4402
|
}
|
4403
|
/* Active */
|
4404
|
.uk-subnav > .uk-active > a {
|
4405
|
color: #333;
|
4406
|
}
|
4407
|
/* Divider modifier
|
4408
|
========================================================================== */
|
4409
|
/*
|
4410
|
* 1. Align items and divider vertically
|
4411
|
*/
|
4412
|
.uk-subnav-divider > * {
|
4413
|
/* 1 */
|
4414
|
display: flex;
|
4415
|
align-items: center;
|
4416
|
}
|
4417
|
/*
|
4418
|
* Divider
|
4419
|
* `nth-child` makes it also work without JS if it's only one row
|
4420
|
*/
|
4421
|
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
|
4422
|
content: "";
|
4423
|
height: 1.5em;
|
4424
|
margin-left: 0px;
|
4425
|
margin-right: 20px;
|
4426
|
border-left: 1px solid #e5e5e5;
|
4427
|
}
|
4428
|
/* Pill modifier
|
4429
|
========================================================================== */
|
4430
|
.uk-subnav-pill > * > :first-child {
|
4431
|
padding: 5px 10px;
|
4432
|
background: transparent;
|
4433
|
color: #999;
|
4434
|
}
|
4435
|
/* Hover + Focus */
|
4436
|
.uk-subnav-pill > * > a:hover,
|
4437
|
.uk-subnav-pill > * > a:focus {
|
4438
|
background-color: #f8f8f8;
|
4439
|
color: #666;
|
4440
|
}
|
4441
|
/* OnClick */
|
4442
|
.uk-subnav-pill > * > a:active {
|
4443
|
background-color: #f8f8f8;
|
4444
|
color: #666;
|
4445
|
}
|
4446
|
/* Active */
|
4447
|
.uk-subnav-pill > .uk-active > a {
|
4448
|
background-color: #1e87f0;
|
4449
|
color: #fff;
|
4450
|
}
|
4451
|
/* Disabled
|
4452
|
* The same for all style modifiers
|
4453
|
========================================================================== */
|
4454
|
.uk-subnav > .uk-disabled > a {
|
4455
|
color: #999;
|
4456
|
}
|
4457
|
/* ========================================================================
|
4458
|
Component: Breadcrumb
|
4459
|
========================================================================== */
|
4460
|
/*
|
4461
|
* 1. Allow items to wrap into the next line
|
4462
|
* 2. Reset list
|
4463
|
*/
|
4464
|
.uk-breadcrumb {
|
4465
|
display: flex;
|
4466
|
/* 1 */
|
4467
|
flex-wrap: wrap;
|
4468
|
/* 2 */
|
4469
|
padding: 0;
|
4470
|
list-style: none;
|
4471
|
}
|
4472
|
/*
|
4473
|
* Space is allocated solely based on content dimensions: 0 0 auto
|
4474
|
*/
|
4475
|
.uk-breadcrumb > * {
|
4476
|
flex: none;
|
4477
|
}
|
4478
|
/* Items
|
4479
|
========================================================================== */
|
4480
|
.uk-breadcrumb > * > * {
|
4481
|
display: inline-block;
|
4482
|
font-size: 0.875rem;
|
4483
|
color: #999;
|
4484
|
}
|
4485
|
/* Hover + Focus */
|
4486
|
.uk-breadcrumb > * > :hover,
|
4487
|
.uk-breadcrumb > * > :focus {
|
4488
|
color: #666;
|
4489
|
text-decoration: none;
|
4490
|
}
|
4491
|
/* Disabled */
|
4492
|
/* Active */
|
4493
|
.uk-breadcrumb > :last-child > * {
|
4494
|
color: #666;
|
4495
|
}
|
4496
|
/*
|
4497
|
* Divider
|
4498
|
* `nth-child` makes it also work without JS if it's only one row
|
4499
|
*/
|
4500
|
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
|
4501
|
content: "/";
|
4502
|
display: inline-block;
|
4503
|
margin: 0 20px;
|
4504
|
color: #999;
|
4505
|
}
|
4506
|
/* ========================================================================
|
4507
|
Component: Pagination
|
4508
|
========================================================================== */
|
4509
|
/*
|
4510
|
* 1. Allow items to wrap into the next line
|
4511
|
* 2. Gutter
|
4512
|
* 3. Reset list
|
4513
|
*/
|
4514
|
.uk-pagination {
|
4515
|
display: flex;
|
4516
|
/* 1 */
|
4517
|
flex-wrap: wrap;
|
4518
|
/* 2 */
|
4519
|
margin-left: -20px;
|
4520
|
/* 3 */
|
4521
|
padding: 0;
|
4522
|
list-style: none;
|
4523
|
}
|
4524
|
/*
|
4525
|
* 1. Space is allocated solely based on content dimensions: 0 0 auto
|
4526
|
* 2. Gutter
|
4527
|
* 3. Create position context for dropdowns
|
4528
|
*/
|
4529
|
.uk-pagination > * {
|
4530
|
/* 1 */
|
4531
|
flex: none;
|
4532
|
/* 2 */
|
4533
|
padding-left: 20px;
|
4534
|
/* 3 */
|
4535
|
position: relative;
|
4536
|
}
|
4537
|
/* Items
|
4538
|
========================================================================== */
|
4539
|
/*
|
4540
|
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
|
4541
|
* 2. Style
|
4542
|
*/
|
4543
|
.uk-pagination > * > * {
|
4544
|
/* 1 */
|
4545
|
display: block;
|
4546
|
/* 2 */
|
4547
|
color: #999;
|
4548
|
transition: color 0.1s ease-in-out;
|
4549
|
}
|
4550
|
/* Hover + Focus */
|
4551
|
.uk-pagination > * > :hover,
|
4552
|
.uk-pagination > * > :focus {
|
4553
|
color: #666;
|
4554
|
text-decoration: none;
|
4555
|
}
|
4556
|
/* Active */
|
4557
|
.uk-pagination > .uk-active > * {
|
4558
|
color: #666;
|
4559
|
}
|
4560
|
/* Disabled */
|
4561
|
.uk-pagination > .uk-disabled > * {
|
4562
|
color: #999;
|
4563
|
}
|
4564
|
/* ========================================================================
|
4565
|
Component: Tab
|
4566
|
========================================================================== */
|
4567
|
/*
|
4568
|
* 1. Allow items to wrap into the next line
|
4569
|
* 2. Gutter
|
4570
|
* 3. Reset list
|
4571
|
*/
|
4572
|
.uk-tab {
|
4573
|
display: flex;
|
4574
|
/* 1 */
|
4575
|
flex-wrap: wrap;
|
4576
|
/* 2 */
|
4577
|
margin-left: -20px;
|
4578
|
/* 3 */
|
4579
|
padding: 0;
|
4580
|
list-style: none;
|
4581
|
position: relative;
|
4582
|
}
|
4583
|
.uk-tab::before {
|
4584
|
content: "";
|
4585
|
position: absolute;
|
4586
|
bottom: 0;
|
4587
|
left: 20px;
|
4588
|
right: 0;
|
4589
|
border-bottom: 1px solid #e5e5e5;
|
4590
|
}
|
4591
|
/*
|
4592
|
* 1. Space is allocated solely based on content dimensions: 0 0 auto
|
4593
|
* 2. Gutter
|
4594
|
* 3. Create position context for dropdowns
|
4595
|
*/
|
4596
|
.uk-tab > * {
|
4597
|
/* 1 */
|
4598
|
flex: none;
|
4599
|
/* 2 */
|
4600
|
padding-left: 20px;
|
4601
|
/* 3 */
|
4602
|
position: relative;
|
4603
|
}
|
4604
|
/* Items
|
4605
|
========================================================================== */
|
4606
|
/*
|
4607
|
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
|
4608
|
* 1. Center text if a width is set
|
4609
|
* 2. Style
|
4610
|
*/
|
4611
|
.uk-tab > * > a {
|
4612
|
/* 1 */
|
4613
|
display: block;
|
4614
|
text-align: center;
|
4615
|
/* 2 */
|
4616
|
padding: 5px 10px;
|
4617
|
color: #999;
|
4618
|
border-bottom: 1px solid transparent;
|
4619
|
font-size: 0.875rem;
|
4620
|
text-transform: uppercase;
|
4621
|
transition: color 0.1s ease-in-out;
|
4622
|
}
|
4623
|
/* Hover + Focus */
|
4624
|
.uk-tab > * > a:hover,
|
4625
|
.uk-tab > * > a:focus {
|
4626
|
color: #666;
|
4627
|
text-decoration: none;
|
4628
|
}
|
4629
|
/* Active */
|
4630
|
.uk-tab > .uk-active > a {
|
4631
|
color: #333;
|
4632
|
border-color: #1e87f0;
|
4633
|
}
|
4634
|
/* Disabled */
|
4635
|
.uk-tab > .uk-disabled > a {
|
4636
|
color: #999;
|
4637
|
}
|
4638
|
/* Position modifier
|
4639
|
========================================================================== */
|
4640
|
/*
|
4641
|
* Bottom
|
4642
|
*/
|
4643
|
.uk-tab-bottom::before {
|
4644
|
top: 0;
|
4645
|
bottom: auto;
|
4646
|
}
|
4647
|
.uk-tab-bottom > * > a {
|
4648
|
border-top: 1px solid transparent;
|
4649
|
border-bottom: none;
|
4650
|
}
|
4651
|
/*
|
4652
|
* Left + Right
|
4653
|
* 1. Reset Gutter
|
4654
|
*/
|
4655
|
.uk-tab-left,
|
4656
|
.uk-tab-right {
|
4657
|
flex-direction: column;
|
4658
|
/* 1 */
|
4659
|
margin-left: 0;
|
4660
|
}
|
4661
|
/* 1 */
|
4662
|
.uk-tab-left > *,
|
4663
|
.uk-tab-right > * {
|
4664
|
padding-left: 0;
|
4665
|
}
|
4666
|
.uk-tab-left::before {
|
4667
|
top: 0;
|
4668
|
bottom: 0;
|
4669
|
left: auto;
|
4670
|
right: 0;
|
4671
|
border-left: 1px solid #e5e5e5;
|
4672
|
border-bottom: none;
|
4673
|
}
|
4674
|
.uk-tab-right::before {
|
4675
|
top: 0;
|
4676
|
bottom: 0;
|
4677
|
left: 0;
|
4678
|
right: auto;
|
4679
|
border-left: 1px solid #e5e5e5;
|
4680
|
border-bottom: none;
|
4681
|
}
|
4682
|
.uk-tab-left > * > a {
|
4683
|
text-align: left;
|
4684
|
border-right: 1px solid transparent;
|
4685
|
border-bottom: none;
|
4686
|
}
|
4687
|
.uk-tab-right > * > a {
|
4688
|
text-align: left;
|
4689
|
border-left: 1px solid transparent;
|
4690
|
border-bottom: none;
|
4691
|
}
|
4692
|
.uk-tab .uk-dropdown {
|
4693
|
margin-left: 30px;
|
4694
|
}
|
4695
|
/* ========================================================================
|
4696
|
Component: Slidenav
|
4697
|
========================================================================== */
|
4698
|
/*
|
4699
|
* Adopts `uk-icon`
|
4700
|
*/
|
4701
|
.uk-slidenav {
|
4702
|
padding: 5px 10px;
|
4703
|
color: rgba(102, 102, 102, 0.5);
|
4704
|
transition: color 0.1s ease-in-out;
|
4705
|
}
|
4706
|
/* Hover + Focus */
|
4707
|
.uk-slidenav:hover,
|
4708
|
.uk-slidenav:focus {
|
4709
|
color: rgba(102, 102, 102, 0.9);
|
4710
|
outline: none;
|
4711
|
}
|
4712
|
/* OnClick */
|
4713
|
.uk-slidenav:active {
|
4714
|
color: rgba(102, 102, 102, 0.5);
|
4715
|
}
|
4716
|
/* Icon modifier
|
4717
|
========================================================================== */
|
4718
|
/*
|
4719
|
* Previous
|
4720
|
*/
|
4721
|
/*
|
4722
|
* Next
|
4723
|
*/
|
4724
|
/* Size modifier
|
4725
|
========================================================================== */
|
4726
|
.uk-slidenav-large {
|
4727
|
padding: 10px 10px;
|
4728
|
}
|
4729
|
/* Container
|
4730
|
========================================================================== */
|
4731
|
.uk-slidenav-container {
|
4732
|
display: flex;
|
4733
|
}
|
4734
|
/* ========================================================================
|
4735
|
Component: Dotnav
|
4736
|
========================================================================== */
|
4737
|
/*
|
4738
|
* 1. Allow items to wrap into the next line
|
4739
|
* 2. Reset list
|
4740
|
* 3. Gutter
|
4741
|
*/
|
4742
|
.uk-dotnav {
|
4743
|
display: flex;
|
4744
|
/* 1 */
|
4745
|
flex-wrap: wrap;
|
4746
|
/* 2 */
|
4747
|
margin: 0;
|
4748
|
padding: 0;
|
4749
|
list-style: none;
|
4750
|
/* 3 */
|
4751
|
margin-left: -12px;
|
4752
|
}
|
4753
|
/*
|
4754
|
* 1. Space is allocated solely based on content dimensions: 0 0 auto
|
4755
|
* 2. Gutter
|
4756
|
*/
|
4757
|
.uk-dotnav > * {
|
4758
|
/* 1 */
|
4759
|
flex: none;
|
4760
|
/* 2 */
|
4761
|
padding-left: 12px;
|
4762
|
}
|
4763
|
/* Items
|
4764
|
========================================================================== */
|
4765
|
/*
|
4766
|
* Items
|
4767
|
* 1. Hide text if present
|
4768
|
*/
|
4769
|
.uk-dotnav > * > * {
|
4770
|
display: block;
|
4771
|
box-sizing: border-box;
|
4772
|
width: 10px;
|
4773
|
height: 10px;
|
4774
|
border-radius: 50%;
|
4775
|
background: transparent;
|
4776
|
/* 1 */
|
4777
|
text-indent: 100%;
|
4778
|
overflow: hidden;
|
4779
|
white-space: nowrap;
|
4780
|
border: 1px solid rgba(102, 102, 102, 0.4);
|
4781
|
transition: 0.2s ease-in-out;
|
4782
|
transition-property: background-color, border-color;
|
4783
|
}
|
4784
|
/* Hover + Focus */
|
4785
|
.uk-dotnav > * > :hover,
|
4786
|
.uk-dotnav > * > :focus {
|
4787
|
background-color: rgba(102, 102, 102, 0.6);
|
4788
|
outline: none;
|
4789
|
border-color: transparent;
|
4790
|
}
|
4791
|
/* OnClick */
|
4792
|
.uk-dotnav > * > :active {
|
4793
|
background-color: rgba(102, 102, 102, 0.2);
|
4794
|
border-color: transparent;
|
4795
|
}
|
4796
|
/* Active */
|
4797
|
.uk-dotnav > .uk-active > * {
|
4798
|
background-color: rgba(102, 102, 102, 0.6);
|
4799
|
border-color: transparent;
|
4800
|
}
|
4801
|
/* Modifier: 'uk-dotnav-vertical'
|
4802
|
========================================================================== */
|
4803
|
/*
|
4804
|
* 1. Change direction
|
4805
|
* 2. Gutter
|
4806
|
*/
|
4807
|
.uk-dotnav-vertical {
|
4808
|
/* 1 */
|
4809
|
flex-direction: column;
|
4810
|
/* 2 */
|
4811
|
margin-left: 0;
|
4812
|
margin-top: -12px;
|
4813
|
}
|
4814
|
/* 2 */
|
4815
|
.uk-dotnav-vertical > * {
|
4816
|
padding-left: 0;
|
4817
|
padding-top: 12px;
|
4818
|
}
|
4819
|
/* ========================================================================
|
4820
|
Component: Thumbnav
|
4821
|
========================================================================== */
|
4822
|
/*
|
4823
|
* 1. Allow items to wrap into the next line
|
4824
|
* 2. Reset list
|
4825
|
* 3. Gutter
|
4826
|
*/
|
4827
|
.uk-thumbnav {
|
4828
|
display: flex;
|
4829
|
/* 1 */
|
4830
|
flex-wrap: wrap;
|
4831
|
/* 2 */
|
4832
|
margin: 0;
|
4833
|
padding: 0;
|
4834
|
list-style: none;
|
4835
|
/* 3 */
|
4836
|
margin-left: -15px;
|
4837
|
}
|
4838
|
/*
|
4839
|
* Space is allocated based on content dimensions, but shrinks: 0 1 auto
|
4840
|
* 1. Gutter
|
4841
|
*/
|
4842
|
.uk-thumbnav > * {
|
4843
|
/* 1 */
|
4844
|
padding-left: 15px;
|
4845
|
}
|
4846
|
/* Items
|
4847
|
========================================================================== */
|
4848
|
/*
|
4849
|
* Items
|
4850
|
*/
|
4851
|
.uk-thumbnav > * > * {
|
4852
|
display: inline-block;
|
4853
|
position: relative;
|
4854
|
}
|
4855
|
.uk-thumbnav > * > *::after {
|
4856
|
content: "";
|
4857
|
position: absolute;
|
4858
|
top: 0;
|
4859
|
bottom: 0;
|
4860
|
left: 0;
|
4861
|
right: 0;
|
4862
|
background: rgba(255, 255, 255, 0.4);
|
4863
|
transition: background-color 0.1s ease-in-out;
|
4864
|
}
|
4865
|
/* Hover + Focus */
|
4866
|
.uk-thumbnav > * > :hover,
|
4867
|
.uk-thumbnav > * > :focus {
|
4868
|
outline: none;
|
4869
|
}
|
4870
|
.uk-thumbnav > * > :hover::after,
|
4871
|
.uk-thumbnav > * > :focus::after {
|
4872
|
background-color: transparent;
|
4873
|
}
|
4874
|
/* Active */
|
4875
|
.uk-thumbnav > .uk-active > *::after {
|
4876
|
background-color: transparent;
|
4877
|
}
|
4878
|
/* Modifier: 'uk-thumbnav-vertical'
|
4879
|
========================================================================== */
|
4880
|
/*
|
4881
|
* 1. Change direction
|
4882
|
* 2. Gutter
|
4883
|
*/
|
4884
|
.uk-thumbnav-vertical {
|
4885
|
/* 1 */
|
4886
|
flex-direction: column;
|
4887
|
/* 2 */
|
4888
|
margin-left: 0;
|
4889
|
margin-top: -15px;
|
4890
|
}
|
4891
|
/* 2 */
|
4892
|
.uk-thumbnav-vertical > * {
|
4893
|
padding-left: 0;
|
4894
|
padding-top: 15px;
|
4895
|
}
|
4896
|
/* ========================================================================
|
4897
|
Component: Accordion
|
4898
|
========================================================================== */
|
4899
|
.uk-accordion {
|
4900
|
padding: 0;
|
4901
|
list-style: none;
|
4902
|
}
|
4903
|
/* Item
|
4904
|
========================================================================== */
|
4905
|
.uk-accordion > :nth-child(n+2) {
|
4906
|
margin-top: 20px;
|
4907
|
}
|
4908
|
/* Title
|
4909
|
========================================================================== */
|
4910
|
.uk-accordion-title {
|
4911
|
display: block;
|
4912
|
font-size: 1.25rem;
|
4913
|
line-height: 1.4;
|
4914
|
color: #333;
|
4915
|
overflow: hidden;
|
4916
|
}
|
4917
|
.uk-accordion-title::before {
|
4918
|
content: "";
|
4919
|
width: 1.4em;
|
4920
|
height: 1.4em;
|
4921
|
margin-left: 10px;
|
4922
|
float: right;
|
4923
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
4924
|
background-repeat: no-repeat;
|
4925
|
background-position: 50% 50%;
|
4926
|
}
|
4927
|
.uk-open > .uk-accordion-title::before {
|
4928
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
4929
|
}
|
4930
|
/* Hover + Focus */
|
4931
|
.uk-accordion-title:hover,
|
4932
|
.uk-accordion-title:focus {
|
4933
|
color: #666;
|
4934
|
text-decoration: none;
|
4935
|
outline: none;
|
4936
|
}
|
4937
|
/* Content
|
4938
|
========================================================================== */
|
4939
|
.uk-accordion-content {
|
4940
|
margin-top: 20px;
|
4941
|
}
|
4942
|
/*
|
4943
|
* Micro clearfix
|
4944
|
*/
|
4945
|
.uk-accordion-content::before,
|
4946
|
.uk-accordion-content::after {
|
4947
|
content: "";
|
4948
|
display: table;
|
4949
|
}
|
4950
|
.uk-accordion-content::after {
|
4951
|
clear: both;
|
4952
|
}
|
4953
|
/*
|
4954
|
* Remove margin from the last-child
|
4955
|
*/
|
4956
|
.uk-accordion-content > :last-child {
|
4957
|
margin-bottom: 0;
|
4958
|
}
|
4959
|
/* ========================================================================
|
4960
|
Component: Drop
|
4961
|
========================================================================== */
|
4962
|
/*
|
4963
|
* 1. Hide by default
|
4964
|
* 2. Set position
|
4965
|
* 3. Set a default width
|
4966
|
*/
|
4967
|
.uk-drop {
|
4968
|
/* 1 */
|
4969
|
display: none;
|
4970
|
/* 2 */
|
4971
|
position: absolute;
|
4972
|
z-index: 1020;
|
4973
|
/* 3 */
|
4974
|
box-sizing: border-box;
|
4975
|
width: 300px;
|
4976
|
}
|
4977
|
/* Show */
|
4978
|
.uk-drop.uk-open {
|
4979
|
display: block;
|
4980
|
}
|
4981
|
/* Direction / Alignment modifiers
|
4982
|
========================================================================== */
|
4983
|
/* Direction */
|
4984
|
[class*='uk-drop-top'] {
|
4985
|
margin-top: -20px;
|
4986
|
}
|
4987
|
[class*='uk-drop-bottom'] {
|
4988
|
margin-top: 20px;
|
4989
|
}
|
4990
|
[class*='uk-drop-left'] {
|
4991
|
margin-left: -20px;
|
4992
|
}
|
4993
|
[class*='uk-drop-right'] {
|
4994
|
margin-left: 20px;
|
4995
|
}
|
4996
|
/* Grid modifiers
|
4997
|
========================================================================== */
|
4998
|
.uk-drop-stack .uk-drop-grid > * {
|
4999
|
width: 100% !important;
|
5000
|
}
|
5001
|
/* ========================================================================
|
5002
|
Component: Dropdown
|
5003
|
========================================================================== */
|
5004
|
/*
|
5005
|
* 1. Hide by default
|
5006
|
* 2. Set position
|
5007
|
* 3. Set a default width
|
5008
|
* 4. Style
|
5009
|
*/
|
5010
|
.uk-dropdown {
|
5011
|
/* 1 */
|
5012
|
display: none;
|
5013
|
/* 2 */
|
5014
|
position: absolute;
|
5015
|
z-index: 1020;
|
5016
|
/* 3 */
|
5017
|
box-sizing: border-box;
|
5018
|
min-width: 200px;
|
5019
|
/* 4 */
|
5020
|
padding: 25px;
|
5021
|
background: #fff;
|
5022
|
color: #666;
|
5023
|
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
|
5024
|
}
|
5025
|
/* Show */
|
5026
|
.uk-dropdown.uk-open {
|
5027
|
display: block;
|
5028
|
}
|
5029
|
/* Nav
|
5030
|
* Adopts `uk-nav`
|
5031
|
========================================================================== */
|
5032
|
.uk-dropdown-nav {
|
5033
|
white-space: nowrap;
|
5034
|
font-size: 0.875rem;
|
5035
|
}
|
5036
|
/*
|
5037
|
* Items
|
5038
|
*/
|
5039
|
.uk-dropdown-nav > li > a {
|
5040
|
color: #999;
|
5041
|
}
|
5042
|
/* Hover + Focus + Active */
|
5043
|
.uk-dropdown-nav > li > a:hover,
|
5044
|
.uk-dropdown-nav > li > a:focus,
|
5045
|
.uk-dropdown-nav > li.uk-active > a {
|
5046
|
color: #666;
|
5047
|
}
|
5048
|
/*
|
5049
|
* Header
|
5050
|
*/
|
5051
|
.uk-dropdown-nav .uk-nav-header {
|
5052
|
color: #333;
|
5053
|
}
|
5054
|
/*
|
5055
|
* Divider
|
5056
|
*/
|
5057
|
.uk-dropdown-nav .uk-nav-divider {
|
5058
|
border-top: 1px solid #e5e5e5;
|
5059
|
}
|
5060
|
/*
|
5061
|
* Sublists
|
5062
|
*/
|
5063
|
.uk-dropdown-nav .uk-nav-sub a {
|
5064
|
color: #999;
|
5065
|
}
|
5066
|
.uk-dropdown-nav .uk-nav-sub a:hover,
|
5067
|
.uk-dropdown-nav .uk-nav-sub a:focus,
|
5068
|
.uk-dropdown-nav .uk-nav-sub li.uk-active > a {
|
5069
|
color: #666;
|
5070
|
}
|
5071
|
/* Direction / Alignment modifiers
|
5072
|
========================================================================== */
|
5073
|
/* Direction */
|
5074
|
[class*='uk-dropdown-top'] {
|
5075
|
margin-top: -10px;
|
5076
|
}
|
5077
|
[class*='uk-dropdown-bottom'] {
|
5078
|
margin-top: 10px;
|
5079
|
}
|
5080
|
[class*='uk-dropdown-left'] {
|
5081
|
margin-left: -10px;
|
5082
|
}
|
5083
|
[class*='uk-dropdown-right'] {
|
5084
|
margin-left: 10px;
|
5085
|
}
|
5086
|
/* Grid modifiers
|
5087
|
========================================================================== */
|
5088
|
.uk-dropdown-stack .uk-dropdown-grid > * {
|
5089
|
width: 100% !important;
|
5090
|
}
|
5091
|
/* ========================================================================
|
5092
|
Component: Modal
|
5093
|
========================================================================== */
|
5094
|
/*
|
5095
|
* 1. Hide by default
|
5096
|
* 2. Set position
|
5097
|
* 3. Allow scrolling for the modal dialog
|
5098
|
* 4. Horizontal padding
|
5099
|
* 5. Mask the background page
|
5100
|
* 6. Fade-in transition
|
5101
|
*/
|
5102
|
.uk-modal {
|
5103
|
/* 1 */
|
5104
|
display: none;
|
5105
|
/* 2 */
|
5106
|
position: fixed;
|
5107
|
top: 0;
|
5108
|
right: 0;
|
5109
|
bottom: 0;
|
5110
|
left: 0;
|
5111
|
z-index: 1010;
|
5112
|
/* 3 */
|
5113
|
overflow-y: auto;
|
5114
|
-webkit-overflow-scrolling: touch;
|
5115
|
/* 4 */
|
5116
|
padding: 15px 15px;
|
5117
|
/* 5 */
|
5118
|
background: rgba(0, 0, 0, 0.6);
|
5119
|
/* 6 */
|
5120
|
opacity: 0;
|
5121
|
transition: opacity 0.15s linear;
|
5122
|
}
|
5123
|
/* Phone landscape and bigger */
|
5124
|
@media (min-width: 640px) {
|
5125
|
.uk-modal {
|
5126
|
padding: 50px 30px;
|
5127
|
}
|
5128
|
}
|
5129
|
/* Tablet landscape and bigger */
|
5130
|
@media (min-width: 960px) {
|
5131
|
.uk-modal {
|
5132
|
padding-left: 40px;
|
5133
|
padding-right: 40px;
|
5134
|
}
|
5135
|
}
|
5136
|
/*
|
5137
|
* Open
|
5138
|
*/
|
5139
|
.uk-modal.uk-open {
|
5140
|
opacity: 1;
|
5141
|
}
|
5142
|
/* Page
|
5143
|
========================================================================== */
|
5144
|
/*
|
5145
|
* Prevent scrollbars
|
5146
|
*/
|
5147
|
.uk-modal-page {
|
5148
|
overflow: hidden;
|
5149
|
}
|
5150
|
/* Dialog
|
5151
|
========================================================================== */
|
5152
|
/*
|
5153
|
* 1. Create position context for spinner and close button
|
5154
|
* 2. Dimensions
|
5155
|
* 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
|
5156
|
* `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
|
5157
|
* 4. Style
|
5158
|
* 5. Slide-in transition
|
5159
|
*/
|
5160
|
.uk-modal-dialog {
|
5161
|
/* 1 */
|
5162
|
position: relative;
|
5163
|
/* 2 */
|
5164
|
box-sizing: border-box;
|
5165
|
margin: 0 auto;
|
5166
|
width: 600px;
|
5167
|
/* 3 */
|
5168
|
max-width: calc(100% - 0.01px) !important;
|
5169
|
/* 4 */
|
5170
|
background: #fff;
|
5171
|
/* 5 */
|
5172
|
opacity: 0;
|
5173
|
transform: translateY(-100px);
|
5174
|
transition: 0.3s linear;
|
5175
|
transition-property: opacity, transform;
|
5176
|
}
|
5177
|
/*
|
5178
|
* Open
|
5179
|
*/
|
5180
|
.uk-open > .uk-modal-dialog {
|
5181
|
opacity: 1;
|
5182
|
transform: translateY(0);
|
5183
|
}
|
5184
|
/* Size modifier
|
5185
|
========================================================================== */
|
5186
|
/*
|
5187
|
* Container size
|
5188
|
* Take the same size as the Container component
|
5189
|
*/
|
5190
|
.uk-modal-container .uk-modal-dialog {
|
5191
|
width: 1200px;
|
5192
|
}
|
5193
|
/*
|
5194
|
* Full size
|
5195
|
* 1. Remove padding and background from modal
|
5196
|
* 2. Reset all default declarations from modal dialog
|
5197
|
*/
|
5198
|
/* 1 */
|
5199
|
.uk-modal-full {
|
5200
|
padding: 0;
|
5201
|
background: none;
|
5202
|
}
|
5203
|
/* 2 */
|
5204
|
.uk-modal-full .uk-modal-dialog {
|
5205
|
margin: 0;
|
5206
|
width: 100%;
|
5207
|
max-width: 100%;
|
5208
|
transform: translateY(0);
|
5209
|
}
|
5210
|
/* Sections
|
5211
|
========================================================================== */
|
5212
|
.uk-modal-body {
|
5213
|
padding: 30px 30px;
|
5214
|
}
|
5215
|
.uk-modal-header {
|
5216
|
padding: 15px 30px;
|
5217
|
background: #fff;
|
5218
|
border-bottom: 1px solid #e5e5e5;
|
5219
|
}
|
5220
|
.uk-modal-footer {
|
5221
|
padding: 15px 30px;
|
5222
|
background: #fff;
|
5223
|
border-top: 1px solid #e5e5e5;
|
5224
|
}
|
5225
|
/*
|
5226
|
* Micro clearfix
|
5227
|
*/
|
5228
|
.uk-modal-body::before,
|
5229
|
.uk-modal-body::after,
|
5230
|
.uk-modal-header::before,
|
5231
|
.uk-modal-header::after,
|
5232
|
.uk-modal-footer::before,
|
5233
|
.uk-modal-footer::after {
|
5234
|
content: "";
|
5235
|
display: table;
|
5236
|
}
|
5237
|
.uk-modal-body::after,
|
5238
|
.uk-modal-header::after,
|
5239
|
.uk-modal-footer::after {
|
5240
|
clear: both;
|
5241
|
}
|
5242
|
/*
|
5243
|
* Remove margin from the last-child
|
5244
|
*/
|
5245
|
.uk-modal-body > :last-child,
|
5246
|
.uk-modal-header > :last-child,
|
5247
|
.uk-modal-footer > :last-child {
|
5248
|
margin-bottom: 0;
|
5249
|
}
|
5250
|
/* Title
|
5251
|
========================================================================== */
|
5252
|
.uk-modal-title {
|
5253
|
font-size: 2rem;
|
5254
|
line-height: 1.3;
|
5255
|
}
|
5256
|
/* Close
|
5257
|
* Adopts `uk-close`
|
5258
|
========================================================================== */
|
5259
|
[class*='uk-modal-close-'] {
|
5260
|
position: absolute;
|
5261
|
z-index: 1010;
|
5262
|
top: 10px;
|
5263
|
right: 10px;
|
5264
|
padding: 5px;
|
5265
|
}
|
5266
|
/*
|
5267
|
* Remove margin from adjacent element
|
5268
|
*/
|
5269
|
[class*='uk-modal-close-']:first-child + * {
|
5270
|
margin-top: 0;
|
5271
|
}
|
5272
|
/*
|
5273
|
* Hover
|
5274
|
*/
|
5275
|
/*
|
5276
|
* Default
|
5277
|
*/
|
5278
|
/*
|
5279
|
* Outside
|
5280
|
* 1. Prevent scrollbar on small devices
|
5281
|
*/
|
5282
|
.uk-modal-close-outside {
|
5283
|
top: 0;
|
5284
|
/* 1 */
|
5285
|
right: -5px;
|
5286
|
transform: translate(0, -100%);
|
5287
|
color: #ffffff;
|
5288
|
}
|
5289
|
.uk-modal-close-outside:hover {
|
5290
|
color: #fff;
|
5291
|
}
|
5292
|
/* Tablet landscape and bigger */
|
5293
|
@media (min-width: 960px) {
|
5294
|
/* 1 */
|
5295
|
.uk-modal-close-outside {
|
5296
|
right: 0;
|
5297
|
transform: translate(100%, -100%);
|
5298
|
}
|
5299
|
}
|
5300
|
/*
|
5301
|
* Full
|
5302
|
*/
|
5303
|
.uk-modal-close-full {
|
5304
|
top: 0;
|
5305
|
right: 0;
|
5306
|
padding: 20px;
|
5307
|
background: #fff;
|
5308
|
}
|
5309
|
/* ========================================================================
|
5310
|
Component: Lightbox
|
5311
|
========================================================================== */
|
5312
|
/*
|
5313
|
* 1. Hide by default
|
5314
|
* 2. Set position
|
5315
|
* 3. Allow scrolling for the modal dialog
|
5316
|
* 4. Horizontal padding
|
5317
|
* 5. Mask the background page
|
5318
|
* 6. Fade-in transition
|
5319
|
*/
|
5320
|
.uk-lightbox {
|
5321
|
/* 1 */
|
5322
|
display: none;
|
5323
|
/* 2 */
|
5324
|
position: fixed;
|
5325
|
top: 0;
|
5326
|
right: 0;
|
5327
|
bottom: 0;
|
5328
|
left: 0;
|
5329
|
z-index: 1010;
|
5330
|
/* 5 */
|
5331
|
background: #000;
|
5332
|
/* 6 */
|
5333
|
opacity: 0;
|
5334
|
transition: opacity 0.15s linear;
|
5335
|
}
|
5336
|
/*
|
5337
|
* Open
|
5338
|
* 1. Center child
|
5339
|
* 2. Fade-in
|
5340
|
*/
|
5341
|
.uk-lightbox.uk-open {
|
5342
|
display: block;
|
5343
|
/* 2 */
|
5344
|
opacity: 1;
|
5345
|
}
|
5346
|
/* Page
|
5347
|
========================================================================== */
|
5348
|
/*
|
5349
|
* Prevent scrollbars
|
5350
|
*/
|
5351
|
.uk-lightbox-page {
|
5352
|
overflow: hidden;
|
5353
|
}
|
5354
|
/* Item
|
5355
|
========================================================================== */
|
5356
|
/*
|
5357
|
* 1. Center child within the viewport
|
5358
|
* 2. Not visible by default
|
5359
|
* 3. Color needed for spinner icon
|
5360
|
* 4. Optimize animation
|
5361
|
* 5. Responsiveness
|
5362
|
* Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
|
5363
|
* Using `vh` and `vw` to make responsive image work in IE11
|
5364
|
* 6. Suppress outline on focus
|
5365
|
*/
|
5366
|
.uk-lightbox-items > * {
|
5367
|
/* 1 */
|
5368
|
position: absolute;
|
5369
|
top: 0;
|
5370
|
right: 0;
|
5371
|
bottom: 0;
|
5372
|
left: 0;
|
5373
|
/* 2 */
|
5374
|
display: none;
|
5375
|
justify-content: center;
|
5376
|
align-items: center;
|
5377
|
/* 3 */
|
5378
|
color: rgba(255, 255, 255, 0.7);
|
5379
|
/* 4 */
|
5380
|
will-change: transform, opacity;
|
5381
|
}
|
5382
|
/* 5 */
|
5383
|
.uk-lightbox-items > * > * {
|
5384
|
max-width: 100vw;
|
5385
|
max-height: 100vh;
|
5386
|
}
|
5387
|
/* 6 */
|
5388
|
.uk-lightbox-items > :focus {
|
5389
|
outline: none;
|
5390
|
}
|
5391
|
.uk-lightbox-items > * > :not(iframe) {
|
5392
|
width: auto;
|
5393
|
height: auto;
|
5394
|
}
|
5395
|
.uk-lightbox-items > .uk-active {
|
5396
|
display: flex;
|
5397
|
}
|
5398
|
/* Toolbar
|
5399
|
========================================================================== */
|
5400
|
.uk-lightbox-toolbar {
|
5401
|
padding: 10px 10px;
|
5402
|
background: rgba(0, 0, 0, 0.3);
|
5403
|
color: rgba(255, 255, 255, 0.7);
|
5404
|
}
|
5405
|
.uk-lightbox-toolbar > * {
|
5406
|
color: rgba(255, 255, 255, 0.7);
|
5407
|
}
|
5408
|
/* Toolbar Icon (Close)
|
5409
|
========================================================================== */
|
5410
|
.uk-lightbox-toolbar-icon {
|
5411
|
padding: 5px;
|
5412
|
color: rgba(255, 255, 255, 0.7);
|
5413
|
}
|
5414
|
/*
|
5415
|
* Hover
|
5416
|
*/
|
5417
|
.uk-lightbox-toolbar-icon:hover {
|
5418
|
color: #fff;
|
5419
|
}
|
5420
|
/* Button (Slidenav)
|
5421
|
========================================================================== */
|
5422
|
/*
|
5423
|
* 1. Center icon vertically and horizontally
|
5424
|
*/
|
5425
|
.uk-lightbox-button {
|
5426
|
box-sizing: border-box;
|
5427
|
width: 50px;
|
5428
|
height: 50px;
|
5429
|
background: rgba(0, 0, 0, 0.3);
|
5430
|
color: rgba(255, 255, 255, 0.7);
|
5431
|
/* 1 */
|
5432
|
display: inline-flex;
|
5433
|
justify-content: center;
|
5434
|
align-items: center;
|
5435
|
}
|
5436
|
/*
|
5437
|
* Hover
|
5438
|
*/
|
5439
|
.uk-lightbox-button:hover {
|
5440
|
color: #fff;
|
5441
|
}
|
5442
|
/* Caption
|
5443
|
========================================================================== */
|
5444
|
/* Iframe
|
5445
|
========================================================================== */
|
5446
|
.uk-lightbox-iframe {
|
5447
|
width: 80%;
|
5448
|
height: 80%;
|
5449
|
}
|
5450
|
/* ========================================================================
|
5451
|
Component: Slideshow
|
5452
|
========================================================================== */
|
5453
|
/*
|
5454
|
* 1. Prevent tab highlighting on iOS.
|
5455
|
*/
|
5456
|
.uk-slideshow {
|
5457
|
/* 1 */
|
5458
|
-webkit-tap-highlight-color: transparent;
|
5459
|
}
|
5460
|
/* Items
|
5461
|
========================================================================== */
|
5462
|
/*
|
5463
|
* 1. Create position and stacking context
|
5464
|
* 2. Reset list
|
5465
|
* 3. Clip child elements
|
5466
|
* 4. Prevent displaying the callout information on iOS.
|
5467
|
*/
|
5468
|
.uk-slideshow-items {
|
5469
|
/* 1 */
|
5470
|
position: relative;
|
5471
|
z-index: 0;
|
5472
|
/* 2 */
|
5473
|
margin: 0;
|
5474
|
padding: 0;
|
5475
|
list-style: none;
|
5476
|
/* 3 */
|
5477
|
overflow: hidden;
|
5478
|
/* 4 */
|
5479
|
-webkit-touch-callout: none;
|
5480
|
}
|
5481
|
/* Item
|
5482
|
========================================================================== */
|
5483
|
/*
|
5484
|
* 1. Position items above each other
|
5485
|
* 2. Take the full width
|
5486
|
* 3. Clip child elements, e.g. for `uk-cover`
|
5487
|
* 4. Optimize animation
|
5488
|
* 5. Disable horizontal panning gestures in IE11 and Edge
|
5489
|
* 6. Suppress outline on focus
|
5490
|
*/
|
5491
|
.uk-slideshow-items > * {
|
5492
|
/* 1 */
|
5493
|
position: absolute;
|
5494
|
top: 0;
|
5495
|
left: 0;
|
5496
|
/* 2 */
|
5497
|
right: 0;
|
5498
|
bottom: 0;
|
5499
|
/* 3 */
|
5500
|
overflow: hidden;
|
5501
|
/* 4 */
|
5502
|
will-change: transform, opacity;
|
5503
|
/* 5 */
|
5504
|
touch-action: pan-y;
|
5505
|
}
|
5506
|
/* 6 */
|
5507
|
.uk-slideshow-items > :focus {
|
5508
|
outline: none;
|
5509
|
}
|
5510
|
/*
|
5511
|
* Hide not active items
|
5512
|
*/
|
5513
|
.uk-slideshow-items > :not(.uk-active) {
|
5514
|
display: none;
|
5515
|
}
|
5516
|
/* ========================================================================
|
5517
|
Component: Slider
|
5518
|
========================================================================== */
|
5519
|
/*
|
5520
|
* 1. Prevent tab highlighting on iOS.
|
5521
|
*/
|
5522
|
.uk-slider {
|
5523
|
/* 1 */
|
5524
|
-webkit-tap-highlight-color: transparent;
|
5525
|
}
|
5526
|
/* Container
|
5527
|
========================================================================== */
|
5528
|
/*
|
5529
|
* 1. Clip child elements
|
5530
|
*/
|
5531
|
.uk-slider-container {
|
5532
|
/* 1 */
|
5533
|
overflow: hidden;
|
5534
|
}
|
5535
|
/* Items
|
5536
|
========================================================================== */
|
5537
|
/*
|
5538
|
* 1. Optimize animation
|
5539
|
* 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
|
5540
|
*/
|
5541
|
.uk-slider-items {
|
5542
|
/* 1 */
|
5543
|
will-change: transform;
|
5544
|
/* 2 */
|
5545
|
position: relative;
|
5546
|
}
|
5547
|
/*
|
5548
|
* 1. Reset list style without interfering with grid
|
5549
|
* 2. Prevent displaying the callout information on iOS.
|
5550
|
*/
|
5551
|
.uk-slider-items:not(.uk-grid) {
|
5552
|
display: flex;
|
5553
|
/* 1 */
|
5554
|
margin: 0;
|
5555
|
padding: 0;
|
5556
|
list-style: none;
|
5557
|
/* 2 */
|
5558
|
-webkit-touch-callout: none;
|
5559
|
}
|
5560
|
.uk-slider-items.uk-grid {
|
5561
|
flex-wrap: nowrap;
|
5562
|
}
|
5563
|
/* Item
|
5564
|
========================================================================== */
|
5565
|
/*
|
5566
|
* 1. Let items take content dimensions (0 0 auto)
|
5567
|
* 2. Create position context
|
5568
|
* 3. Disable horizontal panning gestures in IE11 and Edge
|
5569
|
* 4. Suppress outline on focus
|
5570
|
*/
|
5571
|
.uk-slider-items > * {
|
5572
|
/* 1 */
|
5573
|
flex: none;
|
5574
|
/* 2 */
|
5575
|
position: relative;
|
5576
|
/* 3 */
|
5577
|
touch-action: pan-y;
|
5578
|
}
|
5579
|
/* 4 */
|
5580
|
.uk-slider-items > :focus {
|
5581
|
outline: none;
|
5582
|
}
|
5583
|
/* ========================================================================
|
5584
|
Component: Sticky
|
5585
|
========================================================================== */
|
5586
|
/*
|
5587
|
* 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration
|
5588
|
*/
|
5589
|
.uk-sticky-fixed {
|
5590
|
z-index: 980;
|
5591
|
box-sizing: border-box;
|
5592
|
margin: 0 !important;
|
5593
|
/* 1 */
|
5594
|
-webkit-backface-visibility: hidden;
|
5595
|
backface-visibility: hidden;
|
5596
|
}
|
5597
|
/*
|
5598
|
* Faster animations
|
5599
|
*/
|
5600
|
.uk-sticky[class*='uk-animation-'] {
|
5601
|
animation-duration: 0.2s;
|
5602
|
}
|
5603
|
.uk-sticky.uk-animation-reverse {
|
5604
|
animation-duration: 0.2s;
|
5605
|
}
|
5606
|
/* ========================================================================
|
5607
|
Component: Off-canvas
|
5608
|
========================================================================== */
|
5609
|
/*
|
5610
|
* 1. Hide by default
|
5611
|
* 2. Set position
|
5612
|
*/
|
5613
|
.uk-offcanvas {
|
5614
|
/* 1 */
|
5615
|
display: none;
|
5616
|
/* 2 */
|
5617
|
position: fixed;
|
5618
|
top: 0;
|
5619
|
bottom: 0;
|
5620
|
left: 0;
|
5621
|
z-index: 1000;
|
5622
|
}
|
5623
|
/*
|
5624
|
* Flip modifier
|
5625
|
*/
|
5626
|
.uk-offcanvas-flip .uk-offcanvas {
|
5627
|
right: 0;
|
5628
|
left: auto;
|
5629
|
}
|
5630
|
/* Bar
|
5631
|
========================================================================== */
|
5632
|
/*
|
5633
|
* 1. Set position
|
5634
|
* 2. Size and style
|
5635
|
* 3. Allow scrolling
|
5636
|
*/
|
5637
|
.uk-offcanvas-bar {
|
5638
|
/* 1 */
|
5639
|
position: absolute;
|
5640
|
top: 0;
|
5641
|
bottom: 0;
|
5642
|
left: -270px;
|
5643
|
/* 2 */
|
5644
|
box-sizing: border-box;
|
5645
|
width: 270px;
|
5646
|
padding: 20px 20px;
|
5647
|
background: #222;
|
5648
|
/* 3 */
|
5649
|
overflow-y: auto;
|
5650
|
-webkit-overflow-scrolling: touch;
|
5651
|
}
|
5652
|
/* Tablet landscape and bigger */
|
5653
|
@media (min-width: 960px) {
|
5654
|
.uk-offcanvas-bar {
|
5655
|
left: -350px;
|
5656
|
width: 350px;
|
5657
|
padding: 40px 40px;
|
5658
|
}
|
5659
|
}
|
5660
|
/* Flip modifier */
|
5661
|
.uk-offcanvas-flip .uk-offcanvas-bar {
|
5662
|
left: auto;
|
5663
|
right: -270px;
|
5664
|
}
|
5665
|
/* Tablet landscape and bigger */
|
5666
|
@media (min-width: 960px) {
|
5667
|
.uk-offcanvas-flip .uk-offcanvas-bar {
|
5668
|
right: -350px;
|
5669
|
}
|
5670
|
}
|
5671
|
/*
|
5672
|
* Open
|
5673
|
*/
|
5674
|
.uk-open > .uk-offcanvas-bar {
|
5675
|
left: 0;
|
5676
|
}
|
5677
|
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
|
5678
|
left: auto;
|
5679
|
right: 0;
|
5680
|
}
|
5681
|
/*
|
5682
|
* Slide Animation (Used in slide and push mode)
|
5683
|
*/
|
5684
|
.uk-offcanvas-bar-animation {
|
5685
|
transition: left 0.3s ease-out;
|
5686
|
}
|
5687
|
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
|
5688
|
transition-property: right;
|
5689
|
}
|
5690
|
/*
|
5691
|
* Reveal Animation
|
5692
|
* 1. Set position
|
5693
|
* 2. Clip the bar
|
5694
|
* 3. Animation
|
5695
|
* 4. Reset position
|
5696
|
*/
|
5697
|
.uk-offcanvas-reveal {
|
5698
|
/* 1 */
|
5699
|
position: absolute;
|
5700
|
top: 0;
|
5701
|
bottom: 0;
|
5702
|
left: 0;
|
5703
|
/* 2 */
|
5704
|
width: 0;
|
5705
|
overflow: hidden;
|
5706
|
/* 3 */
|
5707
|
transition: width 0.3s ease-out;
|
5708
|
}
|
5709
|
.uk-offcanvas-reveal .uk-offcanvas-bar {
|
5710
|
/* 4 */
|
5711
|
left: 0;
|
5712
|
}
|
5713
|
.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
|
5714
|
/* 4 */
|
5715
|
left: auto;
|
5716
|
right: 0;
|
5717
|
}
|
5718
|
.uk-open > .uk-offcanvas-reveal {
|
5719
|
width: 270px;
|
5720
|
}
|
5721
|
/* Tablet landscape and bigger */
|
5722
|
@media (min-width: 960px) {
|
5723
|
.uk-open > .uk-offcanvas-reveal {
|
5724
|
width: 350px;
|
5725
|
}
|
5726
|
}
|
5727
|
/*
|
5728
|
* Flip modifier
|
5729
|
*/
|
5730
|
.uk-offcanvas-flip .uk-offcanvas-reveal {
|
5731
|
right: 0;
|
5732
|
left: auto;
|
5733
|
}
|
5734
|
/* Close
|
5735
|
* Adopts `uk-close`
|
5736
|
========================================================================== */
|
5737
|
.uk-offcanvas-close {
|
5738
|
position: absolute;
|
5739
|
z-index: 1000;
|
5740
|
top: 20px;
|
5741
|
right: 20px;
|
5742
|
padding: 5px;
|
5743
|
}
|
5744
|
/* Overlay
|
5745
|
========================================================================== */
|
5746
|
/*
|
5747
|
* Overlay the whole page. Needed for the `::before`
|
5748
|
* 1. Using `100vw` so no modification is needed when off-canvas is flipped
|
5749
|
* 2. Allow for closing with swipe gesture on devices with pointer events.
|
5750
|
*/
|
5751
|
.uk-offcanvas-overlay {
|
5752
|
/* 1 */
|
5753
|
width: 100vw;
|
5754
|
/* 2 */
|
5755
|
touch-action: none;
|
5756
|
}
|
5757
|
/*
|
5758
|
* 1. Mask the whole page
|
5759
|
* 2. Fade-in transition
|
5760
|
*/
|
5761
|
.uk-offcanvas-overlay::before {
|
5762
|
/* 1 */
|
5763
|
content: "";
|
5764
|
position: absolute;
|
5765
|
top: 0;
|
5766
|
bottom: 0;
|
5767
|
left: 0;
|
5768
|
right: 0;
|
5769
|
background: rgba(0, 0, 0, 0.1);
|
5770
|
/* 2 */
|
5771
|
opacity: 0;
|
5772
|
transition: opacity 0.15s linear;
|
5773
|
}
|
5774
|
.uk-offcanvas-overlay.uk-open::before {
|
5775
|
opacity: 1;
|
5776
|
}
|
5777
|
/* Prevent scrolling
|
5778
|
========================================================================== */
|
5779
|
/*
|
5780
|
* Prevent horizontal scrollbar when the content is slide-out
|
5781
|
* Has to be on the `html` element too to make it work on the `body`
|
5782
|
*/
|
5783
|
.uk-offcanvas-page,
|
5784
|
.uk-offcanvas-container {
|
5785
|
overflow-x: hidden;
|
5786
|
}
|
5787
|
/* Container
|
5788
|
========================================================================== */
|
5789
|
/*
|
5790
|
* Prepare slide-out animation (Used in reveal and push mode)
|
5791
|
* Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
|
5792
|
* lose their fixed state and behaves like `absolute` within a transformed container
|
5793
|
* 1. Provide a fixed width and prevent shrinking
|
5794
|
*/
|
5795
|
.uk-offcanvas-container {
|
5796
|
position: relative;
|
5797
|
left: 0;
|
5798
|
transition: left 0.3s ease-out;
|
5799
|
/* 1 */
|
5800
|
box-sizing: border-box;
|
5801
|
width: 100%;
|
5802
|
}
|
5803
|
/*
|
5804
|
* Activate slide-out animation
|
5805
|
*/
|
5806
|
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
|
5807
|
left: 270px;
|
5808
|
}
|
5809
|
.uk-offcanvas-flip.uk-offcanvas-container-animation {
|
5810
|
left: -270px;
|
5811
|
}
|
5812
|
/* Tablet landscape and bigger */
|
5813
|
@media (min-width: 960px) {
|
5814
|
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
|
5815
|
left: 350px;
|
5816
|
}
|
5817
|
.uk-offcanvas-flip.uk-offcanvas-container-animation {
|
5818
|
left: -350px;
|
5819
|
}
|
5820
|
}
|
5821
|
/* ========================================================================
|
5822
|
Component: Switcher
|
5823
|
========================================================================== */
|
5824
|
/*
|
5825
|
* Reset list
|
5826
|
*/
|
5827
|
.uk-switcher {
|
5828
|
margin: 0;
|
5829
|
padding: 0;
|
5830
|
list-style: none;
|
5831
|
}
|
5832
|
/* Items
|
5833
|
========================================================================== */
|
5834
|
/*
|
5835
|
* Hide not active items
|
5836
|
*/
|
5837
|
.uk-switcher > :not(.uk-active) {
|
5838
|
display: none;
|
5839
|
}
|
5840
|
/*
|
5841
|
* Remove margin from the last-child
|
5842
|
*/
|
5843
|
.uk-switcher > * > :last-child {
|
5844
|
margin-bottom: 0;
|
5845
|
}
|
5846
|
/* ========================================================================
|
5847
|
Component: Leader
|
5848
|
========================================================================== */
|
5849
|
.uk-leader {
|
5850
|
overflow: hidden;
|
5851
|
}
|
5852
|
/*
|
5853
|
* 1. Place element in text flow
|
5854
|
* 2. Never break into a new line
|
5855
|
* 3. Get a string back with as many repeating characters to fill the container
|
5856
|
* 4. Prevent wrapping. Overflowing characters will be clipped by the container
|
5857
|
*/
|
5858
|
.uk-leader-fill::after {
|
5859
|
/* 1 */
|
5860
|
display: inline-block;
|
5861
|
margin-left: 15px;
|
5862
|
/* 2 */
|
5863
|
width: 0;
|
5864
|
/* 3 */
|
5865
|
content: attr(data-fill);
|
5866
|
/* 4 */
|
5867
|
white-space: nowrap;
|
5868
|
}
|
5869
|
/*
|
5870
|
* Hide if media does not match
|
5871
|
*/
|
5872
|
.uk-leader-fill.uk-leader-hide::after {
|
5873
|
display: none;
|
5874
|
}
|
5875
|
/*
|
5876
|
* Pass fill character to JS
|
5877
|
*/
|
5878
|
.uk-leader-fill-content::before {
|
5879
|
content: '.';
|
5880
|
}
|
5881
|
:root {
|
5882
|
--uk-leader-fill-content: .;
|
5883
|
}
|
5884
|
/* ========================================================================
|
5885
|
Component: Iconnav
|
5886
|
========================================================================== */
|
5887
|
/*
|
5888
|
* 1. Allow items to wrap into the next line
|
5889
|
* 2. Reset list
|
5890
|
* 3. Gutter
|
5891
|
*/
|
5892
|
.uk-iconnav {
|
5893
|
display: flex;
|
5894
|
/* 1 */
|
5895
|
flex-wrap: wrap;
|
5896
|
/* 2 */
|
5897
|
margin: 0;
|
5898
|
padding: 0;
|
5899
|
list-style: none;
|
5900
|
/* 3 */
|
5901
|
margin-left: -10px;
|
5902
|
}
|
5903
|
/*
|
5904
|
* Space is allocated based on content dimensions, but shrinks: 0 1 auto
|
5905
|
* 1. Gutter
|
5906
|
*/
|
5907
|
.uk-iconnav > * {
|
5908
|
/* 1 */
|
5909
|
padding-left: 10px;
|
5910
|
}
|
5911
|
/* Items
|
5912
|
========================================================================== */
|
5913
|
/*
|
5914
|
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
|
5915
|
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
|
5916
|
* 2. Style
|
5917
|
*/
|
5918
|
.uk-iconnav > * > a {
|
5919
|
/* 1 */
|
5920
|
display: block;
|
5921
|
/* 2 */
|
5922
|
color: #999;
|
5923
|
}
|
5924
|
/* Hover + Focus */
|
5925
|
.uk-iconnav > * > a:hover,
|
5926
|
.uk-iconnav > * > a:focus {
|
5927
|
color: #666;
|
5928
|
outline: none;
|
5929
|
}
|
5930
|
/* Active */
|
5931
|
.uk-iconnav > .uk-active > a {
|
5932
|
color: #666;
|
5933
|
}
|
5934
|
/* Modifier: 'uk-iconnav-vertical'
|
5935
|
========================================================================== */
|
5936
|
/*
|
5937
|
* 1. Change direction
|
5938
|
* 2. Gutter
|
5939
|
*/
|
5940
|
.uk-iconnav-vertical {
|
5941
|
/* 1 */
|
5942
|
flex-direction: column;
|
5943
|
/* 2 */
|
5944
|
margin-left: 0;
|
5945
|
margin-top: -10px;
|
5946
|
}
|
5947
|
/* 2 */
|
5948
|
.uk-iconnav-vertical > * {
|
5949
|
padding-left: 0;
|
5950
|
padding-top: 10px;
|
5951
|
}
|
5952
|
/* ========================================================================
|
5953
|
Component: Notification
|
5954
|
========================================================================== */
|
5955
|
/*
|
5956
|
* 1. Set position
|
5957
|
* 2. Dimensions
|
5958
|
*/
|
5959
|
.uk-notification {
|
5960
|
/* 1 */
|
5961
|
position: fixed;
|
5962
|
top: 10px;
|
5963
|
left: 10px;
|
5964
|
z-index: 1040;
|
5965
|
/* 2 */
|
5966
|
box-sizing: border-box;
|
5967
|
width: 350px;
|
5968
|
}
|
5969
|
/* Position modifiers
|
5970
|
========================================================================== */
|
5971
|
.uk-notification-top-right,
|
5972
|
.uk-notification-bottom-right {
|
5973
|
left: auto;
|
5974
|
right: 10px;
|
5975
|
}
|
5976
|
.uk-notification-top-center,
|
5977
|
.uk-notification-bottom-center {
|
5978
|
left: 50%;
|
5979
|
margin-left: -175px;
|
5980
|
}
|
5981
|
.uk-notification-bottom-left,
|
5982
|
.uk-notification-bottom-right,
|
5983
|
.uk-notification-bottom-center {
|
5984
|
top: auto;
|
5985
|
bottom: 10px;
|
5986
|
}
|
5987
|
/* Responsiveness
|
5988
|
========================================================================== */
|
5989
|
/* Phones portrait and smaller */
|
5990
|
@media (max-width: 639px) {
|
5991
|
.uk-notification {
|
5992
|
left: 10px;
|
5993
|
right: 10px;
|
5994
|
width: auto;
|
5995
|
margin: 0;
|
5996
|
}
|
5997
|
}
|
5998
|
/* Message
|
5999
|
========================================================================== */
|
6000
|
.uk-notification-message {
|
6001
|
position: relative;
|
6002
|
padding: 15px;
|
6003
|
background: #f8f8f8;
|
6004
|
color: #666;
|
6005
|
font-size: 1.25rem;
|
6006
|
line-height: 1.4;
|
6007
|
cursor: pointer;
|
6008
|
}
|
6009
|
* + .uk-notification-message {
|
6010
|
margin-top: 10px;
|
6011
|
}
|
6012
|
/* Close
|
6013
|
* Adopts `uk-close`
|
6014
|
========================================================================== */
|
6015
|
.uk-notification-close {
|
6016
|
display: none;
|
6017
|
position: absolute;
|
6018
|
top: 20px;
|
6019
|
right: 15px;
|
6020
|
}
|
6021
|
.uk-notification-message:hover .uk-notification-close {
|
6022
|
display: block;
|
6023
|
}
|
6024
|
/* Style modifiers
|
6025
|
========================================================================== */
|
6026
|
/*
|
6027
|
* Primary
|
6028
|
*/
|
6029
|
.uk-notification-message-primary {
|
6030
|
color: #1e87f0;
|
6031
|
}
|
6032
|
/*
|
6033
|
* Success
|
6034
|
*/
|
6035
|
.uk-notification-message-success {
|
6036
|
color: #32d296;
|
6037
|
}
|
6038
|
/*
|
6039
|
* Warning
|
6040
|
*/
|
6041
|
.uk-notification-message-warning {
|
6042
|
color: #faa05a;
|
6043
|
}
|
6044
|
/*
|
6045
|
* Danger
|
6046
|
*/
|
6047
|
.uk-notification-message-danger {
|
6048
|
color: #f0506e;
|
6049
|
}
|
6050
|
/* ========================================================================
|
6051
|
Component: Tooltip
|
6052
|
========================================================================== */
|
6053
|
/*
|
6054
|
* 1. Hide by default
|
6055
|
* 2. Position
|
6056
|
* 3. Dimensions
|
6057
|
* 4. Style
|
6058
|
*/
|
6059
|
.uk-tooltip {
|
6060
|
/* 1 */
|
6061
|
display: none;
|
6062
|
/* 2 */
|
6063
|
position: absolute;
|
6064
|
z-index: 1030;
|
6065
|
/* 3 */
|
6066
|
box-sizing: border-box;
|
6067
|
max-width: 200px;
|
6068
|
padding: 3px 6px;
|
6069
|
/* 4 */
|
6070
|
background: #666;
|
6071
|
border-radius: 2px;
|
6072
|
color: #fff;
|
6073
|
font-size: 12px;
|
6074
|
}
|
6075
|
/* Show */
|
6076
|
.uk-tooltip.uk-active {
|
6077
|
display: block;
|
6078
|
}
|
6079
|
/* Direction / Alignment modifiers
|
6080
|
========================================================================== */
|
6081
|
/* Direction */
|
6082
|
[class*='uk-tooltip-top'] {
|
6083
|
margin-top: -10px;
|
6084
|
}
|
6085
|
[class*='uk-tooltip-bottom'] {
|
6086
|
margin-top: 10px;
|
6087
|
}
|
6088
|
[class*='uk-tooltip-left'] {
|
6089
|
margin-left: -10px;
|
6090
|
}
|
6091
|
[class*='uk-tooltip-right'] {
|
6092
|
margin-left: 10px;
|
6093
|
}
|
6094
|
/* ========================================================================
|
6095
|
Component: Placeholder
|
6096
|
========================================================================== */
|
6097
|
.uk-placeholder {
|
6098
|
margin-bottom: 20px;
|
6099
|
padding: 30px 30px;
|
6100
|
background: transparent;
|
6101
|
border: 1px dashed #e5e5e5;
|
6102
|
}
|
6103
|
/* Add margin if adjacent element */
|
6104
|
* + .uk-placeholder {
|
6105
|
margin-top: 20px;
|
6106
|
}
|
6107
|
/*
|
6108
|
* Remove margin from the last-child
|
6109
|
*/
|
6110
|
.uk-placeholder > :last-child {
|
6111
|
margin-bottom: 0;
|
6112
|
}
|
6113
|
/* ========================================================================
|
6114
|
Component: Progress
|
6115
|
========================================================================== */
|
6116
|
/*
|
6117
|
* 1. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
6118
|
* 2. Remove default style
|
6119
|
* 3. Behave like a block element
|
6120
|
* 4. Remove borders in Firefox and Edge
|
6121
|
* 5. Set background color for progress container in Firefox, IE11 and Edge
|
6122
|
* 6. Style
|
6123
|
*/
|
6124
|
.uk-progress {
|
6125
|
/* 1 */
|
6126
|
vertical-align: baseline;
|
6127
|
/* 2 */
|
6128
|
-webkit-appearance: none;
|
6129
|
-moz-appearance: none;
|
6130
|
/* 3 */
|
6131
|
display: block;
|
6132
|
width: 100%;
|
6133
|
/* 4 */
|
6134
|
border: 0;
|
6135
|
/* 5 */
|
6136
|
background-color: #f8f8f8;
|
6137
|
/* 6 */
|
6138
|
margin-bottom: 20px;
|
6139
|
height: 15px;
|
6140
|
border-radius: 500px;
|
6141
|
overflow: hidden;
|
6142
|
}
|
6143
|
/* Add margin if adjacent element */
|
6144
|
* + .uk-progress {
|
6145
|
margin-top: 20px;
|
6146
|
}
|
6147
|
/*
|
6148
|
* Remove animated circles for indeterminate state in IE11 and Edge
|
6149
|
*/
|
6150
|
.uk-progress:indeterminate {
|
6151
|
color: transparent;
|
6152
|
}
|
6153
|
/*
|
6154
|
* Progress container
|
6155
|
* 2. Remove progress bar for indeterminate state in Firefox
|
6156
|
*/
|
6157
|
.uk-progress::-webkit-progress-bar {
|
6158
|
background-color: #f8f8f8;
|
6159
|
border-radius: 500px;
|
6160
|
overflow: hidden;
|
6161
|
}
|
6162
|
/* 2 */
|
6163
|
.uk-progress:indeterminate::-moz-progress-bar {
|
6164
|
width: 0;
|
6165
|
}
|
6166
|
/*
|
6167
|
* Progress bar
|
6168
|
* 1. Remove right border in IE11 and Edge
|
6169
|
*/
|
6170
|
.uk-progress::-webkit-progress-value {
|
6171
|
background-color: #1e87f0;
|
6172
|
transition: width 0.6s ease;
|
6173
|
}
|
6174
|
.uk-progress::-moz-progress-bar {
|
6175
|
background-color: #1e87f0;
|
6176
|
}
|
6177
|
.uk-progress::-ms-fill {
|
6178
|
background-color: #1e87f0;
|
6179
|
transition: width 0.6s ease;
|
6180
|
/* 1 */
|
6181
|
border: 0;
|
6182
|
}
|
6183
|
/* ========================================================================
|
6184
|
Component: Sortable
|
6185
|
========================================================================== */
|
6186
|
.uk-sortable {
|
6187
|
position: relative;
|
6188
|
}
|
6189
|
/*
|
6190
|
* Deactivate pointer-events on SVGs in Safari
|
6191
|
*/
|
6192
|
.uk-sortable svg {
|
6193
|
pointer-events: none;
|
6194
|
}
|
6195
|
/*
|
6196
|
* Remove margin from the last-child
|
6197
|
*/
|
6198
|
.uk-sortable > :last-child {
|
6199
|
margin-bottom: 0;
|
6200
|
}
|
6201
|
/* Drag
|
6202
|
========================================================================== */
|
6203
|
.uk-sortable-drag {
|
6204
|
position: absolute !important;
|
6205
|
z-index: 1050 !important;
|
6206
|
pointer-events: none;
|
6207
|
}
|
6208
|
/* Placeholder
|
6209
|
========================================================================== */
|
6210
|
.uk-sortable-placeholder {
|
6211
|
opacity: 0;
|
6212
|
pointer-events: none;
|
6213
|
}
|
6214
|
/* Empty modifier
|
6215
|
========================================================================== */
|
6216
|
.uk-sortable-empty {
|
6217
|
min-height: 50px;
|
6218
|
}
|
6219
|
/* Handle
|
6220
|
========================================================================== */
|
6221
|
/* Hover */
|
6222
|
.uk-sortable-handle:hover {
|
6223
|
cursor: move;
|
6224
|
}
|
6225
|
/* ========================================================================
|
6226
|
Component: Countdown
|
6227
|
========================================================================== */
|
6228
|
/* Item
|
6229
|
========================================================================== */
|
6230
|
/*
|
6231
|
* 1. Center numbers and separators vertically
|
6232
|
*/
|
6233
|
.uk-countdown-number,
|
6234
|
.uk-countdown-separator {
|
6235
|
/* 1 */
|
6236
|
line-height: 0.8;
|
6237
|
}
|
6238
|
/* Number
|
6239
|
========================================================================== */
|
6240
|
.uk-countdown-number {
|
6241
|
font-size: 2rem;
|
6242
|
}
|
6243
|
/* Phone landscape and bigger */
|
6244
|
@media (min-width: 640px) {
|
6245
|
.uk-countdown-number {
|
6246
|
font-size: 4rem;
|
6247
|
}
|
6248
|
}
|
6249
|
/* Tablet landscape and bigger */
|
6250
|
@media (min-width: 960px) {
|
6251
|
.uk-countdown-number {
|
6252
|
font-size: 6rem;
|
6253
|
}
|
6254
|
}
|
6255
|
/* Separator
|
6256
|
========================================================================== */
|
6257
|
.uk-countdown-separator {
|
6258
|
font-size: 1rem;
|
6259
|
}
|
6260
|
/* Phone landscape and bigger */
|
6261
|
@media (min-width: 640px) {
|
6262
|
.uk-countdown-separator {
|
6263
|
font-size: 2rem;
|
6264
|
}
|
6265
|
}
|
6266
|
/* Tablet landscape and bigger */
|
6267
|
@media (min-width: 960px) {
|
6268
|
.uk-countdown-separator {
|
6269
|
font-size: 3rem;
|
6270
|
}
|
6271
|
}
|
6272
|
/* Label
|
6273
|
========================================================================== */
|
6274
|
/* ========================================================================
|
6275
|
Component: Animation
|
6276
|
========================================================================== */
|
6277
|
[class*='uk-animation-'] {
|
6278
|
animation-duration: 0.5s;
|
6279
|
animation-timing-function: ease-out;
|
6280
|
animation-fill-mode: both;
|
6281
|
}
|
6282
|
/* Animations
|
6283
|
========================================================================== */
|
6284
|
/*
|
6285
|
* Fade
|
6286
|
*/
|
6287
|
.uk-animation-fade {
|
6288
|
animation-name: uk-fade;
|
6289
|
animation-duration: 0.8s;
|
6290
|
animation-timing-function: linear;
|
6291
|
}
|
6292
|
/*
|
6293
|
* Scale
|
6294
|
*/
|
6295
|
.uk-animation-scale-up {
|
6296
|
animation-name: uk-fade-scale-02;
|
6297
|
}
|
6298
|
.uk-animation-scale-down {
|
6299
|
animation-name: uk-fade-scale-18;
|
6300
|
}
|
6301
|
/*
|
6302
|
* Slide
|
6303
|
*/
|
6304
|
.uk-animation-slide-top {
|
6305
|
animation-name: uk-fade-top;
|
6306
|
}
|
6307
|
.uk-animation-slide-bottom {
|
6308
|
animation-name: uk-fade-bottom;
|
6309
|
}
|
6310
|
.uk-animation-slide-left {
|
6311
|
animation-name: uk-fade-left;
|
6312
|
}
|
6313
|
.uk-animation-slide-right {
|
6314
|
animation-name: uk-fade-right;
|
6315
|
}
|
6316
|
/*
|
6317
|
* Slide Small
|
6318
|
*/
|
6319
|
.uk-animation-slide-top-small {
|
6320
|
animation-name: uk-fade-top-small;
|
6321
|
}
|
6322
|
.uk-animation-slide-bottom-small {
|
6323
|
animation-name: uk-fade-bottom-small;
|
6324
|
}
|
6325
|
.uk-animation-slide-left-small {
|
6326
|
animation-name: uk-fade-left-small;
|
6327
|
}
|
6328
|
.uk-animation-slide-right-small {
|
6329
|
animation-name: uk-fade-right-small;
|
6330
|
}
|
6331
|
/*
|
6332
|
* Slide Medium
|
6333
|
*/
|
6334
|
.uk-animation-slide-top-medium {
|
6335
|
animation-name: uk-fade-top-medium;
|
6336
|
}
|
6337
|
.uk-animation-slide-bottom-medium {
|
6338
|
animation-name: uk-fade-bottom-medium;
|
6339
|
}
|
6340
|
.uk-animation-slide-left-medium {
|
6341
|
animation-name: uk-fade-left-medium;
|
6342
|
}
|
6343
|
.uk-animation-slide-right-medium {
|
6344
|
animation-name: uk-fade-right-medium;
|
6345
|
}
|
6346
|
/*
|
6347
|
* Kenburns
|
6348
|
*/
|
6349
|
.uk-animation-kenburns {
|
6350
|
animation-name: uk-scale-kenburns;
|
6351
|
animation-duration: 15s;
|
6352
|
}
|
6353
|
/*
|
6354
|
* Shake
|
6355
|
*/
|
6356
|
.uk-animation-shake {
|
6357
|
animation-name: uk-shake;
|
6358
|
}
|
6359
|
/*
|
6360
|
* SVG Stroke
|
6361
|
* The `--uk-animation-stroke` custom property contains the longest path length.
|
6362
|
* Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
|
6363
|
* All strokes are animated by the same pace and doesn't end simultaneously.
|
6364
|
* To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
|
6365
|
*/
|
6366
|
.uk-animation-stroke {
|
6367
|
animation-name: uk-stroke;
|
6368
|
stroke-dasharray: var(--uk-animation-stroke);
|
6369
|
animation-duration: 2s;
|
6370
|
}
|
6371
|
/* Direction modifier
|
6372
|
========================================================================== */
|
6373
|
.uk-animation-reverse {
|
6374
|
animation-direction: reverse;
|
6375
|
animation-timing-function: ease-in;
|
6376
|
}
|
6377
|
/* Duration modifier
|
6378
|
========================================================================== */
|
6379
|
.uk-animation-fast {
|
6380
|
animation-duration: 0.1s;
|
6381
|
}
|
6382
|
/* Toggle (Hover + Focus)
|
6383
|
========================================================================== */
|
6384
|
/*
|
6385
|
* The toggle is triggered on touch devices using `:focus` and tabindex
|
6386
|
*/
|
6387
|
.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
|
6388
|
animation-name: none;
|
6389
|
}
|
6390
|
/*
|
6391
|
* 1. Prevent tab highlighting on iOS.
|
6392
|
*/
|
6393
|
.uk-animation-toggle {
|
6394
|
/* 1 */
|
6395
|
-webkit-tap-highlight-color: transparent;
|
6396
|
}
|
6397
|
/*
|
6398
|
* Remove outline for `tabindex`
|
6399
|
*/
|
6400
|
.uk-animation-toggle:focus {
|
6401
|
outline: none;
|
6402
|
}
|
6403
|
/* Keyframes used by animation classes
|
6404
|
========================================================================== */
|
6405
|
/*
|
6406
|
* Fade
|
6407
|
*/
|
6408
|
@keyframes uk-fade {
|
6409
|
0% {
|
6410
|
opacity: 0;
|
6411
|
}
|
6412
|
100% {
|
6413
|
opacity: 1;
|
6414
|
}
|
6415
|
}
|
6416
|
/*
|
6417
|
* Slide Top
|
6418
|
*/
|
6419
|
@keyframes uk-fade-top {
|
6420
|
0% {
|
6421
|
opacity: 0;
|
6422
|
transform: translateY(-100%);
|
6423
|
}
|
6424
|
100% {
|
6425
|
opacity: 1;
|
6426
|
transform: translateY(0);
|
6427
|
}
|
6428
|
}
|
6429
|
/*
|
6430
|
* Slide Bottom
|
6431
|
*/
|
6432
|
@keyframes uk-fade-bottom {
|
6433
|
0% {
|
6434
|
opacity: 0;
|
6435
|
transform: translateY(100%);
|
6436
|
}
|
6437
|
100% {
|
6438
|
opacity: 1;
|
6439
|
transform: translateY(0);
|
6440
|
}
|
6441
|
}
|
6442
|
/*
|
6443
|
* Slide Left
|
6444
|
*/
|
6445
|
@keyframes uk-fade-left {
|
6446
|
0% {
|
6447
|
opacity: 0;
|
6448
|
transform: translateX(-100%);
|
6449
|
}
|
6450
|
100% {
|
6451
|
opacity: 1;
|
6452
|
transform: translateX(0);
|
6453
|
}
|
6454
|
}
|
6455
|
/*
|
6456
|
* Slide Right
|
6457
|
*/
|
6458
|
@keyframes uk-fade-right {
|
6459
|
0% {
|
6460
|
opacity: 0;
|
6461
|
transform: translateX(100%);
|
6462
|
}
|
6463
|
100% {
|
6464
|
opacity: 1;
|
6465
|
transform: translateX(0);
|
6466
|
}
|
6467
|
}
|
6468
|
/*
|
6469
|
* Slide Top Small
|
6470
|
*/
|
6471
|
@keyframes uk-fade-top-small {
|
6472
|
0% {
|
6473
|
opacity: 0;
|
6474
|
transform: translateY(-10px);
|
6475
|
}
|
6476
|
100% {
|
6477
|
opacity: 1;
|
6478
|
transform: translateY(0);
|
6479
|
}
|
6480
|
}
|
6481
|
/*
|
6482
|
* Slide Bottom Small
|
6483
|
*/
|
6484
|
@keyframes uk-fade-bottom-small {
|
6485
|
0% {
|
6486
|
opacity: 0;
|
6487
|
transform: translateY(10px);
|
6488
|
}
|
6489
|
100% {
|
6490
|
opacity: 1;
|
6491
|
transform: translateY(0);
|
6492
|
}
|
6493
|
}
|
6494
|
/*
|
6495
|
* Slide Left Small
|
6496
|
*/
|
6497
|
@keyframes uk-fade-left-small {
|
6498
|
0% {
|
6499
|
opacity: 0;
|
6500
|
transform: translateX(-10px);
|
6501
|
}
|
6502
|
100% {
|
6503
|
opacity: 1;
|
6504
|
transform: translateX(0);
|
6505
|
}
|
6506
|
}
|
6507
|
/*
|
6508
|
* Slide Right Small
|
6509
|
*/
|
6510
|
@keyframes uk-fade-right-small {
|
6511
|
0% {
|
6512
|
opacity: 0;
|
6513
|
transform: translateX(10px);
|
6514
|
}
|
6515
|
100% {
|
6516
|
opacity: 1;
|
6517
|
transform: translateX(0);
|
6518
|
}
|
6519
|
}
|
6520
|
/*
|
6521
|
* Slide Top Medium
|
6522
|
*/
|
6523
|
@keyframes uk-fade-top-medium {
|
6524
|
0% {
|
6525
|
opacity: 0;
|
6526
|
transform: translateY(-50px);
|
6527
|
}
|
6528
|
100% {
|
6529
|
opacity: 1;
|
6530
|
transform: translateY(0);
|
6531
|
}
|
6532
|
}
|
6533
|
/*
|
6534
|
* Slide Bottom Medium
|
6535
|
*/
|
6536
|
@keyframes uk-fade-bottom-medium {
|
6537
|
0% {
|
6538
|
opacity: 0;
|
6539
|
transform: translateY(50px);
|
6540
|
}
|
6541
|
100% {
|
6542
|
opacity: 1;
|
6543
|
transform: translateY(0);
|
6544
|
}
|
6545
|
}
|
6546
|
/*
|
6547
|
* Slide Left Medium
|
6548
|
*/
|
6549
|
@keyframes uk-fade-left-medium {
|
6550
|
0% {
|
6551
|
opacity: 0;
|
6552
|
transform: translateX(-50px);
|
6553
|
}
|
6554
|
100% {
|
6555
|
opacity: 1;
|
6556
|
transform: translateX(0);
|
6557
|
}
|
6558
|
}
|
6559
|
/*
|
6560
|
* Slide Right Medium
|
6561
|
*/
|
6562
|
@keyframes uk-fade-right-medium {
|
6563
|
0% {
|
6564
|
opacity: 0;
|
6565
|
transform: translateX(50px);
|
6566
|
}
|
6567
|
100% {
|
6568
|
opacity: 1;
|
6569
|
transform: translateX(0);
|
6570
|
}
|
6571
|
}
|
6572
|
/*
|
6573
|
* Scale Up
|
6574
|
*/
|
6575
|
@keyframes uk-fade-scale-02 {
|
6576
|
0% {
|
6577
|
opacity: 0;
|
6578
|
transform: scale(0.2);
|
6579
|
}
|
6580
|
100% {
|
6581
|
opacity: 1;
|
6582
|
transform: scale(1);
|
6583
|
}
|
6584
|
}
|
6585
|
/*
|
6586
|
* Scale Down
|
6587
|
*/
|
6588
|
@keyframes uk-fade-scale-18 {
|
6589
|
0% {
|
6590
|
opacity: 0;
|
6591
|
transform: scale(1.8);
|
6592
|
}
|
6593
|
100% {
|
6594
|
opacity: 1;
|
6595
|
transform: scale(1);
|
6596
|
}
|
6597
|
}
|
6598
|
/*
|
6599
|
* Kenburns
|
6600
|
*/
|
6601
|
@keyframes uk-scale-kenburns {
|
6602
|
0% {
|
6603
|
transform: scale(1);
|
6604
|
}
|
6605
|
100% {
|
6606
|
transform: scale(1.2);
|
6607
|
}
|
6608
|
}
|
6609
|
/*
|
6610
|
* Shake
|
6611
|
*/
|
6612
|
@keyframes uk-shake {
|
6613
|
0%,
|
6614
|
100% {
|
6615
|
transform: translateX(0);
|
6616
|
}
|
6617
|
10% {
|
6618
|
transform: translateX(-9px);
|
6619
|
}
|
6620
|
20% {
|
6621
|
transform: translateX(8px);
|
6622
|
}
|
6623
|
30% {
|
6624
|
transform: translateX(-7px);
|
6625
|
}
|
6626
|
40% {
|
6627
|
transform: translateX(6px);
|
6628
|
}
|
6629
|
50% {
|
6630
|
transform: translateX(-5px);
|
6631
|
}
|
6632
|
60% {
|
6633
|
transform: translateX(4px);
|
6634
|
}
|
6635
|
70% {
|
6636
|
transform: translateX(-3px);
|
6637
|
}
|
6638
|
80% {
|
6639
|
transform: translateX(2px);
|
6640
|
}
|
6641
|
90% {
|
6642
|
transform: translateX(-1px);
|
6643
|
}
|
6644
|
}
|
6645
|
/*
|
6646
|
* Stroke
|
6647
|
*/
|
6648
|
@keyframes uk-stroke {
|
6649
|
0% {
|
6650
|
stroke-dashoffset: var(--uk-animation-stroke);
|
6651
|
}
|
6652
|
100% {
|
6653
|
stroke-dashoffset: 0;
|
6654
|
}
|
6655
|
}
|
6656
|
/* ========================================================================
|
6657
|
Component: Width
|
6658
|
========================================================================== */
|
6659
|
/* Equal child widths
|
6660
|
========================================================================== */
|
6661
|
[class*='uk-child-width'] > * {
|
6662
|
box-sizing: border-box;
|
6663
|
width: 100%;
|
6664
|
}
|
6665
|
.uk-child-width-1-2 > * {
|
6666
|
width: 50%;
|
6667
|
}
|
6668
|
.uk-child-width-1-3 > * {
|
6669
|
width: calc(100% * 1 / 3.001);
|
6670
|
}
|
6671
|
.uk-child-width-1-4 > * {
|
6672
|
width: 25%;
|
6673
|
}
|
6674
|
.uk-child-width-1-5 > * {
|
6675
|
width: 20%;
|
6676
|
}
|
6677
|
.uk-child-width-1-6 > * {
|
6678
|
width: calc(100% * 1 / 6.001);
|
6679
|
}
|
6680
|
.uk-child-width-auto > * {
|
6681
|
width: auto;
|
6682
|
}
|
6683
|
/*
|
6684
|
* 1. Reset the `min-width`, which is set to auto by default, because
|
6685
|
* flex items won't shrink below their minimum intrinsic content size.
|
6686
|
* Using `1px` instead of `0`, so items still wrap into the next line,
|
6687
|
* if they have zero width and padding and the predecessor is 100% wide.
|
6688
|
*/
|
6689
|
.uk-child-width-expand > :not([class*='uk-width']) {
|
6690
|
flex: 1;
|
6691
|
/* 1 */
|
6692
|
min-width: 1px;
|
6693
|
}
|
6694
|
/* Phone landscape and bigger */
|
6695
|
@media (min-width: 640px) {
|
6696
|
.uk-child-width-1-1\@s > * {
|
6697
|
width: 100%;
|
6698
|
}
|
6699
|
.uk-child-width-1-2\@s > * {
|
6700
|
width: 50%;
|
6701
|
}
|
6702
|
.uk-child-width-1-3\@s > * {
|
6703
|
width: calc(100% * 1 / 3.001);
|
6704
|
}
|
6705
|
.uk-child-width-1-4\@s > * {
|
6706
|
width: 25%;
|
6707
|
}
|
6708
|
.uk-child-width-1-5\@s > * {
|
6709
|
width: 20%;
|
6710
|
}
|
6711
|
.uk-child-width-1-6\@s > * {
|
6712
|
width: calc(100% * 1 / 6.001);
|
6713
|
}
|
6714
|
.uk-child-width-auto\@s > * {
|
6715
|
width: auto;
|
6716
|
}
|
6717
|
.uk-child-width-expand\@s > :not([class*='uk-width']) {
|
6718
|
flex: 1;
|
6719
|
min-width: 1px;
|
6720
|
}
|
6721
|
}
|
6722
|
/* Tablet landscape and bigger */
|
6723
|
@media (min-width: 960px) {
|
6724
|
.uk-child-width-1-1\@m > * {
|
6725
|
width: 100%;
|
6726
|
}
|
6727
|
.uk-child-width-1-2\@m > * {
|
6728
|
width: 50%;
|
6729
|
}
|
6730
|
.uk-child-width-1-3\@m > * {
|
6731
|
width: calc(100% * 1 / 3.001);
|
6732
|
}
|
6733
|
.uk-child-width-1-4\@m > * {
|
6734
|
width: 25%;
|
6735
|
}
|
6736
|
.uk-child-width-1-5\@m > * {
|
6737
|
width: 20%;
|
6738
|
}
|
6739
|
.uk-child-width-1-6\@m > * {
|
6740
|
width: calc(100% * 1 / 6.001);
|
6741
|
}
|
6742
|
.uk-child-width-auto\@m > * {
|
6743
|
width: auto;
|
6744
|
}
|
6745
|
.uk-child-width-expand\@m > :not([class*='uk-width']) {
|
6746
|
flex: 1;
|
6747
|
min-width: 1px;
|
6748
|
}
|
6749
|
}
|
6750
|
/* Desktop and bigger */
|
6751
|
@media (min-width: 1200px) {
|
6752
|
.uk-child-width-1-1\@l > * {
|
6753
|
width: 100%;
|
6754
|
}
|
6755
|
.uk-child-width-1-2\@l > * {
|
6756
|
width: 50%;
|
6757
|
}
|
6758
|
.uk-child-width-1-3\@l > * {
|
6759
|
width: calc(100% * 1 / 3.001);
|
6760
|
}
|
6761
|
.uk-child-width-1-4\@l > * {
|
6762
|
width: 25%;
|
6763
|
}
|
6764
|
.uk-child-width-1-5\@l > * {
|
6765
|
width: 20%;
|
6766
|
}
|
6767
|
.uk-child-width-1-6\@l > * {
|
6768
|
width: calc(100% * 1 / 6.001);
|
6769
|
}
|
6770
|
.uk-child-width-auto\@l > * {
|
6771
|
width: auto;
|
6772
|
}
|
6773
|
.uk-child-width-expand\@l > :not([class*='uk-width']) {
|
6774
|
flex: 1;
|
6775
|
min-width: 1px;
|
6776
|
}
|
6777
|
}
|
6778
|
/* Large screen and bigger */
|
6779
|
@media (min-width: 1600px) {
|
6780
|
.uk-child-width-1-1\@xl > * {
|
6781
|
width: 100%;
|
6782
|
}
|
6783
|
.uk-child-width-1-2\@xl > * {
|
6784
|
width: 50%;
|
6785
|
}
|
6786
|
.uk-child-width-1-3\@xl > * {
|
6787
|
width: calc(100% * 1 / 3.001);
|
6788
|
}
|
6789
|
.uk-child-width-1-4\@xl > * {
|
6790
|
width: 25%;
|
6791
|
}
|
6792
|
.uk-child-width-1-5\@xl > * {
|
6793
|
width: 20%;
|
6794
|
}
|
6795
|
.uk-child-width-1-6\@xl > * {
|
6796
|
width: calc(100% * 1 / 6.001);
|
6797
|
}
|
6798
|
.uk-child-width-auto\@xl > * {
|
6799
|
width: auto;
|
6800
|
}
|
6801
|
.uk-child-width-expand\@xl > :not([class*='uk-width']) {
|
6802
|
flex: 1;
|
6803
|
min-width: 1px;
|
6804
|
}
|
6805
|
}
|
6806
|
/* Single Widths
|
6807
|
========================================================================== */
|
6808
|
/*
|
6809
|
* 1. `max-width` is needed for the pixel-based classes
|
6810
|
*/
|
6811
|
[class*='uk-width'] {
|
6812
|
box-sizing: border-box;
|
6813
|
width: 100%;
|
6814
|
/* 1 */
|
6815
|
max-width: 100%;
|
6816
|
}
|
6817
|
/* Halves */
|
6818
|
.uk-width-1-2 {
|
6819
|
width: 50%;
|
6820
|
}
|
6821
|
/* Thirds */
|
6822
|
.uk-width-1-3 {
|
6823
|
width: calc(100% * 1 / 3.001);
|
6824
|
}
|
6825
|
.uk-width-2-3 {
|
6826
|
width: calc(100% * 2 / 3.001);
|
6827
|
}
|
6828
|
/* Quarters */
|
6829
|
.uk-width-1-4 {
|
6830
|
width: 25%;
|
6831
|
}
|
6832
|
.uk-width-3-4 {
|
6833
|
width: 75%;
|
6834
|
}
|
6835
|
/* Fifths */
|
6836
|
.uk-width-1-5 {
|
6837
|
width: 20%;
|
6838
|
}
|
6839
|
.uk-width-2-5 {
|
6840
|
width: 40%;
|
6841
|
}
|
6842
|
.uk-width-3-5 {
|
6843
|
width: 60%;
|
6844
|
}
|
6845
|
.uk-width-4-5 {
|
6846
|
width: 80%;
|
6847
|
}
|
6848
|
/* Sixths */
|
6849
|
.uk-width-1-6 {
|
6850
|
width: calc(100% * 1 / 6.001);
|
6851
|
}
|
6852
|
.uk-width-5-6 {
|
6853
|
width: calc(100% * 5 / 6.001);
|
6854
|
}
|
6855
|
/* Pixel */
|
6856
|
.uk-width-small {
|
6857
|
width: 150px;
|
6858
|
}
|
6859
|
.uk-width-medium {
|
6860
|
width: 300px;
|
6861
|
}
|
6862
|
.uk-width-large {
|
6863
|
width: 450px;
|
6864
|
}
|
6865
|
.uk-width-xlarge {
|
6866
|
width: 600px;
|
6867
|
}
|
6868
|
.uk-width-xxlarge {
|
6869
|
width: 750px;
|
6870
|
}
|
6871
|
/* Auto */
|
6872
|
.uk-width-auto {
|
6873
|
width: auto;
|
6874
|
}
|
6875
|
/* Expand */
|
6876
|
.uk-width-expand {
|
6877
|
flex: 1;
|
6878
|
min-width: 1px;
|
6879
|
}
|
6880
|
/* Phone landscape and bigger */
|
6881
|
@media (min-width: 640px) {
|
6882
|
/* Whole */
|
6883
|
.uk-width-1-1\@s {
|
6884
|
width: 100%;
|
6885
|
}
|
6886
|
/* Halves */
|
6887
|
.uk-width-1-2\@s {
|
6888
|
width: 50%;
|
6889
|
}
|
6890
|
/* Thirds */
|
6891
|
.uk-width-1-3\@s {
|
6892
|
width: calc(100% * 1 / 3.001);
|
6893
|
}
|
6894
|
.uk-width-2-3\@s {
|
6895
|
width: calc(100% * 2 / 3.001);
|
6896
|
}
|
6897
|
/* Quarters */
|
6898
|
.uk-width-1-4\@s {
|
6899
|
width: 25%;
|
6900
|
}
|
6901
|
.uk-width-3-4\@s {
|
6902
|
width: 75%;
|
6903
|
}
|
6904
|
/* Fifths */
|
6905
|
.uk-width-1-5\@s {
|
6906
|
width: 20%;
|
6907
|
}
|
6908
|
.uk-width-2-5\@s {
|
6909
|
width: 40%;
|
6910
|
}
|
6911
|
.uk-width-3-5\@s {
|
6912
|
width: 60%;
|
6913
|
}
|
6914
|
.uk-width-4-5\@s {
|
6915
|
width: 80%;
|
6916
|
}
|
6917
|
/* Sixths */
|
6918
|
.uk-width-1-6\@s {
|
6919
|
width: calc(100% * 1 / 6.001);
|
6920
|
}
|
6921
|
.uk-width-5-6\@s {
|
6922
|
width: calc(100% * 5 / 6.001);
|
6923
|
}
|
6924
|
/* Pixel */
|
6925
|
.uk-width-small\@s {
|
6926
|
width: 150px;
|
6927
|
}
|
6928
|
.uk-width-medium\@s {
|
6929
|
width: 300px;
|
6930
|
}
|
6931
|
.uk-width-large\@s {
|
6932
|
width: 450px;
|
6933
|
}
|
6934
|
.uk-width-xlarge\@s {
|
6935
|
width: 600px;
|
6936
|
}
|
6937
|
.uk-width-xxlarge\@s {
|
6938
|
width: 750px;
|
6939
|
}
|
6940
|
/* Auto */
|
6941
|
.uk-width-auto\@s {
|
6942
|
width: auto;
|
6943
|
}
|
6944
|
/* Expand */
|
6945
|
.uk-width-expand\@s {
|
6946
|
flex: 1;
|
6947
|
min-width: 1px;
|
6948
|
}
|
6949
|
}
|
6950
|
/* Tablet landscape and bigger */
|
6951
|
@media (min-width: 960px) {
|
6952
|
/* Whole */
|
6953
|
.uk-width-1-1\@m {
|
6954
|
width: 100%;
|
6955
|
}
|
6956
|
/* Halves */
|
6957
|
.uk-width-1-2\@m {
|
6958
|
width: 50%;
|
6959
|
}
|
6960
|
/* Thirds */
|
6961
|
.uk-width-1-3\@m {
|
6962
|
width: calc(100% * 1 / 3.001);
|
6963
|
}
|
6964
|
.uk-width-2-3\@m {
|
6965
|
width: calc(100% * 2 / 3.001);
|
6966
|
}
|
6967
|
/* Quarters */
|
6968
|
.uk-width-1-4\@m {
|
6969
|
width: 25%;
|
6970
|
}
|
6971
|
.uk-width-3-4\@m {
|
6972
|
width: 75%;
|
6973
|
}
|
6974
|
/* Fifths */
|
6975
|
.uk-width-1-5\@m {
|
6976
|
width: 20%;
|
6977
|
}
|
6978
|
.uk-width-2-5\@m {
|
6979
|
width: 40%;
|
6980
|
}
|
6981
|
.uk-width-3-5\@m {
|
6982
|
width: 60%;
|
6983
|
}
|
6984
|
.uk-width-4-5\@m {
|
6985
|
width: 80%;
|
6986
|
}
|
6987
|
/* Sixths */
|
6988
|
.uk-width-1-6\@m {
|
6989
|
width: calc(100% * 1 / 6.001);
|
6990
|
}
|
6991
|
.uk-width-5-6\@m {
|
6992
|
width: calc(100% * 5 / 6.001);
|
6993
|
}
|
6994
|
/* Pixel */
|
6995
|
.uk-width-small\@m {
|
6996
|
width: 150px;
|
6997
|
}
|
6998
|
.uk-width-medium\@m {
|
6999
|
width: 300px;
|
7000
|
}
|
7001
|
.uk-width-large\@m {
|
7002
|
width: 450px;
|
7003
|
}
|
7004
|
.uk-width-xlarge\@m {
|
7005
|
width: 600px;
|
7006
|
}
|
7007
|
.uk-width-xxlarge\@m {
|
7008
|
width: 750px;
|
7009
|
}
|
7010
|
/* Auto */
|
7011
|
.uk-width-auto\@m {
|
7012
|
width: auto;
|
7013
|
}
|
7014
|
/* Expand */
|
7015
|
.uk-width-expand\@m {
|
7016
|
flex: 1;
|
7017
|
min-width: 1px;
|
7018
|
}
|
7019
|
}
|
7020
|
/* Desktop and bigger */
|
7021
|
@media (min-width: 1200px) {
|
7022
|
/* Whole */
|
7023
|
.uk-width-1-1\@l {
|
7024
|
width: 100%;
|
7025
|
}
|
7026
|
/* Halves */
|
7027
|
.uk-width-1-2\@l {
|
7028
|
width: 50%;
|
7029
|
}
|
7030
|
/* Thirds */
|
7031
|
.uk-width-1-3\@l {
|
7032
|
width: calc(100% * 1 / 3.001);
|
7033
|
}
|
7034
|
.uk-width-2-3\@l {
|
7035
|
width: calc(100% * 2 / 3.001);
|
7036
|
}
|
7037
|
/* Quarters */
|
7038
|
.uk-width-1-4\@l {
|
7039
|
width: 25%;
|
7040
|
}
|
7041
|
.uk-width-3-4\@l {
|
7042
|
width: 75%;
|
7043
|
}
|
7044
|
/* Fifths */
|
7045
|
.uk-width-1-5\@l {
|
7046
|
width: 20%;
|
7047
|
}
|
7048
|
.uk-width-2-5\@l {
|
7049
|
width: 40%;
|
7050
|
}
|
7051
|
.uk-width-3-5\@l {
|
7052
|
width: 60%;
|
7053
|
}
|
7054
|
.uk-width-4-5\@l {
|
7055
|
width: 80%;
|
7056
|
}
|
7057
|
/* Sixths */
|
7058
|
.uk-width-1-6\@l {
|
7059
|
width: calc(100% * 1 / 6.001);
|
7060
|
}
|
7061
|
.uk-width-5-6\@l {
|
7062
|
width: calc(100% * 5 / 6.001);
|
7063
|
}
|
7064
|
/* Pixel */
|
7065
|
.uk-width-small\@l {
|
7066
|
width: 150px;
|
7067
|
}
|
7068
|
.uk-width-medium\@l {
|
7069
|
width: 300px;
|
7070
|
}
|
7071
|
.uk-width-large\@l {
|
7072
|
width: 450px;
|
7073
|
}
|
7074
|
.uk-width-xlarge\@l {
|
7075
|
width: 600px;
|
7076
|
}
|
7077
|
.uk-width-xxlarge\@l {
|
7078
|
width: 750px;
|
7079
|
}
|
7080
|
/* Auto */
|
7081
|
.uk-width-auto\@l {
|
7082
|
width: auto;
|
7083
|
}
|
7084
|
/* Expand */
|
7085
|
.uk-width-expand\@l {
|
7086
|
flex: 1;
|
7087
|
min-width: 1px;
|
7088
|
}
|
7089
|
}
|
7090
|
/* Large screen and bigger */
|
7091
|
@media (min-width: 1600px) {
|
7092
|
/* Whole */
|
7093
|
.uk-width-1-1\@xl {
|
7094
|
width: 100%;
|
7095
|
}
|
7096
|
/* Halves */
|
7097
|
.uk-width-1-2\@xl {
|
7098
|
width: 50%;
|
7099
|
}
|
7100
|
/* Thirds */
|
7101
|
.uk-width-1-3\@xl {
|
7102
|
width: calc(100% * 1 / 3.001);
|
7103
|
}
|
7104
|
.uk-width-2-3\@xl {
|
7105
|
width: calc(100% * 2 / 3.001);
|
7106
|
}
|
7107
|
/* Quarters */
|
7108
|
.uk-width-1-4\@xl {
|
7109
|
width: 25%;
|
7110
|
}
|
7111
|
.uk-width-3-4\@xl {
|
7112
|
width: 75%;
|
7113
|
}
|
7114
|
/* Fifths */
|
7115
|
.uk-width-1-5\@xl {
|
7116
|
width: 20%;
|
7117
|
}
|
7118
|
.uk-width-2-5\@xl {
|
7119
|
width: 40%;
|
7120
|
}
|
7121
|
.uk-width-3-5\@xl {
|
7122
|
width: 60%;
|
7123
|
}
|
7124
|
.uk-width-4-5\@xl {
|
7125
|
width: 80%;
|
7126
|
}
|
7127
|
/* Sixths */
|
7128
|
.uk-width-1-6\@xl {
|
7129
|
width: calc(100% * 1 / 6.001);
|
7130
|
}
|
7131
|
.uk-width-5-6\@xl {
|
7132
|
width: calc(100% * 5 / 6.001);
|
7133
|
}
|
7134
|
/* Pixel */
|
7135
|
.uk-width-small\@xl {
|
7136
|
width: 150px;
|
7137
|
}
|
7138
|
.uk-width-medium\@xl {
|
7139
|
width: 300px;
|
7140
|
}
|
7141
|
.uk-width-large\@xl {
|
7142
|
width: 450px;
|
7143
|
}
|
7144
|
.uk-width-xlarge\@xl {
|
7145
|
width: 600px;
|
7146
|
}
|
7147
|
.uk-width-xxlarge\@xl {
|
7148
|
width: 750px;
|
7149
|
}
|
7150
|
/* Auto */
|
7151
|
.uk-width-auto\@xl {
|
7152
|
width: auto;
|
7153
|
}
|
7154
|
/* Expand */
|
7155
|
.uk-width-expand\@xl {
|
7156
|
flex: 1;
|
7157
|
min-width: 1px;
|
7158
|
}
|
7159
|
}
|
7160
|
/* ========================================================================
|
7161
|
Component: Height
|
7162
|
========================================================================== */
|
7163
|
[class*='uk-height'] {
|
7164
|
box-sizing: border-box;
|
7165
|
}
|
7166
|
/*
|
7167
|
* Only works if parent element has a height set
|
7168
|
*/
|
7169
|
.uk-height-1-1 {
|
7170
|
height: 100%;
|
7171
|
}
|
7172
|
/*
|
7173
|
* Useful to create image teasers
|
7174
|
*/
|
7175
|
.uk-height-viewport {
|
7176
|
min-height: 100vh;
|
7177
|
}
|
7178
|
/*
|
7179
|
* Pixel
|
7180
|
* Useful for `overflow: auto`
|
7181
|
*/
|
7182
|
.uk-height-small {
|
7183
|
height: 150px;
|
7184
|
}
|
7185
|
.uk-height-medium {
|
7186
|
height: 300px;
|
7187
|
}
|
7188
|
.uk-height-large {
|
7189
|
height: 450px;
|
7190
|
}
|
7191
|
.uk-height-max-small {
|
7192
|
max-height: 150px;
|
7193
|
}
|
7194
|
.uk-height-max-medium {
|
7195
|
max-height: 300px;
|
7196
|
}
|
7197
|
.uk-height-max-large {
|
7198
|
max-height: 450px;
|
7199
|
}
|
7200
|
/* ========================================================================
|
7201
|
Component: Text
|
7202
|
========================================================================== */
|
7203
|
/* Style modifiers
|
7204
|
========================================================================== */
|
7205
|
.uk-text-lead {
|
7206
|
font-size: 1.5rem;
|
7207
|
line-height: 1.5;
|
7208
|
color: #333;
|
7209
|
}
|
7210
|
.uk-text-meta {
|
7211
|
font-size: 0.875rem;
|
7212
|
line-height: 1.4;
|
7213
|
color: #999;
|
7214
|
}
|
7215
|
.uk-text-meta a {
|
7216
|
color: #999;
|
7217
|
}
|
7218
|
.uk-text-meta a:hover {
|
7219
|
color: #666;
|
7220
|
text-decoration: none;
|
7221
|
}
|
7222
|
/* Size modifiers
|
7223
|
========================================================================== */
|
7224
|
.uk-text-small {
|
7225
|
font-size: 0.875rem;
|
7226
|
line-height: 1.5;
|
7227
|
}
|
7228
|
.uk-text-large {
|
7229
|
font-size: 1.5rem;
|
7230
|
line-height: 1.5;
|
7231
|
}
|
7232
|
/* Weight modifier
|
7233
|
========================================================================== */
|
7234
|
.uk-text-light {
|
7235
|
font-weight: 300;
|
7236
|
}
|
7237
|
.uk-text-normal {
|
7238
|
font-weight: 400;
|
7239
|
}
|
7240
|
.uk-text-bold {
|
7241
|
font-weight: 700;
|
7242
|
}
|
7243
|
.uk-text-lighter {
|
7244
|
font-weight: lighter;
|
7245
|
}
|
7246
|
.uk-text-bolder {
|
7247
|
font-weight: bolder;
|
7248
|
}
|
7249
|
/* Style modifier
|
7250
|
========================================================================== */
|
7251
|
.uk-text-italic {
|
7252
|
font-style: italic;
|
7253
|
}
|
7254
|
/* Transform modifier
|
7255
|
========================================================================== */
|
7256
|
.uk-text-capitalize {
|
7257
|
text-transform: capitalize !important;
|
7258
|
}
|
7259
|
.uk-text-uppercase {
|
7260
|
text-transform: uppercase !important;
|
7261
|
}
|
7262
|
.uk-text-lowercase {
|
7263
|
text-transform: lowercase !important;
|
7264
|
}
|
7265
|
/* Color modifiers
|
7266
|
========================================================================== */
|
7267
|
.uk-text-muted {
|
7268
|
color: #999 !important;
|
7269
|
}
|
7270
|
.uk-text-emphasis {
|
7271
|
color: #333 !important;
|
7272
|
}
|
7273
|
.uk-text-primary {
|
7274
|
color: #1e87f0 !important;
|
7275
|
}
|
7276
|
.uk-text-secondary {
|
7277
|
color: #222 !important;
|
7278
|
}
|
7279
|
.uk-text-success {
|
7280
|
color: #32d296 !important;
|
7281
|
}
|
7282
|
.uk-text-warning {
|
7283
|
color: #faa05a !important;
|
7284
|
}
|
7285
|
.uk-text-danger {
|
7286
|
color: #f0506e !important;
|
7287
|
}
|
7288
|
/* Background modifier
|
7289
|
========================================================================== */
|
7290
|
/*
|
7291
|
* 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
|
7292
|
* Default color is set to transparent
|
7293
|
* 2. Container fits the text
|
7294
|
* 3. Fallback color for IE11
|
7295
|
*/
|
7296
|
.uk-text-background {
|
7297
|
/* 1 */
|
7298
|
-webkit-background-clip: text;
|
7299
|
-webkit-text-fill-color: transparent;
|
7300
|
/* 2 */
|
7301
|
display: inline-block;
|
7302
|
/* 3 */
|
7303
|
color: #1e87f0 !important;
|
7304
|
}
|
7305
|
@supports (-webkit-background-clip: text) {
|
7306
|
.uk-text-background {
|
7307
|
background-color: #1e87f0;
|
7308
|
}
|
7309
|
}
|
7310
|
/* Alignment modifiers
|
7311
|
========================================================================== */
|
7312
|
.uk-text-left {
|
7313
|
text-align: left !important;
|
7314
|
}
|
7315
|
.uk-text-right {
|
7316
|
text-align: right !important;
|
7317
|
}
|
7318
|
.uk-text-center {
|
7319
|
text-align: center !important;
|
7320
|
}
|
7321
|
.uk-text-justify {
|
7322
|
text-align: justify !important;
|
7323
|
}
|
7324
|
/* Phone landscape and bigger */
|
7325
|
@media (min-width: 640px) {
|
7326
|
.uk-text-left\@s {
|
7327
|
text-align: left !important;
|
7328
|
}
|
7329
|
.uk-text-right\@s {
|
7330
|
text-align: right !important;
|
7331
|
}
|
7332
|
.uk-text-center\@s {
|
7333
|
text-align: center !important;
|
7334
|
}
|
7335
|
}
|
7336
|
/* Tablet landscape and bigger */
|
7337
|
@media (min-width: 960px) {
|
7338
|
.uk-text-left\@m {
|
7339
|
text-align: left !important;
|
7340
|
}
|
7341
|
.uk-text-right\@m {
|
7342
|
text-align: right !important;
|
7343
|
}
|
7344
|
.uk-text-center\@m {
|
7345
|
text-align: center !important;
|
7346
|
}
|
7347
|
}
|
7348
|
/* Desktop and bigger */
|
7349
|
@media (min-width: 1200px) {
|
7350
|
.uk-text-left\@l {
|
7351
|
text-align: left !important;
|
7352
|
}
|
7353
|
.uk-text-right\@l {
|
7354
|
text-align: right !important;
|
7355
|
}
|
7356
|
.uk-text-center\@l {
|
7357
|
text-align: center !important;
|
7358
|
}
|
7359
|
}
|
7360
|
/* Large screen and bigger */
|
7361
|
@media (min-width: 1600px) {
|
7362
|
.uk-text-left\@xl {
|
7363
|
text-align: left !important;
|
7364
|
}
|
7365
|
.uk-text-right\@xl {
|
7366
|
text-align: right !important;
|
7367
|
}
|
7368
|
.uk-text-center\@xl {
|
7369
|
text-align: center !important;
|
7370
|
}
|
7371
|
}
|
7372
|
/*
|
7373
|
* Vertical
|
7374
|
*/
|
7375
|
.uk-text-top {
|
7376
|
vertical-align: top !important;
|
7377
|
}
|
7378
|
.uk-text-middle {
|
7379
|
vertical-align: middle !important;
|
7380
|
}
|
7381
|
.uk-text-bottom {
|
7382
|
vertical-align: bottom !important;
|
7383
|
}
|
7384
|
.uk-text-baseline {
|
7385
|
vertical-align: baseline !important;
|
7386
|
}
|
7387
|
/* Wrap modifiers
|
7388
|
========================================================================== */
|
7389
|
/*
|
7390
|
* Prevent text from wrapping onto multiple lines
|
7391
|
*/
|
7392
|
.uk-text-nowrap {
|
7393
|
white-space: nowrap;
|
7394
|
}
|
7395
|
/*
|
7396
|
* 1. Make sure a max-width is set after which truncation can occur
|
7397
|
* 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
|
7398
|
* 3. Fix for table cells
|
7399
|
*/
|
7400
|
.uk-text-truncate {
|
7401
|
/* 1 */
|
7402
|
max-width: 100%;
|
7403
|
/* 2 */
|
7404
|
overflow: hidden;
|
7405
|
text-overflow: ellipsis;
|
7406
|
white-space: nowrap;
|
7407
|
}
|
7408
|
/* 2 */
|
7409
|
th.uk-text-truncate,
|
7410
|
td.uk-text-truncate {
|
7411
|
max-width: 0;
|
7412
|
}
|
7413
|
/*
|
7414
|
* 1. Wrap long words onto the next line and break them if they are too long to fit
|
7415
|
* 2. Legacy `word-wrap` as fallback for `overflow-wrap`
|
7416
|
* 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
|
7417
|
* Must use `break-all` to support IE11 and Edge
|
7418
|
* Note: Not using `hyphens: auto;` because it hyphenates text even if not needed
|
7419
|
*/
|
7420
|
.uk-text-break {
|
7421
|
/* 1 */
|
7422
|
overflow-wrap: break-word;
|
7423
|
/* 2 */
|
7424
|
word-wrap: break-word;
|
7425
|
}
|
7426
|
/* 3 */
|
7427
|
th.uk-text-break,
|
7428
|
td.uk-text-break {
|
7429
|
word-break: break-all;
|
7430
|
}
|
7431
|
/* ========================================================================
|
7432
|
Component: Column
|
7433
|
========================================================================== */
|
7434
|
[class*='uk-column-'] {
|
7435
|
column-gap: 30px;
|
7436
|
}
|
7437
|
/* Desktop and bigger */
|
7438
|
@media (min-width: 1200px) {
|
7439
|
[class*='uk-column-'] {
|
7440
|
column-gap: 40px;
|
7441
|
}
|
7442
|
}
|
7443
|
/*
|
7444
|
* Fix image 1px line wrapping into the next column in Chrome
|
7445
|
*/
|
7446
|
[class*='uk-column-'] img {
|
7447
|
transform: translate3d(0, 0, 0);
|
7448
|
}
|
7449
|
/* Divider
|
7450
|
========================================================================== */
|
7451
|
/*
|
7452
|
* 1. Double the column gap
|
7453
|
*/
|
7454
|
.uk-column-divider {
|
7455
|
column-rule: 1px solid #e5e5e5;
|
7456
|
/* 1 */
|
7457
|
column-gap: 60px;
|
7458
|
}
|
7459
|
/* Desktop and bigger */
|
7460
|
@media (min-width: 1200px) {
|
7461
|
.uk-column-divider {
|
7462
|
column-gap: 80px;
|
7463
|
}
|
7464
|
}
|
7465
|
/* Width modifiers
|
7466
|
========================================================================== */
|
7467
|
.uk-column-1-2 {
|
7468
|
column-count: 2;
|
7469
|
}
|
7470
|
.uk-column-1-3 {
|
7471
|
column-count: 3;
|
7472
|
}
|
7473
|
.uk-column-1-4 {
|
7474
|
column-count: 4;
|
7475
|
}
|
7476
|
.uk-column-1-5 {
|
7477
|
column-count: 5;
|
7478
|
}
|
7479
|
.uk-column-1-6 {
|
7480
|
column-count: 6;
|
7481
|
}
|
7482
|
/* Phone landscape and bigger */
|
7483
|
@media (min-width: 640px) {
|
7484
|
.uk-column-1-2\@s {
|
7485
|
column-count: 2;
|
7486
|
}
|
7487
|
.uk-column-1-3\@s {
|
7488
|
column-count: 3;
|
7489
|
}
|
7490
|
.uk-column-1-4\@s {
|
7491
|
column-count: 4;
|
7492
|
}
|
7493
|
.uk-column-1-5\@s {
|
7494
|
column-count: 5;
|
7495
|
}
|
7496
|
.uk-column-1-6\@s {
|
7497
|
column-count: 6;
|
7498
|
}
|
7499
|
}
|
7500
|
/* Tablet landscape and bigger */
|
7501
|
@media (min-width: 960px) {
|
7502
|
.uk-column-1-2\@m {
|
7503
|
column-count: 2;
|
7504
|
}
|
7505
|
.uk-column-1-3\@m {
|
7506
|
column-count: 3;
|
7507
|
}
|
7508
|
.uk-column-1-4\@m {
|
7509
|
column-count: 4;
|
7510
|
}
|
7511
|
.uk-column-1-5\@m {
|
7512
|
column-count: 5;
|
7513
|
}
|
7514
|
.uk-column-1-6\@m {
|
7515
|
column-count: 6;
|
7516
|
}
|
7517
|
}
|
7518
|
/* Desktop and bigger */
|
7519
|
@media (min-width: 1200px) {
|
7520
|
.uk-column-1-2\@l {
|
7521
|
column-count: 2;
|
7522
|
}
|
7523
|
.uk-column-1-3\@l {
|
7524
|
column-count: 3;
|
7525
|
}
|
7526
|
.uk-column-1-4\@l {
|
7527
|
column-count: 4;
|
7528
|
}
|
7529
|
.uk-column-1-5\@l {
|
7530
|
column-count: 5;
|
7531
|
}
|
7532
|
.uk-column-1-6\@l {
|
7533
|
column-count: 6;
|
7534
|
}
|
7535
|
}
|
7536
|
/* Large screen and bigger */
|
7537
|
@media (min-width: 1600px) {
|
7538
|
.uk-column-1-2\@xl {
|
7539
|
column-count: 2;
|
7540
|
}
|
7541
|
.uk-column-1-3\@xl {
|
7542
|
column-count: 3;
|
7543
|
}
|
7544
|
.uk-column-1-4\@xl {
|
7545
|
column-count: 4;
|
7546
|
}
|
7547
|
.uk-column-1-5\@xl {
|
7548
|
column-count: 5;
|
7549
|
}
|
7550
|
.uk-column-1-6\@xl {
|
7551
|
column-count: 6;
|
7552
|
}
|
7553
|
}
|
7554
|
/* Make element span across all columns
|
7555
|
* Does not work in Firefox yet
|
7556
|
========================================================================== */
|
7557
|
.uk-column-span {
|
7558
|
column-span: all;
|
7559
|
}
|
7560
|
/* ========================================================================
|
7561
|
Component: Cover
|
7562
|
========================================================================== */
|
7563
|
/*
|
7564
|
* Works with iframes and embedded content
|
7565
|
* 1. Reset responsiveness for embedded content
|
7566
|
* 2. Center object
|
7567
|
* Note: Percent values on the `top` property only works if this element
|
7568
|
* is absolute positioned or if the container has a height
|
7569
|
*/
|
7570
|
.uk-cover {
|
7571
|
/* 1 */
|
7572
|
max-width: none;
|
7573
|
/* 2 */
|
7574
|
position: absolute;
|
7575
|
left: 50%;
|
7576
|
top: 50%;
|
7577
|
transform: translate(-50%, -50%);
|
7578
|
}
|
7579
|
iframe.uk-cover {
|
7580
|
pointer-events: none;
|
7581
|
}
|
7582
|
/* Container
|
7583
|
========================================================================== */
|
7584
|
/*
|
7585
|
* 1. Parent container which clips resized object
|
7586
|
* 2. Needed if the child is positioned absolute. See note above
|
7587
|
*/
|
7588
|
.uk-cover-container {
|
7589
|
/* 1 */
|
7590
|
overflow: hidden;
|
7591
|
/* 2 */
|
7592
|
position: relative;
|
7593
|
}
|
7594
|
/* ========================================================================
|
7595
|
Component: Background
|
7596
|
========================================================================== */
|
7597
|
/* Color
|
7598
|
========================================================================== */
|
7599
|
.uk-background-default {
|
7600
|
background-color: #fff;
|
7601
|
}
|
7602
|
.uk-background-muted {
|
7603
|
background-color: #f8f8f8;
|
7604
|
}
|
7605
|
.uk-background-primary {
|
7606
|
background-color: #1e87f0;
|
7607
|
}
|
7608
|
.uk-background-secondary {
|
7609
|
background-color: #222;
|
7610
|
}
|
7611
|
/* Size
|
7612
|
========================================================================== */
|
7613
|
.uk-background-cover,
|
7614
|
.uk-background-contain {
|
7615
|
background-position: 50% 50%;
|
7616
|
background-repeat: no-repeat;
|
7617
|
}
|
7618
|
.uk-background-cover {
|
7619
|
background-size: cover;
|
7620
|
}
|
7621
|
.uk-background-contain {
|
7622
|
background-size: contain;
|
7623
|
}
|
7624
|
/* Position
|
7625
|
========================================================================== */
|
7626
|
.uk-background-top-left {
|
7627
|
background-position: 0 0;
|
7628
|
}
|
7629
|
.uk-background-top-center {
|
7630
|
background-position: 50% 0;
|
7631
|
}
|
7632
|
.uk-background-top-right {
|
7633
|
background-position: 100% 0;
|
7634
|
}
|
7635
|
.uk-background-center-left {
|
7636
|
background-position: 0 50%;
|
7637
|
}
|
7638
|
.uk-background-center-center {
|
7639
|
background-position: 50% 50%;
|
7640
|
}
|
7641
|
.uk-background-center-right {
|
7642
|
background-position: 100% 50%;
|
7643
|
}
|
7644
|
.uk-background-bottom-left {
|
7645
|
background-position: 0 100%;
|
7646
|
}
|
7647
|
.uk-background-bottom-center {
|
7648
|
background-position: 50% 100%;
|
7649
|
}
|
7650
|
.uk-background-bottom-right {
|
7651
|
background-position: 100% 100%;
|
7652
|
}
|
7653
|
/* Repeat
|
7654
|
========================================================================== */
|
7655
|
.uk-background-norepeat {
|
7656
|
background-repeat: no-repeat;
|
7657
|
}
|
7658
|
/* Attachment
|
7659
|
========================================================================== */
|
7660
|
/*
|
7661
|
* 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d`
|
7662
|
*/
|
7663
|
.uk-background-fixed {
|
7664
|
background-attachment: fixed;
|
7665
|
/* 1 */
|
7666
|
backface-visibility: hidden;
|
7667
|
}
|
7668
|
/*
|
7669
|
* Exclude touch devices because `fixed` doesn't work on iOS and Android
|
7670
|
*/
|
7671
|
@media (pointer: coarse) {
|
7672
|
.uk-background-fixed {
|
7673
|
background-attachment: scroll;
|
7674
|
}
|
7675
|
}
|
7676
|
/* Image
|
7677
|
========================================================================== */
|
7678
|
/* Phone portrait and smaller */
|
7679
|
@media (max-width: 639px) {
|
7680
|
.uk-background-image\@s {
|
7681
|
background-image: none !important;
|
7682
|
}
|
7683
|
}
|
7684
|
/* Phone landscape and smaller */
|
7685
|
@media (max-width: 959px) {
|
7686
|
.uk-background-image\@m {
|
7687
|
background-image: none !important;
|
7688
|
}
|
7689
|
}
|
7690
|
/* Tablet landscape and smaller */
|
7691
|
@media (max-width: 1199px) {
|
7692
|
.uk-background-image\@l {
|
7693
|
background-image: none !important;
|
7694
|
}
|
7695
|
}
|
7696
|
/* Desktop and smaller */
|
7697
|
@media (max-width: 1599px) {
|
7698
|
.uk-background-image\@xl {
|
7699
|
background-image: none !important;
|
7700
|
}
|
7701
|
}
|
7702
|
/* Blend modes
|
7703
|
========================================================================== */
|
7704
|
.uk-background-blend-multiply {
|
7705
|
background-blend-mode: multiply;
|
7706
|
}
|
7707
|
.uk-background-blend-screen {
|
7708
|
background-blend-mode: screen;
|
7709
|
}
|
7710
|
.uk-background-blend-overlay {
|
7711
|
background-blend-mode: overlay;
|
7712
|
}
|
7713
|
.uk-background-blend-darken {
|
7714
|
background-blend-mode: darken;
|
7715
|
}
|
7716
|
.uk-background-blend-lighten {
|
7717
|
background-blend-mode: lighten;
|
7718
|
}
|
7719
|
.uk-background-blend-color-dodge {
|
7720
|
background-blend-mode: color-dodge;
|
7721
|
}
|
7722
|
.uk-background-blend-color-burn {
|
7723
|
background-blend-mode: color-burn;
|
7724
|
}
|
7725
|
.uk-background-blend-hard-light {
|
7726
|
background-blend-mode: hard-light;
|
7727
|
}
|
7728
|
.uk-background-blend-soft-light {
|
7729
|
background-blend-mode: soft-light;
|
7730
|
}
|
7731
|
.uk-background-blend-difference {
|
7732
|
background-blend-mode: difference;
|
7733
|
}
|
7734
|
.uk-background-blend-exclusion {
|
7735
|
background-blend-mode: exclusion;
|
7736
|
}
|
7737
|
.uk-background-blend-hue {
|
7738
|
background-blend-mode: hue;
|
7739
|
}
|
7740
|
.uk-background-blend-saturation {
|
7741
|
background-blend-mode: saturation;
|
7742
|
}
|
7743
|
.uk-background-blend-color {
|
7744
|
background-blend-mode: color;
|
7745
|
}
|
7746
|
.uk-background-blend-luminosity {
|
7747
|
background-blend-mode: luminosity;
|
7748
|
}
|
7749
|
/* ========================================================================
|
7750
|
Component: Align
|
7751
|
========================================================================== */
|
7752
|
/*
|
7753
|
* Default
|
7754
|
*/
|
7755
|
[class*='uk-align'] {
|
7756
|
display: block;
|
7757
|
margin-bottom: 30px;
|
7758
|
}
|
7759
|
* + [class*='uk-align'] {
|
7760
|
margin-top: 30px;
|
7761
|
}
|
7762
|
/*
|
7763
|
* Center
|
7764
|
*/
|
7765
|
.uk-align-center {
|
7766
|
margin-left: auto;
|
7767
|
margin-right: auto;
|
7768
|
}
|
7769
|
/*
|
7770
|
* Left/Right
|
7771
|
*/
|
7772
|
.uk-align-left {
|
7773
|
margin-top: 0;
|
7774
|
margin-right: 30px;
|
7775
|
float: left;
|
7776
|
}
|
7777
|
.uk-align-right {
|
7778
|
margin-top: 0;
|
7779
|
margin-left: 30px;
|
7780
|
float: right;
|
7781
|
}
|
7782
|
/* Phone landscape and bigger */
|
7783
|
@media (min-width: 640px) {
|
7784
|
.uk-align-left\@s {
|
7785
|
margin-top: 0;
|
7786
|
margin-right: 30px;
|
7787
|
float: left;
|
7788
|
}
|
7789
|
.uk-align-right\@s {
|
7790
|
margin-top: 0;
|
7791
|
margin-left: 30px;
|
7792
|
float: right;
|
7793
|
}
|
7794
|
}
|
7795
|
/* Tablet landscape and bigger */
|
7796
|
@media (min-width: 960px) {
|
7797
|
.uk-align-left\@m {
|
7798
|
margin-top: 0;
|
7799
|
margin-right: 30px;
|
7800
|
float: left;
|
7801
|
}
|
7802
|
.uk-align-right\@m {
|
7803
|
margin-top: 0;
|
7804
|
margin-left: 30px;
|
7805
|
float: right;
|
7806
|
}
|
7807
|
}
|
7808
|
/* Desktop and bigger */
|
7809
|
@media (min-width: 1200px) {
|
7810
|
.uk-align-left\@l {
|
7811
|
margin-top: 0;
|
7812
|
float: left;
|
7813
|
}
|
7814
|
.uk-align-right\@l {
|
7815
|
margin-top: 0;
|
7816
|
float: right;
|
7817
|
}
|
7818
|
.uk-align-left,
|
7819
|
.uk-align-left\@s,
|
7820
|
.uk-align-left\@m,
|
7821
|
.uk-align-left\@l {
|
7822
|
margin-right: 40px;
|
7823
|
}
|
7824
|
.uk-align-right,
|
7825
|
.uk-align-right\@s,
|
7826
|
.uk-align-right\@m,
|
7827
|
.uk-align-right\@l {
|
7828
|
margin-left: 40px;
|
7829
|
}
|
7830
|
}
|
7831
|
/* Large screen and bigger */
|
7832
|
@media (min-width: 1600px) {
|
7833
|
.uk-align-left\@xl {
|
7834
|
margin-top: 0;
|
7835
|
margin-right: 40px;
|
7836
|
float: left;
|
7837
|
}
|
7838
|
.uk-align-right\@xl {
|
7839
|
margin-top: 0;
|
7840
|
margin-left: 40px;
|
7841
|
float: right;
|
7842
|
}
|
7843
|
}
|
7844
|
/* ========================================================================
|
7845
|
Component: SVG
|
7846
|
========================================================================== */
|
7847
|
/*
|
7848
|
* 1. Fill all SVG elements with the current text color if no `fill` attribute is set
|
7849
|
* 2. Set the fill and stroke color of all SVG elements to the current text color
|
7850
|
*/
|
7851
|
/* 1 */
|
7852
|
.uk-svg,
|
7853
|
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
|
7854
|
fill: currentcolor;
|
7855
|
}
|
7856
|
.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
|
7857
|
stroke: currentcolor;
|
7858
|
}
|
7859
|
/*
|
7860
|
* Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
|
7861
|
*/
|
7862
|
.uk-svg {
|
7863
|
transform: translate(0, 0);
|
7864
|
}
|
7865
|
/* ========================================================================
|
7866
|
Component: Utility
|
7867
|
========================================================================== */
|
7868
|
/* Panel
|
7869
|
========================================================================== */
|
7870
|
.uk-panel {
|
7871
|
position: relative;
|
7872
|
box-sizing: border-box;
|
7873
|
}
|
7874
|
/*
|
7875
|
* Micro clearfix
|
7876
|
*/
|
7877
|
.uk-panel::before,
|
7878
|
.uk-panel::after {
|
7879
|
content: "";
|
7880
|
display: table;
|
7881
|
}
|
7882
|
.uk-panel::after {
|
7883
|
clear: both;
|
7884
|
}
|
7885
|
/*
|
7886
|
* Remove margin from the last-child
|
7887
|
*/
|
7888
|
.uk-panel > :last-child {
|
7889
|
margin-bottom: 0;
|
7890
|
}
|
7891
|
/*
|
7892
|
* Scrollable
|
7893
|
*/
|
7894
|
.uk-panel-scrollable {
|
7895
|
height: 170px;
|
7896
|
padding: 10px;
|
7897
|
border: 1px solid #e5e5e5;
|
7898
|
overflow: auto;
|
7899
|
-webkit-overflow-scrolling: touch;
|
7900
|
resize: both;
|
7901
|
}
|
7902
|
/* Clearfix
|
7903
|
========================================================================== */
|
7904
|
/*
|
7905
|
* 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
|
7906
|
* 2. `table` is used again with `::after` because `clear` only works with block elements.
|
7907
|
* Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
|
7908
|
*/
|
7909
|
/* 1 */
|
7910
|
.uk-clearfix::before {
|
7911
|
content: "";
|
7912
|
display: table-cell;
|
7913
|
}
|
7914
|
/* 2 */
|
7915
|
.uk-clearfix::after {
|
7916
|
content: "";
|
7917
|
display: table;
|
7918
|
clear: both;
|
7919
|
}
|
7920
|
/* Float
|
7921
|
========================================================================== */
|
7922
|
/*
|
7923
|
* 1. Prevent content overflow
|
7924
|
*/
|
7925
|
.uk-float-left {
|
7926
|
float: left;
|
7927
|
}
|
7928
|
.uk-float-right {
|
7929
|
float: right;
|
7930
|
}
|
7931
|
/* 1 */
|
7932
|
[class*='uk-float-'] {
|
7933
|
max-width: 100%;
|
7934
|
}
|
7935
|
/* Overfow
|
7936
|
========================================================================== */
|
7937
|
.uk-overflow-hidden {
|
7938
|
overflow: hidden;
|
7939
|
}
|
7940
|
/*
|
7941
|
* Enable scrollbars if content is clipped
|
7942
|
* Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
|
7943
|
*/
|
7944
|
.uk-overflow-auto {
|
7945
|
overflow: auto;
|
7946
|
-webkit-overflow-scrolling: touch;
|
7947
|
}
|
7948
|
.uk-overflow-auto > :last-child {
|
7949
|
margin-bottom: 0;
|
7950
|
}
|
7951
|
/* Resize
|
7952
|
========================================================================== */
|
7953
|
.uk-resize {
|
7954
|
resize: both;
|
7955
|
}
|
7956
|
.uk-resize-vertical {
|
7957
|
resize: vertical;
|
7958
|
}
|
7959
|
/* Display
|
7960
|
========================================================================== */
|
7961
|
.uk-display-block {
|
7962
|
display: block !important;
|
7963
|
}
|
7964
|
.uk-display-inline {
|
7965
|
display: inline !important;
|
7966
|
}
|
7967
|
.uk-display-inline-block {
|
7968
|
display: inline-block !important;
|
7969
|
}
|
7970
|
/* Inline
|
7971
|
========================================================================== */
|
7972
|
/*
|
7973
|
* 1. Container fits its content
|
7974
|
* 2. Create position context
|
7975
|
* 3. Prevent content overflow
|
7976
|
* 4. Behave like most inline-block elements
|
7977
|
* 5. Force hardware acceleration without creating a new stacking context
|
7978
|
* to fix 1px glitch when combined with overlays and transitions in Webkit
|
7979
|
* 6. Clip child elements
|
7980
|
*/
|
7981
|
[class*='uk-inline'] {
|
7982
|
/* 1 */
|
7983
|
display: inline-block;
|
7984
|
/* 2 */
|
7985
|
position: relative;
|
7986
|
/* 3 */
|
7987
|
max-width: 100%;
|
7988
|
/* 4 */
|
7989
|
vertical-align: middle;
|
7990
|
/* 5 */
|
7991
|
-webkit-backface-visibility: hidden;
|
7992
|
}
|
7993
|
.uk-inline-clip {
|
7994
|
/* 6 */
|
7995
|
overflow: hidden;
|
7996
|
}
|
7997
|
/* Responsive objects
|
7998
|
========================================================================== */
|
7999
|
/*
|
8000
|
* Preserve original dimensions
|
8001
|
* Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component
|
8002
|
*/
|
8003
|
.uk-preserve-width,
|
8004
|
.uk-preserve-width canvas,
|
8005
|
.uk-preserve-width img,
|
8006
|
.uk-preserve-width svg,
|
8007
|
.uk-preserve-width video {
|
8008
|
max-width: none;
|
8009
|
}
|
8010
|
/*
|
8011
|
* Responsiveness
|
8012
|
* Corrects `max-width` and `max-height` behavior if padding and border are used
|
8013
|
*/
|
8014
|
.uk-responsive-width,
|
8015
|
.uk-responsive-height {
|
8016
|
box-sizing: border-box;
|
8017
|
}
|
8018
|
/*
|
8019
|
* 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
|
8020
|
* 2. Auto scale the height. Only needed if `height` attribute is present
|
8021
|
*/
|
8022
|
.uk-responsive-width {
|
8023
|
/* 1 */
|
8024
|
max-width: 100% !important;
|
8025
|
/* 2 */
|
8026
|
height: auto;
|
8027
|
}
|
8028
|
/*
|
8029
|
* 1. Set a maximum height. Only works if the parent element has a fixed height
|
8030
|
* 2. Auto scale the width. Only needed if `width` attribute is present
|
8031
|
* 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default
|
8032
|
*/
|
8033
|
.uk-responsive-height {
|
8034
|
/* 1 */
|
8035
|
max-height: 100%;
|
8036
|
/* 2 */
|
8037
|
width: auto;
|
8038
|
/* 3 */
|
8039
|
max-width: none;
|
8040
|
}
|
8041
|
/* Border
|
8042
|
========================================================================== */
|
8043
|
.uk-border-circle {
|
8044
|
border-radius: 50%;
|
8045
|
}
|
8046
|
.uk-border-pill {
|
8047
|
border-radius: 500px;
|
8048
|
}
|
8049
|
.uk-border-rounded {
|
8050
|
border-radius: 5px;
|
8051
|
}
|
8052
|
/*
|
8053
|
* Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
|
8054
|
*/
|
8055
|
.uk-inline-clip[class*='uk-border-'] {
|
8056
|
-webkit-transform: translateZ(0);
|
8057
|
}
|
8058
|
/* Box-shadow
|
8059
|
========================================================================== */
|
8060
|
.uk-box-shadow-small {
|
8061
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
8062
|
}
|
8063
|
.uk-box-shadow-medium {
|
8064
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
8065
|
}
|
8066
|
.uk-box-shadow-large {
|
8067
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
8068
|
}
|
8069
|
.uk-box-shadow-xlarge {
|
8070
|
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
|
8071
|
}
|
8072
|
/*
|
8073
|
* Hover
|
8074
|
*/
|
8075
|
[class*='uk-box-shadow-hover'] {
|
8076
|
transition: box-shadow 0.1s ease-in-out;
|
8077
|
}
|
8078
|
.uk-box-shadow-hover-small:hover {
|
8079
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
8080
|
}
|
8081
|
.uk-box-shadow-hover-medium:hover {
|
8082
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
8083
|
}
|
8084
|
.uk-box-shadow-hover-large:hover {
|
8085
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
8086
|
}
|
8087
|
.uk-box-shadow-hover-xlarge:hover {
|
8088
|
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
|
8089
|
}
|
8090
|
/* Box-shadow bottom
|
8091
|
========================================================================== */
|
8092
|
/*
|
8093
|
* 1. Set position.
|
8094
|
* 2. Set style
|
8095
|
* 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
|
8096
|
* Solved by using `before` and add position context to child elements.
|
8097
|
*/
|
8098
|
@supports (filter: blur(0)) {
|
8099
|
.uk-box-shadow-bottom {
|
8100
|
display: inline-block;
|
8101
|
position: relative;
|
8102
|
max-width: 100%;
|
8103
|
vertical-align: middle;
|
8104
|
}
|
8105
|
.uk-box-shadow-bottom::before {
|
8106
|
content: '';
|
8107
|
/* 1 */
|
8108
|
position: absolute;
|
8109
|
bottom: -30px;
|
8110
|
left: 0;
|
8111
|
right: 0;
|
8112
|
/* 2 */
|
8113
|
height: 30px;
|
8114
|
border-radius: 100%;
|
8115
|
background: #444;
|
8116
|
filter: blur(20px);
|
8117
|
}
|
8118
|
/* 3 */
|
8119
|
.uk-box-shadow-bottom > * {
|
8120
|
position: relative;
|
8121
|
}
|
8122
|
}
|
8123
|
/* Drop cap
|
8124
|
========================================================================== */
|
8125
|
/*
|
8126
|
* 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
|
8127
|
* https://bugzilla.mozilla.org/show_bug.cgi?id=214004
|
8128
|
* 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
|
8129
|
* https://bugzilla.mozilla.org/show_bug.cgi?id=317933
|
8130
|
* 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector
|
8131
|
* This doubles the `font-size` exponential when using the `em` unit.
|
8132
|
*/
|
8133
|
.uk-dropcap::first-letter,
|
8134
|
.uk-dropcap > p:first-of-type::first-letter {
|
8135
|
display: block;
|
8136
|
margin-right: 10px;
|
8137
|
float: left;
|
8138
|
font-size: 4.5em;
|
8139
|
line-height: 1;
|
8140
|
margin-bottom: -2px;
|
8141
|
}
|
8142
|
/* 2 */
|
8143
|
@-moz-document url-prefix() {
|
8144
|
.uk-dropcap::first-letter,
|
8145
|
.uk-dropcap > p:first-of-type::first-letter {
|
8146
|
margin-top: 1.1%;
|
8147
|
}
|
8148
|
}
|
8149
|
/* 3 */
|
8150
|
@supports (-ms-ime-align: auto) {
|
8151
|
.uk-dropcap > p:first-of-type::first-letter {
|
8152
|
font-size: 1em;
|
8153
|
}
|
8154
|
}
|
8155
|
/* Logo
|
8156
|
========================================================================== */
|
8157
|
/*
|
8158
|
* 1. Required for `a`
|
8159
|
*/
|
8160
|
.uk-logo {
|
8161
|
font-size: 1.5rem;
|
8162
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
8163
|
color: #666;
|
8164
|
/* 1 */
|
8165
|
text-decoration: none;
|
8166
|
}
|
8167
|
/* Hover + Focus */
|
8168
|
.uk-logo:hover,
|
8169
|
.uk-logo:focus {
|
8170
|
color: #666;
|
8171
|
outline: none;
|
8172
|
/* 1 */
|
8173
|
text-decoration: none;
|
8174
|
}
|
8175
|
.uk-logo-inverse {
|
8176
|
display: none;
|
8177
|
}
|
8178
|
/* Disabled State
|
8179
|
========================================================================== */
|
8180
|
.uk-disabled {
|
8181
|
pointer-events: none;
|
8182
|
}
|
8183
|
/* Drag State
|
8184
|
========================================================================== */
|
8185
|
/*
|
8186
|
* 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
|
8187
|
* 2. Fix dragging over iframes
|
8188
|
*/
|
8189
|
.uk-drag,
|
8190
|
.uk-drag * {
|
8191
|
cursor: move;
|
8192
|
}
|
8193
|
/* 2 */
|
8194
|
.uk-drag iframe {
|
8195
|
pointer-events: none;
|
8196
|
}
|
8197
|
/* Dragover State
|
8198
|
========================================================================== */
|
8199
|
/*
|
8200
|
* Create a box-shadow when dragging a file over the upload area
|
8201
|
*/
|
8202
|
.uk-dragover {
|
8203
|
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
8204
|
}
|
8205
|
/* Blend modes
|
8206
|
========================================================================== */
|
8207
|
.uk-blend-multiply {
|
8208
|
mix-blend-mode: multiply;
|
8209
|
}
|
8210
|
.uk-blend-screen {
|
8211
|
mix-blend-mode: screen;
|
8212
|
}
|
8213
|
.uk-blend-overlay {
|
8214
|
mix-blend-mode: overlay;
|
8215
|
}
|
8216
|
.uk-blend-darken {
|
8217
|
mix-blend-mode: darken;
|
8218
|
}
|
8219
|
.uk-blend-lighten {
|
8220
|
mix-blend-mode: lighten;
|
8221
|
}
|
8222
|
.uk-blend-color-dodge {
|
8223
|
mix-blend-mode: color-dodge;
|
8224
|
}
|
8225
|
.uk-blend-color-burn {
|
8226
|
mix-blend-mode: color-burn;
|
8227
|
}
|
8228
|
.uk-blend-hard-light {
|
8229
|
mix-blend-mode: hard-light;
|
8230
|
}
|
8231
|
.uk-blend-soft-light {
|
8232
|
mix-blend-mode: soft-light;
|
8233
|
}
|
8234
|
.uk-blend-difference {
|
8235
|
mix-blend-mode: difference;
|
8236
|
}
|
8237
|
.uk-blend-exclusion {
|
8238
|
mix-blend-mode: exclusion;
|
8239
|
}
|
8240
|
.uk-blend-hue {
|
8241
|
mix-blend-mode: hue;
|
8242
|
}
|
8243
|
.uk-blend-saturation {
|
8244
|
mix-blend-mode: saturation;
|
8245
|
}
|
8246
|
.uk-blend-color {
|
8247
|
mix-blend-mode: color;
|
8248
|
}
|
8249
|
.uk-blend-luminosity {
|
8250
|
mix-blend-mode: luminosity;
|
8251
|
}
|
8252
|
/* Transform
|
8253
|
========================================================================== */
|
8254
|
.uk-transform-center {
|
8255
|
transform: translate(-50%, -50%);
|
8256
|
}
|
8257
|
/* Transform Origin
|
8258
|
========================================================================== */
|
8259
|
.uk-transform-origin-top-left {
|
8260
|
transform-origin: 0 0;
|
8261
|
}
|
8262
|
.uk-transform-origin-top-center {
|
8263
|
transform-origin: 50% 0;
|
8264
|
}
|
8265
|
.uk-transform-origin-top-right {
|
8266
|
transform-origin: 100% 0;
|
8267
|
}
|
8268
|
.uk-transform-origin-center-left {
|
8269
|
transform-origin: 0 50%;
|
8270
|
}
|
8271
|
.uk-transform-origin-center-right {
|
8272
|
transform-origin: 100% 50%;
|
8273
|
}
|
8274
|
.uk-transform-origin-bottom-left {
|
8275
|
transform-origin: 0 100%;
|
8276
|
}
|
8277
|
.uk-transform-origin-bottom-center {
|
8278
|
transform-origin: 50% 100%;
|
8279
|
}
|
8280
|
.uk-transform-origin-bottom-right {
|
8281
|
transform-origin: 100% 100%;
|
8282
|
}
|
8283
|
/* ========================================================================
|
8284
|
Component: Flex
|
8285
|
========================================================================== */
|
8286
|
.uk-flex {
|
8287
|
display: flex;
|
8288
|
}
|
8289
|
.uk-flex-inline {
|
8290
|
display: inline-flex;
|
8291
|
}
|
8292
|
/*
|
8293
|
* Remove pseudo elements created by micro clearfix as precaution
|
8294
|
*/
|
8295
|
.uk-flex::before,
|
8296
|
.uk-flex::after,
|
8297
|
.uk-flex-inline::before,
|
8298
|
.uk-flex-inline::after {
|
8299
|
display: none;
|
8300
|
}
|
8301
|
/* Alignment
|
8302
|
========================================================================== */
|
8303
|
/*
|
8304
|
* Align items along the main axis of the current line of the flex container
|
8305
|
* Row: Horizontal
|
8306
|
*/
|
8307
|
.uk-flex-left {
|
8308
|
justify-content: flex-start;
|
8309
|
}
|
8310
|
.uk-flex-center {
|
8311
|
justify-content: center;
|
8312
|
}
|
8313
|
.uk-flex-right {
|
8314
|
justify-content: flex-end;
|
8315
|
}
|
8316
|
.uk-flex-between {
|
8317
|
justify-content: space-between;
|
8318
|
}
|
8319
|
.uk-flex-around {
|
8320
|
justify-content: space-around;
|
8321
|
}
|
8322
|
/* Phone landscape and bigger */
|
8323
|
@media (min-width: 640px) {
|
8324
|
.uk-flex-left\@s {
|
8325
|
justify-content: flex-start;
|
8326
|
}
|
8327
|
.uk-flex-center\@s {
|
8328
|
justify-content: center;
|
8329
|
}
|
8330
|
.uk-flex-right\@s {
|
8331
|
justify-content: flex-end;
|
8332
|
}
|
8333
|
.uk-flex-between\@s {
|
8334
|
justify-content: space-between;
|
8335
|
}
|
8336
|
.uk-flex-around\@s {
|
8337
|
justify-content: space-around;
|
8338
|
}
|
8339
|
}
|
8340
|
/* Tablet landscape and bigger */
|
8341
|
@media (min-width: 960px) {
|
8342
|
.uk-flex-left\@m {
|
8343
|
justify-content: flex-start;
|
8344
|
}
|
8345
|
.uk-flex-center\@m {
|
8346
|
justify-content: center;
|
8347
|
}
|
8348
|
.uk-flex-right\@m {
|
8349
|
justify-content: flex-end;
|
8350
|
}
|
8351
|
.uk-flex-between\@m {
|
8352
|
justify-content: space-between;
|
8353
|
}
|
8354
|
.uk-flex-around\@m {
|
8355
|
justify-content: space-around;
|
8356
|
}
|
8357
|
}
|
8358
|
/* Desktop and bigger */
|
8359
|
@media (min-width: 1200px) {
|
8360
|
.uk-flex-left\@l {
|
8361
|
justify-content: flex-start;
|
8362
|
}
|
8363
|
.uk-flex-center\@l {
|
8364
|
justify-content: center;
|
8365
|
}
|
8366
|
.uk-flex-right\@l {
|
8367
|
justify-content: flex-end;
|
8368
|
}
|
8369
|
.uk-flex-between\@l {
|
8370
|
justify-content: space-between;
|
8371
|
}
|
8372
|
.uk-flex-around\@l {
|
8373
|
justify-content: space-around;
|
8374
|
}
|
8375
|
}
|
8376
|
/* Large screen and bigger */
|
8377
|
@media (min-width: 1600px) {
|
8378
|
.uk-flex-left\@xl {
|
8379
|
justify-content: flex-start;
|
8380
|
}
|
8381
|
.uk-flex-center\@xl {
|
8382
|
justify-content: center;
|
8383
|
}
|
8384
|
.uk-flex-right\@xl {
|
8385
|
justify-content: flex-end;
|
8386
|
}
|
8387
|
.uk-flex-between\@xl {
|
8388
|
justify-content: space-between;
|
8389
|
}
|
8390
|
.uk-flex-around\@xl {
|
8391
|
justify-content: space-around;
|
8392
|
}
|
8393
|
}
|
8394
|
/*
|
8395
|
* Align items in the cross axis of the current line of the flex container
|
8396
|
* Row: Vertical
|
8397
|
*/
|
8398
|
.uk-flex-stretch {
|
8399
|
align-items: stretch;
|
8400
|
}
|
8401
|
.uk-flex-top {
|
8402
|
align-items: flex-start;
|
8403
|
}
|
8404
|
.uk-flex-middle {
|
8405
|
align-items: center;
|
8406
|
}
|
8407
|
.uk-flex-bottom {
|
8408
|
align-items: flex-end;
|
8409
|
}
|
8410
|
/* Direction
|
8411
|
========================================================================== */
|
8412
|
.uk-flex-row {
|
8413
|
flex-direction: row;
|
8414
|
}
|
8415
|
.uk-flex-row-reverse {
|
8416
|
flex-direction: row-reverse;
|
8417
|
}
|
8418
|
.uk-flex-column {
|
8419
|
flex-direction: column;
|
8420
|
}
|
8421
|
.uk-flex-column-reverse {
|
8422
|
flex-direction: column-reverse;
|
8423
|
}
|
8424
|
/* Wrap
|
8425
|
========================================================================== */
|
8426
|
.uk-flex-nowrap {
|
8427
|
flex-wrap: nowrap;
|
8428
|
}
|
8429
|
.uk-flex-wrap {
|
8430
|
flex-wrap: wrap;
|
8431
|
}
|
8432
|
.uk-flex-wrap-reverse {
|
8433
|
flex-wrap: wrap-reverse;
|
8434
|
}
|
8435
|
/*
|
8436
|
* Aligns items within the flex container when there is extra space in the cross-axis
|
8437
|
* Only works if there is more than one line of flex items
|
8438
|
*/
|
8439
|
.uk-flex-wrap-stretch {
|
8440
|
align-content: stretch;
|
8441
|
}
|
8442
|
.uk-flex-wrap-top {
|
8443
|
align-content: flex-start;
|
8444
|
}
|
8445
|
.uk-flex-wrap-middle {
|
8446
|
align-content: center;
|
8447
|
}
|
8448
|
.uk-flex-wrap-bottom {
|
8449
|
align-content: flex-end;
|
8450
|
}
|
8451
|
.uk-flex-wrap-between {
|
8452
|
align-content: space-between;
|
8453
|
}
|
8454
|
.uk-flex-wrap-around {
|
8455
|
align-content: space-around;
|
8456
|
}
|
8457
|
/* Item ordering
|
8458
|
========================================================================== */
|
8459
|
/*
|
8460
|
* Default is 0
|
8461
|
*/
|
8462
|
.uk-flex-first {
|
8463
|
order: -1;
|
8464
|
}
|
8465
|
.uk-flex-last {
|
8466
|
order: 99;
|
8467
|
}
|
8468
|
/* Phone landscape and bigger */
|
8469
|
@media (min-width: 640px) {
|
8470
|
.uk-flex-first\@s {
|
8471
|
order: -1;
|
8472
|
}
|
8473
|
.uk-flex-last\@s {
|
8474
|
order: 99;
|
8475
|
}
|
8476
|
}
|
8477
|
/* Tablet landscape and bigger */
|
8478
|
@media (min-width: 960px) {
|
8479
|
.uk-flex-first\@m {
|
8480
|
order: -1;
|
8481
|
}
|
8482
|
.uk-flex-last\@m {
|
8483
|
order: 99;
|
8484
|
}
|
8485
|
}
|
8486
|
/* Desktop and bigger */
|
8487
|
@media (min-width: 1200px) {
|
8488
|
.uk-flex-first\@l {
|
8489
|
order: -1;
|
8490
|
}
|
8491
|
.uk-flex-last\@l {
|
8492
|
order: 99;
|
8493
|
}
|
8494
|
}
|
8495
|
/* Large screen and bigger */
|
8496
|
@media (min-width: 1600px) {
|
8497
|
.uk-flex-first\@xl {
|
8498
|
order: -1;
|
8499
|
}
|
8500
|
.uk-flex-last\@xl {
|
8501
|
order: 99;
|
8502
|
}
|
8503
|
}
|
8504
|
/* Item dimensions
|
8505
|
========================================================================== */
|
8506
|
/*
|
8507
|
* Initial: 0 1 auto
|
8508
|
* Content dimensions, but shrinks
|
8509
|
*/
|
8510
|
/*
|
8511
|
* No Flex: 0 0 auto
|
8512
|
* Content dimensions
|
8513
|
*/
|
8514
|
.uk-flex-none {
|
8515
|
flex: none;
|
8516
|
}
|
8517
|
/*
|
8518
|
* Relative Flex: 1 1 auto
|
8519
|
* Space is allocated considering content
|
8520
|
*/
|
8521
|
.uk-flex-auto {
|
8522
|
flex: auto;
|
8523
|
}
|
8524
|
/*
|
8525
|
* Absolute Flex: 1 1 0%
|
8526
|
* Space is allocated solely based on flex
|
8527
|
*/
|
8528
|
.uk-flex-1 {
|
8529
|
flex: 1;
|
8530
|
}
|
8531
|
/* ========================================================================
|
8532
|
Component: Margin
|
8533
|
========================================================================== */
|
8534
|
/*
|
8535
|
* Default
|
8536
|
*/
|
8537
|
.uk-margin {
|
8538
|
margin-bottom: 20px;
|
8539
|
}
|
8540
|
* + .uk-margin {
|
8541
|
margin-top: 20px !important;
|
8542
|
}
|
8543
|
.uk-margin-top {
|
8544
|
margin-top: 20px !important;
|
8545
|
}
|
8546
|
.uk-margin-bottom {
|
8547
|
margin-bottom: 20px !important;
|
8548
|
}
|
8549
|
.uk-margin-left {
|
8550
|
margin-left: 20px !important;
|
8551
|
}
|
8552
|
.uk-margin-right {
|
8553
|
margin-right: 20px !important;
|
8554
|
}
|
8555
|
/* Small
|
8556
|
========================================================================== */
|
8557
|
.uk-margin-small {
|
8558
|
margin-bottom: 10px;
|
8559
|
}
|
8560
|
* + .uk-margin-small {
|
8561
|
margin-top: 10px !important;
|
8562
|
}
|
8563
|
.uk-margin-small-top {
|
8564
|
margin-top: 10px !important;
|
8565
|
}
|
8566
|
.uk-margin-small-bottom {
|
8567
|
margin-bottom: 10px !important;
|
8568
|
}
|
8569
|
.uk-margin-small-left {
|
8570
|
margin-left: 10px !important;
|
8571
|
}
|
8572
|
.uk-margin-small-right {
|
8573
|
margin-right: 10px !important;
|
8574
|
}
|
8575
|
/* Medium
|
8576
|
========================================================================== */
|
8577
|
.uk-margin-medium {
|
8578
|
margin-bottom: 40px;
|
8579
|
}
|
8580
|
* + .uk-margin-medium {
|
8581
|
margin-top: 40px !important;
|
8582
|
}
|
8583
|
.uk-margin-medium-top {
|
8584
|
margin-top: 40px !important;
|
8585
|
}
|
8586
|
.uk-margin-medium-bottom {
|
8587
|
margin-bottom: 40px !important;
|
8588
|
}
|
8589
|
.uk-margin-medium-left {
|
8590
|
margin-left: 40px !important;
|
8591
|
}
|
8592
|
.uk-margin-medium-right {
|
8593
|
margin-right: 40px !important;
|
8594
|
}
|
8595
|
/* Large
|
8596
|
========================================================================== */
|
8597
|
.uk-margin-large {
|
8598
|
margin-bottom: 40px;
|
8599
|
}
|
8600
|
* + .uk-margin-large {
|
8601
|
margin-top: 40px !important;
|
8602
|
}
|
8603
|
.uk-margin-large-top {
|
8604
|
margin-top: 40px !important;
|
8605
|
}
|
8606
|
.uk-margin-large-bottom {
|
8607
|
margin-bottom: 40px !important;
|
8608
|
}
|
8609
|
.uk-margin-large-left {
|
8610
|
margin-left: 40px !important;
|
8611
|
}
|
8612
|
.uk-margin-large-right {
|
8613
|
margin-right: 40px !important;
|
8614
|
}
|
8615
|
/* Desktop and bigger */
|
8616
|
@media (min-width: 1200px) {
|
8617
|
.uk-margin-large {
|
8618
|
margin-bottom: 70px;
|
8619
|
}
|
8620
|
* + .uk-margin-large {
|
8621
|
margin-top: 70px !important;
|
8622
|
}
|
8623
|
.uk-margin-large-top {
|
8624
|
margin-top: 70px !important;
|
8625
|
}
|
8626
|
.uk-margin-large-bottom {
|
8627
|
margin-bottom: 70px !important;
|
8628
|
}
|
8629
|
.uk-margin-large-left {
|
8630
|
margin-left: 70px !important;
|
8631
|
}
|
8632
|
.uk-margin-large-right {
|
8633
|
margin-right: 70px !important;
|
8634
|
}
|
8635
|
}
|
8636
|
/* XLarge
|
8637
|
========================================================================== */
|
8638
|
.uk-margin-xlarge {
|
8639
|
margin-bottom: 70px;
|
8640
|
}
|
8641
|
* + .uk-margin-xlarge {
|
8642
|
margin-top: 70px !important;
|
8643
|
}
|
8644
|
.uk-margin-xlarge-top {
|
8645
|
margin-top: 70px !important;
|
8646
|
}
|
8647
|
.uk-margin-xlarge-bottom {
|
8648
|
margin-bottom: 70px !important;
|
8649
|
}
|
8650
|
.uk-margin-xlarge-left {
|
8651
|
margin-left: 70px !important;
|
8652
|
}
|
8653
|
.uk-margin-xlarge-right {
|
8654
|
margin-right: 70px !important;
|
8655
|
}
|
8656
|
/* Desktop and bigger */
|
8657
|
@media (min-width: 1200px) {
|
8658
|
.uk-margin-xlarge {
|
8659
|
margin-bottom: 140px;
|
8660
|
}
|
8661
|
* + .uk-margin-xlarge {
|
8662
|
margin-top: 140px !important;
|
8663
|
}
|
8664
|
.uk-margin-xlarge-top {
|
8665
|
margin-top: 140px !important;
|
8666
|
}
|
8667
|
.uk-margin-xlarge-bottom {
|
8668
|
margin-bottom: 140px !important;
|
8669
|
}
|
8670
|
.uk-margin-xlarge-left {
|
8671
|
margin-left: 140px !important;
|
8672
|
}
|
8673
|
.uk-margin-xlarge-right {
|
8674
|
margin-right: 140px !important;
|
8675
|
}
|
8676
|
}
|
8677
|
/* Auto
|
8678
|
========================================================================== */
|
8679
|
.uk-margin-auto {
|
8680
|
margin-left: auto !important;
|
8681
|
margin-right: auto !important;
|
8682
|
}
|
8683
|
.uk-margin-auto-top {
|
8684
|
margin-top: auto !important;
|
8685
|
}
|
8686
|
.uk-margin-auto-bottom {
|
8687
|
margin-bottom: auto !important;
|
8688
|
}
|
8689
|
.uk-margin-auto-left {
|
8690
|
margin-left: auto !important;
|
8691
|
}
|
8692
|
.uk-margin-auto-right {
|
8693
|
margin-right: auto !important;
|
8694
|
}
|
8695
|
.uk-margin-auto-vertical {
|
8696
|
margin-top: auto !important;
|
8697
|
margin-bottom: auto !important;
|
8698
|
}
|
8699
|
/* Phone landscape and bigger */
|
8700
|
@media (min-width: 640px) {
|
8701
|
.uk-margin-auto\@s {
|
8702
|
margin-left: auto !important;
|
8703
|
margin-right: auto !important;
|
8704
|
}
|
8705
|
.uk-margin-auto-left\@s {
|
8706
|
margin-left: auto !important;
|
8707
|
}
|
8708
|
.uk-margin-auto-right\@s {
|
8709
|
margin-right: auto !important;
|
8710
|
}
|
8711
|
}
|
8712
|
/* Tablet landscape and bigger */
|
8713
|
@media (min-width: 960px) {
|
8714
|
.uk-margin-auto\@m {
|
8715
|
margin-left: auto !important;
|
8716
|
margin-right: auto !important;
|
8717
|
}
|
8718
|
.uk-margin-auto-left\@m {
|
8719
|
margin-left: auto !important;
|
8720
|
}
|
8721
|
.uk-margin-auto-right\@m {
|
8722
|
margin-right: auto !important;
|
8723
|
}
|
8724
|
}
|
8725
|
/* Desktop and bigger */
|
8726
|
@media (min-width: 1200px) {
|
8727
|
.uk-margin-auto\@l {
|
8728
|
margin-left: auto !important;
|
8729
|
margin-right: auto !important;
|
8730
|
}
|
8731
|
.uk-margin-auto-left\@l {
|
8732
|
margin-left: auto !important;
|
8733
|
}
|
8734
|
.uk-margin-auto-right\@l {
|
8735
|
margin-right: auto !important;
|
8736
|
}
|
8737
|
}
|
8738
|
/* Large screen and bigger */
|
8739
|
@media (min-width: 1600px) {
|
8740
|
.uk-margin-auto\@xl {
|
8741
|
margin-left: auto !important;
|
8742
|
margin-right: auto !important;
|
8743
|
}
|
8744
|
.uk-margin-auto-left\@xl {
|
8745
|
margin-left: auto !important;
|
8746
|
}
|
8747
|
.uk-margin-auto-right\@xl {
|
8748
|
margin-right: auto !important;
|
8749
|
}
|
8750
|
}
|
8751
|
/* Remove
|
8752
|
========================================================================== */
|
8753
|
.uk-margin-remove {
|
8754
|
margin: 0 !important;
|
8755
|
}
|
8756
|
.uk-margin-remove-top {
|
8757
|
margin-top: 0 !important;
|
8758
|
}
|
8759
|
.uk-margin-remove-bottom {
|
8760
|
margin-bottom: 0 !important;
|
8761
|
}
|
8762
|
.uk-margin-remove-left {
|
8763
|
margin-left: 0 !important;
|
8764
|
}
|
8765
|
.uk-margin-remove-right {
|
8766
|
margin-right: 0 !important;
|
8767
|
}
|
8768
|
.uk-margin-remove-vertical {
|
8769
|
margin-top: 0 !important;
|
8770
|
margin-bottom: 0 !important;
|
8771
|
}
|
8772
|
.uk-margin-remove-adjacent + *,
|
8773
|
.uk-margin-remove-first-child > :first-child {
|
8774
|
margin-top: 0 !important;
|
8775
|
}
|
8776
|
.uk-margin-remove-last-child > :last-child {
|
8777
|
margin-bottom: 0 !important;
|
8778
|
}
|
8779
|
/* Phone landscape and bigger */
|
8780
|
@media (min-width: 640px) {
|
8781
|
.uk-margin-remove-left\@s {
|
8782
|
margin-left: 0 !important;
|
8783
|
}
|
8784
|
.uk-margin-remove-right\@s {
|
8785
|
margin-right: 0 !important;
|
8786
|
}
|
8787
|
}
|
8788
|
/* Tablet landscape and bigger */
|
8789
|
@media (min-width: 960px) {
|
8790
|
.uk-margin-remove-left\@m {
|
8791
|
margin-left: 0 !important;
|
8792
|
}
|
8793
|
.uk-margin-remove-right\@m {
|
8794
|
margin-right: 0 !important;
|
8795
|
}
|
8796
|
}
|
8797
|
/* Desktop and bigger */
|
8798
|
@media (min-width: 1200px) {
|
8799
|
.uk-margin-remove-left\@l {
|
8800
|
margin-left: 0 !important;
|
8801
|
}
|
8802
|
.uk-margin-remove-right\@l {
|
8803
|
margin-right: 0 !important;
|
8804
|
}
|
8805
|
}
|
8806
|
/* Large screen and bigger */
|
8807
|
@media (min-width: 1600px) {
|
8808
|
.uk-margin-remove-left\@xl {
|
8809
|
margin-left: 0 !important;
|
8810
|
}
|
8811
|
.uk-margin-remove-right\@xl {
|
8812
|
margin-right: 0 !important;
|
8813
|
}
|
8814
|
}
|
8815
|
/* ========================================================================
|
8816
|
Component: Padding
|
8817
|
========================================================================== */
|
8818
|
.uk-padding {
|
8819
|
padding: 30px;
|
8820
|
}
|
8821
|
/* Desktop and bigger */
|
8822
|
@media (min-width: 1200px) {
|
8823
|
.uk-padding {
|
8824
|
padding: 40px;
|
8825
|
}
|
8826
|
}
|
8827
|
/* Small
|
8828
|
========================================================================== */
|
8829
|
.uk-padding-small {
|
8830
|
padding: 15px;
|
8831
|
}
|
8832
|
/* Large
|
8833
|
========================================================================== */
|
8834
|
.uk-padding-large {
|
8835
|
padding: 30px;
|
8836
|
}
|
8837
|
/* Desktop and bigger */
|
8838
|
@media (min-width: 1200px) {
|
8839
|
.uk-padding-large {
|
8840
|
padding: 70px;
|
8841
|
}
|
8842
|
}
|
8843
|
/* Remove
|
8844
|
========================================================================== */
|
8845
|
.uk-padding-remove {
|
8846
|
padding: 0 !important;
|
8847
|
}
|
8848
|
.uk-padding-remove-top {
|
8849
|
padding-top: 0 !important;
|
8850
|
}
|
8851
|
.uk-padding-remove-bottom {
|
8852
|
padding-bottom: 0 !important;
|
8853
|
}
|
8854
|
.uk-padding-remove-left {
|
8855
|
padding-left: 0 !important;
|
8856
|
}
|
8857
|
.uk-padding-remove-right {
|
8858
|
padding-right: 0 !important;
|
8859
|
}
|
8860
|
.uk-padding-remove-vertical {
|
8861
|
padding-top: 0 !important;
|
8862
|
padding-bottom: 0 !important;
|
8863
|
}
|
8864
|
.uk-padding-remove-horizontal {
|
8865
|
padding-left: 0 !important;
|
8866
|
padding-right: 0 !important;
|
8867
|
}
|
8868
|
/* ========================================================================
|
8869
|
Component: Position
|
8870
|
========================================================================== */
|
8871
|
/* Directions
|
8872
|
========================================================================== */
|
8873
|
[class*='uk-position-top'],
|
8874
|
[class*='uk-position-bottom'],
|
8875
|
[class*='uk-position-left'],
|
8876
|
[class*='uk-position-right'],
|
8877
|
[class*='uk-position-center'] {
|
8878
|
position: absolute !important;
|
8879
|
}
|
8880
|
/* Edges
|
8881
|
========================================================================== */
|
8882
|
/* Don't use `width: 100%` because it is wrong if the parent has padding. */
|
8883
|
.uk-position-top {
|
8884
|
top: 0;
|
8885
|
left: 0;
|
8886
|
right: 0;
|
8887
|
}
|
8888
|
.uk-position-bottom {
|
8889
|
bottom: 0;
|
8890
|
left: 0;
|
8891
|
right: 0;
|
8892
|
}
|
8893
|
.uk-position-left {
|
8894
|
top: 0;
|
8895
|
bottom: 0;
|
8896
|
left: 0;
|
8897
|
}
|
8898
|
.uk-position-right {
|
8899
|
top: 0;
|
8900
|
bottom: 0;
|
8901
|
right: 0;
|
8902
|
}
|
8903
|
/* Corners
|
8904
|
========================================================================== */
|
8905
|
.uk-position-top-left {
|
8906
|
top: 0;
|
8907
|
left: 0;
|
8908
|
}
|
8909
|
.uk-position-top-right {
|
8910
|
top: 0;
|
8911
|
right: 0;
|
8912
|
}
|
8913
|
.uk-position-bottom-left {
|
8914
|
bottom: 0;
|
8915
|
left: 0;
|
8916
|
}
|
8917
|
.uk-position-bottom-right {
|
8918
|
bottom: 0;
|
8919
|
right: 0;
|
8920
|
}
|
8921
|
/*
|
8922
|
* Center
|
8923
|
* 1. Fix text wrapping if content is larger than 50% of the container.
|
8924
|
*/
|
8925
|
.uk-position-center {
|
8926
|
top: 50%;
|
8927
|
left: 50%;
|
8928
|
transform: translate(-50%, -50%);
|
8929
|
/* 1 */
|
8930
|
width: max-content;
|
8931
|
max-width: 100%;
|
8932
|
box-sizing: border-box;
|
8933
|
}
|
8934
|
/* Vertical */
|
8935
|
[class*='uk-position-center-left'],
|
8936
|
[class*='uk-position-center-right'] {
|
8937
|
top: 50%;
|
8938
|
transform: translateY(-50%);
|
8939
|
}
|
8940
|
.uk-position-center-left {
|
8941
|
left: 0;
|
8942
|
}
|
8943
|
.uk-position-center-right {
|
8944
|
right: 0;
|
8945
|
}
|
8946
|
.uk-position-center-left-out {
|
8947
|
right: 100%;
|
8948
|
width: max-content;
|
8949
|
}
|
8950
|
.uk-position-center-right-out {
|
8951
|
left: 100%;
|
8952
|
width: max-content;
|
8953
|
}
|
8954
|
/* Horizontal */
|
8955
|
.uk-position-top-center,
|
8956
|
.uk-position-bottom-center {
|
8957
|
left: 50%;
|
8958
|
transform: translateX(-50%);
|
8959
|
/* 1 */
|
8960
|
width: max-content;
|
8961
|
max-width: 100%;
|
8962
|
box-sizing: border-box;
|
8963
|
}
|
8964
|
.uk-position-top-center {
|
8965
|
top: 0;
|
8966
|
}
|
8967
|
.uk-position-bottom-center {
|
8968
|
bottom: 0;
|
8969
|
}
|
8970
|
/* Cover
|
8971
|
========================================================================== */
|
8972
|
.uk-position-cover {
|
8973
|
position: absolute;
|
8974
|
top: 0;
|
8975
|
bottom: 0;
|
8976
|
left: 0;
|
8977
|
right: 0;
|
8978
|
}
|
8979
|
/* Utility
|
8980
|
========================================================================== */
|
8981
|
.uk-position-relative {
|
8982
|
position: relative !important;
|
8983
|
}
|
8984
|
.uk-position-absolute {
|
8985
|
position: absolute !important;
|
8986
|
}
|
8987
|
.uk-position-fixed {
|
8988
|
position: fixed !important;
|
8989
|
}
|
8990
|
.uk-position-z-index {
|
8991
|
z-index: 1;
|
8992
|
}
|
8993
|
/* Margin modifier
|
8994
|
========================================================================== */
|
8995
|
/*
|
8996
|
* Small
|
8997
|
*/
|
8998
|
.uk-position-small {
|
8999
|
max-width: calc(100% - (15px * 2));
|
9000
|
margin: 15px;
|
9001
|
}
|
9002
|
.uk-position-small.uk-position-center {
|
9003
|
transform: translate(-50%, -50%) translate(-15px, -15px);
|
9004
|
}
|
9005
|
.uk-position-small[class*='uk-position-center-left'],
|
9006
|
.uk-position-small[class*='uk-position-center-right'] {
|
9007
|
transform: translateY(-50%) translateY(-15px);
|
9008
|
}
|
9009
|
.uk-position-small.uk-position-top-center,
|
9010
|
.uk-position-small.uk-position-bottom-center {
|
9011
|
transform: translateX(-50%) translateX(-15px);
|
9012
|
}
|
9013
|
/*
|
9014
|
* Medium
|
9015
|
*/
|
9016
|
.uk-position-medium {
|
9017
|
max-width: calc(100% - (30px * 2));
|
9018
|
margin: 30px;
|
9019
|
}
|
9020
|
.uk-position-medium.uk-position-center {
|
9021
|
transform: translate(-50%, -50%) translate(-30px, -30px);
|
9022
|
}
|
9023
|
.uk-position-medium[class*='uk-position-center-left'],
|
9024
|
.uk-position-medium[class*='uk-position-center-right'] {
|
9025
|
transform: translateY(-50%) translateY(-30px);
|
9026
|
}
|
9027
|
.uk-position-medium.uk-position-top-center,
|
9028
|
.uk-position-medium.uk-position-bottom-center {
|
9029
|
transform: translateX(-50%) translateX(-30px);
|
9030
|
}
|
9031
|
/*
|
9032
|
* Large
|
9033
|
*/
|
9034
|
.uk-position-large {
|
9035
|
max-width: calc(100% - (30px * 2));
|
9036
|
margin: 30px;
|
9037
|
}
|
9038
|
.uk-position-large.uk-position-center {
|
9039
|
transform: translate(-50%, -50%) translate(-30px, -30px);
|
9040
|
}
|
9041
|
.uk-position-large[class*='uk-position-center-left'],
|
9042
|
.uk-position-large[class*='uk-position-center-right'] {
|
9043
|
transform: translateY(-50%) translateY(-30px);
|
9044
|
}
|
9045
|
.uk-position-large.uk-position-top-center,
|
9046
|
.uk-position-large.uk-position-bottom-center {
|
9047
|
transform: translateX(-50%) translateX(-30px);
|
9048
|
}
|
9049
|
/* Desktop and bigger */
|
9050
|
@media (min-width: 1200px) {
|
9051
|
.uk-position-large {
|
9052
|
max-width: calc(100% - (50px * 2));
|
9053
|
margin: 50px;
|
9054
|
}
|
9055
|
.uk-position-large.uk-position-center {
|
9056
|
transform: translate(-50%, -50%) translate(-50px, -50px);
|
9057
|
}
|
9058
|
.uk-position-large[class*='uk-position-center-left'],
|
9059
|
.uk-position-large[class*='uk-position-center-right'] {
|
9060
|
transform: translateY(-50%) translateY(-50px);
|
9061
|
}
|
9062
|
.uk-position-large.uk-position-top-center,
|
9063
|
.uk-position-large.uk-position-bottom-center {
|
9064
|
transform: translateX(-50%) translateX(-50px);
|
9065
|
}
|
9066
|
}
|
9067
|
/* ========================================================================
|
9068
|
Component: Transition
|
9069
|
========================================================================== */
|
9070
|
/* Toggle (Hover + Focus)
|
9071
|
========================================================================== */
|
9072
|
/*
|
9073
|
* 1. Prevent tab highlighting on iOS.
|
9074
|
*/
|
9075
|
.uk-transition-toggle {
|
9076
|
/* 1 */
|
9077
|
-webkit-tap-highlight-color: transparent;
|
9078
|
}
|
9079
|
/*
|
9080
|
* Remove outline for `tabindex`
|
9081
|
*/
|
9082
|
.uk-transition-toggle:focus {
|
9083
|
outline: none;
|
9084
|
}
|
9085
|
/* Transitions
|
9086
|
========================================================================== */
|
9087
|
/*
|
9088
|
* The toggle is triggered on touch devices by two methods:
|
9089
|
* 1. Using `:focus` and tabindex
|
9090
|
* 2. Using `:hover` and a `touchstart` event listener registered on the document
|
9091
|
* (Doesn't work on Surface touch devices)
|
9092
|
*
|
9093
|
* Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`,
|
9094
|
* therefore it's recommended to use an extra `div` for the transition.
|
9095
|
*/
|
9096
|
.uk-transition-fade,
|
9097
|
[class*='uk-transition-scale'],
|
9098
|
[class*='uk-transition-slide'] {
|
9099
|
transition: 0.3s ease-out;
|
9100
|
transition-property: opacity, transform, filter;
|
9101
|
opacity: 0;
|
9102
|
}
|
9103
|
/*
|
9104
|
* Fade
|
9105
|
*/
|
9106
|
.uk-transition-toggle:hover .uk-transition-fade,
|
9107
|
.uk-transition-toggle:focus .uk-transition-fade,
|
9108
|
.uk-transition-active.uk-active .uk-transition-fade {
|
9109
|
opacity: 1;
|
9110
|
}
|
9111
|
/*
|
9112
|
* Scale
|
9113
|
*/
|
9114
|
.uk-transition-scale-up {
|
9115
|
transform: scale(1, 1);
|
9116
|
}
|
9117
|
.uk-transition-scale-down {
|
9118
|
transform: scale(1.1, 1.1);
|
9119
|
}
|
9120
|
/* Show */
|
9121
|
.uk-transition-toggle:hover .uk-transition-scale-up,
|
9122
|
.uk-transition-toggle:focus .uk-transition-scale-up,
|
9123
|
.uk-transition-active.uk-active .uk-transition-scale-up {
|
9124
|
opacity: 1;
|
9125
|
transform: scale(1.1, 1.1);
|
9126
|
}
|
9127
|
.uk-transition-toggle:hover .uk-transition-scale-down,
|
9128
|
.uk-transition-toggle:focus .uk-transition-scale-down,
|
9129
|
.uk-transition-active.uk-active .uk-transition-scale-down {
|
9130
|
opacity: 1;
|
9131
|
transform: scale(1, 1);
|
9132
|
}
|
9133
|
/*
|
9134
|
* Slide
|
9135
|
*/
|
9136
|
.uk-transition-slide-top {
|
9137
|
transform: translateY(-100%);
|
9138
|
}
|
9139
|
.uk-transition-slide-bottom {
|
9140
|
transform: translateY(100%);
|
9141
|
}
|
9142
|
.uk-transition-slide-left {
|
9143
|
transform: translateX(-100%);
|
9144
|
}
|
9145
|
.uk-transition-slide-right {
|
9146
|
transform: translateX(100%);
|
9147
|
}
|
9148
|
.uk-transition-slide-top-small {
|
9149
|
transform: translateY(-10px);
|
9150
|
}
|
9151
|
.uk-transition-slide-bottom-small {
|
9152
|
transform: translateY(10px);
|
9153
|
}
|
9154
|
.uk-transition-slide-left-small {
|
9155
|
transform: translateX(-10px);
|
9156
|
}
|
9157
|
.uk-transition-slide-right-small {
|
9158
|
transform: translateX(10px);
|
9159
|
}
|
9160
|
.uk-transition-slide-top-medium {
|
9161
|
transform: translateY(-50px);
|
9162
|
}
|
9163
|
.uk-transition-slide-bottom-medium {
|
9164
|
transform: translateY(50px);
|
9165
|
}
|
9166
|
.uk-transition-slide-left-medium {
|
9167
|
transform: translateX(-50px);
|
9168
|
}
|
9169
|
.uk-transition-slide-right-medium {
|
9170
|
transform: translateX(50px);
|
9171
|
}
|
9172
|
/* Show */
|
9173
|
.uk-transition-toggle:hover [class*='uk-transition-slide'],
|
9174
|
.uk-transition-toggle:focus [class*='uk-transition-slide'],
|
9175
|
.uk-transition-active.uk-active [class*='uk-transition-slide'] {
|
9176
|
opacity: 1;
|
9177
|
transform: translate(0, 0);
|
9178
|
}
|
9179
|
/* Opacity modifier
|
9180
|
========================================================================== */
|
9181
|
.uk-transition-opaque {
|
9182
|
opacity: 1;
|
9183
|
}
|
9184
|
/* Duration modifiers
|
9185
|
========================================================================== */
|
9186
|
.uk-transition-slow {
|
9187
|
transition-duration: 0.7s;
|
9188
|
}
|
9189
|
/* ========================================================================
|
9190
|
Component: Visibility
|
9191
|
========================================================================== */
|
9192
|
/*
|
9193
|
* Hidden
|
9194
|
* `hidden` attribute also set here to make it stronger
|
9195
|
*/
|
9196
|
[hidden],
|
9197
|
.uk-hidden {
|
9198
|
display: none !important;
|
9199
|
}
|
9200
|
/* Phone landscape and bigger */
|
9201
|
@media (min-width: 640px) {
|
9202
|
.uk-hidden\@s {
|
9203
|
display: none !important;
|
9204
|
}
|
9205
|
}
|
9206
|
/* Tablet landscape and bigger */
|
9207
|
@media (min-width: 960px) {
|
9208
|
.uk-hidden\@m {
|
9209
|
display: none !important;
|
9210
|
}
|
9211
|
}
|
9212
|
/* Desktop and bigger */
|
9213
|
@media (min-width: 1200px) {
|
9214
|
.uk-hidden\@l {
|
9215
|
display: none !important;
|
9216
|
}
|
9217
|
}
|
9218
|
/* Large screen and bigger */
|
9219
|
@media (min-width: 1600px) {
|
9220
|
.uk-hidden\@xl {
|
9221
|
display: none !important;
|
9222
|
}
|
9223
|
}
|
9224
|
/*
|
9225
|
* Visible
|
9226
|
*/
|
9227
|
/* Phone portrait and smaller */
|
9228
|
@media (max-width: 639px) {
|
9229
|
.uk-visible\@s {
|
9230
|
display: none !important;
|
9231
|
}
|
9232
|
}
|
9233
|
/* Phone landscape and smaller */
|
9234
|
@media (max-width: 959px) {
|
9235
|
.uk-visible\@m {
|
9236
|
display: none !important;
|
9237
|
}
|
9238
|
}
|
9239
|
/* Tablet landscape and smaller */
|
9240
|
@media (max-width: 1199px) {
|
9241
|
.uk-visible\@l {
|
9242
|
display: none !important;
|
9243
|
}
|
9244
|
}
|
9245
|
/* Desktop and smaller */
|
9246
|
@media (max-width: 1599px) {
|
9247
|
.uk-visible\@xl {
|
9248
|
display: none !important;
|
9249
|
}
|
9250
|
}
|
9251
|
/* Visibility
|
9252
|
========================================================================== */
|
9253
|
.uk-invisible {
|
9254
|
visibility: hidden !important;
|
9255
|
}
|
9256
|
/* Toggle (Hover + Focus)
|
9257
|
========================================================================== */
|
9258
|
/*
|
9259
|
* Hidden
|
9260
|
* 1. The toggle is triggered on touch devices using `:focus` and tabindex
|
9261
|
* 2. The target stays visible if any element within receives focus through keyboard
|
9262
|
* Doesn't work in Edge, yet.
|
9263
|
* 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable.
|
9264
|
*
|
9265
|
*/
|
9266
|
/* 1 + 2 */
|
9267
|
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
|
9268
|
/* 3 */
|
9269
|
position: absolute !important;
|
9270
|
width: 0 !important;
|
9271
|
height: 0 !important;
|
9272
|
padding: 0 !important;
|
9273
|
margin: 0 !important;
|
9274
|
overflow: hidden !important;
|
9275
|
}
|
9276
|
/*
|
9277
|
* Invisible
|
9278
|
*/
|
9279
|
/* 1 + 2 */
|
9280
|
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
|
9281
|
/* 3 */
|
9282
|
opacity: 0 !important;
|
9283
|
}
|
9284
|
/*
|
9285
|
* 1. Prevent tab highlighting on iOS.
|
9286
|
*/
|
9287
|
.uk-visible-toggle {
|
9288
|
/* 1 */
|
9289
|
-webkit-tap-highlight-color: transparent;
|
9290
|
}
|
9291
|
/*
|
9292
|
* Remove outline for `tabindex`
|
9293
|
*/
|
9294
|
.uk-visible-toggle:focus {
|
9295
|
outline: none;
|
9296
|
}
|
9297
|
/* Touch
|
9298
|
========================================================================== */
|
9299
|
/*
|
9300
|
* Hide if primary pointing device has limited accuracy, e.g. a touch screen.
|
9301
|
* Works on mobile browsers: Safari, Chrome and Android browser
|
9302
|
*/
|
9303
|
@media (pointer: coarse) {
|
9304
|
.uk-hidden-touch {
|
9305
|
display: none !important;
|
9306
|
}
|
9307
|
}
|
9308
|
/*
|
9309
|
* Hide if primary pointing device is accurate, e.g. mouse.
|
9310
|
* 1. Fallback for IE11 and Firefox, because `pointer` is not supported
|
9311
|
* 2. Reset if supported
|
9312
|
*/
|
9313
|
/* 1 */
|
9314
|
.uk-hidden-notouch {
|
9315
|
display: none !important;
|
9316
|
}
|
9317
|
@media (pointer: coarse) {
|
9318
|
.uk-hidden-notouch {
|
9319
|
display: block !important;
|
9320
|
}
|
9321
|
}
|
9322
|
/* ========================================================================
|
9323
|
Component: Inverse
|
9324
|
========================================================================== */
|
9325
|
/*
|
9326
|
* Implemented class depends on the general theme color
|
9327
|
* `uk-light` is for light colors on dark backgrounds
|
9328
|
* `uk-dark` is or dark colors on light backgrounds
|
9329
|
*/
|
9330
|
.uk-light,
|
9331
|
.uk-section-primary:not(.uk-preserve-color),
|
9332
|
.uk-section-secondary:not(.uk-preserve-color),
|
9333
|
.uk-tile-primary:not(.uk-preserve-color),
|
9334
|
.uk-tile-secondary:not(.uk-preserve-color),
|
9335
|
.uk-card-primary.uk-card-body,
|
9336
|
.uk-card-primary > :not([class*='uk-card-media']),
|
9337
|
.uk-card-secondary.uk-card-body,
|
9338
|
.uk-card-secondary > :not([class*='uk-card-media']),
|
9339
|
.uk-overlay-primary,
|
9340
|
.uk-offcanvas-bar {
|
9341
|
color: rgba(255, 255, 255, 0.7);
|
9342
|
}
|
9343
|
.uk-light a,
|
9344
|
.uk-light .uk-link,
|
9345
|
.uk-section-primary:not(.uk-preserve-color) a,
|
9346
|
.uk-section-primary:not(.uk-preserve-color) .uk-link,
|
9347
|
.uk-section-secondary:not(.uk-preserve-color) a,
|
9348
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
|
9349
|
.uk-tile-primary:not(.uk-preserve-color) a,
|
9350
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
|
9351
|
.uk-tile-secondary:not(.uk-preserve-color) a,
|
9352
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
|
9353
|
.uk-card-primary.uk-card-body a,
|
9354
|
.uk-card-primary.uk-card-body .uk-link,
|
9355
|
.uk-card-primary > :not([class*='uk-card-media']) a,
|
9356
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link,
|
9357
|
.uk-card-secondary.uk-card-body a,
|
9358
|
.uk-card-secondary.uk-card-body .uk-link,
|
9359
|
.uk-card-secondary > :not([class*='uk-card-media']) a,
|
9360
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link,
|
9361
|
.uk-overlay-primary a,
|
9362
|
.uk-overlay-primary .uk-link,
|
9363
|
.uk-offcanvas-bar a,
|
9364
|
.uk-offcanvas-bar .uk-link {
|
9365
|
color: #fff;
|
9366
|
}
|
9367
|
.uk-light a:hover,
|
9368
|
.uk-light .uk-link:hover,
|
9369
|
.uk-section-primary:not(.uk-preserve-color) a:hover,
|
9370
|
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
|
9371
|
.uk-section-secondary:not(.uk-preserve-color) a:hover,
|
9372
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
|
9373
|
.uk-tile-primary:not(.uk-preserve-color) a:hover,
|
9374
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
|
9375
|
.uk-tile-secondary:not(.uk-preserve-color) a:hover,
|
9376
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
|
9377
|
.uk-card-primary.uk-card-body a:hover,
|
9378
|
.uk-card-primary.uk-card-body .uk-link:hover,
|
9379
|
.uk-card-primary > :not([class*='uk-card-media']) a:hover,
|
9380
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover,
|
9381
|
.uk-card-secondary.uk-card-body a:hover,
|
9382
|
.uk-card-secondary.uk-card-body .uk-link:hover,
|
9383
|
.uk-card-secondary > :not([class*='uk-card-media']) a:hover,
|
9384
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover,
|
9385
|
.uk-overlay-primary a:hover,
|
9386
|
.uk-overlay-primary .uk-link:hover,
|
9387
|
.uk-offcanvas-bar a:hover,
|
9388
|
.uk-offcanvas-bar .uk-link:hover {
|
9389
|
color: #fff;
|
9390
|
}
|
9391
|
.uk-light :not(pre) > code,
|
9392
|
.uk-light :not(pre) > kbd,
|
9393
|
.uk-light :not(pre) > samp,
|
9394
|
.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,
|
9395
|
.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
|
9396
|
.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
|
9397
|
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,
|
9398
|
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
|
9399
|
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
|
9400
|
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,
|
9401
|
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
|
9402
|
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
|
9403
|
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,
|
9404
|
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
|
9405
|
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,
|
9406
|
.uk-card-primary.uk-card-body :not(pre) > code,
|
9407
|
.uk-card-primary.uk-card-body :not(pre) > kbd,
|
9408
|
.uk-card-primary.uk-card-body :not(pre) > samp,
|
9409
|
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code,
|
9410
|
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd,
|
9411
|
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp,
|
9412
|
.uk-card-secondary.uk-card-body :not(pre) > code,
|
9413
|
.uk-card-secondary.uk-card-body :not(pre) > kbd,
|
9414
|
.uk-card-secondary.uk-card-body :not(pre) > samp,
|
9415
|
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code,
|
9416
|
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd,
|
9417
|
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp,
|
9418
|
.uk-overlay-primary :not(pre) > code,
|
9419
|
.uk-overlay-primary :not(pre) > kbd,
|
9420
|
.uk-overlay-primary :not(pre) > samp,
|
9421
|
.uk-offcanvas-bar :not(pre) > code,
|
9422
|
.uk-offcanvas-bar :not(pre) > kbd,
|
9423
|
.uk-offcanvas-bar :not(pre) > samp {
|
9424
|
color: rgba(255, 255, 255, 0.7);
|
9425
|
background: rgba(255, 255, 255, 0.1);
|
9426
|
}
|
9427
|
.uk-light em,
|
9428
|
.uk-section-primary:not(.uk-preserve-color) em,
|
9429
|
.uk-section-secondary:not(.uk-preserve-color) em,
|
9430
|
.uk-tile-primary:not(.uk-preserve-color) em,
|
9431
|
.uk-tile-secondary:not(.uk-preserve-color) em,
|
9432
|
.uk-card-primary.uk-card-body em,
|
9433
|
.uk-card-primary > :not([class*='uk-card-media']) em,
|
9434
|
.uk-card-secondary.uk-card-body em,
|
9435
|
.uk-card-secondary > :not([class*='uk-card-media']) em,
|
9436
|
.uk-overlay-primary em,
|
9437
|
.uk-offcanvas-bar em {
|
9438
|
color: #fff;
|
9439
|
}
|
9440
|
.uk-light h1,
|
9441
|
.uk-light .uk-h1,
|
9442
|
.uk-light h2,
|
9443
|
.uk-light .uk-h2,
|
9444
|
.uk-light h3,
|
9445
|
.uk-light .uk-h3,
|
9446
|
.uk-light h4,
|
9447
|
.uk-light .uk-h4,
|
9448
|
.uk-light h5,
|
9449
|
.uk-light .uk-h5,
|
9450
|
.uk-light h6,
|
9451
|
.uk-light .uk-h6,
|
9452
|
.uk-light .uk-heading-small,
|
9453
|
.uk-light .uk-heading-medium,
|
9454
|
.uk-light .uk-heading-large,
|
9455
|
.uk-light .uk-heading-xlarge,
|
9456
|
.uk-light .uk-heading-2xlarge,
|
9457
|
.uk-section-primary:not(.uk-preserve-color) h1,
|
9458
|
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
|
9459
|
.uk-section-primary:not(.uk-preserve-color) h2,
|
9460
|
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
|
9461
|
.uk-section-primary:not(.uk-preserve-color) h3,
|
9462
|
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
|
9463
|
.uk-section-primary:not(.uk-preserve-color) h4,
|
9464
|
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
|
9465
|
.uk-section-primary:not(.uk-preserve-color) h5,
|
9466
|
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
|
9467
|
.uk-section-primary:not(.uk-preserve-color) h6,
|
9468
|
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
|
9469
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
|
9470
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
|
9471
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
|
9472
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
|
9473
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
|
9474
|
.uk-section-secondary:not(.uk-preserve-color) h1,
|
9475
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
|
9476
|
.uk-section-secondary:not(.uk-preserve-color) h2,
|
9477
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
|
9478
|
.uk-section-secondary:not(.uk-preserve-color) h3,
|
9479
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
|
9480
|
.uk-section-secondary:not(.uk-preserve-color) h4,
|
9481
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
|
9482
|
.uk-section-secondary:not(.uk-preserve-color) h5,
|
9483
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
|
9484
|
.uk-section-secondary:not(.uk-preserve-color) h6,
|
9485
|
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
|
9486
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
|
9487
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
|
9488
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
|
9489
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
|
9490
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
|
9491
|
.uk-tile-primary:not(.uk-preserve-color) h1,
|
9492
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
|
9493
|
.uk-tile-primary:not(.uk-preserve-color) h2,
|
9494
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
|
9495
|
.uk-tile-primary:not(.uk-preserve-color) h3,
|
9496
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
|
9497
|
.uk-tile-primary:not(.uk-preserve-color) h4,
|
9498
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
|
9499
|
.uk-tile-primary:not(.uk-preserve-color) h5,
|
9500
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
|
9501
|
.uk-tile-primary:not(.uk-preserve-color) h6,
|
9502
|
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
|
9503
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
|
9504
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
|
9505
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
|
9506
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
|
9507
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
|
9508
|
.uk-tile-secondary:not(.uk-preserve-color) h1,
|
9509
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
|
9510
|
.uk-tile-secondary:not(.uk-preserve-color) h2,
|
9511
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
|
9512
|
.uk-tile-secondary:not(.uk-preserve-color) h3,
|
9513
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
|
9514
|
.uk-tile-secondary:not(.uk-preserve-color) h4,
|
9515
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
|
9516
|
.uk-tile-secondary:not(.uk-preserve-color) h5,
|
9517
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
|
9518
|
.uk-tile-secondary:not(.uk-preserve-color) h6,
|
9519
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
|
9520
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
|
9521
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
|
9522
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
|
9523
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
|
9524
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
|
9525
|
.uk-card-primary.uk-card-body h1,
|
9526
|
.uk-card-primary.uk-card-body .uk-h1,
|
9527
|
.uk-card-primary.uk-card-body h2,
|
9528
|
.uk-card-primary.uk-card-body .uk-h2,
|
9529
|
.uk-card-primary.uk-card-body h3,
|
9530
|
.uk-card-primary.uk-card-body .uk-h3,
|
9531
|
.uk-card-primary.uk-card-body h4,
|
9532
|
.uk-card-primary.uk-card-body .uk-h4,
|
9533
|
.uk-card-primary.uk-card-body h5,
|
9534
|
.uk-card-primary.uk-card-body .uk-h5,
|
9535
|
.uk-card-primary.uk-card-body h6,
|
9536
|
.uk-card-primary.uk-card-body .uk-h6,
|
9537
|
.uk-card-primary.uk-card-body .uk-heading-small,
|
9538
|
.uk-card-primary.uk-card-body .uk-heading-medium,
|
9539
|
.uk-card-primary.uk-card-body .uk-heading-large,
|
9540
|
.uk-card-primary.uk-card-body .uk-heading-xlarge,
|
9541
|
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
|
9542
|
.uk-card-primary > :not([class*='uk-card-media']) h1,
|
9543
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h1,
|
9544
|
.uk-card-primary > :not([class*='uk-card-media']) h2,
|
9545
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h2,
|
9546
|
.uk-card-primary > :not([class*='uk-card-media']) h3,
|
9547
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h3,
|
9548
|
.uk-card-primary > :not([class*='uk-card-media']) h4,
|
9549
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h4,
|
9550
|
.uk-card-primary > :not([class*='uk-card-media']) h5,
|
9551
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h5,
|
9552
|
.uk-card-primary > :not([class*='uk-card-media']) h6,
|
9553
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-h6,
|
9554
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small,
|
9555
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium,
|
9556
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large,
|
9557
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge,
|
9558
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge,
|
9559
|
.uk-card-secondary.uk-card-body h1,
|
9560
|
.uk-card-secondary.uk-card-body .uk-h1,
|
9561
|
.uk-card-secondary.uk-card-body h2,
|
9562
|
.uk-card-secondary.uk-card-body .uk-h2,
|
9563
|
.uk-card-secondary.uk-card-body h3,
|
9564
|
.uk-card-secondary.uk-card-body .uk-h3,
|
9565
|
.uk-card-secondary.uk-card-body h4,
|
9566
|
.uk-card-secondary.uk-card-body .uk-h4,
|
9567
|
.uk-card-secondary.uk-card-body h5,
|
9568
|
.uk-card-secondary.uk-card-body .uk-h5,
|
9569
|
.uk-card-secondary.uk-card-body h6,
|
9570
|
.uk-card-secondary.uk-card-body .uk-h6,
|
9571
|
.uk-card-secondary.uk-card-body .uk-heading-small,
|
9572
|
.uk-card-secondary.uk-card-body .uk-heading-medium,
|
9573
|
.uk-card-secondary.uk-card-body .uk-heading-large,
|
9574
|
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
|
9575
|
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
|
9576
|
.uk-card-secondary > :not([class*='uk-card-media']) h1,
|
9577
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1,
|
9578
|
.uk-card-secondary > :not([class*='uk-card-media']) h2,
|
9579
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2,
|
9580
|
.uk-card-secondary > :not([class*='uk-card-media']) h3,
|
9581
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3,
|
9582
|
.uk-card-secondary > :not([class*='uk-card-media']) h4,
|
9583
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4,
|
9584
|
.uk-card-secondary > :not([class*='uk-card-media']) h5,
|
9585
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5,
|
9586
|
.uk-card-secondary > :not([class*='uk-card-media']) h6,
|
9587
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6,
|
9588
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small,
|
9589
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium,
|
9590
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large,
|
9591
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge,
|
9592
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge,
|
9593
|
.uk-overlay-primary h1,
|
9594
|
.uk-overlay-primary .uk-h1,
|
9595
|
.uk-overlay-primary h2,
|
9596
|
.uk-overlay-primary .uk-h2,
|
9597
|
.uk-overlay-primary h3,
|
9598
|
.uk-overlay-primary .uk-h3,
|
9599
|
.uk-overlay-primary h4,
|
9600
|
.uk-overlay-primary .uk-h4,
|
9601
|
.uk-overlay-primary h5,
|
9602
|
.uk-overlay-primary .uk-h5,
|
9603
|
.uk-overlay-primary h6,
|
9604
|
.uk-overlay-primary .uk-h6,
|
9605
|
.uk-overlay-primary .uk-heading-small,
|
9606
|
.uk-overlay-primary .uk-heading-medium,
|
9607
|
.uk-overlay-primary .uk-heading-large,
|
9608
|
.uk-overlay-primary .uk-heading-xlarge,
|
9609
|
.uk-overlay-primary .uk-heading-2xlarge,
|
9610
|
.uk-offcanvas-bar h1,
|
9611
|
.uk-offcanvas-bar .uk-h1,
|
9612
|
.uk-offcanvas-bar h2,
|
9613
|
.uk-offcanvas-bar .uk-h2,
|
9614
|
.uk-offcanvas-bar h3,
|
9615
|
.uk-offcanvas-bar .uk-h3,
|
9616
|
.uk-offcanvas-bar h4,
|
9617
|
.uk-offcanvas-bar .uk-h4,
|
9618
|
.uk-offcanvas-bar h5,
|
9619
|
.uk-offcanvas-bar .uk-h5,
|
9620
|
.uk-offcanvas-bar h6,
|
9621
|
.uk-offcanvas-bar .uk-h6,
|
9622
|
.uk-offcanvas-bar .uk-heading-small,
|
9623
|
.uk-offcanvas-bar .uk-heading-medium,
|
9624
|
.uk-offcanvas-bar .uk-heading-large,
|
9625
|
.uk-offcanvas-bar .uk-heading-xlarge,
|
9626
|
.uk-offcanvas-bar .uk-heading-2xlarge {
|
9627
|
color: #fff;
|
9628
|
}
|
9629
|
.uk-light blockquote,
|
9630
|
.uk-section-primary:not(.uk-preserve-color) blockquote,
|
9631
|
.uk-section-secondary:not(.uk-preserve-color) blockquote,
|
9632
|
.uk-tile-primary:not(.uk-preserve-color) blockquote,
|
9633
|
.uk-tile-secondary:not(.uk-preserve-color) blockquote,
|
9634
|
.uk-card-primary.uk-card-body blockquote,
|
9635
|
.uk-card-primary > :not([class*='uk-card-media']) blockquote,
|
9636
|
.uk-card-secondary.uk-card-body blockquote,
|
9637
|
.uk-card-secondary > :not([class*='uk-card-media']) blockquote,
|
9638
|
.uk-overlay-primary blockquote,
|
9639
|
.uk-offcanvas-bar blockquote {
|
9640
|
color: #fff;
|
9641
|
}
|
9642
|
.uk-light blockquote footer,
|
9643
|
.uk-section-primary:not(.uk-preserve-color) blockquote footer,
|
9644
|
.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
|
9645
|
.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
|
9646
|
.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,
|
9647
|
.uk-card-primary.uk-card-body blockquote footer,
|
9648
|
.uk-card-primary > :not([class*='uk-card-media']) blockquote footer,
|
9649
|
.uk-card-secondary.uk-card-body blockquote footer,
|
9650
|
.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer,
|
9651
|
.uk-overlay-primary blockquote footer,
|
9652
|
.uk-offcanvas-bar blockquote footer {
|
9653
|
color: rgba(255, 255, 255, 0.7);
|
9654
|
}
|
9655
|
.uk-light hr,
|
9656
|
.uk-light .uk-hr,
|
9657
|
.uk-section-primary:not(.uk-preserve-color) hr,
|
9658
|
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
|
9659
|
.uk-section-secondary:not(.uk-preserve-color) hr,
|
9660
|
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
|
9661
|
.uk-tile-primary:not(.uk-preserve-color) hr,
|
9662
|
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
|
9663
|
.uk-tile-secondary:not(.uk-preserve-color) hr,
|
9664
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
|
9665
|
.uk-card-primary.uk-card-body hr,
|
9666
|
.uk-card-primary.uk-card-body .uk-hr,
|
9667
|
.uk-card-primary > :not([class*='uk-card-media']) hr,
|
9668
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-hr,
|
9669
|
.uk-card-secondary.uk-card-body hr,
|
9670
|
.uk-card-secondary.uk-card-body .uk-hr,
|
9671
|
.uk-card-secondary > :not([class*='uk-card-media']) hr,
|
9672
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr,
|
9673
|
.uk-overlay-primary hr,
|
9674
|
.uk-overlay-primary .uk-hr,
|
9675
|
.uk-offcanvas-bar hr,
|
9676
|
.uk-offcanvas-bar .uk-hr {
|
9677
|
border-top-color: rgba(255, 255, 255, 0.2);
|
9678
|
}
|
9679
|
.uk-light .uk-link-muted,
|
9680
|
.uk-light .uk-link-muted a,
|
9681
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,
|
9682
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
|
9683
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,
|
9684
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
|
9685
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,
|
9686
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
|
9687
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,
|
9688
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
|
9689
|
.uk-card-primary.uk-card-body .uk-link-muted,
|
9690
|
.uk-card-primary.uk-card-body .uk-link-muted a,
|
9691
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted,
|
9692
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a,
|
9693
|
.uk-card-secondary.uk-card-body .uk-link-muted,
|
9694
|
.uk-card-secondary.uk-card-body .uk-link-muted a,
|
9695
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted,
|
9696
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a,
|
9697
|
.uk-overlay-primary .uk-link-muted,
|
9698
|
.uk-overlay-primary .uk-link-muted a,
|
9699
|
.uk-offcanvas-bar .uk-link-muted,
|
9700
|
.uk-offcanvas-bar .uk-link-muted a {
|
9701
|
color: rgba(255, 255, 255, 0.5);
|
9702
|
}
|
9703
|
.uk-light .uk-link-muted:hover,
|
9704
|
.uk-light .uk-link-muted a:hover,
|
9705
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,
|
9706
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
|
9707
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
|
9708
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
|
9709
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,
|
9710
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
|
9711
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
|
9712
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
|
9713
|
.uk-card-primary.uk-card-body .uk-link-muted:hover,
|
9714
|
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
|
9715
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted:hover,
|
9716
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
|
9717
|
.uk-card-secondary.uk-card-body .uk-link-muted:hover,
|
9718
|
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
|
9719
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted:hover,
|
9720
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
|
9721
|
.uk-overlay-primary .uk-link-muted:hover,
|
9722
|
.uk-overlay-primary .uk-link-muted a:hover,
|
9723
|
.uk-offcanvas-bar .uk-link-muted:hover,
|
9724
|
.uk-offcanvas-bar .uk-link-muted a:hover {
|
9725
|
color: rgba(255, 255, 255, 0.7);
|
9726
|
}
|
9727
|
.uk-light .uk-link-text:hover,
|
9728
|
.uk-light .uk-link-text a:hover,
|
9729
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,
|
9730
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
|
9731
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,
|
9732
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
|
9733
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,
|
9734
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
|
9735
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,
|
9736
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
|
9737
|
.uk-card-primary.uk-card-body .uk-link-text:hover,
|
9738
|
.uk-card-primary.uk-card-body .uk-link-text a:hover,
|
9739
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text:hover,
|
9740
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover,
|
9741
|
.uk-card-secondary.uk-card-body .uk-link-text:hover,
|
9742
|
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
|
9743
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text:hover,
|
9744
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover,
|
9745
|
.uk-overlay-primary .uk-link-text:hover,
|
9746
|
.uk-overlay-primary .uk-link-text a:hover,
|
9747
|
.uk-offcanvas-bar .uk-link-text:hover,
|
9748
|
.uk-offcanvas-bar .uk-link-text a:hover {
|
9749
|
color: rgba(255, 255, 255, 0.5);
|
9750
|
}
|
9751
|
.uk-light .uk-link-heading:hover,
|
9752
|
.uk-light .uk-link-heading a:hover,
|
9753
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,
|
9754
|
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
|
9755
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
|
9756
|
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
|
9757
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,
|
9758
|
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
|
9759
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
|
9760
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
|
9761
|
.uk-card-primary.uk-card-body .uk-link-heading:hover,
|
9762
|
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
|
9763
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading:hover,
|
9764
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
|
9765
|
.uk-card-secondary.uk-card-body .uk-link-heading:hover,
|
9766
|
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
|
9767
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading:hover,
|
9768
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
|
9769
|
.uk-overlay-primary .uk-link-heading:hover,
|
9770
|
.uk-overlay-primary .uk-link-heading a:hover,
|
9771
|
.uk-offcanvas-bar .uk-link-heading:hover,
|
9772
|
.uk-offcanvas-bar .uk-link-heading a:hover {
|
9773
|
color: #fff;
|
9774
|
}
|
9775
|
.uk-light .uk-heading-divider,
|
9776
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
|
9777
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
|
9778
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
|
9779
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,
|
9780
|
.uk-card-primary.uk-card-body .uk-heading-divider,
|
9781
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider,
|
9782
|
.uk-card-secondary.uk-card-body .uk-heading-divider,
|
9783
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider,
|
9784
|
.uk-overlay-primary .uk-heading-divider,
|
9785
|
.uk-offcanvas-bar .uk-heading-divider {
|
9786
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
9787
|
}
|
9788
|
.uk-light .uk-heading-bullet::before,
|
9789
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
|
9790
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
|
9791
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
|
9792
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
|
9793
|
.uk-card-primary.uk-card-body .uk-heading-bullet::before,
|
9794
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before,
|
9795
|
.uk-card-secondary.uk-card-body .uk-heading-bullet::before,
|
9796
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before,
|
9797
|
.uk-overlay-primary .uk-heading-bullet::before,
|
9798
|
.uk-offcanvas-bar .uk-heading-bullet::before {
|
9799
|
border-left-color: rgba(255, 255, 255, 0.2);
|
9800
|
}
|
9801
|
.uk-light .uk-heading-line > ::before,
|
9802
|
.uk-light .uk-heading-line > ::after,
|
9803
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
|
9804
|
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
|
9805
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
|
9806
|
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
|
9807
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
|
9808
|
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
|
9809
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
|
9810
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
|
9811
|
.uk-card-primary.uk-card-body .uk-heading-line > ::before,
|
9812
|
.uk-card-primary.uk-card-body .uk-heading-line > ::after,
|
9813
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before,
|
9814
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after,
|
9815
|
.uk-card-secondary.uk-card-body .uk-heading-line > ::before,
|
9816
|
.uk-card-secondary.uk-card-body .uk-heading-line > ::after,
|
9817
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before,
|
9818
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after,
|
9819
|
.uk-overlay-primary .uk-heading-line > ::before,
|
9820
|
.uk-overlay-primary .uk-heading-line > ::after,
|
9821
|
.uk-offcanvas-bar .uk-heading-line > ::before,
|
9822
|
.uk-offcanvas-bar .uk-heading-line > ::after {
|
9823
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
9824
|
}
|
9825
|
.uk-light .uk-divider-icon,
|
9826
|
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
|
9827
|
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
|
9828
|
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
|
9829
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,
|
9830
|
.uk-card-primary.uk-card-body .uk-divider-icon,
|
9831
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon,
|
9832
|
.uk-card-secondary.uk-card-body .uk-divider-icon,
|
9833
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon,
|
9834
|
.uk-overlay-primary .uk-divider-icon,
|
9835
|
.uk-offcanvas-bar .uk-divider-icon {
|
9836
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
9837
|
}
|
9838
|
.uk-light .uk-divider-icon::before,
|
9839
|
.uk-light .uk-divider-icon::after,
|
9840
|
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
|
9841
|
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
|
9842
|
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
|
9843
|
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
|
9844
|
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
|
9845
|
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
|
9846
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
|
9847
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
|
9848
|
.uk-card-primary.uk-card-body .uk-divider-icon::before,
|
9849
|
.uk-card-primary.uk-card-body .uk-divider-icon::after,
|
9850
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before,
|
9851
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after,
|
9852
|
.uk-card-secondary.uk-card-body .uk-divider-icon::before,
|
9853
|
.uk-card-secondary.uk-card-body .uk-divider-icon::after,
|
9854
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before,
|
9855
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after,
|
9856
|
.uk-overlay-primary .uk-divider-icon::before,
|
9857
|
.uk-overlay-primary .uk-divider-icon::after,
|
9858
|
.uk-offcanvas-bar .uk-divider-icon::before,
|
9859
|
.uk-offcanvas-bar .uk-divider-icon::after {
|
9860
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
9861
|
}
|
9862
|
.uk-light .uk-divider-small::after,
|
9863
|
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
|
9864
|
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
|
9865
|
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
|
9866
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,
|
9867
|
.uk-card-primary.uk-card-body .uk-divider-small::after,
|
9868
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after,
|
9869
|
.uk-card-secondary.uk-card-body .uk-divider-small::after,
|
9870
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after,
|
9871
|
.uk-overlay-primary .uk-divider-small::after,
|
9872
|
.uk-offcanvas-bar .uk-divider-small::after {
|
9873
|
border-top-color: rgba(255, 255, 255, 0.2);
|
9874
|
}
|
9875
|
.uk-light .uk-divider-vertical,
|
9876
|
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
|
9877
|
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
|
9878
|
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
|
9879
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,
|
9880
|
.uk-card-primary.uk-card-body .uk-divider-vertical,
|
9881
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical,
|
9882
|
.uk-card-secondary.uk-card-body .uk-divider-vertical,
|
9883
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical,
|
9884
|
.uk-overlay-primary .uk-divider-vertical,
|
9885
|
.uk-offcanvas-bar .uk-divider-vertical {
|
9886
|
border-left-color: rgba(255, 255, 255, 0.2);
|
9887
|
}
|
9888
|
.uk-light .uk-list-divider > li:nth-child(n+2),
|
9889
|
.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
|
9890
|
.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
|
9891
|
.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
|
9892
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
|
9893
|
.uk-card-primary.uk-card-body .uk-list-divider > li:nth-child(n+2),
|
9894
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > li:nth-child(n+2),
|
9895
|
.uk-card-secondary.uk-card-body .uk-list-divider > li:nth-child(n+2),
|
9896
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > li:nth-child(n+2),
|
9897
|
.uk-overlay-primary .uk-list-divider > li:nth-child(n+2),
|
9898
|
.uk-offcanvas-bar .uk-list-divider > li:nth-child(n+2) {
|
9899
|
border-top-color: rgba(255, 255, 255, 0.2);
|
9900
|
}
|
9901
|
.uk-light .uk-list-striped > li:nth-of-type(odd),
|
9902
|
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9903
|
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9904
|
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9905
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9906
|
.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
|
9907
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd),
|
9908
|
.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
|
9909
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd),
|
9910
|
.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd),
|
9911
|
.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) {
|
9912
|
border-top-color: rgba(255, 255, 255, 0.2);
|
9913
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
9914
|
}
|
9915
|
.uk-light .uk-list-striped > li:nth-of-type(odd),
|
9916
|
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9917
|
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9918
|
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9919
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
|
9920
|
.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
|
9921
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd),
|
9922
|
.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
|
9923
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd),
|
9924
|
.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd),
|
9925
|
.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) {
|
9926
|
background-color: rgba(255, 255, 255, 0.1);
|
9927
|
}
|
9928
|
.uk-light .uk-list-bullet > li::before,
|
9929
|
.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
|
9930
|
.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
|
9931
|
.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
|
9932
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
|
9933
|
.uk-card-primary.uk-card-body .uk-list-bullet > li::before,
|
9934
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > li::before,
|
9935
|
.uk-card-secondary.uk-card-body .uk-list-bullet > li::before,
|
9936
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > li::before,
|
9937
|
.uk-overlay-primary .uk-list-bullet > li::before,
|
9938
|
.uk-offcanvas-bar .uk-list-bullet > li::before {
|
9939
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
9940
|
}
|
9941
|
.uk-light .uk-table th,
|
9942
|
.uk-section-primary:not(.uk-preserve-color) .uk-table th,
|
9943
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table th,
|
9944
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table th,
|
9945
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,
|
9946
|
.uk-card-primary.uk-card-body .uk-table th,
|
9947
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table th,
|
9948
|
.uk-card-secondary.uk-card-body .uk-table th,
|
9949
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th,
|
9950
|
.uk-overlay-primary .uk-table th,
|
9951
|
.uk-offcanvas-bar .uk-table th {
|
9952
|
color: rgba(255, 255, 255, 0.7);
|
9953
|
}
|
9954
|
.uk-light .uk-table caption,
|
9955
|
.uk-section-primary:not(.uk-preserve-color) .uk-table caption,
|
9956
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,
|
9957
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,
|
9958
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,
|
9959
|
.uk-card-primary.uk-card-body .uk-table caption,
|
9960
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption,
|
9961
|
.uk-card-secondary.uk-card-body .uk-table caption,
|
9962
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption,
|
9963
|
.uk-overlay-primary .uk-table caption,
|
9964
|
.uk-offcanvas-bar .uk-table caption {
|
9965
|
color: rgba(255, 255, 255, 0.5);
|
9966
|
}
|
9967
|
.uk-light .uk-table > tr.uk-active,
|
9968
|
.uk-light .uk-table tbody tr.uk-active,
|
9969
|
.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
|
9970
|
.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
|
9971
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
|
9972
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
|
9973
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
|
9974
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
|
9975
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
|
9976
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
|
9977
|
.uk-card-primary.uk-card-body .uk-table > tr.uk-active,
|
9978
|
.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,
|
9979
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active,
|
9980
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active,
|
9981
|
.uk-card-secondary.uk-card-body .uk-table > tr.uk-active,
|
9982
|
.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,
|
9983
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active,
|
9984
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active,
|
9985
|
.uk-overlay-primary .uk-table > tr.uk-active,
|
9986
|
.uk-overlay-primary .uk-table tbody tr.uk-active,
|
9987
|
.uk-offcanvas-bar .uk-table > tr.uk-active,
|
9988
|
.uk-offcanvas-bar .uk-table tbody tr.uk-active {
|
9989
|
background: rgba(255, 255, 255, 0.08);
|
9990
|
}
|
9991
|
.uk-light .uk-table-divider > tr:not(:first-child),
|
9992
|
.uk-light .uk-table-divider > :not(:first-child) > tr,
|
9993
|
.uk-light .uk-table-divider > :first-child > tr:not(:first-child),
|
9994
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
|
9995
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
|
9996
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
|
9997
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
|
9998
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
|
9999
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
|
10000
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
|
10001
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
|
10002
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
|
10003
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
|
10004
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
|
10005
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
|
10006
|
.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child),
|
10007
|
.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
|
10008
|
.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),
|
10009
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child),
|
10010
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr,
|
10011
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child),
|
10012
|
.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child),
|
10013
|
.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
|
10014
|
.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),
|
10015
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child),
|
10016
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr,
|
10017
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child),
|
10018
|
.uk-overlay-primary .uk-table-divider > tr:not(:first-child),
|
10019
|
.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr,
|
10020
|
.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child),
|
10021
|
.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child),
|
10022
|
.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr,
|
10023
|
.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) {
|
10024
|
border-top-color: rgba(255, 255, 255, 0.2);
|
10025
|
}
|
10026
|
.uk-light .uk-table-striped > tr:nth-of-type(odd),
|
10027
|
.uk-light .uk-table-striped tbody tr:nth-of-type(odd),
|
10028
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
|
10029
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
|
10030
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
|
10031
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
|
10032
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
|
10033
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
|
10034
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
|
10035
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
|
10036
|
.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
|
10037
|
.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
|
10038
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd),
|
10039
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),
|
10040
|
.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
|
10041
|
.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
|
10042
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd),
|
10043
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),
|
10044
|
.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd),
|
10045
|
.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),
|
10046
|
.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd),
|
10047
|
.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) {
|
10048
|
background: rgba(255, 255, 255, 0.1);
|
10049
|
border-top-color: rgba(255, 255, 255, 0.2);
|
10050
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
10051
|
}
|
10052
|
.uk-light .uk-table-hover > tr:hover,
|
10053
|
.uk-light .uk-table-hover tbody tr:hover,
|
10054
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
|
10055
|
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
|
10056
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
|
10057
|
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
|
10058
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
|
10059
|
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
|
10060
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
|
10061
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
|
10062
|
.uk-card-primary.uk-card-body .uk-table-hover > tr:hover,
|
10063
|
.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,
|
10064
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover,
|
10065
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,
|
10066
|
.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover,
|
10067
|
.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,
|
10068
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover,
|
10069
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,
|
10070
|
.uk-overlay-primary .uk-table-hover > tr:hover,
|
10071
|
.uk-overlay-primary .uk-table-hover tbody tr:hover,
|
10072
|
.uk-offcanvas-bar .uk-table-hover > tr:hover,
|
10073
|
.uk-offcanvas-bar .uk-table-hover tbody tr:hover {
|
10074
|
background: rgba(255, 255, 255, 0.08);
|
10075
|
}
|
10076
|
.uk-light .uk-icon-link,
|
10077
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
|
10078
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
|
10079
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
|
10080
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,
|
10081
|
.uk-card-primary.uk-card-body .uk-icon-link,
|
10082
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link,
|
10083
|
.uk-card-secondary.uk-card-body .uk-icon-link,
|
10084
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link,
|
10085
|
.uk-overlay-primary .uk-icon-link,
|
10086
|
.uk-offcanvas-bar .uk-icon-link {
|
10087
|
color: rgba(255, 255, 255, 0.5);
|
10088
|
}
|
10089
|
.uk-light .uk-icon-link:hover,
|
10090
|
.uk-light .uk-icon-link:focus,
|
10091
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
|
10092
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
|
10093
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
|
10094
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
|
10095
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
|
10096
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
|
10097
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
|
10098
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
|
10099
|
.uk-card-primary.uk-card-body .uk-icon-link:hover,
|
10100
|
.uk-card-primary.uk-card-body .uk-icon-link:focus,
|
10101
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover,
|
10102
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus,
|
10103
|
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
|
10104
|
.uk-card-secondary.uk-card-body .uk-icon-link:focus,
|
10105
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover,
|
10106
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus,
|
10107
|
.uk-overlay-primary .uk-icon-link:hover,
|
10108
|
.uk-overlay-primary .uk-icon-link:focus,
|
10109
|
.uk-offcanvas-bar .uk-icon-link:hover,
|
10110
|
.uk-offcanvas-bar .uk-icon-link:focus {
|
10111
|
color: rgba(255, 255, 255, 0.7);
|
10112
|
}
|
10113
|
.uk-light .uk-icon-link:active,
|
10114
|
.uk-light .uk-active > .uk-icon-link,
|
10115
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
|
10116
|
.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
|
10117
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
|
10118
|
.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
|
10119
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
|
10120
|
.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
|
10121
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
|
10122
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
|
10123
|
.uk-card-primary.uk-card-body .uk-icon-link:active,
|
10124
|
.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
|
10125
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active,
|
10126
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link,
|
10127
|
.uk-card-secondary.uk-card-body .uk-icon-link:active,
|
10128
|
.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
|
10129
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active,
|
10130
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link,
|
10131
|
.uk-overlay-primary .uk-icon-link:active,
|
10132
|
.uk-overlay-primary .uk-active > .uk-icon-link,
|
10133
|
.uk-offcanvas-bar .uk-icon-link:active,
|
10134
|
.uk-offcanvas-bar .uk-active > .uk-icon-link {
|
10135
|
color: rgba(255, 255, 255, 0.7);
|
10136
|
}
|
10137
|
.uk-light .uk-icon-button,
|
10138
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
|
10139
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
|
10140
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
|
10141
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
|
10142
|
.uk-card-primary.uk-card-body .uk-icon-button,
|
10143
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button,
|
10144
|
.uk-card-secondary.uk-card-body .uk-icon-button,
|
10145
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button,
|
10146
|
.uk-overlay-primary .uk-icon-button,
|
10147
|
.uk-offcanvas-bar .uk-icon-button {
|
10148
|
background-color: rgba(255, 255, 255, 0.1);
|
10149
|
color: rgba(255, 255, 255, 0.5);
|
10150
|
}
|
10151
|
.uk-light .uk-icon-button:hover,
|
10152
|
.uk-light .uk-icon-button:focus,
|
10153
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
|
10154
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
|
10155
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
|
10156
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
|
10157
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
|
10158
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
|
10159
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
|
10160
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
|
10161
|
.uk-card-primary.uk-card-body .uk-icon-button:hover,
|
10162
|
.uk-card-primary.uk-card-body .uk-icon-button:focus,
|
10163
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover,
|
10164
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus,
|
10165
|
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
|
10166
|
.uk-card-secondary.uk-card-body .uk-icon-button:focus,
|
10167
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover,
|
10168
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus,
|
10169
|
.uk-overlay-primary .uk-icon-button:hover,
|
10170
|
.uk-overlay-primary .uk-icon-button:focus,
|
10171
|
.uk-offcanvas-bar .uk-icon-button:hover,
|
10172
|
.uk-offcanvas-bar .uk-icon-button:focus {
|
10173
|
background-color: rgba(242, 242, 242, 0.1);
|
10174
|
color: rgba(255, 255, 255, 0.7);
|
10175
|
}
|
10176
|
.uk-light .uk-icon-button:active,
|
10177
|
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
|
10178
|
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
|
10179
|
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
|
10180
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
|
10181
|
.uk-card-primary.uk-card-body .uk-icon-button:active,
|
10182
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active,
|
10183
|
.uk-card-secondary.uk-card-body .uk-icon-button:active,
|
10184
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active,
|
10185
|
.uk-overlay-primary .uk-icon-button:active,
|
10186
|
.uk-offcanvas-bar .uk-icon-button:active {
|
10187
|
background-color: rgba(230, 230, 230, 0.1);
|
10188
|
color: rgba(255, 255, 255, 0.7);
|
10189
|
}
|
10190
|
.uk-light .uk-input,
|
10191
|
.uk-light .uk-select,
|
10192
|
.uk-light .uk-textarea,
|
10193
|
.uk-section-primary:not(.uk-preserve-color) .uk-input,
|
10194
|
.uk-section-primary:not(.uk-preserve-color) .uk-select,
|
10195
|
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
|
10196
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
|
10197
|
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
|
10198
|
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
|
10199
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
|
10200
|
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
|
10201
|
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
|
10202
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
|
10203
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
|
10204
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,
|
10205
|
.uk-card-primary.uk-card-body .uk-input,
|
10206
|
.uk-card-primary.uk-card-body .uk-select,
|
10207
|
.uk-card-primary.uk-card-body .uk-textarea,
|
10208
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input,
|
10209
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-select,
|
10210
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea,
|
10211
|
.uk-card-secondary.uk-card-body .uk-input,
|
10212
|
.uk-card-secondary.uk-card-body .uk-select,
|
10213
|
.uk-card-secondary.uk-card-body .uk-textarea,
|
10214
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input,
|
10215
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-select,
|
10216
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea,
|
10217
|
.uk-overlay-primary .uk-input,
|
10218
|
.uk-overlay-primary .uk-select,
|
10219
|
.uk-overlay-primary .uk-textarea,
|
10220
|
.uk-offcanvas-bar .uk-input,
|
10221
|
.uk-offcanvas-bar .uk-select,
|
10222
|
.uk-offcanvas-bar .uk-textarea {
|
10223
|
background-color: rgba(255, 255, 255, 0.1);
|
10224
|
color: rgba(255, 255, 255, 0.7);
|
10225
|
background-clip: padding-box;
|
10226
|
border-color: rgba(255, 255, 255, 0.2);
|
10227
|
}
|
10228
|
.uk-light .uk-input:focus,
|
10229
|
.uk-light .uk-select:focus,
|
10230
|
.uk-light .uk-textarea:focus,
|
10231
|
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
|
10232
|
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
|
10233
|
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
|
10234
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
|
10235
|
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
|
10236
|
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
|
10237
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
|
10238
|
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
|
10239
|
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
|
10240
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
|
10241
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
|
10242
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
|
10243
|
.uk-card-primary.uk-card-body .uk-input:focus,
|
10244
|
.uk-card-primary.uk-card-body .uk-select:focus,
|
10245
|
.uk-card-primary.uk-card-body .uk-textarea:focus,
|
10246
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus,
|
10247
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus,
|
10248
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus,
|
10249
|
.uk-card-secondary.uk-card-body .uk-input:focus,
|
10250
|
.uk-card-secondary.uk-card-body .uk-select:focus,
|
10251
|
.uk-card-secondary.uk-card-body .uk-textarea:focus,
|
10252
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus,
|
10253
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus,
|
10254
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus,
|
10255
|
.uk-overlay-primary .uk-input:focus,
|
10256
|
.uk-overlay-primary .uk-select:focus,
|
10257
|
.uk-overlay-primary .uk-textarea:focus,
|
10258
|
.uk-offcanvas-bar .uk-input:focus,
|
10259
|
.uk-offcanvas-bar .uk-select:focus,
|
10260
|
.uk-offcanvas-bar .uk-textarea:focus {
|
10261
|
background-color: rgba(255, 255, 255, 0.1);
|
10262
|
color: rgba(255, 255, 255, 0.7);
|
10263
|
border-color: rgba(255, 255, 255, 0.7);
|
10264
|
}
|
10265
|
.uk-light .uk-input::-ms-input-placeholder,
|
10266
|
.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
|
10267
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
|
10268
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
|
10269
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
|
10270
|
.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,
|
10271
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder,
|
10272
|
.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,
|
10273
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder,
|
10274
|
.uk-overlay-primary .uk-input::-ms-input-placeholder,
|
10275
|
.uk-offcanvas-bar .uk-input::-ms-input-placeholder {
|
10276
|
color: rgba(255, 255, 255, 0.5) !important;
|
10277
|
}
|
10278
|
.uk-light .uk-input::placeholder,
|
10279
|
.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
|
10280
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
|
10281
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
|
10282
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,
|
10283
|
.uk-card-primary.uk-card-body .uk-input::placeholder,
|
10284
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder,
|
10285
|
.uk-card-secondary.uk-card-body .uk-input::placeholder,
|
10286
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder,
|
10287
|
.uk-overlay-primary .uk-input::placeholder,
|
10288
|
.uk-offcanvas-bar .uk-input::placeholder {
|
10289
|
color: rgba(255, 255, 255, 0.5);
|
10290
|
}
|
10291
|
.uk-light .uk-textarea::-ms-input-placeholder,
|
10292
|
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
|
10293
|
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
|
10294
|
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
|
10295
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
|
10296
|
.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,
|
10297
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder,
|
10298
|
.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,
|
10299
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder,
|
10300
|
.uk-overlay-primary .uk-textarea::-ms-input-placeholder,
|
10301
|
.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder {
|
10302
|
color: rgba(255, 255, 255, 0.5) !important;
|
10303
|
}
|
10304
|
.uk-light .uk-textarea::placeholder,
|
10305
|
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
|
10306
|
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
|
10307
|
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
|
10308
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
|
10309
|
.uk-card-primary.uk-card-body .uk-textarea::placeholder,
|
10310
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder,
|
10311
|
.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
|
10312
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder,
|
10313
|
.uk-overlay-primary .uk-textarea::placeholder,
|
10314
|
.uk-offcanvas-bar .uk-textarea::placeholder {
|
10315
|
color: rgba(255, 255, 255, 0.5);
|
10316
|
}
|
10317
|
.uk-light .uk-select:not([multiple]):not([size]),
|
10318
|
.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
|
10319
|
.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
|
10320
|
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
|
10321
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
|
10322
|
.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
|
10323
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]),
|
10324
|
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
|
10325
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]),
|
10326
|
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
|
10327
|
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
|
10328
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
10329
|
}
|
10330
|
.uk-light .uk-input[list]:hover,
|
10331
|
.uk-light .uk-input[list]:focus,
|
10332
|
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
|
10333
|
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
|
10334
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
|
10335
|
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
|
10336
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
|
10337
|
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
|
10338
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
|
10339
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
|
10340
|
.uk-card-primary.uk-card-body .uk-input[list]:hover,
|
10341
|
.uk-card-primary.uk-card-body .uk-input[list]:focus,
|
10342
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover,
|
10343
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus,
|
10344
|
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
|
10345
|
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
|
10346
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover,
|
10347
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus,
|
10348
|
.uk-overlay-primary .uk-input[list]:hover,
|
10349
|
.uk-overlay-primary .uk-input[list]:focus,
|
10350
|
.uk-offcanvas-bar .uk-input[list]:hover,
|
10351
|
.uk-offcanvas-bar .uk-input[list]:focus {
|
10352
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
10353
|
}
|
10354
|
.uk-light .uk-radio,
|
10355
|
.uk-light .uk-checkbox,
|
10356
|
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
|
10357
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
|
10358
|
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
|
10359
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
|
10360
|
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
|
10361
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
|
10362
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio,
|
10363
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
|
10364
|
.uk-card-primary.uk-card-body .uk-radio,
|
10365
|
.uk-card-primary.uk-card-body .uk-checkbox,
|
10366
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio,
|
10367
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox,
|
10368
|
.uk-card-secondary.uk-card-body .uk-radio,
|
10369
|
.uk-card-secondary.uk-card-body .uk-checkbox,
|
10370
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio,
|
10371
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox,
|
10372
|
.uk-overlay-primary .uk-radio,
|
10373
|
.uk-overlay-primary .uk-checkbox,
|
10374
|
.uk-offcanvas-bar .uk-radio,
|
10375
|
.uk-offcanvas-bar .uk-checkbox {
|
10376
|
background-color: rgba(242, 242, 242, 0.1);
|
10377
|
border-color: rgba(255, 255, 255, 0.2);
|
10378
|
}
|
10379
|
.uk-light .uk-radio:focus,
|
10380
|
.uk-light .uk-checkbox:focus,
|
10381
|
.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
|
10382
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
|
10383
|
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
|
10384
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
|
10385
|
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
|
10386
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
|
10387
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus,
|
10388
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
|
10389
|
.uk-card-primary.uk-card-body .uk-radio:focus,
|
10390
|
.uk-card-primary.uk-card-body .uk-checkbox:focus,
|
10391
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus,
|
10392
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus,
|
10393
|
.uk-card-secondary.uk-card-body .uk-radio:focus,
|
10394
|
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
|
10395
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus,
|
10396
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus,
|
10397
|
.uk-overlay-primary .uk-radio:focus,
|
10398
|
.uk-overlay-primary .uk-checkbox:focus,
|
10399
|
.uk-offcanvas-bar .uk-radio:focus,
|
10400
|
.uk-offcanvas-bar .uk-checkbox:focus {
|
10401
|
border-color: rgba(255, 255, 255, 0.7);
|
10402
|
}
|
10403
|
.uk-light .uk-radio:checked,
|
10404
|
.uk-light .uk-checkbox:checked,
|
10405
|
.uk-light .uk-checkbox:indeterminate,
|
10406
|
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
|
10407
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10408
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10409
|
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
|
10410
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10411
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10412
|
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
|
10413
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10414
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10415
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
|
10416
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10417
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10418
|
.uk-card-primary.uk-card-body .uk-radio:checked,
|
10419
|
.uk-card-primary.uk-card-body .uk-checkbox:checked,
|
10420
|
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
|
10421
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked,
|
10422
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked,
|
10423
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
|
10424
|
.uk-card-secondary.uk-card-body .uk-radio:checked,
|
10425
|
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
|
10426
|
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
|
10427
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked,
|
10428
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked,
|
10429
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
|
10430
|
.uk-overlay-primary .uk-radio:checked,
|
10431
|
.uk-overlay-primary .uk-checkbox:checked,
|
10432
|
.uk-overlay-primary .uk-checkbox:indeterminate,
|
10433
|
.uk-offcanvas-bar .uk-radio:checked,
|
10434
|
.uk-offcanvas-bar .uk-checkbox:checked,
|
10435
|
.uk-offcanvas-bar .uk-checkbox:indeterminate {
|
10436
|
background-color: #fff;
|
10437
|
border-color: rgba(255, 255, 255, 0.7);
|
10438
|
}
|
10439
|
.uk-light .uk-radio:checked:focus,
|
10440
|
.uk-light .uk-checkbox:checked:focus,
|
10441
|
.uk-light .uk-checkbox:indeterminate:focus,
|
10442
|
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
|
10443
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
|
10444
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
|
10445
|
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
|
10446
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
|
10447
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
|
10448
|
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
|
10449
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
|
10450
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
|
10451
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
|
10452
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
|
10453
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
|
10454
|
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
|
10455
|
.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
|
10456
|
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
|
10457
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus,
|
10458
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus,
|
10459
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus,
|
10460
|
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
|
10461
|
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
|
10462
|
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
|
10463
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus,
|
10464
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus,
|
10465
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus,
|
10466
|
.uk-overlay-primary .uk-radio:checked:focus,
|
10467
|
.uk-overlay-primary .uk-checkbox:checked:focus,
|
10468
|
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
|
10469
|
.uk-offcanvas-bar .uk-radio:checked:focus,
|
10470
|
.uk-offcanvas-bar .uk-checkbox:checked:focus,
|
10471
|
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus {
|
10472
|
background-color: #e6e6e6;
|
10473
|
}
|
10474
|
.uk-light .uk-radio:checked,
|
10475
|
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
|
10476
|
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
|
10477
|
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
|
10478
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
|
10479
|
.uk-card-primary.uk-card-body .uk-radio:checked,
|
10480
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked,
|
10481
|
.uk-card-secondary.uk-card-body .uk-radio:checked,
|
10482
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked,
|
10483
|
.uk-overlay-primary .uk-radio:checked,
|
10484
|
.uk-offcanvas-bar .uk-radio:checked {
|
10485
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
10486
|
}
|
10487
|
.uk-light .uk-checkbox:checked,
|
10488
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10489
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10490
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10491
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
|
10492
|
.uk-card-primary.uk-card-body .uk-checkbox:checked,
|
10493
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked,
|
10494
|
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
|
10495
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked,
|
10496
|
.uk-overlay-primary .uk-checkbox:checked,
|
10497
|
.uk-offcanvas-bar .uk-checkbox:checked {
|
10498
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
10499
|
}
|
10500
|
.uk-light .uk-checkbox:indeterminate,
|
10501
|
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10502
|
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10503
|
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10504
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
|
10505
|
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
|
10506
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
|
10507
|
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
|
10508
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
|
10509
|
.uk-overlay-primary .uk-checkbox:indeterminate,
|
10510
|
.uk-offcanvas-bar .uk-checkbox:indeterminate {
|
10511
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
10512
|
}
|
10513
|
.uk-light .uk-form-label,
|
10514
|
.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
|
10515
|
.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
|
10516
|
.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
|
10517
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,
|
10518
|
.uk-card-primary.uk-card-body .uk-form-label,
|
10519
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label,
|
10520
|
.uk-card-secondary.uk-card-body .uk-form-label,
|
10521
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label,
|
10522
|
.uk-overlay-primary .uk-form-label,
|
10523
|
.uk-offcanvas-bar .uk-form-label {
|
10524
|
color: #fff;
|
10525
|
}
|
10526
|
.uk-light .uk-form-icon,
|
10527
|
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
|
10528
|
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
|
10529
|
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
|
10530
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon,
|
10531
|
.uk-card-primary.uk-card-body .uk-form-icon,
|
10532
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon,
|
10533
|
.uk-card-secondary.uk-card-body .uk-form-icon,
|
10534
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon,
|
10535
|
.uk-overlay-primary .uk-form-icon,
|
10536
|
.uk-offcanvas-bar .uk-form-icon {
|
10537
|
color: rgba(255, 255, 255, 0.5);
|
10538
|
}
|
10539
|
.uk-light .uk-form-icon:hover,
|
10540
|
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
|
10541
|
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
|
10542
|
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
|
10543
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
|
10544
|
.uk-card-primary.uk-card-body .uk-form-icon:hover,
|
10545
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover,
|
10546
|
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
|
10547
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover,
|
10548
|
.uk-overlay-primary .uk-form-icon:hover,
|
10549
|
.uk-offcanvas-bar .uk-form-icon:hover {
|
10550
|
color: rgba(255, 255, 255, 0.7);
|
10551
|
}
|
10552
|
.uk-light .uk-button-default,
|
10553
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
|
10554
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
|
10555
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
|
10556
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,
|
10557
|
.uk-card-primary.uk-card-body .uk-button-default,
|
10558
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default,
|
10559
|
.uk-card-secondary.uk-card-body .uk-button-default,
|
10560
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default,
|
10561
|
.uk-overlay-primary .uk-button-default,
|
10562
|
.uk-offcanvas-bar .uk-button-default {
|
10563
|
background-color: transparent;
|
10564
|
color: #fff;
|
10565
|
border-color: rgba(255, 255, 255, 0.7);
|
10566
|
}
|
10567
|
.uk-light .uk-button-default:hover,
|
10568
|
.uk-light .uk-button-default:focus,
|
10569
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
|
10570
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
|
10571
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
|
10572
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
|
10573
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
|
10574
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
|
10575
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
|
10576
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
|
10577
|
.uk-card-primary.uk-card-body .uk-button-default:hover,
|
10578
|
.uk-card-primary.uk-card-body .uk-button-default:focus,
|
10579
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover,
|
10580
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus,
|
10581
|
.uk-card-secondary.uk-card-body .uk-button-default:hover,
|
10582
|
.uk-card-secondary.uk-card-body .uk-button-default:focus,
|
10583
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover,
|
10584
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus,
|
10585
|
.uk-overlay-primary .uk-button-default:hover,
|
10586
|
.uk-overlay-primary .uk-button-default:focus,
|
10587
|
.uk-offcanvas-bar .uk-button-default:hover,
|
10588
|
.uk-offcanvas-bar .uk-button-default:focus {
|
10589
|
background-color: transparent;
|
10590
|
color: #fff;
|
10591
|
border-color: #fff;
|
10592
|
}
|
10593
|
.uk-light .uk-button-default:active,
|
10594
|
.uk-light .uk-button-default.uk-active,
|
10595
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
|
10596
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
|
10597
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
|
10598
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
|
10599
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
|
10600
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
|
10601
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
|
10602
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
|
10603
|
.uk-card-primary.uk-card-body .uk-button-default:active,
|
10604
|
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
|
10605
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active,
|
10606
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
|
10607
|
.uk-card-secondary.uk-card-body .uk-button-default:active,
|
10608
|
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
|
10609
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active,
|
10610
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
|
10611
|
.uk-overlay-primary .uk-button-default:active,
|
10612
|
.uk-overlay-primary .uk-button-default.uk-active,
|
10613
|
.uk-offcanvas-bar .uk-button-default:active,
|
10614
|
.uk-offcanvas-bar .uk-button-default.uk-active {
|
10615
|
background-color: transparent;
|
10616
|
color: #fff;
|
10617
|
border-color: #fff;
|
10618
|
}
|
10619
|
.uk-light .uk-button-primary,
|
10620
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
|
10621
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
|
10622
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
|
10623
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,
|
10624
|
.uk-card-primary.uk-card-body .uk-button-primary,
|
10625
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary,
|
10626
|
.uk-card-secondary.uk-card-body .uk-button-primary,
|
10627
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary,
|
10628
|
.uk-overlay-primary .uk-button-primary,
|
10629
|
.uk-offcanvas-bar .uk-button-primary {
|
10630
|
background-color: #fff;
|
10631
|
color: #666;
|
10632
|
}
|
10633
|
.uk-light .uk-button-primary:hover,
|
10634
|
.uk-light .uk-button-primary:focus,
|
10635
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
|
10636
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
|
10637
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
|
10638
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
|
10639
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
|
10640
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
|
10641
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
|
10642
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
|
10643
|
.uk-card-primary.uk-card-body .uk-button-primary:hover,
|
10644
|
.uk-card-primary.uk-card-body .uk-button-primary:focus,
|
10645
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover,
|
10646
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus,
|
10647
|
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
|
10648
|
.uk-card-secondary.uk-card-body .uk-button-primary:focus,
|
10649
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover,
|
10650
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus,
|
10651
|
.uk-overlay-primary .uk-button-primary:hover,
|
10652
|
.uk-overlay-primary .uk-button-primary:focus,
|
10653
|
.uk-offcanvas-bar .uk-button-primary:hover,
|
10654
|
.uk-offcanvas-bar .uk-button-primary:focus {
|
10655
|
background-color: #f2f2f2;
|
10656
|
color: #666;
|
10657
|
}
|
10658
|
.uk-light .uk-button-primary:active,
|
10659
|
.uk-light .uk-button-primary.uk-active,
|
10660
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
|
10661
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
|
10662
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
|
10663
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
|
10664
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
|
10665
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
|
10666
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,
|
10667
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
|
10668
|
.uk-card-primary.uk-card-body .uk-button-primary:active,
|
10669
|
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
|
10670
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active,
|
10671
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
|
10672
|
.uk-card-secondary.uk-card-body .uk-button-primary:active,
|
10673
|
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
|
10674
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active,
|
10675
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
|
10676
|
.uk-overlay-primary .uk-button-primary:active,
|
10677
|
.uk-overlay-primary .uk-button-primary.uk-active,
|
10678
|
.uk-offcanvas-bar .uk-button-primary:active,
|
10679
|
.uk-offcanvas-bar .uk-button-primary.uk-active {
|
10680
|
background-color: #e6e6e6;
|
10681
|
color: #666;
|
10682
|
}
|
10683
|
.uk-light .uk-button-secondary,
|
10684
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
|
10685
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
|
10686
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
|
10687
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
|
10688
|
.uk-card-primary.uk-card-body .uk-button-secondary,
|
10689
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary,
|
10690
|
.uk-card-secondary.uk-card-body .uk-button-secondary,
|
10691
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary,
|
10692
|
.uk-overlay-primary .uk-button-secondary,
|
10693
|
.uk-offcanvas-bar .uk-button-secondary {
|
10694
|
background-color: #fff;
|
10695
|
color: #666;
|
10696
|
}
|
10697
|
.uk-light .uk-button-secondary:hover,
|
10698
|
.uk-light .uk-button-secondary:focus,
|
10699
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
|
10700
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
|
10701
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
|
10702
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
|
10703
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
|
10704
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
|
10705
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
|
10706
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
|
10707
|
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
|
10708
|
.uk-card-primary.uk-card-body .uk-button-secondary:focus,
|
10709
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
|
10710
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
|
10711
|
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
|
10712
|
.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
|
10713
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
|
10714
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
|
10715
|
.uk-overlay-primary .uk-button-secondary:hover,
|
10716
|
.uk-overlay-primary .uk-button-secondary:focus,
|
10717
|
.uk-offcanvas-bar .uk-button-secondary:hover,
|
10718
|
.uk-offcanvas-bar .uk-button-secondary:focus {
|
10719
|
background-color: #f2f2f2;
|
10720
|
color: #666;
|
10721
|
}
|
10722
|
.uk-light .uk-button-secondary:active,
|
10723
|
.uk-light .uk-button-secondary.uk-active,
|
10724
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
|
10725
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
|
10726
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
|
10727
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
|
10728
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
|
10729
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
|
10730
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
|
10731
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
|
10732
|
.uk-card-primary.uk-card-body .uk-button-secondary:active,
|
10733
|
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
|
10734
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active,
|
10735
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
|
10736
|
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
|
10737
|
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
|
10738
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active,
|
10739
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
|
10740
|
.uk-overlay-primary .uk-button-secondary:active,
|
10741
|
.uk-overlay-primary .uk-button-secondary.uk-active,
|
10742
|
.uk-offcanvas-bar .uk-button-secondary:active,
|
10743
|
.uk-offcanvas-bar .uk-button-secondary.uk-active {
|
10744
|
background-color: #e6e6e6;
|
10745
|
color: #666;
|
10746
|
}
|
10747
|
.uk-light .uk-button-text,
|
10748
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
|
10749
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
|
10750
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
|
10751
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,
|
10752
|
.uk-card-primary.uk-card-body .uk-button-text,
|
10753
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text,
|
10754
|
.uk-card-secondary.uk-card-body .uk-button-text,
|
10755
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text,
|
10756
|
.uk-overlay-primary .uk-button-text,
|
10757
|
.uk-offcanvas-bar .uk-button-text {
|
10758
|
color: #fff;
|
10759
|
}
|
10760
|
.uk-light .uk-button-text::before,
|
10761
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,
|
10762
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,
|
10763
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,
|
10764
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before,
|
10765
|
.uk-card-primary.uk-card-body .uk-button-text::before,
|
10766
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before,
|
10767
|
.uk-card-secondary.uk-card-body .uk-button-text::before,
|
10768
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before,
|
10769
|
.uk-overlay-primary .uk-button-text::before,
|
10770
|
.uk-offcanvas-bar .uk-button-text::before {
|
10771
|
border-bottom-color: #fff;
|
10772
|
}
|
10773
|
.uk-light .uk-button-text:hover,
|
10774
|
.uk-light .uk-button-text:focus,
|
10775
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
|
10776
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
|
10777
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
|
10778
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
|
10779
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
|
10780
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
|
10781
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,
|
10782
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
|
10783
|
.uk-card-primary.uk-card-body .uk-button-text:hover,
|
10784
|
.uk-card-primary.uk-card-body .uk-button-text:focus,
|
10785
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover,
|
10786
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus,
|
10787
|
.uk-card-secondary.uk-card-body .uk-button-text:hover,
|
10788
|
.uk-card-secondary.uk-card-body .uk-button-text:focus,
|
10789
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover,
|
10790
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus,
|
10791
|
.uk-overlay-primary .uk-button-text:hover,
|
10792
|
.uk-overlay-primary .uk-button-text:focus,
|
10793
|
.uk-offcanvas-bar .uk-button-text:hover,
|
10794
|
.uk-offcanvas-bar .uk-button-text:focus {
|
10795
|
color: #fff;
|
10796
|
}
|
10797
|
.uk-light .uk-button-text:disabled,
|
10798
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
|
10799
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
|
10800
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
|
10801
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
|
10802
|
.uk-card-primary.uk-card-body .uk-button-text:disabled,
|
10803
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled,
|
10804
|
.uk-card-secondary.uk-card-body .uk-button-text:disabled,
|
10805
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled,
|
10806
|
.uk-overlay-primary .uk-button-text:disabled,
|
10807
|
.uk-offcanvas-bar .uk-button-text:disabled {
|
10808
|
color: rgba(255, 255, 255, 0.5);
|
10809
|
}
|
10810
|
.uk-light .uk-button-link,
|
10811
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
|
10812
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
|
10813
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
|
10814
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,
|
10815
|
.uk-card-primary.uk-card-body .uk-button-link,
|
10816
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link,
|
10817
|
.uk-card-secondary.uk-card-body .uk-button-link,
|
10818
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link,
|
10819
|
.uk-overlay-primary .uk-button-link,
|
10820
|
.uk-offcanvas-bar .uk-button-link {
|
10821
|
color: rgba(255, 255, 255, 0.5);
|
10822
|
}
|
10823
|
.uk-light .uk-button-link:hover,
|
10824
|
.uk-light .uk-button-link:focus,
|
10825
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
|
10826
|
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
|
10827
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
|
10828
|
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
|
10829
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
|
10830
|
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
|
10831
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
|
10832
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
|
10833
|
.uk-card-primary.uk-card-body .uk-button-link:hover,
|
10834
|
.uk-card-primary.uk-card-body .uk-button-link:focus,
|
10835
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover,
|
10836
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus,
|
10837
|
.uk-card-secondary.uk-card-body .uk-button-link:hover,
|
10838
|
.uk-card-secondary.uk-card-body .uk-button-link:focus,
|
10839
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover,
|
10840
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus,
|
10841
|
.uk-overlay-primary .uk-button-link:hover,
|
10842
|
.uk-overlay-primary .uk-button-link:focus,
|
10843
|
.uk-offcanvas-bar .uk-button-link:hover,
|
10844
|
.uk-offcanvas-bar .uk-button-link:focus {
|
10845
|
color: rgba(255, 255, 255, 0.7);
|
10846
|
}
|
10847
|
.uk-light .uk-grid-divider > :not(.uk-first-column)::before,
|
10848
|
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
|
10849
|
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
|
10850
|
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
|
10851
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
|
10852
|
.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
|
10853
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before,
|
10854
|
.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
|
10855
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before,
|
10856
|
.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before,
|
10857
|
.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
|
10858
|
border-left-color: rgba(255, 255, 255, 0.2);
|
10859
|
}
|
10860
|
.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10861
|
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10862
|
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10863
|
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10864
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10865
|
.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10866
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10867
|
.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10868
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10869
|
.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
|
10870
|
.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
|
10871
|
border-top-color: rgba(255, 255, 255, 0.2);
|
10872
|
}
|
10873
|
.uk-light .uk-close,
|
10874
|
.uk-section-primary:not(.uk-preserve-color) .uk-close,
|
10875
|
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
|
10876
|
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
|
10877
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-close,
|
10878
|
.uk-card-primary.uk-card-body .uk-close,
|
10879
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-close,
|
10880
|
.uk-card-secondary.uk-card-body .uk-close,
|
10881
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close,
|
10882
|
.uk-overlay-primary .uk-close,
|
10883
|
.uk-offcanvas-bar .uk-close {
|
10884
|
color: rgba(255, 255, 255, 0.5);
|
10885
|
}
|
10886
|
.uk-light .uk-close:hover,
|
10887
|
.uk-light .uk-close:focus,
|
10888
|
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
|
10889
|
.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
|
10890
|
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
|
10891
|
.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
|
10892
|
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
|
10893
|
.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
|
10894
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
|
10895
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
|
10896
|
.uk-card-primary.uk-card-body .uk-close:hover,
|
10897
|
.uk-card-primary.uk-card-body .uk-close:focus,
|
10898
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover,
|
10899
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus,
|
10900
|
.uk-card-secondary.uk-card-body .uk-close:hover,
|
10901
|
.uk-card-secondary.uk-card-body .uk-close:focus,
|
10902
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover,
|
10903
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus,
|
10904
|
.uk-overlay-primary .uk-close:hover,
|
10905
|
.uk-overlay-primary .uk-close:focus,
|
10906
|
.uk-offcanvas-bar .uk-close:hover,
|
10907
|
.uk-offcanvas-bar .uk-close:focus {
|
10908
|
color: rgba(255, 255, 255, 0.7);
|
10909
|
}
|
10910
|
.uk-light .uk-totop,
|
10911
|
.uk-section-primary:not(.uk-preserve-color) .uk-totop,
|
10912
|
.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
|
10913
|
.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
|
10914
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,
|
10915
|
.uk-card-primary.uk-card-body .uk-totop,
|
10916
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop,
|
10917
|
.uk-card-secondary.uk-card-body .uk-totop,
|
10918
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop,
|
10919
|
.uk-overlay-primary .uk-totop,
|
10920
|
.uk-offcanvas-bar .uk-totop {
|
10921
|
color: rgba(255, 255, 255, 0.5);
|
10922
|
}
|
10923
|
.uk-light .uk-totop:hover,
|
10924
|
.uk-light .uk-totop:focus,
|
10925
|
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
|
10926
|
.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
|
10927
|
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
|
10928
|
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
|
10929
|
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
|
10930
|
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
|
10931
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
|
10932
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
|
10933
|
.uk-card-primary.uk-card-body .uk-totop:hover,
|
10934
|
.uk-card-primary.uk-card-body .uk-totop:focus,
|
10935
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover,
|
10936
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus,
|
10937
|
.uk-card-secondary.uk-card-body .uk-totop:hover,
|
10938
|
.uk-card-secondary.uk-card-body .uk-totop:focus,
|
10939
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover,
|
10940
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus,
|
10941
|
.uk-overlay-primary .uk-totop:hover,
|
10942
|
.uk-overlay-primary .uk-totop:focus,
|
10943
|
.uk-offcanvas-bar .uk-totop:hover,
|
10944
|
.uk-offcanvas-bar .uk-totop:focus {
|
10945
|
color: rgba(255, 255, 255, 0.7);
|
10946
|
}
|
10947
|
.uk-light .uk-totop:active,
|
10948
|
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
|
10949
|
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
|
10950
|
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
|
10951
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,
|
10952
|
.uk-card-primary.uk-card-body .uk-totop:active,
|
10953
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active,
|
10954
|
.uk-card-secondary.uk-card-body .uk-totop:active,
|
10955
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active,
|
10956
|
.uk-overlay-primary .uk-totop:active,
|
10957
|
.uk-offcanvas-bar .uk-totop:active {
|
10958
|
color: #fff;
|
10959
|
}
|
10960
|
.uk-light .uk-marker,
|
10961
|
.uk-section-primary:not(.uk-preserve-color) .uk-marker,
|
10962
|
.uk-section-secondary:not(.uk-preserve-color) .uk-marker,
|
10963
|
.uk-tile-primary:not(.uk-preserve-color) .uk-marker,
|
10964
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,
|
10965
|
.uk-card-primary.uk-card-body .uk-marker,
|
10966
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker,
|
10967
|
.uk-card-secondary.uk-card-body .uk-marker,
|
10968
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker,
|
10969
|
.uk-overlay-primary .uk-marker,
|
10970
|
.uk-offcanvas-bar .uk-marker {
|
10971
|
background: #f8f8f8;
|
10972
|
color: #666;
|
10973
|
}
|
10974
|
.uk-light .uk-marker:hover,
|
10975
|
.uk-light .uk-marker:focus,
|
10976
|
.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
|
10977
|
.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,
|
10978
|
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
|
10979
|
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,
|
10980
|
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
|
10981
|
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,
|
10982
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,
|
10983
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,
|
10984
|
.uk-card-primary.uk-card-body .uk-marker:hover,
|
10985
|
.uk-card-primary.uk-card-body .uk-marker:focus,
|
10986
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover,
|
10987
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus,
|
10988
|
.uk-card-secondary.uk-card-body .uk-marker:hover,
|
10989
|
.uk-card-secondary.uk-card-body .uk-marker:focus,
|
10990
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover,
|
10991
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus,
|
10992
|
.uk-overlay-primary .uk-marker:hover,
|
10993
|
.uk-overlay-primary .uk-marker:focus,
|
10994
|
.uk-offcanvas-bar .uk-marker:hover,
|
10995
|
.uk-offcanvas-bar .uk-marker:focus {
|
10996
|
color: #666;
|
10997
|
}
|
10998
|
.uk-light .uk-badge,
|
10999
|
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
|
11000
|
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
|
11001
|
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
|
11002
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,
|
11003
|
.uk-card-primary.uk-card-body .uk-badge,
|
11004
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge,
|
11005
|
.uk-card-secondary.uk-card-body .uk-badge,
|
11006
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge,
|
11007
|
.uk-overlay-primary .uk-badge,
|
11008
|
.uk-offcanvas-bar .uk-badge {
|
11009
|
background-color: #fff;
|
11010
|
color: #666;
|
11011
|
}
|
11012
|
.uk-light .uk-badge:hover,
|
11013
|
.uk-light .uk-badge:focus,
|
11014
|
.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,
|
11015
|
.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,
|
11016
|
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,
|
11017
|
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,
|
11018
|
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,
|
11019
|
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,
|
11020
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover,
|
11021
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,
|
11022
|
.uk-card-primary.uk-card-body .uk-badge:hover,
|
11023
|
.uk-card-primary.uk-card-body .uk-badge:focus,
|
11024
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover,
|
11025
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus,
|
11026
|
.uk-card-secondary.uk-card-body .uk-badge:hover,
|
11027
|
.uk-card-secondary.uk-card-body .uk-badge:focus,
|
11028
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover,
|
11029
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus,
|
11030
|
.uk-overlay-primary .uk-badge:hover,
|
11031
|
.uk-overlay-primary .uk-badge:focus,
|
11032
|
.uk-offcanvas-bar .uk-badge:hover,
|
11033
|
.uk-offcanvas-bar .uk-badge:focus {
|
11034
|
color: #666;
|
11035
|
}
|
11036
|
.uk-light .uk-label,
|
11037
|
.uk-section-primary:not(.uk-preserve-color) .uk-label,
|
11038
|
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
|
11039
|
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
|
11040
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-label,
|
11041
|
.uk-card-primary.uk-card-body .uk-label,
|
11042
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-label,
|
11043
|
.uk-card-secondary.uk-card-body .uk-label,
|
11044
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-label,
|
11045
|
.uk-overlay-primary .uk-label,
|
11046
|
.uk-offcanvas-bar .uk-label {
|
11047
|
background-color: #fff;
|
11048
|
color: #666;
|
11049
|
}
|
11050
|
.uk-light .uk-article-meta,
|
11051
|
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
|
11052
|
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
|
11053
|
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
|
11054
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,
|
11055
|
.uk-card-primary.uk-card-body .uk-article-meta,
|
11056
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta,
|
11057
|
.uk-card-secondary.uk-card-body .uk-article-meta,
|
11058
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta,
|
11059
|
.uk-overlay-primary .uk-article-meta,
|
11060
|
.uk-offcanvas-bar .uk-article-meta {
|
11061
|
color: rgba(255, 255, 255, 0.5);
|
11062
|
}
|
11063
|
.uk-light .uk-search-input,
|
11064
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
|
11065
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
|
11066
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
|
11067
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
|
11068
|
.uk-card-primary.uk-card-body .uk-search-input,
|
11069
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input,
|
11070
|
.uk-card-secondary.uk-card-body .uk-search-input,
|
11071
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input,
|
11072
|
.uk-overlay-primary .uk-search-input,
|
11073
|
.uk-offcanvas-bar .uk-search-input {
|
11074
|
color: rgba(255, 255, 255, 0.7);
|
11075
|
}
|
11076
|
.uk-light .uk-search-input:-ms-input-placeholder,
|
11077
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
|
11078
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
|
11079
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
|
11080
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
|
11081
|
.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
|
11082
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder,
|
11083
|
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
|
11084
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder,
|
11085
|
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
|
11086
|
.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder {
|
11087
|
color: rgba(255, 255, 255, 0.5) !important;
|
11088
|
}
|
11089
|
.uk-light .uk-search-input::placeholder,
|
11090
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
|
11091
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
|
11092
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
|
11093
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
|
11094
|
.uk-card-primary.uk-card-body .uk-search-input::placeholder,
|
11095
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder,
|
11096
|
.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
|
11097
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder,
|
11098
|
.uk-overlay-primary .uk-search-input::placeholder,
|
11099
|
.uk-offcanvas-bar .uk-search-input::placeholder {
|
11100
|
color: rgba(255, 255, 255, 0.5);
|
11101
|
}
|
11102
|
.uk-light .uk-search .uk-search-icon,
|
11103
|
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
|
11104
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
|
11105
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
|
11106
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
|
11107
|
.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
|
11108
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon,
|
11109
|
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
|
11110
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon,
|
11111
|
.uk-overlay-primary .uk-search .uk-search-icon,
|
11112
|
.uk-offcanvas-bar .uk-search .uk-search-icon {
|
11113
|
color: rgba(255, 255, 255, 0.5);
|
11114
|
}
|
11115
|
.uk-light .uk-search .uk-search-icon:hover,
|
11116
|
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
|
11117
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
|
11118
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
|
11119
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
|
11120
|
.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
|
11121
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,
|
11122
|
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
|
11123
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover,
|
11124
|
.uk-overlay-primary .uk-search .uk-search-icon:hover,
|
11125
|
.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
|
11126
|
color: rgba(255, 255, 255, 0.5);
|
11127
|
}
|
11128
|
.uk-light .uk-search-default .uk-search-input,
|
11129
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
|
11130
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
|
11131
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
|
11132
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
|
11133
|
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
|
11134
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input,
|
11135
|
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
|
11136
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input,
|
11137
|
.uk-overlay-primary .uk-search-default .uk-search-input,
|
11138
|
.uk-offcanvas-bar .uk-search-default .uk-search-input {
|
11139
|
background-color: transparent;
|
11140
|
border-color: rgba(255, 255, 255, 0.2);
|
11141
|
}
|
11142
|
.uk-light .uk-search-default .uk-search-input:focus,
|
11143
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
|
11144
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
|
11145
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
|
11146
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
|
11147
|
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
|
11148
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,
|
11149
|
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
|
11150
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus,
|
11151
|
.uk-overlay-primary .uk-search-default .uk-search-input:focus,
|
11152
|
.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
|
11153
|
background-color: transparent;
|
11154
|
}
|
11155
|
.uk-light .uk-search-navbar .uk-search-input,
|
11156
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
|
11157
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
|
11158
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
|
11159
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
|
11160
|
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
|
11161
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,
|
11162
|
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
|
11163
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input,
|
11164
|
.uk-overlay-primary .uk-search-navbar .uk-search-input,
|
11165
|
.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
|
11166
|
background-color: transparent;
|
11167
|
}
|
11168
|
.uk-light .uk-search-large .uk-search-input,
|
11169
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
|
11170
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
|
11171
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
|
11172
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
|
11173
|
.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
|
11174
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input,
|
11175
|
.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
|
11176
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input,
|
11177
|
.uk-overlay-primary .uk-search-large .uk-search-input,
|
11178
|
.uk-offcanvas-bar .uk-search-large .uk-search-input {
|
11179
|
background-color: transparent;
|
11180
|
}
|
11181
|
.uk-light .uk-search-toggle,
|
11182
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
|
11183
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
|
11184
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
|
11185
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
|
11186
|
.uk-card-primary.uk-card-body .uk-search-toggle,
|
11187
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle,
|
11188
|
.uk-card-secondary.uk-card-body .uk-search-toggle,
|
11189
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle,
|
11190
|
.uk-overlay-primary .uk-search-toggle,
|
11191
|
.uk-offcanvas-bar .uk-search-toggle {
|
11192
|
color: rgba(255, 255, 255, 0.5);
|
11193
|
}
|
11194
|
.uk-light .uk-search-toggle:hover,
|
11195
|
.uk-light .uk-search-toggle:focus,
|
11196
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
|
11197
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
|
11198
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
|
11199
|
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
|
11200
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
|
11201
|
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
|
11202
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
|
11203
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
|
11204
|
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
|
11205
|
.uk-card-primary.uk-card-body .uk-search-toggle:focus,
|
11206
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
|
11207
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
|
11208
|
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
|
11209
|
.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
|
11210
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
|
11211
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
|
11212
|
.uk-overlay-primary .uk-search-toggle:hover,
|
11213
|
.uk-overlay-primary .uk-search-toggle:focus,
|
11214
|
.uk-offcanvas-bar .uk-search-toggle:hover,
|
11215
|
.uk-offcanvas-bar .uk-search-toggle:focus {
|
11216
|
color: rgba(255, 255, 255, 0.7);
|
11217
|
}
|
11218
|
.uk-light .uk-nav-parent-icon > .uk-parent > a::after,
|
11219
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
|
11220
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
|
11221
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
|
11222
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
|
11223
|
.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
|
11224
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
11225
|
.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
|
11226
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
11227
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
11228
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
11229
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
11230
|
}
|
11231
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11232
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11233
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11234
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11235
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11236
|
.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11237
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11238
|
.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11239
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11240
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
11241
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
11242
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
11243
|
}
|
11244
|
.uk-light .uk-nav-default > li > a,
|
11245
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|
11246
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
|
11247
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|
11248
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
|
11249
|
.uk-card-primary.uk-card-body .uk-nav-default > li > a,
|
11250
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a,
|
11251
|
.uk-card-secondary.uk-card-body .uk-nav-default > li > a,
|
11252
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a,
|
11253
|
.uk-overlay-primary .uk-nav-default > li > a,
|
11254
|
.uk-offcanvas-bar .uk-nav-default > li > a {
|
11255
|
color: rgba(255, 255, 255, 0.5);
|
11256
|
}
|
11257
|
.uk-light .uk-nav-default > li > a:hover,
|
11258
|
.uk-light .uk-nav-default > li > a:focus,
|
11259
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
|
11260
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
|
11261
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
|
11262
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
|
11263
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
|
11264
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
|
11265
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
|
11266
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
|
11267
|
.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
|
11268
|
.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
|
11269
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
|
11270
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
|
11271
|
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
|
11272
|
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
|
11273
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
|
11274
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
|
11275
|
.uk-overlay-primary .uk-nav-default > li > a:hover,
|
11276
|
.uk-overlay-primary .uk-nav-default > li > a:focus,
|
11277
|
.uk-offcanvas-bar .uk-nav-default > li > a:hover,
|
11278
|
.uk-offcanvas-bar .uk-nav-default > li > a:focus {
|
11279
|
color: rgba(255, 255, 255, 0.7);
|
11280
|
}
|
11281
|
.uk-light .uk-nav-default > li.uk-active > a,
|
11282
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
|
11283
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
|
11284
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
|
11285
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
|
11286
|
.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,
|
11287
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a,
|
11288
|
.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,
|
11289
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a,
|
11290
|
.uk-overlay-primary .uk-nav-default > li.uk-active > a,
|
11291
|
.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
|
11292
|
color: #fff;
|
11293
|
}
|
11294
|
.uk-light .uk-nav-default .uk-nav-header,
|
11295
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
|
11296
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
|
11297
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
|
11298
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
|
11299
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
|
11300
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,
|
11301
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
|
11302
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,
|
11303
|
.uk-overlay-primary .uk-nav-default .uk-nav-header,
|
11304
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
|
11305
|
color: #fff;
|
11306
|
}
|
11307
|
.uk-light .uk-nav-default .uk-nav-divider,
|
11308
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
|
11309
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
|
11310
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
|
11311
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
|
11312
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
|
11313
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,
|
11314
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
|
11315
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider,
|
11316
|
.uk-overlay-primary .uk-nav-default .uk-nav-divider,
|
11317
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
|
11318
|
border-top-color: rgba(255, 255, 255, 0.2);
|
11319
|
}
|
11320
|
.uk-light .uk-nav-default .uk-nav-sub a,
|
11321
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
|
11322
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
|
11323
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
|
11324
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
|
11325
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
|
11326
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,
|
11327
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
|
11328
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a,
|
11329
|
.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
|
11330
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
|
11331
|
color: rgba(255, 255, 255, 0.5);
|
11332
|
}
|
11333
|
.uk-light .uk-nav-default .uk-nav-sub a:hover,
|
11334
|
.uk-light .uk-nav-default .uk-nav-sub a:focus,
|
11335
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
|
11336
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
|
11337
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
|
11338
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
|
11339
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
|
11340
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
|
11341
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
|
11342
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
|
11343
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
|
11344
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
|
11345
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
|
11346
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
|
11347
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
|
11348
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
|
11349
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
|
11350
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
|
11351
|
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
|
11352
|
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
|
11353
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
|
11354
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
|
11355
|
color: rgba(255, 255, 255, 0.7);
|
11356
|
}
|
11357
|
.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11358
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11359
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11360
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11361
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11362
|
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11363
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11364
|
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11365
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11366
|
.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a,
|
11367
|
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
|
11368
|
color: #fff;
|
11369
|
}
|
11370
|
.uk-light .uk-nav-primary > li > a,
|
11371
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
|
11372
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
|
11373
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
|
11374
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
|
11375
|
.uk-card-primary.uk-card-body .uk-nav-primary > li > a,
|
11376
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a,
|
11377
|
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a,
|
11378
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a,
|
11379
|
.uk-overlay-primary .uk-nav-primary > li > a,
|
11380
|
.uk-offcanvas-bar .uk-nav-primary > li > a {
|
11381
|
color: rgba(255, 255, 255, 0.5);
|
11382
|
}
|
11383
|
.uk-light .uk-nav-primary > li > a:hover,
|
11384
|
.uk-light .uk-nav-primary > li > a:focus,
|
11385
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
|
11386
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
|
11387
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
|
11388
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
|
11389
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
|
11390
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
|
11391
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
|
11392
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
|
11393
|
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
|
11394
|
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,
|
11395
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
|
11396
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
|
11397
|
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
|
11398
|
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,
|
11399
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
|
11400
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
|
11401
|
.uk-overlay-primary .uk-nav-primary > li > a:hover,
|
11402
|
.uk-overlay-primary .uk-nav-primary > li > a:focus,
|
11403
|
.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
|
11404
|
.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
|
11405
|
color: rgba(255, 255, 255, 0.7);
|
11406
|
}
|
11407
|
.uk-light .uk-nav-primary > li.uk-active > a,
|
11408
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
|
11409
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
|
11410
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
|
11411
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
|
11412
|
.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,
|
11413
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a,
|
11414
|
.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,
|
11415
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a,
|
11416
|
.uk-overlay-primary .uk-nav-primary > li.uk-active > a,
|
11417
|
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a {
|
11418
|
color: #fff;
|
11419
|
}
|
11420
|
.uk-light .uk-nav-primary .uk-nav-header,
|
11421
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
|
11422
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
|
11423
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
|
11424
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
|
11425
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
|
11426
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,
|
11427
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
|
11428
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,
|
11429
|
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
|
11430
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-header {
|
11431
|
color: #fff;
|
11432
|
}
|
11433
|
.uk-light .uk-nav-primary .uk-nav-divider,
|
11434
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
|
11435
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
|
11436
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
|
11437
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
|
11438
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
|
11439
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,
|
11440
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
|
11441
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider,
|
11442
|
.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
|
11443
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider {
|
11444
|
border-top-color: rgba(255, 255, 255, 0.2);
|
11445
|
}
|
11446
|
.uk-light .uk-nav-primary .uk-nav-sub a,
|
11447
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
|
11448
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
|
11449
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
|
11450
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
|
11451
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
|
11452
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,
|
11453
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
|
11454
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a,
|
11455
|
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
|
11456
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {
|
11457
|
color: rgba(255, 255, 255, 0.5);
|
11458
|
}
|
11459
|
.uk-light .uk-nav-primary .uk-nav-sub a:hover,
|
11460
|
.uk-light .uk-nav-primary .uk-nav-sub a:focus,
|
11461
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
|
11462
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
|
11463
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
|
11464
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
|
11465
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
|
11466
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
|
11467
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
|
11468
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
|
11469
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
|
11470
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
|
11471
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
|
11472
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
|
11473
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
|
11474
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
|
11475
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
|
11476
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
|
11477
|
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
|
11478
|
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
|
11479
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
|
11480
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
|
11481
|
color: rgba(255, 255, 255, 0.7);
|
11482
|
}
|
11483
|
.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11484
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11485
|
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11486
|
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11487
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11488
|
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11489
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11490
|
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11491
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11492
|
.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a,
|
11493
|
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {
|
11494
|
color: #fff;
|
11495
|
}
|
11496
|
.uk-light .uk-navbar-nav > li > a,
|
11497
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
|
11498
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
|
11499
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
|
11500
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
|
11501
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a,
|
11502
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a,
|
11503
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a,
|
11504
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a,
|
11505
|
.uk-overlay-primary .uk-navbar-nav > li > a,
|
11506
|
.uk-offcanvas-bar .uk-navbar-nav > li > a {
|
11507
|
color: rgba(255, 255, 255, 0.5);
|
11508
|
}
|
11509
|
.uk-light .uk-navbar-nav > li:hover > a,
|
11510
|
.uk-light .uk-navbar-nav > li > a:focus,
|
11511
|
.uk-light .uk-navbar-nav > li > a.uk-open,
|
11512
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
|
11513
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
|
11514
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
|
11515
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
|
11516
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
|
11517
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
|
11518
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
|
11519
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
|
11520
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
|
11521
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
|
11522
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
|
11523
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
|
11524
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
|
11525
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
|
11526
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
|
11527
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
|
11528
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
|
11529
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
|
11530
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
|
11531
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
|
11532
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
|
11533
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
|
11534
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
|
11535
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
|
11536
|
.uk-overlay-primary .uk-navbar-nav > li:hover > a,
|
11537
|
.uk-overlay-primary .uk-navbar-nav > li > a:focus,
|
11538
|
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
|
11539
|
.uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
|
11540
|
.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
|
11541
|
.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open {
|
11542
|
color: rgba(255, 255, 255, 0.7);
|
11543
|
}
|
11544
|
.uk-light .uk-navbar-nav > li > a:active,
|
11545
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
|
11546
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
|
11547
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
|
11548
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
|
11549
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,
|
11550
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active,
|
11551
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,
|
11552
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active,
|
11553
|
.uk-overlay-primary .uk-navbar-nav > li > a:active,
|
11554
|
.uk-offcanvas-bar .uk-navbar-nav > li > a:active {
|
11555
|
color: #fff;
|
11556
|
}
|
11557
|
.uk-light .uk-navbar-nav > li.uk-active > a,
|
11558
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
|
11559
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
|
11560
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
|
11561
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
|
11562
|
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
|
11563
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
|
11564
|
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
|
11565
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
|
11566
|
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
|
11567
|
.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
|
11568
|
color: #fff;
|
11569
|
}
|
11570
|
.uk-light .uk-navbar-item,
|
11571
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
|
11572
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
|
11573
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
|
11574
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
|
11575
|
.uk-card-primary.uk-card-body .uk-navbar-item,
|
11576
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item,
|
11577
|
.uk-card-secondary.uk-card-body .uk-navbar-item,
|
11578
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item,
|
11579
|
.uk-overlay-primary .uk-navbar-item,
|
11580
|
.uk-offcanvas-bar .uk-navbar-item {
|
11581
|
color: rgba(255, 255, 255, 0.7);
|
11582
|
}
|
11583
|
.uk-light .uk-navbar-toggle,
|
11584
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
|
11585
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
|
11586
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
|
11587
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
|
11588
|
.uk-card-primary.uk-card-body .uk-navbar-toggle,
|
11589
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle,
|
11590
|
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
|
11591
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle,
|
11592
|
.uk-overlay-primary .uk-navbar-toggle,
|
11593
|
.uk-offcanvas-bar .uk-navbar-toggle {
|
11594
|
color: rgba(255, 255, 255, 0.5);
|
11595
|
}
|
11596
|
.uk-light .uk-navbar-toggle:hover,
|
11597
|
.uk-light .uk-navbar-toggle:focus,
|
11598
|
.uk-light .uk-navbar-toggle.uk-open,
|
11599
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
|
11600
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
|
11601
|
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
|
11602
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
|
11603
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
|
11604
|
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
|
11605
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
|
11606
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
|
11607
|
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
|
11608
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
|
11609
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
|
11610
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
|
11611
|
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
|
11612
|
.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
|
11613
|
.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
|
11614
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
|
11615
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
|
11616
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
|
11617
|
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
|
11618
|
.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
|
11619
|
.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
|
11620
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
|
11621
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
|
11622
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
|
11623
|
.uk-overlay-primary .uk-navbar-toggle:hover,
|
11624
|
.uk-overlay-primary .uk-navbar-toggle:focus,
|
11625
|
.uk-overlay-primary .uk-navbar-toggle.uk-open,
|
11626
|
.uk-offcanvas-bar .uk-navbar-toggle:hover,
|
11627
|
.uk-offcanvas-bar .uk-navbar-toggle:focus,
|
11628
|
.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
|
11629
|
color: rgba(255, 255, 255, 0.7);
|
11630
|
}
|
11631
|
.uk-light .uk-subnav > * > :first-child,
|
11632
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
|
11633
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
|
11634
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
|
11635
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
|
11636
|
.uk-card-primary.uk-card-body .uk-subnav > * > :first-child,
|
11637
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child,
|
11638
|
.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child,
|
11639
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child,
|
11640
|
.uk-overlay-primary .uk-subnav > * > :first-child,
|
11641
|
.uk-offcanvas-bar .uk-subnav > * > :first-child {
|
11642
|
color: rgba(255, 255, 255, 0.5);
|
11643
|
}
|
11644
|
.uk-light .uk-subnav > * > a:hover,
|
11645
|
.uk-light .uk-subnav > * > a:focus,
|
11646
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
|
11647
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
|
11648
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
|
11649
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
|
11650
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
|
11651
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
|
11652
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
|
11653
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
|
11654
|
.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
|
11655
|
.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,
|
11656
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
|
11657
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
|
11658
|
.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
|
11659
|
.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,
|
11660
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
|
11661
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
|
11662
|
.uk-overlay-primary .uk-subnav > * > a:hover,
|
11663
|
.uk-overlay-primary .uk-subnav > * > a:focus,
|
11664
|
.uk-offcanvas-bar .uk-subnav > * > a:hover,
|
11665
|
.uk-offcanvas-bar .uk-subnav > * > a:focus {
|
11666
|
color: rgba(255, 255, 255, 0.7);
|
11667
|
}
|
11668
|
.uk-light .uk-subnav > .uk-active > a,
|
11669
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
|
11670
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
|
11671
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
|
11672
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
|
11673
|
.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,
|
11674
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a,
|
11675
|
.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,
|
11676
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a,
|
11677
|
.uk-overlay-primary .uk-subnav > .uk-active > a,
|
11678
|
.uk-offcanvas-bar .uk-subnav > .uk-active > a {
|
11679
|
color: #fff;
|
11680
|
}
|
11681
|
.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11682
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11683
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11684
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11685
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11686
|
.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11687
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11688
|
.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11689
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11690
|
.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
|
11691
|
.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
|
11692
|
border-left-color: rgba(255, 255, 255, 0.2);
|
11693
|
}
|
11694
|
.uk-light .uk-subnav-pill > * > :first-child,
|
11695
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
|
11696
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
|
11697
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
|
11698
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
|
11699
|
.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child,
|
11700
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child,
|
11701
|
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child,
|
11702
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child,
|
11703
|
.uk-overlay-primary .uk-subnav-pill > * > :first-child,
|
11704
|
.uk-offcanvas-bar .uk-subnav-pill > * > :first-child {
|
11705
|
background-color: transparent;
|
11706
|
color: rgba(255, 255, 255, 0.5);
|
11707
|
}
|
11708
|
.uk-light .uk-subnav-pill > * > a:hover,
|
11709
|
.uk-light .uk-subnav-pill > * > a:focus,
|
11710
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
|
11711
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
|
11712
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
|
11713
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
|
11714
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
|
11715
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
|
11716
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
|
11717
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
|
11718
|
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
|
11719
|
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,
|
11720
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
|
11721
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
|
11722
|
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
|
11723
|
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,
|
11724
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
|
11725
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
|
11726
|
.uk-overlay-primary .uk-subnav-pill > * > a:hover,
|
11727
|
.uk-overlay-primary .uk-subnav-pill > * > a:focus,
|
11728
|
.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,
|
11729
|
.uk-offcanvas-bar .uk-subnav-pill > * > a:focus {
|
11730
|
background-color: rgba(255, 255, 255, 0.1);
|
11731
|
color: rgba(255, 255, 255, 0.7);
|
11732
|
}
|
11733
|
.uk-light .uk-subnav-pill > * > a:active,
|
11734
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
|
11735
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
|
11736
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
|
11737
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
|
11738
|
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,
|
11739
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active,
|
11740
|
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,
|
11741
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active,
|
11742
|
.uk-overlay-primary .uk-subnav-pill > * > a:active,
|
11743
|
.uk-offcanvas-bar .uk-subnav-pill > * > a:active {
|
11744
|
background-color: rgba(255, 255, 255, 0.1);
|
11745
|
color: rgba(255, 255, 255, 0.7);
|
11746
|
}
|
11747
|
.uk-light .uk-subnav-pill > .uk-active > a,
|
11748
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
|
11749
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
|
11750
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
|
11751
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
|
11752
|
.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
|
11753
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
|
11754
|
.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
|
11755
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
|
11756
|
.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
|
11757
|
.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a {
|
11758
|
background-color: #fff;
|
11759
|
color: #666;
|
11760
|
}
|
11761
|
.uk-light .uk-subnav > .uk-disabled > a,
|
11762
|
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
|
11763
|
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
|
11764
|
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
|
11765
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
|
11766
|
.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,
|
11767
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a,
|
11768
|
.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,
|
11769
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a,
|
11770
|
.uk-overlay-primary .uk-subnav > .uk-disabled > a,
|
11771
|
.uk-offcanvas-bar .uk-subnav > .uk-disabled > a {
|
11772
|
color: rgba(255, 255, 255, 0.5);
|
11773
|
}
|
11774
|
.uk-light .uk-breadcrumb > * > *,
|
11775
|
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
|
11776
|
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
|
11777
|
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
|
11778
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
|
11779
|
.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,
|
11780
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *,
|
11781
|
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,
|
11782
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *,
|
11783
|
.uk-overlay-primary .uk-breadcrumb > * > *,
|
11784
|
.uk-offcanvas-bar .uk-breadcrumb > * > * {
|
11785
|
color: rgba(255, 255, 255, 0.5);
|
11786
|
}
|
11787
|
.uk-light .uk-breadcrumb > * > :hover,
|
11788
|
.uk-light .uk-breadcrumb > * > :focus,
|
11789
|
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
|
11790
|
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
|
11791
|
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
|
11792
|
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
|
11793
|
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
|
11794
|
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
|
11795
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
|
11796
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
|
11797
|
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
|
11798
|
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,
|
11799
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
|
11800
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
|
11801
|
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
|
11802
|
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,
|
11803
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
|
11804
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
|
11805
|
.uk-overlay-primary .uk-breadcrumb > * > :hover,
|
11806
|
.uk-overlay-primary .uk-breadcrumb > * > :focus,
|
11807
|
.uk-offcanvas-bar .uk-breadcrumb > * > :hover,
|
11808
|
.uk-offcanvas-bar .uk-breadcrumb > * > :focus {
|
11809
|
color: rgba(255, 255, 255, 0.7);
|
11810
|
}
|
11811
|
.uk-light .uk-breadcrumb > :last-child > *,
|
11812
|
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
|
11813
|
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
|
11814
|
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
|
11815
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
|
11816
|
.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *,
|
11817
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *,
|
11818
|
.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *,
|
11819
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *,
|
11820
|
.uk-overlay-primary .uk-breadcrumb > :last-child > *,
|
11821
|
.uk-offcanvas-bar .uk-breadcrumb > :last-child > * {
|
11822
|
color: rgba(255, 255, 255, 0.7);
|
11823
|
}
|
11824
|
.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11825
|
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11826
|
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11827
|
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11828
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11829
|
.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11830
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11831
|
.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11832
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11833
|
.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
|
11834
|
.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
|
11835
|
color: rgba(255, 255, 255, 0.5);
|
11836
|
}
|
11837
|
.uk-light .uk-pagination > * > *,
|
11838
|
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *,
|
11839
|
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
|
11840
|
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *,
|
11841
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
|
11842
|
.uk-card-primary.uk-card-body .uk-pagination > * > *,
|
11843
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *,
|
11844
|
.uk-card-secondary.uk-card-body .uk-pagination > * > *,
|
11845
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *,
|
11846
|
.uk-overlay-primary .uk-pagination > * > *,
|
11847
|
.uk-offcanvas-bar .uk-pagination > * > * {
|
11848
|
color: rgba(255, 255, 255, 0.5);
|
11849
|
}
|
11850
|
.uk-light .uk-pagination > * > :hover,
|
11851
|
.uk-light .uk-pagination > * > :focus,
|
11852
|
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
|
11853
|
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
|
11854
|
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
|
11855
|
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
|
11856
|
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
|
11857
|
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
|
11858
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
|
11859
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
|
11860
|
.uk-card-primary.uk-card-body .uk-pagination > * > :hover,
|
11861
|
.uk-card-primary.uk-card-body .uk-pagination > * > :focus,
|
11862
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
|
11863
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
|
11864
|
.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
|
11865
|
.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,
|
11866
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
|
11867
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
|
11868
|
.uk-overlay-primary .uk-pagination > * > :hover,
|
11869
|
.uk-overlay-primary .uk-pagination > * > :focus,
|
11870
|
.uk-offcanvas-bar .uk-pagination > * > :hover,
|
11871
|
.uk-offcanvas-bar .uk-pagination > * > :focus {
|
11872
|
color: rgba(255, 255, 255, 0.7);
|
11873
|
}
|
11874
|
.uk-light .uk-pagination > .uk-active > *,
|
11875
|
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
|
11876
|
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
|
11877
|
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
|
11878
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
|
11879
|
.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *,
|
11880
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *,
|
11881
|
.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *,
|
11882
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *,
|
11883
|
.uk-overlay-primary .uk-pagination > .uk-active > *,
|
11884
|
.uk-offcanvas-bar .uk-pagination > .uk-active > * {
|
11885
|
color: rgba(255, 255, 255, 0.7);
|
11886
|
}
|
11887
|
.uk-light .uk-pagination > .uk-disabled > *,
|
11888
|
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
|
11889
|
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
|
11890
|
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
|
11891
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
|
11892
|
.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *,
|
11893
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *,
|
11894
|
.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *,
|
11895
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *,
|
11896
|
.uk-overlay-primary .uk-pagination > .uk-disabled > *,
|
11897
|
.uk-offcanvas-bar .uk-pagination > .uk-disabled > * {
|
11898
|
color: rgba(255, 255, 255, 0.5);
|
11899
|
}
|
11900
|
.uk-light .uk-tab::before,
|
11901
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,
|
11902
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,
|
11903
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,
|
11904
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before,
|
11905
|
.uk-card-primary.uk-card-body .uk-tab::before,
|
11906
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before,
|
11907
|
.uk-card-secondary.uk-card-body .uk-tab::before,
|
11908
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before,
|
11909
|
.uk-overlay-primary .uk-tab::before,
|
11910
|
.uk-offcanvas-bar .uk-tab::before {
|
11911
|
border-color: rgba(255, 255, 255, 0.2);
|
11912
|
}
|
11913
|
.uk-light .uk-tab > * > a,
|
11914
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a,
|
11915
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a,
|
11916
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a,
|
11917
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a,
|
11918
|
.uk-card-primary.uk-card-body .uk-tab > * > a,
|
11919
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a,
|
11920
|
.uk-card-secondary.uk-card-body .uk-tab > * > a,
|
11921
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a,
|
11922
|
.uk-overlay-primary .uk-tab > * > a,
|
11923
|
.uk-offcanvas-bar .uk-tab > * > a {
|
11924
|
color: rgba(255, 255, 255, 0.5);
|
11925
|
}
|
11926
|
.uk-light .uk-tab > * > a:hover,
|
11927
|
.uk-light .uk-tab > * > a:focus,
|
11928
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
|
11929
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
|
11930
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
|
11931
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
|
11932
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
|
11933
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
|
11934
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
|
11935
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
|
11936
|
.uk-card-primary.uk-card-body .uk-tab > * > a:hover,
|
11937
|
.uk-card-primary.uk-card-body .uk-tab > * > a:focus,
|
11938
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
|
11939
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
|
11940
|
.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
|
11941
|
.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,
|
11942
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
|
11943
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
|
11944
|
.uk-overlay-primary .uk-tab > * > a:hover,
|
11945
|
.uk-overlay-primary .uk-tab > * > a:focus,
|
11946
|
.uk-offcanvas-bar .uk-tab > * > a:hover,
|
11947
|
.uk-offcanvas-bar .uk-tab > * > a:focus {
|
11948
|
color: rgba(255, 255, 255, 0.7);
|
11949
|
}
|
11950
|
.uk-light .uk-tab > .uk-active > a,
|
11951
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
|
11952
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
|
11953
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
|
11954
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
|
11955
|
.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,
|
11956
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a,
|
11957
|
.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,
|
11958
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a,
|
11959
|
.uk-overlay-primary .uk-tab > .uk-active > a,
|
11960
|
.uk-offcanvas-bar .uk-tab > .uk-active > a {
|
11961
|
color: #fff;
|
11962
|
border-color: #fff;
|
11963
|
}
|
11964
|
.uk-light .uk-tab > .uk-disabled > a,
|
11965
|
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
|
11966
|
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
|
11967
|
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
|
11968
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
|
11969
|
.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a,
|
11970
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a,
|
11971
|
.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a,
|
11972
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a,
|
11973
|
.uk-overlay-primary .uk-tab > .uk-disabled > a,
|
11974
|
.uk-offcanvas-bar .uk-tab > .uk-disabled > a {
|
11975
|
color: rgba(255, 255, 255, 0.5);
|
11976
|
}
|
11977
|
.uk-light .uk-slidenav,
|
11978
|
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
|
11979
|
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
|
11980
|
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
|
11981
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,
|
11982
|
.uk-card-primary.uk-card-body .uk-slidenav,
|
11983
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav,
|
11984
|
.uk-card-secondary.uk-card-body .uk-slidenav,
|
11985
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav,
|
11986
|
.uk-overlay-primary .uk-slidenav,
|
11987
|
.uk-offcanvas-bar .uk-slidenav {
|
11988
|
color: rgba(255, 255, 255, 0.7);
|
11989
|
}
|
11990
|
.uk-light .uk-slidenav:hover,
|
11991
|
.uk-light .uk-slidenav:focus,
|
11992
|
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
|
11993
|
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
|
11994
|
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
|
11995
|
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
|
11996
|
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
|
11997
|
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
|
11998
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
|
11999
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
|
12000
|
.uk-card-primary.uk-card-body .uk-slidenav:hover,
|
12001
|
.uk-card-primary.uk-card-body .uk-slidenav:focus,
|
12002
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover,
|
12003
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus,
|
12004
|
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
|
12005
|
.uk-card-secondary.uk-card-body .uk-slidenav:focus,
|
12006
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover,
|
12007
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus,
|
12008
|
.uk-overlay-primary .uk-slidenav:hover,
|
12009
|
.uk-overlay-primary .uk-slidenav:focus,
|
12010
|
.uk-offcanvas-bar .uk-slidenav:hover,
|
12011
|
.uk-offcanvas-bar .uk-slidenav:focus {
|
12012
|
color: rgba(255, 255, 255, 0.95);
|
12013
|
}
|
12014
|
.uk-light .uk-slidenav:active,
|
12015
|
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
|
12016
|
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
|
12017
|
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
|
12018
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,
|
12019
|
.uk-card-primary.uk-card-body .uk-slidenav:active,
|
12020
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active,
|
12021
|
.uk-card-secondary.uk-card-body .uk-slidenav:active,
|
12022
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active,
|
12023
|
.uk-overlay-primary .uk-slidenav:active,
|
12024
|
.uk-offcanvas-bar .uk-slidenav:active {
|
12025
|
color: rgba(255, 255, 255, 0.7);
|
12026
|
}
|
12027
|
.uk-light .uk-dotnav > * > *,
|
12028
|
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
|
12029
|
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
|
12030
|
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
|
12031
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
|
12032
|
.uk-card-primary.uk-card-body .uk-dotnav > * > *,
|
12033
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *,
|
12034
|
.uk-card-secondary.uk-card-body .uk-dotnav > * > *,
|
12035
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *,
|
12036
|
.uk-overlay-primary .uk-dotnav > * > *,
|
12037
|
.uk-offcanvas-bar .uk-dotnav > * > * {
|
12038
|
background-color: transparent;
|
12039
|
border-color: rgba(255, 255, 255, 0.9);
|
12040
|
}
|
12041
|
.uk-light .uk-dotnav > * > :hover,
|
12042
|
.uk-light .uk-dotnav > * > :focus,
|
12043
|
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
|
12044
|
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
|
12045
|
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
|
12046
|
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
|
12047
|
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
|
12048
|
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
|
12049
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
|
12050
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
|
12051
|
.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
|
12052
|
.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,
|
12053
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
|
12054
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
|
12055
|
.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
|
12056
|
.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,
|
12057
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
|
12058
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
|
12059
|
.uk-overlay-primary .uk-dotnav > * > :hover,
|
12060
|
.uk-overlay-primary .uk-dotnav > * > :focus,
|
12061
|
.uk-offcanvas-bar .uk-dotnav > * > :hover,
|
12062
|
.uk-offcanvas-bar .uk-dotnav > * > :focus {
|
12063
|
background-color: rgba(255, 255, 255, 0.9);
|
12064
|
border-color: transparent;
|
12065
|
}
|
12066
|
.uk-light .uk-dotnav > * > :active,
|
12067
|
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
|
12068
|
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
|
12069
|
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
|
12070
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
|
12071
|
.uk-card-primary.uk-card-body .uk-dotnav > * > :active,
|
12072
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active,
|
12073
|
.uk-card-secondary.uk-card-body .uk-dotnav > * > :active,
|
12074
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active,
|
12075
|
.uk-overlay-primary .uk-dotnav > * > :active,
|
12076
|
.uk-offcanvas-bar .uk-dotnav > * > :active {
|
12077
|
background-color: rgba(255, 255, 255, 0.5);
|
12078
|
border-color: transparent;
|
12079
|
}
|
12080
|
.uk-light .uk-dotnav > .uk-active > *,
|
12081
|
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
|
12082
|
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
|
12083
|
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
|
12084
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
|
12085
|
.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,
|
12086
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *,
|
12087
|
.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,
|
12088
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *,
|
12089
|
.uk-overlay-primary .uk-dotnav > .uk-active > *,
|
12090
|
.uk-offcanvas-bar .uk-dotnav > .uk-active > * {
|
12091
|
background-color: rgba(255, 255, 255, 0.9);
|
12092
|
border-color: transparent;
|
12093
|
}
|
12094
|
.uk-light .uk-accordion-title,
|
12095
|
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
|
12096
|
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
|
12097
|
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
|
12098
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
|
12099
|
.uk-card-primary.uk-card-body .uk-accordion-title,
|
12100
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title,
|
12101
|
.uk-card-secondary.uk-card-body .uk-accordion-title,
|
12102
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title,
|
12103
|
.uk-overlay-primary .uk-accordion-title,
|
12104
|
.uk-offcanvas-bar .uk-accordion-title {
|
12105
|
color: #fff;
|
12106
|
}
|
12107
|
.uk-light .uk-accordion-title:hover,
|
12108
|
.uk-light .uk-accordion-title:focus,
|
12109
|
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
12110
|
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
|
12111
|
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
12112
|
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
|
12113
|
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
12114
|
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
|
12115
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
12116
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
|
12117
|
.uk-card-primary.uk-card-body .uk-accordion-title:hover,
|
12118
|
.uk-card-primary.uk-card-body .uk-accordion-title:focus,
|
12119
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
|
12120
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
|
12121
|
.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
|
12122
|
.uk-card-secondary.uk-card-body .uk-accordion-title:focus,
|
12123
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
|
12124
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
|
12125
|
.uk-overlay-primary .uk-accordion-title:hover,
|
12126
|
.uk-overlay-primary .uk-accordion-title:focus,
|
12127
|
.uk-offcanvas-bar .uk-accordion-title:hover,
|
12128
|
.uk-offcanvas-bar .uk-accordion-title:focus {
|
12129
|
color: rgba(255, 255, 255, 0.7);
|
12130
|
}
|
12131
|
.uk-light .uk-iconnav > * > a,
|
12132
|
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
|
12133
|
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,
|
12134
|
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
|
12135
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,
|
12136
|
.uk-card-primary.uk-card-body .uk-iconnav > * > a,
|
12137
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a,
|
12138
|
.uk-card-secondary.uk-card-body .uk-iconnav > * > a,
|
12139
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a,
|
12140
|
.uk-overlay-primary .uk-iconnav > * > a,
|
12141
|
.uk-offcanvas-bar .uk-iconnav > * > a {
|
12142
|
color: rgba(255, 255, 255, 0.5);
|
12143
|
}
|
12144
|
.uk-light .uk-iconnav > * > a:hover,
|
12145
|
.uk-light .uk-iconnav > * > a:focus,
|
12146
|
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
|
12147
|
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
|
12148
|
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
|
12149
|
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
|
12150
|
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
|
12151
|
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
|
12152
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
|
12153
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
|
12154
|
.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,
|
12155
|
.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus,
|
12156
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
|
12157
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
|
12158
|
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,
|
12159
|
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus,
|
12160
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
|
12161
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
|
12162
|
.uk-overlay-primary .uk-iconnav > * > a:hover,
|
12163
|
.uk-overlay-primary .uk-iconnav > * > a:focus,
|
12164
|
.uk-offcanvas-bar .uk-iconnav > * > a:hover,
|
12165
|
.uk-offcanvas-bar .uk-iconnav > * > a:focus {
|
12166
|
color: rgba(255, 255, 255, 0.7);
|
12167
|
}
|
12168
|
.uk-light .uk-iconnav > .uk-active > a,
|
12169
|
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
|
12170
|
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
|
12171
|
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
|
12172
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
|
12173
|
.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a,
|
12174
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a,
|
12175
|
.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a,
|
12176
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a,
|
12177
|
.uk-overlay-primary .uk-iconnav > .uk-active > a,
|
12178
|
.uk-offcanvas-bar .uk-iconnav > .uk-active > a {
|
12179
|
color: rgba(255, 255, 255, 0.7);
|
12180
|
}
|
12181
|
.uk-light .uk-text-lead,
|
12182
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
|
12183
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
|
12184
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
|
12185
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
|
12186
|
.uk-card-primary.uk-card-body .uk-text-lead,
|
12187
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead,
|
12188
|
.uk-card-secondary.uk-card-body .uk-text-lead,
|
12189
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead,
|
12190
|
.uk-overlay-primary .uk-text-lead,
|
12191
|
.uk-offcanvas-bar .uk-text-lead {
|
12192
|
color: rgba(255, 255, 255, 0.7);
|
12193
|
}
|
12194
|
.uk-light .uk-text-meta,
|
12195
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
|
12196
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
|
12197
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
|
12198
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,
|
12199
|
.uk-card-primary.uk-card-body .uk-text-meta,
|
12200
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta,
|
12201
|
.uk-card-secondary.uk-card-body .uk-text-meta,
|
12202
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta,
|
12203
|
.uk-overlay-primary .uk-text-meta,
|
12204
|
.uk-offcanvas-bar .uk-text-meta {
|
12205
|
color: rgba(255, 255, 255, 0.5);
|
12206
|
}
|
12207
|
.uk-light .uk-text-muted,
|
12208
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
|
12209
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
|
12210
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
|
12211
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,
|
12212
|
.uk-card-primary.uk-card-body .uk-text-muted,
|
12213
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted,
|
12214
|
.uk-card-secondary.uk-card-body .uk-text-muted,
|
12215
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted,
|
12216
|
.uk-overlay-primary .uk-text-muted,
|
12217
|
.uk-offcanvas-bar .uk-text-muted {
|
12218
|
color: rgba(255, 255, 255, 0.5) !important;
|
12219
|
}
|
12220
|
.uk-light .uk-text-emphasis,
|
12221
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
|
12222
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
|
12223
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
|
12224
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,
|
12225
|
.uk-card-primary.uk-card-body .uk-text-emphasis,
|
12226
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis,
|
12227
|
.uk-card-secondary.uk-card-body .uk-text-emphasis,
|
12228
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis,
|
12229
|
.uk-overlay-primary .uk-text-emphasis,
|
12230
|
.uk-offcanvas-bar .uk-text-emphasis {
|
12231
|
color: #fff !important;
|
12232
|
}
|
12233
|
.uk-light .uk-text-primary,
|
12234
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
|
12235
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
|
12236
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
|
12237
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
|
12238
|
.uk-card-primary.uk-card-body .uk-text-primary,
|
12239
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary,
|
12240
|
.uk-card-secondary.uk-card-body .uk-text-primary,
|
12241
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary,
|
12242
|
.uk-overlay-primary .uk-text-primary,
|
12243
|
.uk-offcanvas-bar .uk-text-primary {
|
12244
|
color: #fff !important;
|
12245
|
}
|
12246
|
.uk-light .uk-text-secondary,
|
12247
|
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
|
12248
|
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
|
12249
|
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
|
12250
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,
|
12251
|
.uk-card-primary.uk-card-body .uk-text-secondary,
|
12252
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary,
|
12253
|
.uk-card-secondary.uk-card-body .uk-text-secondary,
|
12254
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary,
|
12255
|
.uk-overlay-primary .uk-text-secondary,
|
12256
|
.uk-offcanvas-bar .uk-text-secondary {
|
12257
|
color: #fff !important;
|
12258
|
}
|
12259
|
.uk-light .uk-column-divider,
|
12260
|
.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
|
12261
|
.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
|
12262
|
.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
|
12263
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,
|
12264
|
.uk-card-primary.uk-card-body .uk-column-divider,
|
12265
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider,
|
12266
|
.uk-card-secondary.uk-card-body .uk-column-divider,
|
12267
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider,
|
12268
|
.uk-overlay-primary .uk-column-divider,
|
12269
|
.uk-offcanvas-bar .uk-column-divider {
|
12270
|
column-rule-color: rgba(255, 255, 255, 0.2);
|
12271
|
}
|
12272
|
.uk-light .uk-logo,
|
12273
|
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
|
12274
|
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
|
12275
|
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
|
12276
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
|
12277
|
.uk-card-primary.uk-card-body .uk-logo,
|
12278
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo,
|
12279
|
.uk-card-secondary.uk-card-body .uk-logo,
|
12280
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo,
|
12281
|
.uk-overlay-primary .uk-logo,
|
12282
|
.uk-offcanvas-bar .uk-logo {
|
12283
|
color: rgba(255, 255, 255, 0.7);
|
12284
|
}
|
12285
|
.uk-light .uk-logo:hover,
|
12286
|
.uk-light .uk-logo:focus,
|
12287
|
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
|
12288
|
.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
|
12289
|
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
|
12290
|
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
|
12291
|
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
|
12292
|
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
|
12293
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
|
12294
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
|
12295
|
.uk-card-primary.uk-card-body .uk-logo:hover,
|
12296
|
.uk-card-primary.uk-card-body .uk-logo:focus,
|
12297
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover,
|
12298
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus,
|
12299
|
.uk-card-secondary.uk-card-body .uk-logo:hover,
|
12300
|
.uk-card-secondary.uk-card-body .uk-logo:focus,
|
12301
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover,
|
12302
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus,
|
12303
|
.uk-overlay-primary .uk-logo:hover,
|
12304
|
.uk-overlay-primary .uk-logo:focus,
|
12305
|
.uk-offcanvas-bar .uk-logo:hover,
|
12306
|
.uk-offcanvas-bar .uk-logo:focus {
|
12307
|
color: rgba(255, 255, 255, 0.7);
|
12308
|
}
|
12309
|
.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12310
|
.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12311
|
.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12312
|
.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12313
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12314
|
.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12315
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12316
|
.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12317
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12318
|
.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
|
12319
|
.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
|
12320
|
display: none;
|
12321
|
}
|
12322
|
.uk-light .uk-logo-inverse,
|
12323
|
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
|
12324
|
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
|
12325
|
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
|
12326
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
|
12327
|
.uk-card-primary.uk-card-body .uk-logo-inverse,
|
12328
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse,
|
12329
|
.uk-card-secondary.uk-card-body .uk-logo-inverse,
|
12330
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse,
|
12331
|
.uk-overlay-primary .uk-logo-inverse,
|
12332
|
.uk-offcanvas-bar .uk-logo-inverse {
|
12333
|
display: inline;
|
12334
|
}
|
12335
|
.uk-light .uk-accordion-title::before,
|
12336
|
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,
|
12337
|
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
|
12338
|
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,
|
12339
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
|
12340
|
.uk-card-primary.uk-card-body .uk-accordion-title::before,
|
12341
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before,
|
12342
|
.uk-card-secondary.uk-card-body .uk-accordion-title::before,
|
12343
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before,
|
12344
|
.uk-overlay-primary .uk-accordion-title::before,
|
12345
|
.uk-offcanvas-bar .uk-accordion-title::before {
|
12346
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
12347
|
}
|
12348
|
.uk-light .uk-open > .uk-accordion-title::before,
|
12349
|
.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
12350
|
.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
12351
|
.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
12352
|
.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
12353
|
.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before,
|
12354
|
.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before,
|
12355
|
.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before,
|
12356
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before,
|
12357
|
.uk-overlay-primary .uk-open > .uk-accordion-title::before,
|
12358
|
.uk-offcanvas-bar .uk-open > .uk-accordion-title::before {
|
12359
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
12360
|
}
|
12361
|
/* ========================================================================
|
12362
|
Component: Print
|
12363
|
========================================================================== */
|
12364
|
@media print {
|
12365
|
*,
|
12366
|
*::before,
|
12367
|
*::after {
|
12368
|
background: transparent !important;
|
12369
|
color: black !important;
|
12370
|
box-shadow: none !important;
|
12371
|
text-shadow: none !important;
|
12372
|
}
|
12373
|
a,
|
12374
|
a:visited {
|
12375
|
text-decoration: underline;
|
12376
|
}
|
12377
|
pre,
|
12378
|
blockquote {
|
12379
|
border: 1px solid #999;
|
12380
|
page-break-inside: avoid;
|
12381
|
}
|
12382
|
thead {
|
12383
|
display: table-header-group;
|
12384
|
}
|
12385
|
tr,
|
12386
|
img {
|
12387
|
page-break-inside: avoid;
|
12388
|
}
|
12389
|
img {
|
12390
|
max-width: 100% !important;
|
12391
|
}
|
12392
|
@page {
|
12393
|
margin: 0.5cm;
|
12394
|
}
|
12395
|
p,
|
12396
|
h2,
|
12397
|
h3 {
|
12398
|
orphans: 3;
|
12399
|
widows: 3;
|
12400
|
}
|
12401
|
h2,
|
12402
|
h3 {
|
12403
|
page-break-after: avoid;
|
12404
|
}
|
12405
|
}
|