aboutsummaryrefslogtreecommitdiffstats
path: root/uikit/static/css/components/datepicker.css
diff options
context:
space:
mode:
authorValentin Heinz <inktrap@users.noreply.github.com>2017-04-08 14:03:25 +0200
committerAlexis Metaireau <alexis@notmyidea.org>2017-04-08 14:03:25 +0200
commit5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch)
treef4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components/datepicker.css
parent00986ab80df4b6be2d1306671907e2b2378e487f (diff)
downloadpelican-themes-5c231ceade17e7f5b1bba90e845dd2d17e54da1c.tar.gz
uikit demo theme ported to pelican (#385)
Diffstat (limited to 'uikit/static/css/components/datepicker.css')
-rw-r--r--uikit/static/css/components/datepicker.css123
1 files changed, 123 insertions, 0 deletions
diff --git a/uikit/static/css/components/datepicker.css b/uikit/static/css/components/datepicker.css
new file mode 100644
index 0000000..5414e4f
--- /dev/null
+++ b/uikit/static/css/components/datepicker.css
@@ -0,0 +1,123 @@
+/*! 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;
+}
+/*
+ * 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: #dddddd;
+ color: #444444;
+ /* 2 */
+ outline: none;
+}
+/* OnClick */
+.uk-datepicker-table a:active {
+ background-color: #cccccc;
+ color: #444444;
+}
+/*
+ * Active
+ */
+.uk-datepicker-table a.uk-active {
+ background: #00a8e6;
+ color: #ffffff;
+}