/*! UIkit 2.27.2 | www.getuikit.com | © 2014 YOOtheme | MIT License */ /* ========================================================================
Component: Datepicker ========================================================================== */
/*
* 1. Highest z-index * 2. Reset dropdown width * 3. Set animation * 4. Needed for scale animation */
.uk-datepicker {
/* 1 */ z-index: 1050; /* 2 */ width: auto; /* 3 */ -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; /* 4 */ -webkit-transform-origin: 0 0; transform-origin: 0 0;
} /* Sub-object: `uk-datepicker-nav`
*/¶ ↑
.uk-datepicker-nav {
margin-bottom: 15px; text-align: center; line-height: 20px;
} /*
* Micro clearfix */
.uk-datepicker-nav:before, .uk-datepicker-nav:after {
content: ""; display: table;
} .uk-datepicker-nav:after {
clear: both;
} /*
* Previous and next navigation */
.uk-datepicker-nav a {
color: #444; text-decoration: none;
} .uk-datepicker-nav a:hover {
color: #444;
} .uk-datepicker-previous {
float: left;
} .uk-datepicker-next {
float: right;
} .uk-datepicker-previous:after, .uk-datepicker-next:after {
width: 20px; font-family: FontAwesome;
} .uk-datepicker-previous:after {
content: "\f053";
} .uk-datepicker-next:after {
content: "\f054";
} /* Sub-object: `uk-datepicker-heading`
*/¶ ↑
/* Sub-object: `uk-datepicker-table`
*/¶ ↑
/* Block element behavior */ .uk-datepicker-table {
width: 100%;
} .uk-datepicker-table th, .uk-datepicker-table td {
padding: 2px;
} .uk-datepicker-table th {
font-size: 12px;
} /*
* Item */
.uk-datepicker-table a {
display: block; width: 26px; line-height: 24px; text-align: center; color: #444; text-decoration: none; border: 1px solid transparent; border-radius: 4px;
} /*
* Sub-object: `uk-datepicker-table-muted` */
a.uk-datepicker-table-muted {
color: #999;
} /*
* Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */
.uk-datepicker-table a:hover, .uk-datepicker-table a:focus {
background-color: #fafafa; color: #444; /* 2 */ outline: none; border-color: rgba(0, 0, 0, 0.16); text-shadow: 0 1px 0 #fff;
} /* OnClick */ .uk-datepicker-table a:active {
background-color: #eee; color: #444;
} /*
* Active */
.uk-datepicker-table a.uk-active {
background: #00a8e6; color: #fff; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}