/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 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); }