|
|
/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ======================================================================== Addon: Datepicker ========================================================================== */ /* * Reset dropdown width */ .uk-datepicker { width: auto; } /* 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: #444444; text-decoration: none; } .uk-datepicker-nav a:hover { color: #444444; } .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: #444444; text-decoration: none; border: 1px solid transparent; border-radius: 4px; background-origin: border-box; } /* * Sub-object: `uk-datepicker-table-muted` */ a.uk-datepicker-table-muted { color: #999999; } /* * 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: #444444; /* 2 */ outline: none; border-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 #ffffff; } /* OnClick */ .uk-datepicker-table a:active { background-color: #f5f5f5; color: #444444; border-color: rgba(0, 0, 0, 0.2); border-top-color: rgba(0, 0, 0, 0.3); background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); } /* * Active */ .uk-datepicker-table a.uk-active { background: #009dd8; color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.4); background-origin: border-box; background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); background-image: linear-gradient(to bottom, #00b4f5, #008dc5); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }
|