diff options
Diffstat (limited to 'css/components/datepicker.almost-flat.css')
-rwxr-xr-x | css/components/datepicker.almost-flat.css | 129 |
1 files changed, 129 insertions, 0 deletions
diff --git a/css/components/datepicker.almost-flat.css b/css/components/datepicker.almost-flat.css new file mode 100755 index 0000000..dd857b0 --- /dev/null +++ b/css/components/datepicker.almost-flat.css | |||
@@ -0,0 +1,129 @@ | |||
1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
2 | /* ======================================================================== | ||
3 | Component: Datepicker | ||
4 | ========================================================================== */ | ||
5 | /* | ||
6 | * 1. Highest z-index | ||
7 | * 2. Reset dropdown width | ||
8 | * 3. Set animation | ||
9 | * 4. Needed for scale animation | ||
10 | */ | ||
11 | .uk-datepicker { | ||
12 | /* 1 */ | ||
13 | z-index: 1050; | ||
14 | /* 2 */ | ||
15 | width: auto; | ||
16 | /* 3 */ | ||
17 | -webkit-animation: uk-fade 0.2s ease-in-out; | ||
18 | animation: uk-fade 0.2s ease-in-out; | ||
19 | /* 4 */ | ||
20 | -webkit-transform-origin: 0 0; | ||
21 | transform-origin: 0 0; | ||
22 | } | ||
23 | /* Sub-object: `uk-datepicker-nav` | ||
24 | ========================================================================== */ | ||
25 | .uk-datepicker-nav { | ||
26 | margin-bottom: 15px; | ||
27 | text-align: center; | ||
28 | line-height: 20px; | ||
29 | } | ||
30 | /* | ||
31 | * Micro clearfix | ||
32 | */ | ||
33 | .uk-datepicker-nav:before, | ||
34 | .uk-datepicker-nav:after { | ||
35 | content: ""; | ||
36 | display: table; | ||
37 | } | ||
38 | .uk-datepicker-nav:after { | ||
39 | clear: both; | ||
40 | } | ||
41 | /* | ||
42 | * Previous and next navigation | ||
43 | */ | ||
44 | .uk-datepicker-nav a { | ||
45 | color: #444; | ||
46 | text-decoration: none; | ||
47 | } | ||
48 | .uk-datepicker-nav a:hover { | ||
49 | color: #444; | ||
50 | } | ||
51 | .uk-datepicker-previous { | ||
52 | float: left; | ||
53 | } | ||
54 | .uk-datepicker-next { | ||
55 | float: right; | ||
56 | } | ||
57 | .uk-datepicker-previous:after, | ||
58 | .uk-datepicker-next:after { | ||
59 | width: 20px; | ||
60 | font-family: FontAwesome; | ||
61 | } | ||
62 | .uk-datepicker-previous:after { | ||
63 | content: "\f053"; | ||
64 | } | ||
65 | .uk-datepicker-next:after { | ||
66 | content: "\f054"; | ||
67 | } | ||
68 | /* Sub-object: `uk-datepicker-heading` | ||
69 | ========================================================================== */ | ||
70 | /* Sub-object: `uk-datepicker-table` | ||
71 | ========================================================================== */ | ||
72 | /* Block element behavior */ | ||
73 | .uk-datepicker-table { | ||
74 | width: 100%; | ||
75 | } | ||
76 | .uk-datepicker-table th, | ||
77 | .uk-datepicker-table td { | ||
78 | padding: 2px; | ||
79 | } | ||
80 | .uk-datepicker-table th { | ||
81 | font-size: 12px; | ||
82 | } | ||
83 | /* | ||
84 | * Item | ||
85 | */ | ||
86 | .uk-datepicker-table a { | ||
87 | display: block; | ||
88 | width: 26px; | ||
89 | line-height: 24px; | ||
90 | text-align: center; | ||
91 | color: #444; | ||
92 | text-decoration: none; | ||
93 | border: 1px solid transparent; | ||
94 | border-radius: 4px; | ||
95 | } | ||
96 | /* | ||
97 | * Sub-object: `uk-datepicker-table-muted` | ||
98 | */ | ||
99 | a.uk-datepicker-table-muted { | ||
100 | color: #999; | ||
101 | } | ||
102 | /* | ||
103 | * Hover | ||
104 | * 1. Apply hover style also to focus state | ||
105 | * 2. Remove default focus style | ||
106 | */ | ||
107 | .uk-datepicker-table a:hover, | ||
108 | .uk-datepicker-table a:focus { | ||
109 | background-color: #fafafa; | ||
110 | color: #444; | ||
111 | /* 2 */ | ||
112 | outline: none; | ||
113 | border-color: rgba(0, 0, 0, 0.16); | ||
114 | text-shadow: 0 1px 0 #fff; | ||
115 | } | ||
116 | /* OnClick */ | ||
117 | .uk-datepicker-table a:active { | ||
118 | background-color: #eee; | ||
119 | color: #444; | ||
120 | } | ||
121 | /* | ||
122 | * Active | ||
123 | */ | ||
124 | .uk-datepicker-table a.uk-active { | ||
125 | background: #00a8e6; | ||
126 | color: #fff; | ||
127 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
128 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
129 | } | ||