aboutsummaryrefslogtreecommitdiffstats
path: root/uikit/static/css/components/datepicker.gradient.css
diff options
context:
space:
mode:
Diffstat (limited to 'uikit/static/css/components/datepicker.gradient.css')
-rw-r--r--uikit/static/css/components/datepicker.gradient.css139
1 files changed, 139 insertions, 0 deletions
diff --git a/uikit/static/css/components/datepicker.gradient.css b/uikit/static/css/components/datepicker.gradient.css
new file mode 100644
index 0000000..94366b6
--- /dev/null
+++ b/uikit/static/css/components/datepicker.gradient.css
@@ -0,0 +1,139 @@
+/*! UIkit 2.21.0 | 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: #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);
+}