diff options
author | Valentin Heinz <inktrap@users.noreply.github.com> | 2017-04-08 14:03:25 +0200 |
---|---|---|
committer | Alexis Metaireau <alexis@notmyidea.org> | 2017-04-08 14:03:25 +0200 |
commit | 5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch) | |
tree | f4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components | |
parent | 00986ab80df4b6be2d1306671907e2b2378e487f (diff) | |
download | pelican-themes-5c231ceade17e7f5b1bba90e845dd2d17e54da1c.tar.gz |
uikit demo theme ported to pelican (#385)
Diffstat (limited to 'uikit/static/css/components')
126 files changed, 5649 insertions, 0 deletions
diff --git a/uikit/static/css/components/accordion.almost-flat.css b/uikit/static/css/components/accordion.almost-flat.css new file mode 100644 index 0000000..f8edc0d --- /dev/null +++ b/uikit/static/css/components/accordion.almost-flat.css @@ -0,0 +1,39 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Accordion + ========================================================================== */ +/* Sub-object: `uk-accordion-title` + ========================================================================== */ +.uk-accordion-title { + margin-top: 0; + margin-bottom: 15px; + padding: 5px 15px; + background: #f5f5f5; + font-size: 18px; + line-height: 24px; + cursor: pointer; + border: 1px solid #dddddd; + border-radius: 4px; +} +/* Sub-object: `uk-accordion-content` + ========================================================================== */ +.uk-accordion-content { + padding: 0 15px 15px 15px; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-accordion-content:before, +.uk-accordion-content:after { + content: ""; + display: table; +} +.uk-accordion-content:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} diff --git a/uikit/static/css/components/accordion.almost-flat.min.css b/uikit/static/css/components/accordion.almost-flat.min.css new file mode 100644 index 0000000..1f1f941 --- /dev/null +++ b/uikit/static/css/components/accordion.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#f5f5f5;font-size:18px;line-height:24px;cursor:pointer;border:1px solid #ddd;border-radius:4px}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
\ No newline at end of file diff --git a/uikit/static/css/components/accordion.css b/uikit/static/css/components/accordion.css new file mode 100644 index 0000000..fe84c73 --- /dev/null +++ b/uikit/static/css/components/accordion.css @@ -0,0 +1,37 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Accordion + ========================================================================== */ +/* Sub-object: `uk-accordion-title` + ========================================================================== */ +.uk-accordion-title { + margin-top: 0; + margin-bottom: 15px; + padding: 5px 15px; + background: #eeeeee; + font-size: 18px; + line-height: 24px; + cursor: pointer; +} +/* Sub-object: `uk-accordion-content` + ========================================================================== */ +.uk-accordion-content { + padding: 0 15px 15px 15px; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-accordion-content:before, +.uk-accordion-content:after { + content: ""; + display: table; +} +.uk-accordion-content:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} diff --git a/uikit/static/css/components/accordion.gradient.css b/uikit/static/css/components/accordion.gradient.css new file mode 100644 index 0000000..afc5c47 --- /dev/null +++ b/uikit/static/css/components/accordion.gradient.css @@ -0,0 +1,39 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Accordion + ========================================================================== */ +/* Sub-object: `uk-accordion-title` + ========================================================================== */ +.uk-accordion-title { + margin-top: 0; + margin-bottom: 15px; + padding: 5px 15px; + background: #f7f7f7; + font-size: 18px; + line-height: 24px; + cursor: pointer; + border: 1px solid #dddddd; + border-radius: 4px; +} +/* Sub-object: `uk-accordion-content` + ========================================================================== */ +.uk-accordion-content { + padding: 0 15px 15px 15px; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-accordion-content:before, +.uk-accordion-content:after { + content: ""; + display: table; +} +.uk-accordion-content:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} diff --git a/uikit/static/css/components/accordion.gradient.min.css b/uikit/static/css/components/accordion.gradient.min.css new file mode 100644 index 0000000..27b3e73 --- /dev/null +++ b/uikit/static/css/components/accordion.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#f7f7f7;font-size:18px;line-height:24px;cursor:pointer;border:1px solid #ddd;border-radius:4px}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
\ No newline at end of file diff --git a/uikit/static/css/components/accordion.min.css b/uikit/static/css/components/accordion.min.css new file mode 100644 index 0000000..a1b3a90 --- /dev/null +++ b/uikit/static/css/components/accordion.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#eee;font-size:18px;line-height:24px;cursor:pointer}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
\ No newline at end of file diff --git a/uikit/static/css/components/autocomplete.almost-flat.css b/uikit/static/css/components/autocomplete.almost-flat.css new file mode 100644 index 0000000..8f5176b --- /dev/null +++ b/uikit/static/css/components/autocomplete.almost-flat.css @@ -0,0 +1,52 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Autocomplete + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-autocomplete { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* Nav modifier `uk-nav-autocomplete` + ========================================================================== */ +/* + * Items + */ +.uk-nav-autocomplete > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-autocomplete > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + /* 1 */ + outline: none; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-autocomplete .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-autocomplete .uk-nav-divider { + border-top: 1px solid #dddddd; +} diff --git a/uikit/static/css/components/autocomplete.almost-flat.min.css b/uikit/static/css/components/autocomplete.almost-flat.min.css new file mode 100644 index 0000000..ee6875b --- /dev/null +++ b/uikit/static/css/components/autocomplete.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}
\ No newline at end of file diff --git a/uikit/static/css/components/autocomplete.css b/uikit/static/css/components/autocomplete.css new file mode 100644 index 0000000..bb71335 --- /dev/null +++ b/uikit/static/css/components/autocomplete.css @@ -0,0 +1,50 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Autocomplete + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-autocomplete { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* Nav modifier `uk-nav-autocomplete` + ========================================================================== */ +/* + * Items + */ +.uk-nav-autocomplete > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-autocomplete > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + /* 1 */ + outline: none; +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-autocomplete .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-autocomplete .uk-nav-divider { + border-top: 1px solid #dddddd; +} diff --git a/uikit/static/css/components/autocomplete.gradient.css b/uikit/static/css/components/autocomplete.gradient.css new file mode 100644 index 0000000..06e2c52 --- /dev/null +++ b/uikit/static/css/components/autocomplete.gradient.css @@ -0,0 +1,52 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Autocomplete + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-autocomplete { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* Nav modifier `uk-nav-autocomplete` + ========================================================================== */ +/* + * Items + */ +.uk-nav-autocomplete > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-autocomplete > li.uk-active > a { + background: #009dd8; + color: #ffffff; + /* 1 */ + outline: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-autocomplete .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-autocomplete .uk-nav-divider { + border-top: 1px solid #dddddd; +} diff --git a/uikit/static/css/components/autocomplete.gradient.min.css b/uikit/static/css/components/autocomplete.gradient.min.css new file mode 100644 index 0000000..8304137 --- /dev/null +++ b/uikit/static/css/components/autocomplete.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}
\ No newline at end of file diff --git a/uikit/static/css/components/autocomplete.min.css b/uikit/static/css/components/autocomplete.min.css new file mode 100644 index 0000000..03b1be2 --- /dev/null +++ b/uikit/static/css/components/autocomplete.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#00a8e6;color:#fff;outline:0}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}
\ No newline at end of file diff --git a/uikit/static/css/components/datepicker.almost-flat.css b/uikit/static/css/components/datepicker.almost-flat.css new file mode 100644 index 0000000..ecc8080 --- /dev/null +++ b/uikit/static/css/components/datepicker.almost-flat.css @@ -0,0 +1,129 @@ +/*! 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; +} +/* + * 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.16); + text-shadow: 0 1px 0 #ffffff; +} +/* OnClick */ +.uk-datepicker-table a:active { + background-color: #eeeeee; + color: #444444; +} +/* + * Active + */ +.uk-datepicker-table a.uk-active { + background: #00a8e6; + color: #ffffff; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} diff --git a/uikit/static/css/components/datepicker.almost-flat.min.css b/uikit/static/css/components/datepicker.almost-flat.min.css new file mode 100644 index 0000000..5f9ab45 --- /dev/null +++ b/uikit/static/css/components/datepicker.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.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-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.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}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.16);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#eee;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}
\ No newline at end of file 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; +} 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); +} diff --git a/uikit/static/css/components/datepicker.gradient.min.css b/uikit/static/css/components/datepicker.gradient.min.css new file mode 100644 index 0000000..102458b --- /dev/null +++ b/uikit/static/css/components/datepicker.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.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-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.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;background-origin:border-box}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-datepicker-table a.uk-active{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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,.2)}
\ No newline at end of file diff --git a/uikit/static/css/components/datepicker.min.css b/uikit/static/css/components/datepicker.min.css new file mode 100644 index 0000000..7738f98 --- /dev/null +++ b/uikit/static/css/components/datepicker.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.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-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#ddd;color:#444;outline:0}.uk-datepicker-table a:active{background-color:#ccc;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff}
\ No newline at end of file diff --git a/uikit/static/css/components/dotnav.almost-flat.css b/uikit/static/css/components/dotnav.almost-flat.css new file mode 100644 index 0000000..78bf049 --- /dev/null +++ b/uikit/static/css/components/dotnav.almost-flat.css @@ -0,0 +1,129 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Gutter + * 2. Remove default list style + */ +.uk-dotnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 1 */ + margin-left: -15px; + margin-top: -15px; + /* 2 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions + * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied + */ +.uk-dotnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 15px; + margin-top: 15px; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav:before, +.uk-dotnav:after { + content: ""; + display: block; + overflow: hidden; +} +.uk-dotnav:after { + clear: both; +} +.uk-dotnav > * { + float: left; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + -moz-box-sizing: content-box; + box-sizing: content-box; + width: 20px; + height: 20px; + border-radius: 50%; + background: rgba(50, 50, 50, 0.1); + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background: rgba(50, 50, 50, 0.4); + /* 2 */ + outline: none; +} +/* OnClick */ +.uk-dotnav > * > :active { + background: rgba(50, 50, 50, 0.6); +} +/* Active */ +.uk-dotnav > .uk-active > * { + background: rgba(50, 50, 50, 0.4); + -webkit-transform: scale(1.3); + transform: scale(1.3); +} +/* Modifier: `uk-dotnav-contrast` + ========================================================================== */ +.uk-dotnav-contrast > * > * { + background: rgba(255, 255, 255, 0.4); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-dotnav-contrast > * > :hover, +.uk-dotnav-contrast > * > :focus { + background: rgba(255, 255, 255, 0.7); +} +/* OnClick */ +.uk-dotnav-contrast > * > :active { + background: rgba(255, 255, 255, 0.9); +} +/* Active */ +.uk-dotnav-contrast > .uk-active > * { + background: rgba(255, 255, 255, 0.9); +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * DEPRECATED + */ +.uk-dotnav-vertical { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav-vertical > * { + float: none; +} diff --git a/uikit/static/css/components/dotnav.almost-flat.min.css b/uikit/static/css/components/dotnav.almost-flat.min.css new file mode 100644 index 0000000..f1410c4 --- /dev/null +++ b/uikit/static/css/components/dotnav.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);text-indent:100%;overflow:hidden;white-space:nowrap;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>*>:active{background:rgba(50,50,50,.6)}.uk-dotnav>.uk-active>*{background:rgba(50,50,50,.4);-webkit-transform:scale(1.3);transform:scale(1.3)}.uk-dotnav-contrast>*>*{background:rgba(255,255,255,.4)}.uk-dotnav-contrast>*>:focus,.uk-dotnav-contrast>*>:hover{background:rgba(255,255,255,.7)}.uk-dotnav-contrast>*>:active{background:rgba(255,255,255,.9)}.uk-dotnav-contrast>.uk-active>*{background:rgba(255,255,255,.9)}.uk-dotnav-vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-dotnav-vertical>*{float:none}
\ No newline at end of file diff --git a/uikit/static/css/components/dotnav.css b/uikit/static/css/components/dotnav.css new file mode 100644 index 0000000..57a1771 --- /dev/null +++ b/uikit/static/css/components/dotnav.css @@ -0,0 +1,125 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Gutter + * 2. Remove default list style + */ +.uk-dotnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 1 */ + margin-left: -15px; + margin-top: -15px; + /* 2 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions + * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied + */ +.uk-dotnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 15px; + margin-top: 15px; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav:before, +.uk-dotnav:after { + content: ""; + display: block; + overflow: hidden; +} +.uk-dotnav:after { + clear: both; +} +.uk-dotnav > * { + float: left; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + -moz-box-sizing: content-box; + box-sizing: content-box; + width: 20px; + height: 20px; + border-radius: 50%; + background: rgba(50, 50, 50, 0.1); + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background: rgba(50, 50, 50, 0.4); + /* 2 */ + outline: none; +} +/* OnClick */ +.uk-dotnav > * > :active { + background: rgba(50, 50, 50, 0.6); +} +/* Active */ +.uk-dotnav > .uk-active > * { + background: rgba(50, 50, 50, 0.4); +} +/* Modifier: `uk-dotnav-contrast` + ========================================================================== */ +.uk-dotnav-contrast > * > * { + background: rgba(255, 255, 255, 0.4); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-dotnav-contrast > * > :hover, +.uk-dotnav-contrast > * > :focus { + background: rgba(255, 255, 255, 0.7); +} +/* OnClick */ +.uk-dotnav-contrast > * > :active { + background: rgba(255, 255, 255, 0.9); +} +/* Active */ +.uk-dotnav-contrast > .uk-active > * { + background: rgba(255, 255, 255, 0.9); +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * DEPRECATED + */ +.uk-dotnav-vertical { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav-vertical > * { + float: none; +} diff --git a/uikit/static/css/components/dotnav.gradient.css b/uikit/static/css/components/dotnav.gradient.css new file mode 100644 index 0000000..78bf049 --- /dev/null +++ b/uikit/static/css/components/dotnav.gradient.css @@ -0,0 +1,129 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Gutter + * 2. Remove default list style + */ +.uk-dotnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 1 */ + margin-left: -15px; + margin-top: -15px; + /* 2 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions + * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied + */ +.uk-dotnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 15px; + margin-top: 15px; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav:before, +.uk-dotnav:after { + content: ""; + display: block; + overflow: hidden; +} +.uk-dotnav:after { + clear: both; +} +.uk-dotnav > * { + float: left; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + -moz-box-sizing: content-box; + box-sizing: content-box; + width: 20px; + height: 20px; + border-radius: 50%; + background: rgba(50, 50, 50, 0.1); + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background: rgba(50, 50, 50, 0.4); + /* 2 */ + outline: none; +} +/* OnClick */ +.uk-dotnav > * > :active { + background: rgba(50, 50, 50, 0.6); +} +/* Active */ +.uk-dotnav > .uk-active > * { + background: rgba(50, 50, 50, 0.4); + -webkit-transform: scale(1.3); + transform: scale(1.3); +} +/* Modifier: `uk-dotnav-contrast` + ========================================================================== */ +.uk-dotnav-contrast > * > * { + background: rgba(255, 255, 255, 0.4); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-dotnav-contrast > * > :hover, +.uk-dotnav-contrast > * > :focus { + background: rgba(255, 255, 255, 0.7); +} +/* OnClick */ +.uk-dotnav-contrast > * > :active { + background: rgba(255, 255, 255, 0.9); +} +/* Active */ +.uk-dotnav-contrast > .uk-active > * { + background: rgba(255, 255, 255, 0.9); +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * DEPRECATED + */ +.uk-dotnav-vertical { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} +/* + * DEPRECATED IE9 Support + */ +.uk-dotnav-vertical > * { + float: none; +} diff --git a/uikit/static/css/components/dotnav.gradient.min.css b/uikit/static/css/components/dotnav.gradient.min.css new file mode 100644 index 0000000..f1410c4 --- /dev/null +++ b/uikit/static/css/components/dotnav.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);text-indent:100%;overflow:hidden;white-space:nowrap;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>*>:active{background:rgba(50,50,50,.6)}.uk-dotnav>.uk-active>*{background:rgba(50,50,50,.4);-webkit-transform:scale(1.3);transform:scale(1.3)}.uk-dotnav-contrast>*>*{background:rgba(255,255,255,.4)}.uk-dotnav-contrast>*>:focus,.uk-dotnav-contrast>*>:hover{background:rgba(255,255,255,.7)}.uk-dotnav-contrast>*>:active{background:rgba(255,255,255,.9)}.uk-dotnav-contrast>.uk-active>*{background:rgba(255,255,255,.9)}.uk-dotnav-vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-dotnav-vertical>*{float:none}
\ No newline at end of file diff --git a/uikit/static/css/components/dotnav.min.css b/uikit/static/css/components/dotnav.min.css new file mode 100644 index 0000000..8db104c --- /dev/null +++ b/uikit/static/css/components/dotnav.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);text-indent:100%;overflow:hidden;white-space:nowrap}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>*>:active{background:rgba(50,50,50,.6)}.uk-dotnav>.uk-active>*{background:rgba(50,50,50,.4)}.uk-dotnav-contrast>*>*{background:rgba(255,255,255,.4)}.uk-dotnav-contrast>*>:focus,.uk-dotnav-contrast>*>:hover{background:rgba(255,255,255,.7)}.uk-dotnav-contrast>*>:active{background:rgba(255,255,255,.9)}.uk-dotnav-contrast>.uk-active>*{background:rgba(255,255,255,.9)}.uk-dotnav-vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-dotnav-vertical>*{float:none}
\ No newline at end of file diff --git a/uikit/static/css/components/form-advanced.almost-flat.css b/uikit/static/css/components/form-advanced.almost-flat.css new file mode 100644 index 0000000..4c80760 --- /dev/null +++ b/uikit/static/css/components/form-advanced.almost-flat.css @@ -0,0 +1,78 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form advanced + Note: Only works in Webkit at the moment + ========================================================================== */ +/* + * 1. Style + * 2. Makes box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + */ +.uk-form input[type="radio"], +.uk-form input[type="checkbox"] { + /* 1 */ + display: inline-block; + height: 14px; + width: 14px; + border: 1px solid #aaaaaa; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + outline: 0; + /* 5 */ + background: transparent; +} +/* Radio */ +.uk-form input[type="radio"] { + border-radius: 50%; +} +/* + * Checked + */ +.uk-form input[type=radio]:before, +.uk-form input[type=checkbox]:before { + display: block; +} +/* Radio */ +.uk-form input[type=radio]:checked:before { + content: ''; + width: 8px; + height: 8px; + margin: 2px auto 0; + border-radius: 50%; + background: #00a8e6; +} +/* Checkbox */ +.uk-form input[type=checkbox]:checked:before, +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f00c"; + font-family: FontAwesome; + font-size: 12px; + -webkit-font-smoothing: antialiased; + text-align: center; + line-height: 12px; + color: #00a8e6; +} +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f068"; +} +/* + * Disabled + */ +.uk-form input[type=radio]:disabled, +.uk-form input[type=checkbox]:disabled { + border-color: #dddddd; +} +.uk-form input[type=radio]:disabled:checked:before { + background-color: #aaaaaa; +} +.uk-form input[type=checkbox]:disabled:checked:before, +.uk-form input[type=checkbox]:disabled:indeterminate:before { + color: #aaaaaa; +} diff --git a/uikit/static/css/components/form-advanced.almost-flat.min.css b/uikit/static/css/components/form-advanced.almost-flat.min.css new file mode 100644 index 0000000..03d82f0 --- /dev/null +++ b/uikit/static/css/components/form-advanced.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
\ No newline at end of file diff --git a/uikit/static/css/components/form-advanced.css b/uikit/static/css/components/form-advanced.css new file mode 100644 index 0000000..4c80760 --- /dev/null +++ b/uikit/static/css/components/form-advanced.css @@ -0,0 +1,78 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form advanced + Note: Only works in Webkit at the moment + ========================================================================== */ +/* + * 1. Style + * 2. Makes box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + */ +.uk-form input[type="radio"], +.uk-form input[type="checkbox"] { + /* 1 */ + display: inline-block; + height: 14px; + width: 14px; + border: 1px solid #aaaaaa; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + outline: 0; + /* 5 */ + background: transparent; +} +/* Radio */ +.uk-form input[type="radio"] { + border-radius: 50%; +} +/* + * Checked + */ +.uk-form input[type=radio]:before, +.uk-form input[type=checkbox]:before { + display: block; +} +/* Radio */ +.uk-form input[type=radio]:checked:before { + content: ''; + width: 8px; + height: 8px; + margin: 2px auto 0; + border-radius: 50%; + background: #00a8e6; +} +/* Checkbox */ +.uk-form input[type=checkbox]:checked:before, +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f00c"; + font-family: FontAwesome; + font-size: 12px; + -webkit-font-smoothing: antialiased; + text-align: center; + line-height: 12px; + color: #00a8e6; +} +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f068"; +} +/* + * Disabled + */ +.uk-form input[type=radio]:disabled, +.uk-form input[type=checkbox]:disabled { + border-color: #dddddd; +} +.uk-form input[type=radio]:disabled:checked:before { + background-color: #aaaaaa; +} +.uk-form input[type=checkbox]:disabled:checked:before, +.uk-form input[type=checkbox]:disabled:indeterminate:before { + color: #aaaaaa; +} diff --git a/uikit/static/css/components/form-advanced.gradient.css b/uikit/static/css/components/form-advanced.gradient.css new file mode 100644 index 0000000..4c80760 --- /dev/null +++ b/uikit/static/css/components/form-advanced.gradient.css @@ -0,0 +1,78 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form advanced + Note: Only works in Webkit at the moment + ========================================================================== */ +/* + * 1. Style + * 2. Makes box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + */ +.uk-form input[type="radio"], +.uk-form input[type="checkbox"] { + /* 1 */ + display: inline-block; + height: 14px; + width: 14px; + border: 1px solid #aaaaaa; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + outline: 0; + /* 5 */ + background: transparent; +} +/* Radio */ +.uk-form input[type="radio"] { + border-radius: 50%; +} +/* + * Checked + */ +.uk-form input[type=radio]:before, +.uk-form input[type=checkbox]:before { + display: block; +} +/* Radio */ +.uk-form input[type=radio]:checked:before { + content: ''; + width: 8px; + height: 8px; + margin: 2px auto 0; + border-radius: 50%; + background: #00a8e6; +} +/* Checkbox */ +.uk-form input[type=checkbox]:checked:before, +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f00c"; + font-family: FontAwesome; + font-size: 12px; + -webkit-font-smoothing: antialiased; + text-align: center; + line-height: 12px; + color: #00a8e6; +} +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f068"; +} +/* + * Disabled + */ +.uk-form input[type=radio]:disabled, +.uk-form input[type=checkbox]:disabled { + border-color: #dddddd; +} +.uk-form input[type=radio]:disabled:checked:before { + background-color: #aaaaaa; +} +.uk-form input[type=checkbox]:disabled:checked:before, +.uk-form input[type=checkbox]:disabled:indeterminate:before { + color: #aaaaaa; +} diff --git a/uikit/static/css/components/form-advanced.gradient.min.css b/uikit/static/css/components/form-advanced.gradient.min.css new file mode 100644 index 0000000..03d82f0 --- /dev/null +++ b/uikit/static/css/components/form-advanced.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
\ No newline at end of file diff --git a/uikit/static/css/components/form-advanced.min.css b/uikit/static/css/components/form-advanced.min.css new file mode 100644 index 0000000..03d82f0 --- /dev/null +++ b/uikit/static/css/components/form-advanced.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
\ No newline at end of file diff --git a/uikit/static/css/components/form-file.almost-flat.css b/uikit/static/css/components/form-file.almost-flat.css new file mode 100644 index 0000000..70fe2c4 --- /dev/null +++ b/uikit/static/css/components/form-file.almost-flat.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form file + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-file { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 2. Expand height and required for the cursor + */ +.uk-form-file input[type="file"] { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + font-size: 500px; +} diff --git a/uikit/static/css/components/form-file.almost-flat.min.css b/uikit/static/css/components/form-file.almost-flat.min.css new file mode 100644 index 0000000..3da0ea6 --- /dev/null +++ b/uikit/static/css/components/form-file.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
\ No newline at end of file diff --git a/uikit/static/css/components/form-file.css b/uikit/static/css/components/form-file.css new file mode 100644 index 0000000..70fe2c4 --- /dev/null +++ b/uikit/static/css/components/form-file.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form file + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-file { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 2. Expand height and required for the cursor + */ +.uk-form-file input[type="file"] { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + font-size: 500px; +} diff --git a/uikit/static/css/components/form-file.gradient.css b/uikit/static/css/components/form-file.gradient.css new file mode 100644 index 0000000..70fe2c4 --- /dev/null +++ b/uikit/static/css/components/form-file.gradient.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form file + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-file { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 2. Expand height and required for the cursor + */ +.uk-form-file input[type="file"] { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + font-size: 500px; +} diff --git a/uikit/static/css/components/form-file.gradient.min.css b/uikit/static/css/components/form-file.gradient.min.css new file mode 100644 index 0000000..3da0ea6 --- /dev/null +++ b/uikit/static/css/components/form-file.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
\ No newline at end of file diff --git a/uikit/static/css/components/form-file.min.css b/uikit/static/css/components/form-file.min.css new file mode 100644 index 0000000..3da0ea6 --- /dev/null +++ b/uikit/static/css/components/form-file.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
\ No newline at end of file diff --git a/uikit/static/css/components/form-password.almost-flat.css b/uikit/static/css/components/form-password.almost-flat.css new file mode 100644 index 0000000..b328f60 --- /dev/null +++ b/uikit/static/css/components/form-password.almost-flat.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form password + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + */ +.uk-form-password { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; +} +.uk-form-password-toggle { + display: block; + position: absolute; + top: 50%; + right: 10px; + margin-top: -6px; + font-size: 13px; + line-height: 13px; + color: #999999; +} +.uk-form-password-toggle:hover { + color: #999999; + text-decoration: none; +} +.uk-form-password > input { + padding-right: 50px !important; +} diff --git a/uikit/static/css/components/form-password.almost-flat.min.css b/uikit/static/css/components/form-password.almost-flat.min.css new file mode 100644 index 0000000..1f55b7c --- /dev/null +++ b/uikit/static/css/components/form-password.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
\ No newline at end of file diff --git a/uikit/static/css/components/form-password.css b/uikit/static/css/components/form-password.css new file mode 100644 index 0000000..b328f60 --- /dev/null +++ b/uikit/static/css/components/form-password.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form password + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + */ +.uk-form-password { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; +} +.uk-form-password-toggle { + display: block; + position: absolute; + top: 50%; + right: 10px; + margin-top: -6px; + font-size: 13px; + line-height: 13px; + color: #999999; +} +.uk-form-password-toggle:hover { + color: #999999; + text-decoration: none; +} +.uk-form-password > input { + padding-right: 50px !important; +} diff --git a/uikit/static/css/components/form-password.gradient.css b/uikit/static/css/components/form-password.gradient.css new file mode 100644 index 0000000..b328f60 --- /dev/null +++ b/uikit/static/css/components/form-password.gradient.css @@ -0,0 +1,34 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form password + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Prevent `inline-block` consequences + */ +.uk-form-password { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; +} +.uk-form-password-toggle { + display: block; + position: absolute; + top: 50%; + right: 10px; + margin-top: -6px; + font-size: 13px; + line-height: 13px; + color: #999999; +} +.uk-form-password-toggle:hover { + color: #999999; + text-decoration: none; +} +.uk-form-password > input { + padding-right: 50px !important; +} diff --git a/uikit/static/css/components/form-password.gradient.min.css b/uikit/static/css/components/form-password.gradient.min.css new file mode 100644 index 0000000..1f55b7c --- /dev/null +++ b/uikit/static/css/components/form-password.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
\ No newline at end of file diff --git a/uikit/static/css/components/form-password.min.css b/uikit/static/css/components/form-password.min.css new file mode 100644 index 0000000..1f55b7c --- /dev/null +++ b/uikit/static/css/components/form-password.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
\ No newline at end of file diff --git a/uikit/static/css/components/form-select.almost-flat.css b/uikit/static/css/components/form-select.almost-flat.css new file mode 100644 index 0000000..1783909 --- /dev/null +++ b/uikit/static/css/components/form-select.almost-flat.css @@ -0,0 +1,35 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form select + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-select { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 1. Required for Webkit to make `height` work + */ +.uk-form-select select { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + -webkit-appearance: none; +} diff --git a/uikit/static/css/components/form-select.almost-flat.min.css b/uikit/static/css/components/form-select.almost-flat.min.css new file mode 100644 index 0000000..5a38b0f --- /dev/null +++ b/uikit/static/css/components/form-select.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
\ No newline at end of file diff --git a/uikit/static/css/components/form-select.css b/uikit/static/css/components/form-select.css new file mode 100644 index 0000000..1783909 --- /dev/null +++ b/uikit/static/css/components/form-select.css @@ -0,0 +1,35 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form select + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-select { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 1. Required for Webkit to make `height` work + */ +.uk-form-select select { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + -webkit-appearance: none; +} diff --git a/uikit/static/css/components/form-select.gradient.css b/uikit/static/css/components/form-select.gradient.css new file mode 100644 index 0000000..1783909 --- /dev/null +++ b/uikit/static/css/components/form-select.gradient.css @@ -0,0 +1,35 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form select + ========================================================================== */ +/* + * 1. Behave like form elements + * 2. Create position context for dropdowns + * 3. Clip content + */ +.uk-form-select { + /* 1 */ + display: inline-block; + vertical-align: middle; + /* 2 */ + position: relative; + /* 3 */ + overflow: hidden; +} +/* + * 1. Required for Firefox + * 1. Required for Webkit to make `height` work + */ +.uk-form-select select { + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; + /* 1 */ + left: 0; + /* 2 */ + -webkit-appearance: none; +} diff --git a/uikit/static/css/components/form-select.gradient.min.css b/uikit/static/css/components/form-select.gradient.min.css new file mode 100644 index 0000000..5a38b0f --- /dev/null +++ b/uikit/static/css/components/form-select.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
\ No newline at end of file diff --git a/uikit/static/css/components/form-select.min.css b/uikit/static/css/components/form-select.min.css new file mode 100644 index 0000000..5a38b0f --- /dev/null +++ b/uikit/static/css/components/form-select.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
\ No newline at end of file diff --git a/uikit/static/css/components/htmleditor.almost-flat.css b/uikit/static/css/components/htmleditor.almost-flat.css new file mode 100644 index 0000000..c24af88 --- /dev/null +++ b/uikit/static/css/components/htmleditor.almost-flat.css @@ -0,0 +1,225 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: HTML editor + ========================================================================== */ +/* Sub-object `uk-htmleditor-navbar` + ========================================================================== */ +.uk-htmleditor-navbar { + background: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.06); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +/* + * Micro clearfix + */ +.uk-htmleditor-navbar:before, +.uk-htmleditor-navbar:after { + content: ""; + display: table; +} +.uk-htmleditor-navbar:after { + clear: both; +} +/* Sub-object `uk-htmleditor-navbar-nav` + ========================================================================== */ +.uk-htmleditor-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +.uk-htmleditor-navbar-nav > li { + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-htmleditor-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + /* 1 */ + height: 41px; + padding: 0 15px; + line-height: 40px; + /* 2 */ + color: #444444; + font-size: 11px; + cursor: pointer; + margin-top: -1px; + margin-left: -1px; + border: 1px solid transparent; + border-bottom-width: 0; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-htmleditor-navbar-nav > li:hover > a, +.uk-htmleditor-navbar-nav > li > a:focus { + background-color: #fafafa; + color: #444444; + outline: none; + /* 2 */ + position: relative; + z-index: 1; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); +} +/* OnClick */ +.uk-htmleditor-navbar-nav > li > a:active { + background-color: #eeeeee; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); +} +/* Active */ +.uk-htmleditor-navbar-nav > li.uk-active > a { + background-color: #fafafa; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); +} +/* Sub-object: `uk-htmleditor-navbar-flip` + ========================================================================== */ +.uk-htmleditor-navbar-flip { + float: right; +} +/* Sub-object for special buttons + ========================================================================== */ +[data-mode='split'] .uk-htmleditor-button-code, +[data-mode='split'] .uk-htmleditor-button-preview { + display: none; +} +/* Sub-object `uk-htmleditor-content` + ========================================================================== */ +.uk-htmleditor-content { + border-left: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #ffffff; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +/* + * Micro clearfix + */ +.uk-htmleditor-content:before, +.uk-htmleditor-content:after { + content: ""; + display: table; +} +.uk-htmleditor-content:after { + clear: both; +} +/* Modifier `uk-htmleditor-fullscreen` + ========================================================================== */ +.uk-htmleditor-fullscreen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 990; +} +.uk-htmleditor-fullscreen .uk-htmleditor-content { + position: absolute; + top: 41px; + left: 0; + right: 0; + bottom: 0; +} +.uk-htmleditor-fullscreen .uk-icon-expand:before { + content: "\f066"; +} +/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` + ========================================================================== */ +.uk-htmleditor-code, +.uk-htmleditor-preview { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.uk-htmleditor-preview { + padding: 20px; + overflow-y: scroll; + position: relative; +} +/* + * Tab view + */ +[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, +[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { + display: none; +} +/* + * Split view + */ +[data-mode='split'] .uk-htmleditor-code, +[data-mode='split'] .uk-htmleditor-preview { + float: left; + width: 50%; +} +[data-mode='split'] .uk-htmleditor-code { + border-right: 1px solid #eeeeee; +} +/* Sub-object `uk-htmleditor-iframe` + ========================================================================== */ +.uk-htmleditor-iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* CodeMirror modifications + ========================================================================== */ +.uk-htmleditor .CodeMirror { + padding: 10px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Apply same `border-radius` as `uk-htmleditor-navbar` + */ +.uk-htmleditor-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 4px; +} +/* + * Sub-modifier `uk-htmleditor-navbar-flip` + */ +/* Collapse border */ +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { + margin-left: 0; + margin-right: -1px; +} +/* Apply same `border-radius` as `uk-htmleditor-navbar` */ +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 0; +} +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { + border-top-right-radius: 4px; +} +/* + * Sub-modifier `uk-htmleditor-fullscreen` + */ +.uk-htmleditor-fullscreen .uk-htmleditor-navbar { + border-top: none; + border-left: none; + border-right: none; + border-radius: 0; +} +.uk-htmleditor-fullscreen .uk-htmleditor-content { + border: none; + border-radius: 0; +} +.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { + border-radius: 0 !important; +} diff --git a/uikit/static/css/components/htmleditor.almost-flat.min.css b/uikit/static/css/components/htmleditor.almost-flat.min.css new file mode 100644 index 0000000..e50023d --- /dev/null +++ b/uikit/static/css/components/htmleditor.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-htmleditor-navbar{background:#f5f5f5;border:1px solid rgba(0,0,0,.06);border-top-left-radius:4px;border-top-right-radius:4px}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-htmleditor-navbar-nav>li:hover>a,.uk-htmleditor-navbar-nav>li>a:focus{background-color:#fafafa;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-htmleditor-navbar-nav>li>a:active{background-color:#eee;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2)}.uk-htmleditor-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-htmleditor-navbar-flip{float:right}[data-mode=split] .uk-htmleditor-button-code,[data-mode=split] .uk-htmleditor-button-preview{display:none}.uk-htmleditor-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.uk-htmleditor-content:after,.uk-htmleditor-content:before{content:"";display:table}.uk-htmleditor-content:after{clear:both}.uk-htmleditor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-htmleditor-fullscreen .uk-htmleditor-content{position:absolute;top:41px;left:0;right:0;bottom:0}.uk-htmleditor-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-htmleditor-code,.uk-htmleditor-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-htmleditor-preview{padding:20px;overflow-y:scroll;position:relative}[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code{display:none}[data-mode=split] .uk-htmleditor-code,[data-mode=split] .uk-htmleditor-preview{float:left;width:50%}[data-mode=split] .uk-htmleditor-code{border-right:1px solid #eee}.uk-htmleditor-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.uk-htmleditor .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}.uk-htmleditor-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px}.uk-htmleditor-fullscreen .uk-htmleditor-navbar{border-top:none;border-left:none;border-right:none;border-radius:0}.uk-htmleditor-fullscreen .uk-htmleditor-content{border:none;border-radius:0}.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a{border-radius:0!important}
\ No newline at end of file diff --git a/uikit/static/css/components/htmleditor.css b/uikit/static/css/components/htmleditor.css new file mode 100644 index 0000000..3861baa --- /dev/null +++ b/uikit/static/css/components/htmleditor.css @@ -0,0 +1,167 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: HTML editor + ========================================================================== */ +/* Sub-object `uk-htmleditor-navbar` + ========================================================================== */ +.uk-htmleditor-navbar { + background: #eeeeee; +} +/* + * Micro clearfix + */ +.uk-htmleditor-navbar:before, +.uk-htmleditor-navbar:after { + content: ""; + display: table; +} +.uk-htmleditor-navbar:after { + clear: both; +} +/* Sub-object `uk-htmleditor-navbar-nav` + ========================================================================== */ +.uk-htmleditor-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +.uk-htmleditor-navbar-nav > li { + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-htmleditor-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + /* 1 */ + height: 40px; + padding: 0 15px; + line-height: 40px; + /* 2 */ + color: #444444; + font-size: 11px; + cursor: pointer; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-htmleditor-navbar-nav > li:hover > a, +.uk-htmleditor-navbar-nav > li > a:focus { + background-color: #f5f5f5; + color: #444444; + outline: none; + /* 2 */ +} +/* OnClick */ +.uk-htmleditor-navbar-nav > li > a:active { + background-color: #dddddd; + color: #444444; +} +/* Active */ +.uk-htmleditor-navbar-nav > li.uk-active > a { + background-color: #f5f5f5; + color: #444444; +} +/* Sub-object: `uk-htmleditor-navbar-flip` + ========================================================================== */ +.uk-htmleditor-navbar-flip { + float: right; +} +/* Sub-object for special buttons + ========================================================================== */ +[data-mode='split'] .uk-htmleditor-button-code, +[data-mode='split'] .uk-htmleditor-button-preview { + display: none; +} +/* Sub-object `uk-htmleditor-content` + ========================================================================== */ +.uk-htmleditor-content { + border-left: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #ffffff; +} +/* + * Micro clearfix + */ +.uk-htmleditor-content:before, +.uk-htmleditor-content:after { + content: ""; + display: table; +} +.uk-htmleditor-content:after { + clear: both; +} +/* Modifier `uk-htmleditor-fullscreen` + ========================================================================== */ +.uk-htmleditor-fullscreen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 990; +} +.uk-htmleditor-fullscreen .uk-htmleditor-content { + position: absolute; + top: 40px; + left: 0; + right: 0; + bottom: 0; +} +.uk-htmleditor-fullscreen .uk-icon-expand:before { + content: "\f066"; +} +/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` + ========================================================================== */ +.uk-htmleditor-code, +.uk-htmleditor-preview { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.uk-htmleditor-preview { + padding: 20px; + overflow-y: scroll; + position: relative; +} +/* + * Tab view + */ +[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, +[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { + display: none; +} +/* + * Split view + */ +[data-mode='split'] .uk-htmleditor-code, +[data-mode='split'] .uk-htmleditor-preview { + float: left; + width: 50%; +} +[data-mode='split'] .uk-htmleditor-code { + border-right: 1px solid #eeeeee; +} +/* Sub-object `uk-htmleditor-iframe` + ========================================================================== */ +.uk-htmleditor-iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* CodeMirror modifications + ========================================================================== */ +.uk-htmleditor .CodeMirror { + padding: 10px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} diff --git a/uikit/static/css/components/htmleditor.gradient.css b/uikit/static/css/components/htmleditor.gradient.css new file mode 100644 index 0000000..9c9624e --- /dev/null +++ b/uikit/static/css/components/htmleditor.gradient.css @@ -0,0 +1,232 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: HTML editor + ========================================================================== */ +/* Sub-object `uk-htmleditor-navbar` + ========================================================================== */ +.uk-htmleditor-navbar { + background: #f7f7f7; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-color: rgba(0, 0, 0, 0.2); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + background-origin: border-box; + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); +} +/* + * Micro clearfix + */ +.uk-htmleditor-navbar:before, +.uk-htmleditor-navbar:after { + content: ""; + display: table; +} +.uk-htmleditor-navbar:after { + clear: both; +} +/* Sub-object `uk-htmleditor-navbar-nav` + ========================================================================== */ +.uk-htmleditor-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +.uk-htmleditor-navbar-nav > li { + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-htmleditor-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + /* 1 */ + height: 41px; + padding: 0 15px; + line-height: 40px; + /* 2 */ + color: #444444; + font-size: 11px; + cursor: pointer; + margin-top: -1px; + margin-left: -1px; + border: 1px solid transparent; + border-bottom-width: 0; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-htmleditor-navbar-nav > li:hover > a, +.uk-htmleditor-navbar-nav > li > a:focus { + background-color: transparent; + color: #444444; + outline: none; + /* 2 */ + position: relative; + z-index: 1; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* OnClick */ +.uk-htmleditor-navbar-nav > li > a:active { + background-color: #f5f5f5; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Active */ +.uk-htmleditor-navbar-nav > li.uk-active > a { + background-color: #fafafa; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Sub-object: `uk-htmleditor-navbar-flip` + ========================================================================== */ +.uk-htmleditor-navbar-flip { + float: right; +} +/* Sub-object for special buttons + ========================================================================== */ +[data-mode='split'] .uk-htmleditor-button-code, +[data-mode='split'] .uk-htmleditor-button-preview { + display: none; +} +/* Sub-object `uk-htmleditor-content` + ========================================================================== */ +.uk-htmleditor-content { + border-left: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #ffffff; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +/* + * Micro clearfix + */ +.uk-htmleditor-content:before, +.uk-htmleditor-content:after { + content: ""; + display: table; +} +.uk-htmleditor-content:after { + clear: both; +} +/* Modifier `uk-htmleditor-fullscreen` + ========================================================================== */ +.uk-htmleditor-fullscreen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 990; +} +.uk-htmleditor-fullscreen .uk-htmleditor-content { + position: absolute; + top: 41px; + left: 0; + right: 0; + bottom: 0; +} +.uk-htmleditor-fullscreen .uk-icon-expand:before { + content: "\f066"; +} +/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` + ========================================================================== */ +.uk-htmleditor-code, +.uk-htmleditor-preview { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.uk-htmleditor-preview { + padding: 20px; + overflow-y: scroll; + position: relative; +} +/* + * Tab view + */ +[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, +[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { + display: none; +} +/* + * Split view + */ +[data-mode='split'] .uk-htmleditor-code, +[data-mode='split'] .uk-htmleditor-preview { + float: left; + width: 50%; +} +[data-mode='split'] .uk-htmleditor-code { + border-right: 1px solid #eeeeee; +} +/* Sub-object `uk-htmleditor-iframe` + ========================================================================== */ +.uk-htmleditor-iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* CodeMirror modifications + ========================================================================== */ +.uk-htmleditor .CodeMirror { + padding: 10px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Apply same `border-radius` as `uk-htmleditor-navbar` + */ +.uk-htmleditor-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 4px; +} +/* + * Sub-modifier `uk-htmleditor-navbar-flip` + */ +/* Collapse border */ +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { + margin-left: 0; + margin-right: -1px; +} +/* Apply same `border-radius` as `uk-htmleditor-navbar` */ +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 0; +} +.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { + border-top-right-radius: 4px; +} +/* + * Sub-modifier `uk-htmleditor-fullscreen` + */ +.uk-htmleditor-fullscreen .uk-htmleditor-navbar { + border-top: none; + border-left: none; + border-right: none; + border-radius: 0; +} +.uk-htmleditor-fullscreen .uk-htmleditor-content { + border: none; + border-radius: 0; +} +.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { + border-radius: 0 !important; +} diff --git a/uikit/static/css/components/htmleditor.gradient.min.css b/uikit/static/css/components/htmleditor.gradient.min.css new file mode 100644 index 0000000..f717802 --- /dev/null +++ b/uikit/static/css/components/htmleditor.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-htmleditor-navbar{background:#f7f7f7;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.2);border-top-left-radius:4px;border-top-right-radius:4px;background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee)}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-htmleditor-navbar-nav>li:hover>a,.uk-htmleditor-navbar-nav>li>a:focus{background-color:transparent;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-htmleditor-navbar-nav>li>a:active{background-color:#f5f5f5;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-htmleditor-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-htmleditor-navbar-flip{float:right}[data-mode=split] .uk-htmleditor-button-code,[data-mode=split] .uk-htmleditor-button-preview{display:none}.uk-htmleditor-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.uk-htmleditor-content:after,.uk-htmleditor-content:before{content:"";display:table}.uk-htmleditor-content:after{clear:both}.uk-htmleditor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-htmleditor-fullscreen .uk-htmleditor-content{position:absolute;top:41px;left:0;right:0;bottom:0}.uk-htmleditor-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-htmleditor-code,.uk-htmleditor-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-htmleditor-preview{padding:20px;overflow-y:scroll;position:relative}[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code{display:none}[data-mode=split] .uk-htmleditor-code,[data-mode=split] .uk-htmleditor-preview{float:left;width:50%}[data-mode=split] .uk-htmleditor-code{border-right:1px solid #eee}.uk-htmleditor-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.uk-htmleditor .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}.uk-htmleditor-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0}.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px}.uk-htmleditor-fullscreen .uk-htmleditor-navbar{border-top:none;border-left:none;border-right:none;border-radius:0}.uk-htmleditor-fullscreen .uk-htmleditor-content{border:none;border-radius:0}.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a{border-radius:0!important}
\ No newline at end of file diff --git a/uikit/static/css/components/htmleditor.min.css b/uikit/static/css/components/htmleditor.min.css new file mode 100644 index 0000000..074b3d4 --- /dev/null +++ b/uikit/static/css/components/htmleditor.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-htmleditor-navbar{background:#eee}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer}.uk-htmleditor-navbar-nav>li:hover>a,.uk-htmleditor-navbar-nav>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-htmleditor-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-htmleditor-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-htmleditor-navbar-flip{float:right}[data-mode=split] .uk-htmleditor-button-code,[data-mode=split] .uk-htmleditor-button-preview{display:none}.uk-htmleditor-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.uk-htmleditor-content:after,.uk-htmleditor-content:before{content:"";display:table}.uk-htmleditor-content:after{clear:both}.uk-htmleditor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-htmleditor-fullscreen .uk-htmleditor-content{position:absolute;top:40px;left:0;right:0;bottom:0}.uk-htmleditor-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-htmleditor-code,.uk-htmleditor-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-htmleditor-preview{padding:20px;overflow-y:scroll;position:relative}[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code{display:none}[data-mode=split] .uk-htmleditor-code,[data-mode=split] .uk-htmleditor-preview{float:left;width:50%}[data-mode=split] .uk-htmleditor-code{border-right:1px solid #eee}.uk-htmleditor-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.uk-htmleditor .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file diff --git a/uikit/static/css/components/nestable.almost-flat.css b/uikit/static/css/components/nestable.almost-flat.css new file mode 100644 index 0000000..4d6f3d4 --- /dev/null +++ b/uikit/static/css/components/nestable.almost-flat.css @@ -0,0 +1,135 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Nestable + ========================================================================== */ +.uk-nestable { + padding: 0; + list-style: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-nestable a, +.uk-nestable img { + -webkit-touch-callout: none; +} +/* Sub-object `uk-nestable-list` + ========================================================================== */ +.uk-nestable-list { + margin: 0; + padding-left: 40px; + list-style: none; +} +/* Sub-modifier `uk-nestable-item` + ========================================================================== */ +/* + * 1. Deactivate browser touch actions in IE11 + */ +.uk-nestable-item { + /* 1 */ + touch-action: none; +} +.uk-nestable-item + .uk-nestable-item { + margin-top: 10px; +} +.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { + margin-top: 10px; +} +/* Sub-modifier `uk-nestable-dragged` + ========================================================================== */ +/* + * 1. Reset style + */ +.uk-nestable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; + /* 1 */ + padding-left: 0; +} +/* Sub-modifier `uk-nestable-placeholder` + ========================================================================== */ +.uk-nestable-placeholder { + position: relative; +} +.uk-nestable-placeholder > * { + opacity: 0; +} +.uk-nestable-placeholder:after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px dashed #dddddd; + opacity: 1; +} +/* Empty List + ========================================================================== */ +.uk-nestable:empty { + min-height: 30px; +} +/* Sub-object `uk-nestable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-nestable-handle { + touch-action: none; +} +/* Hover */ +.uk-nestable-handle:hover { + cursor: move; +} +/* Sub-object `uk-nestable-moving` + ========================================================================== */ +.uk-nestable-moving, +.uk-nestable-moving * { + cursor: move; +} +/* [data-nestable-action='toggle'] + ========================================================================== */ +/* + * 1. Makes text unselectable. Happens if double clicked by mistake + */ +[data-nestable-action='toggle'] { + cursor: pointer; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* Sub-object `.uk-nestable-toggle` + ========================================================================== */ +.uk-nestable-toggle { + display: inline-block; + visibility: hidden; +} +.uk-nestable-toggle:after { + content: "\f147"; + font-family: FontAwesome; +} +.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { + visibility: visible; +} +/* + * Collapsed + */ +.uk-collapsed .uk-nestable-list { + display: none; +} +.uk-collapsed .uk-nestable-toggle:after { + content: "\f196"; +} +/* Sub-object `uk-nestable-panel` + ========================================================================== */ +.uk-nestable-panel { + padding: 5px; + background: #f5f5f5; + border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.06); + text-shadow: 0 1px 0 #ffffff; +} diff --git a/uikit/static/css/components/nestable.almost-flat.min.css b/uikit/static/css/components/nestable.almost-flat.min.css new file mode 100644 index 0000000..8d651de --- /dev/null +++ b/uikit/static/css/components/nestable.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable:empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}[data-nestable-action=toggle]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-nestable-toggle{display:inline-block;visibility:hidden}.uk-nestable-toggle:after{content:"\f147";font-family:FontAwesome}.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle{visibility:visible}.uk-collapsed .uk-nestable-list{display:none}.uk-collapsed .uk-nestable-toggle:after{content:"\f196"}.uk-nestable-panel{padding:5px;background:#f5f5f5;border-radius:4px;border:1px solid rgba(0,0,0,.06);text-shadow:0 1px 0 #fff}
\ No newline at end of file diff --git a/uikit/static/css/components/nestable.css b/uikit/static/css/components/nestable.css new file mode 100644 index 0000000..aa4c644 --- /dev/null +++ b/uikit/static/css/components/nestable.css @@ -0,0 +1,132 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Nestable + ========================================================================== */ +.uk-nestable { + padding: 0; + list-style: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-nestable a, +.uk-nestable img { + -webkit-touch-callout: none; +} +/* Sub-object `uk-nestable-list` + ========================================================================== */ +.uk-nestable-list { + margin: 0; + padding-left: 40px; + list-style: none; +} +/* Sub-modifier `uk-nestable-item` + ========================================================================== */ +/* + * 1. Deactivate browser touch actions in IE11 + */ +.uk-nestable-item { + /* 1 */ + touch-action: none; +} +.uk-nestable-item + .uk-nestable-item { + margin-top: 10px; +} +.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { + margin-top: 10px; +} +/* Sub-modifier `uk-nestable-dragged` + ========================================================================== */ +/* + * 1. Reset style + */ +.uk-nestable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; + /* 1 */ + padding-left: 0; +} +/* Sub-modifier `uk-nestable-placeholder` + ========================================================================== */ +.uk-nestable-placeholder { + position: relative; +} +.uk-nestable-placeholder > * { + opacity: 0; +} +.uk-nestable-placeholder:after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px dashed #dddddd; + opacity: 1; +} +/* Empty List + ========================================================================== */ +.uk-nestable:empty { + min-height: 30px; +} +/* Sub-object `uk-nestable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-nestable-handle { + touch-action: none; +} +/* Hover */ +.uk-nestable-handle:hover { + cursor: move; +} +/* Sub-object `uk-nestable-moving` + ========================================================================== */ +.uk-nestable-moving, +.uk-nestable-moving * { + cursor: move; +} +/* [data-nestable-action='toggle'] + ========================================================================== */ +/* + * 1. Makes text unselectable. Happens if double clicked by mistake + */ +[data-nestable-action='toggle'] { + cursor: pointer; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* Sub-object `.uk-nestable-toggle` + ========================================================================== */ +.uk-nestable-toggle { + display: inline-block; + visibility: hidden; +} +.uk-nestable-toggle:after { + content: "\f147"; + font-family: FontAwesome; +} +.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { + visibility: visible; +} +/* + * Collapsed + */ +.uk-collapsed .uk-nestable-list { + display: none; +} +.uk-collapsed .uk-nestable-toggle:after { + content: "\f196"; +} +/* Sub-object `uk-nestable-panel` + ========================================================================== */ +.uk-nestable-panel { + padding: 5px; + background: #f5f5f5; +} diff --git a/uikit/static/css/components/nestable.gradient.css b/uikit/static/css/components/nestable.gradient.css new file mode 100644 index 0000000..26c5060 --- /dev/null +++ b/uikit/static/css/components/nestable.gradient.css @@ -0,0 +1,139 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Nestable + ========================================================================== */ +.uk-nestable { + padding: 0; + list-style: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-nestable a, +.uk-nestable img { + -webkit-touch-callout: none; +} +/* Sub-object `uk-nestable-list` + ========================================================================== */ +.uk-nestable-list { + margin: 0; + padding-left: 40px; + list-style: none; +} +/* Sub-modifier `uk-nestable-item` + ========================================================================== */ +/* + * 1. Deactivate browser touch actions in IE11 + */ +.uk-nestable-item { + /* 1 */ + touch-action: none; +} +.uk-nestable-item + .uk-nestable-item { + margin-top: 10px; +} +.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { + margin-top: 10px; +} +/* Sub-modifier `uk-nestable-dragged` + ========================================================================== */ +/* + * 1. Reset style + */ +.uk-nestable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; + /* 1 */ + padding-left: 0; +} +/* Sub-modifier `uk-nestable-placeholder` + ========================================================================== */ +.uk-nestable-placeholder { + position: relative; +} +.uk-nestable-placeholder > * { + opacity: 0; +} +.uk-nestable-placeholder:after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px dashed #dddddd; + opacity: 1; +} +/* Empty List + ========================================================================== */ +.uk-nestable:empty { + min-height: 30px; +} +/* Sub-object `uk-nestable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-nestable-handle { + touch-action: none; +} +/* Hover */ +.uk-nestable-handle:hover { + cursor: move; +} +/* Sub-object `uk-nestable-moving` + ========================================================================== */ +.uk-nestable-moving, +.uk-nestable-moving * { + cursor: move; +} +/* [data-nestable-action='toggle'] + ========================================================================== */ +/* + * 1. Makes text unselectable. Happens if double clicked by mistake + */ +[data-nestable-action='toggle'] { + cursor: pointer; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* Sub-object `.uk-nestable-toggle` + ========================================================================== */ +.uk-nestable-toggle { + display: inline-block; + visibility: hidden; +} +.uk-nestable-toggle:after { + content: "\f147"; + font-family: FontAwesome; +} +.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { + visibility: visible; +} +/* + * Collapsed + */ +.uk-collapsed .uk-nestable-list { + display: none; +} +.uk-collapsed .uk-nestable-toggle:after { + content: "\f196"; +} +/* Sub-object `uk-nestable-panel` + ========================================================================== */ +.uk-nestable-panel { + padding: 5px; + background: #f7f7f7; + border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.3); + background-origin: border-box; + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); + text-shadow: 0 1px 0 #ffffff; +} diff --git a/uikit/static/css/components/nestable.gradient.min.css b/uikit/static/css/components/nestable.gradient.min.css new file mode 100644 index 0000000..58a8f71 --- /dev/null +++ b/uikit/static/css/components/nestable.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable:empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}[data-nestable-action=toggle]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-nestable-toggle{display:inline-block;visibility:hidden}.uk-nestable-toggle:after{content:"\f147";font-family:FontAwesome}.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle{visibility:visible}.uk-collapsed .uk-nestable-list{display:none}.uk-collapsed .uk-nestable-toggle:after{content:"\f196"}.uk-nestable-panel{padding:5px;background:#f7f7f7;border-radius:4px;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}
\ No newline at end of file diff --git a/uikit/static/css/components/nestable.min.css b/uikit/static/css/components/nestable.min.css new file mode 100644 index 0000000..94941fb --- /dev/null +++ b/uikit/static/css/components/nestable.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable:empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}[data-nestable-action=toggle]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-nestable-toggle{display:inline-block;visibility:hidden}.uk-nestable-toggle:after{content:"\f147";font-family:FontAwesome}.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle{visibility:visible}.uk-collapsed .uk-nestable-list{display:none}.uk-collapsed .uk-nestable-toggle:after{content:"\f196"}.uk-nestable-panel{padding:5px;background:#f5f5f5}
\ No newline at end of file diff --git a/uikit/static/css/components/notify.almost-flat.css b/uikit/static/css/components/notify.almost-flat.css new file mode 100644 index 0000000..6421119 --- /dev/null +++ b/uikit/static/css/components/notify.almost-flat.css @@ -0,0 +1,99 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Notify + ========================================================================== */ +/* + * Message container for positioning + */ +.uk-notify { + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notify-top-right, +.uk-notify-bottom-right { + left: auto; + right: 10px; +} +.uk-notify-top-center, +.uk-notify-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notify-bottom-left, +.uk-notify-bottom-right, +.uk-notify-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 479px) { + /* + * Fit in small screen + */ + .uk-notify { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Sub-object: `uk-notify-message` +========================================================================== */ +.uk-notify-message { + position: relative; + margin-bottom: 10px; + padding: 15px; + background: #444444; + color: #ffffff; + font-size: 16px; + line-height: 22px; + cursor: pointer; + border: 1px solid #444444; + border-radius: 4px; +} +/* Close in notify + ========================================================================== */ +.uk-notify-message > .uk-close { + visibility: hidden; + float: right; +} +.uk-notify-message:hover > .uk-close { + visibility: visible; +} +/* Modifier: `uk-alert-info` + ========================================================================== */ +.uk-notify-message-primary { + background: #ebf7fd; + color: #2d7091; + border-color: rgba(45, 112, 145, 0.3); +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-notify-message-success { + background: #f2fae3; + color: #659f13; + border-color: rgba(101, 159, 19, 0.3); +} +/* Modifier: `uk-notify-message-warning` + ========================================================================== */ +.uk-notify-message-warning { + background: #fffceb; + color: #e28327; + border-color: rgba(226, 131, 39, 0.3); +} +/* Modifier: `uk-notify-message-danger` + ========================================================================== */ +.uk-notify-message-danger { + background: #fff1f0; + color: #d85030; + border-color: rgba(216, 80, 48, 0.3); +} diff --git a/uikit/static/css/components/notify.almost-flat.min.css b/uikit/static/css/components/notify.almost-flat.min.css new file mode 100644 index 0000000..4d33bb3 --- /dev/null +++ b/uikit/static/css/components/notify.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-notify{position:fixed;top:10px;left:10px;z-index:1040;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-bottom-right,.uk-notify-top-right{left:auto;right:10px}.uk-notify-bottom-center,.uk-notify-top-center{left:50%;margin-left:-175px}.uk-notify-bottom-center,.uk-notify-bottom-left,.uk-notify-bottom-right{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}
\ No newline at end of file diff --git a/uikit/static/css/components/notify.css b/uikit/static/css/components/notify.css new file mode 100644 index 0000000..42d7bce --- /dev/null +++ b/uikit/static/css/components/notify.css @@ -0,0 +1,93 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Notify + ========================================================================== */ +/* + * Message container for positioning + */ +.uk-notify { + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notify-top-right, +.uk-notify-bottom-right { + left: auto; + right: 10px; +} +.uk-notify-top-center, +.uk-notify-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notify-bottom-left, +.uk-notify-bottom-right, +.uk-notify-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 479px) { + /* + * Fit in small screen + */ + .uk-notify { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Sub-object: `uk-notify-message` +========================================================================== */ +.uk-notify-message { + position: relative; + margin-bottom: 10px; + padding: 15px; + background: #444444; + color: #ffffff; + font-size: 16px; + line-height: 22px; + cursor: pointer; +} +/* Close in notify + ========================================================================== */ +.uk-notify-message > .uk-close { + visibility: hidden; + float: right; +} +.uk-notify-message:hover > .uk-close { + visibility: visible; +} +/* Modifier: `uk-alert-info` + ========================================================================== */ +.uk-notify-message-primary { + background: #ebf7fd; + color: #2d7091; +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-notify-message-success { + background: #f2fae3; + color: #659f13; +} +/* Modifier: `uk-notify-message-warning` + ========================================================================== */ +.uk-notify-message-warning { + background: #fffceb; + color: #e28327; +} +/* Modifier: `uk-notify-message-danger` + ========================================================================== */ +.uk-notify-message-danger { + background: #fff1f0; + color: #d85030; +} diff --git a/uikit/static/css/components/notify.gradient.css b/uikit/static/css/components/notify.gradient.css new file mode 100644 index 0000000..6421119 --- /dev/null +++ b/uikit/static/css/components/notify.gradient.css @@ -0,0 +1,99 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Notify + ========================================================================== */ +/* + * Message container for positioning + */ +.uk-notify { + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notify-top-right, +.uk-notify-bottom-right { + left: auto; + right: 10px; +} +.uk-notify-top-center, +.uk-notify-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notify-bottom-left, +.uk-notify-bottom-right, +.uk-notify-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 479px) { + /* + * Fit in small screen + */ + .uk-notify { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Sub-object: `uk-notify-message` +========================================================================== */ +.uk-notify-message { + position: relative; + margin-bottom: 10px; + padding: 15px; + background: #444444; + color: #ffffff; + font-size: 16px; + line-height: 22px; + cursor: pointer; + border: 1px solid #444444; + border-radius: 4px; +} +/* Close in notify + ========================================================================== */ +.uk-notify-message > .uk-close { + visibility: hidden; + float: right; +} +.uk-notify-message:hover > .uk-close { + visibility: visible; +} +/* Modifier: `uk-alert-info` + ========================================================================== */ +.uk-notify-message-primary { + background: #ebf7fd; + color: #2d7091; + border-color: rgba(45, 112, 145, 0.3); +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-notify-message-success { + background: #f2fae3; + color: #659f13; + border-color: rgba(101, 159, 19, 0.3); +} +/* Modifier: `uk-notify-message-warning` + ========================================================================== */ +.uk-notify-message-warning { + background: #fffceb; + color: #e28327; + border-color: rgba(226, 131, 39, 0.3); +} +/* Modifier: `uk-notify-message-danger` + ========================================================================== */ +.uk-notify-message-danger { + background: #fff1f0; + color: #d85030; + border-color: rgba(216, 80, 48, 0.3); +} diff --git a/uikit/static/css/components/notify.gradient.min.css b/uikit/static/css/components/notify.gradient.min.css new file mode 100644 index 0000000..4d33bb3 --- /dev/null +++ b/uikit/static/css/components/notify.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-notify{position:fixed;top:10px;left:10px;z-index:1040;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-bottom-right,.uk-notify-top-right{left:auto;right:10px}.uk-notify-bottom-center,.uk-notify-top-center{left:50%;margin-left:-175px}.uk-notify-bottom-center,.uk-notify-bottom-left,.uk-notify-bottom-right{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}
\ No newline at end of file diff --git a/uikit/static/css/components/notify.min.css b/uikit/static/css/components/notify.min.css new file mode 100644 index 0000000..3aa6b89 --- /dev/null +++ b/uikit/static/css/components/notify.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-notify{position:fixed;top:10px;left:10px;z-index:1040;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-bottom-right,.uk-notify-top-right{left:auto;right:10px}.uk-notify-bottom-center,.uk-notify-top-center{left:50%;margin-left:-175px}.uk-notify-bottom-center,.uk-notify-bottom-left,.uk-notify-bottom-right{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091}.uk-notify-message-success{background:#f2fae3;color:#659f13}.uk-notify-message-warning{background:#fffceb;color:#e28327}.uk-notify-message-danger{background:#fff1f0;color:#d85030}
\ No newline at end of file diff --git a/uikit/static/css/components/placeholder.almost-flat.css b/uikit/static/css/components/placeholder.almost-flat.css new file mode 100644 index 0000000..7b72cfe --- /dev/null +++ b/uikit/static/css/components/placeholder.almost-flat.css @@ -0,0 +1,29 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #dddddd; + background: #fafafa; + color: #444444; +} +/* + * Add margin if adjacent element + */ +* + .uk-placeholder { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-placeholder-large` + ========================================================================== */ +.uk-placeholder-large { + padding-top: 80px; + padding-bottom: 80px; +} diff --git a/uikit/static/css/components/placeholder.almost-flat.min.css b/uikit/static/css/components/placeholder.almost-flat.min.css new file mode 100644 index 0000000..ba4b565 --- /dev/null +++ b/uikit/static/css/components/placeholder.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}
\ No newline at end of file diff --git a/uikit/static/css/components/placeholder.css b/uikit/static/css/components/placeholder.css new file mode 100644 index 0000000..7b72cfe --- /dev/null +++ b/uikit/static/css/components/placeholder.css @@ -0,0 +1,29 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #dddddd; + background: #fafafa; + color: #444444; +} +/* + * Add margin if adjacent element + */ +* + .uk-placeholder { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-placeholder-large` + ========================================================================== */ +.uk-placeholder-large { + padding-top: 80px; + padding-bottom: 80px; +} diff --git a/uikit/static/css/components/placeholder.gradient.css b/uikit/static/css/components/placeholder.gradient.css new file mode 100644 index 0000000..7b72cfe --- /dev/null +++ b/uikit/static/css/components/placeholder.gradient.css @@ -0,0 +1,29 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #dddddd; + background: #fafafa; + color: #444444; +} +/* + * Add margin if adjacent element + */ +* + .uk-placeholder { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-placeholder-large` + ========================================================================== */ +.uk-placeholder-large { + padding-top: 80px; + padding-bottom: 80px; +} diff --git a/uikit/static/css/components/placeholder.gradient.min.css b/uikit/static/css/components/placeholder.gradient.min.css new file mode 100644 index 0000000..ba4b565 --- /dev/null +++ b/uikit/static/css/components/placeholder.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}
\ No newline at end of file diff --git a/uikit/static/css/components/placeholder.min.css b/uikit/static/css/components/placeholder.min.css new file mode 100644 index 0000000..ba4b565 --- /dev/null +++ b/uikit/static/css/components/placeholder.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}
\ No newline at end of file diff --git a/uikit/static/css/components/progress.almost-flat.css b/uikit/static/css/components/progress.almost-flat.css new file mode 100644 index 0000000..baf0e68 --- /dev/null +++ b/uikit/static/css/components/progress.almost-flat.css @@ -0,0 +1,105 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #f5f5f5; + /* 1 */ + overflow: hidden; + /* 2 */ + line-height: 20px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); + border-radius: 4px; +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +/* + * 1. Transition + * 2. Needed for text + */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #00a8e6; + float: left; + /* 1 */ + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* 2 */ + font-size: 12px; + color: #ffffff; + text-align: center; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #8cc14c; +} +.uk-progress-warning .uk-progress-bar { + background-color: #faa732; +} +.uk-progress-danger .uk-progress-bar { + background-color: #da314b; +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +/* Size modifiers + ========================================================================== */ +.uk-progress-mini, +.uk-progress-small { + border-radius: 500px; +} diff --git a/uikit/static/css/components/progress.almost-flat.min.css b/uikit/static/css/components/progress.almost-flat.min.css new file mode 100644 index 0000000..33b0604 --- /dev/null +++ b/uikit/static/css/components/progress.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f5f5f5;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-progress-mini,.uk-progress-small{border-radius:500px}
\ No newline at end of file diff --git a/uikit/static/css/components/progress.css b/uikit/static/css/components/progress.css new file mode 100644 index 0000000..8ae61e5 --- /dev/null +++ b/uikit/static/css/components/progress.css @@ -0,0 +1,95 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #eeeeee; + /* 1 */ + overflow: hidden; + /* 2 */ + line-height: 20px; +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +/* + * 1. Transition + * 2. Needed for text + */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #00a8e6; + float: left; + /* 1 */ + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* 2 */ + font-size: 12px; + color: #ffffff; + text-align: center; +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #8cc14c; +} +.uk-progress-warning .uk-progress-bar { + background-color: #faa732; +} +.uk-progress-danger .uk-progress-bar { + background-color: #da314b; +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} diff --git a/uikit/static/css/components/progress.gradient.css b/uikit/static/css/components/progress.gradient.css new file mode 100644 index 0000000..452d8f2 --- /dev/null +++ b/uikit/static/css/components/progress.gradient.css @@ -0,0 +1,113 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #f7f7f7; + /* 1 */ + overflow: hidden; + /* 2 */ + line-height: 20px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07); + border-radius: 4px; +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +/* + * 1. Transition + * 2. Needed for text + */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #009dd8; + float: left; + /* 1 */ + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* 2 */ + font-size: 12px; + color: #ffffff; + text-align: center; + background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); + background-image: linear-gradient(to bottom, #00b4f5, #008dc5); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #82bb42; + background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); + background-image: linear-gradient(to bottom, #9fd256, #6fac34); +} +.uk-progress-warning .uk-progress-bar { + background-color: #f9a124; + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); +} +.uk-progress-danger .uk-progress-bar { + background-color: #d32c46; + background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); + background-image: linear-gradient(to bottom, #ee465a, #c11a39); +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +/* Size modifiers + ========================================================================== */ +.uk-progress-mini, +.uk-progress-small { + border-radius: 500px; +} diff --git a/uikit/static/css/components/progress.gradient.min.css b/uikit/static/css/components/progress.gradient.min.css new file mode 100644 index 0000000..3913719 --- /dev/null +++ b/uikit/static/css/components/progress.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f7f7f7;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),inset 0 2px 2px rgba(0,0,0,.07);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#009dd8;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.1);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#82bb42;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34)}.uk-progress-warning .uk-progress-bar{background-color:#f9a124;background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406)}.uk-progress-danger .uk-progress-bar{background-color:#d32c46;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39)}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-progress-mini,.uk-progress-small{border-radius:500px}
\ No newline at end of file diff --git a/uikit/static/css/components/progress.min.css b/uikit/static/css/components/progress.min.css new file mode 100644 index 0000000..fec2675 --- /dev/null +++ b/uikit/static/css/components/progress.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#eee;overflow:hidden;line-height:20px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}
\ No newline at end of file diff --git a/uikit/static/css/components/search.almost-flat.css b/uikit/static/css/components/search.almost-flat.css new file mode 100644 index 0000000..513289b --- /dev/null +++ b/uikit/static/css/components/search.almost-flat.css @@ -0,0 +1,192 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + /* 1 */ + position: relative; + /* 2 */ + margin: 0; +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: FontAwesome; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * Removes inner padding and border in Firefox 4+. + */ +.uk-search-field::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. + */ +.uk-search-field::-webkit-search-cancel-button, +.uk-search-field::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes cancel button in IE10 + */ +.uk-search-field::-ms-clear { + display: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-field::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Correct `font` properties and `color` not being inherited. + * 5. Remove default style in iOS. + * 6. Style + */ +.uk-search-field { + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + color: #444444; + /* 5 */ + -webkit-appearance: none; + /* 6 */ + width: 120px; + height: 30px; + padding: 0 0 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, 0); + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + vertical-align: middle; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999 !important; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + Active */ +.uk-search-field:focus, +.uk-search.uk-active .uk-search-field { + width: 180px; +} +/* Dropdown modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #ffffff; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 12px; + margin-right: -16px; +} +/* Nav modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + /* 1 */ + outline: none; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777 !important; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} diff --git a/uikit/static/css/components/search.almost-flat.min.css b/uikit/static/css/components/search.almost-flat.min.css new file mode 100644 index 0000000..bdbc0b7 --- /dev/null +++ b/uikit/static/css/components/search.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border-radius:0;font:inherit;color:#444;-webkit-appearance:none;width:120px;height:30px;padding:0 0 0 30px;border:1px solid transparent;background:transparent;-webkit-transition:all linear .2s;transition:all linear .2s;vertical-align:middle}.uk-search-field:-ms-input-placeholder{color:#999!important}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-search.uk-active .uk-search-field{width:180px}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:12px;margin-right:-16px}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:transparent;background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777!important}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}
\ No newline at end of file diff --git a/uikit/static/css/components/search.css b/uikit/static/css/components/search.css new file mode 100644 index 0000000..5cb3071 --- /dev/null +++ b/uikit/static/css/components/search.css @@ -0,0 +1,190 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + /* 1 */ + position: relative; + /* 2 */ + margin: 0; +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: FontAwesome; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * Removes inner padding and border in Firefox 4+. + */ +.uk-search-field::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. + */ +.uk-search-field::-webkit-search-cancel-button, +.uk-search-field::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes cancel button in IE10 + */ +.uk-search-field::-ms-clear { + display: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-field::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Correct `font` properties and `color` not being inherited. + * 5. Remove default style in iOS. + * 6. Style + */ +.uk-search-field { + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + color: #444444; + /* 5 */ + -webkit-appearance: none; + /* 6 */ + width: 120px; + height: 30px; + padding: 0 0 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, 0); + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + vertical-align: middle; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999 !important; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + Active */ +.uk-search-field:focus, +.uk-search.uk-active .uk-search-field { + width: 180px; +} +/* Dropdown modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #f5f5f5; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 5px; + margin-right: -15px; +} +/* Nav modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + /* 1 */ + outline: none; +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777 !important; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} diff --git a/uikit/static/css/components/search.gradient.css b/uikit/static/css/components/search.gradient.css new file mode 100644 index 0000000..b5853b0 --- /dev/null +++ b/uikit/static/css/components/search.gradient.css @@ -0,0 +1,192 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + /* 1 */ + position: relative; + /* 2 */ + margin: 0; +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: FontAwesome; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * Removes inner padding and border in Firefox 4+. + */ +.uk-search-field::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. + */ +.uk-search-field::-webkit-search-cancel-button, +.uk-search-field::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes cancel button in IE10 + */ +.uk-search-field::-ms-clear { + display: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-field::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Correct `font` properties and `color` not being inherited. + * 5. Remove default style in iOS. + * 6. Style + */ +.uk-search-field { + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + color: #444444; + /* 5 */ + -webkit-appearance: none; + /* 6 */ + width: 120px; + height: 30px; + padding: 0 0 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, 0); + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + vertical-align: middle; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999 !important; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + Active */ +.uk-search-field:focus, +.uk-search.uk-active .uk-search-field { + width: 180px; +} +/* Dropdown modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #ffffff; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 12px; + margin-right: -16px; +} +/* Nav modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #009dd8; + color: #ffffff; + /* 1 */ + outline: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777 !important; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} diff --git a/uikit/static/css/components/search.gradient.min.css b/uikit/static/css/components/search.gradient.min.css new file mode 100644 index 0000000..166173b --- /dev/null +++ b/uikit/static/css/components/search.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border-radius:0;font:inherit;color:#444;-webkit-appearance:none;width:120px;height:30px;padding:0 0 0 30px;border:1px solid transparent;background:transparent;-webkit-transition:all linear .2s;transition:all linear .2s;vertical-align:middle}.uk-search-field:-ms-input-placeholder{color:#999!important}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-search.uk-active .uk-search-field{width:180px}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:12px;margin-right:-16px}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:transparent;background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777!important}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}
\ No newline at end of file diff --git a/uikit/static/css/components/search.min.css b/uikit/static/css/components/search.min.css new file mode 100644 index 0000000..8e826a4 --- /dev/null +++ b/uikit/static/css/components/search.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border-radius:0;font:inherit;color:#444;-webkit-appearance:none;width:120px;height:30px;padding:0 0 0 30px;border:1px solid transparent;background:transparent;-webkit-transition:all linear .2s;transition:all linear .2s;vertical-align:middle}.uk-search-field:-ms-input-placeholder{color:#999!important}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-search.uk-active .uk-search-field{width:180px}.uk-dropdown-search{width:300px;margin-top:0;background:#f5f5f5;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:5px;margin-right:-15px}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:transparent;background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777!important}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}
\ No newline at end of file diff --git a/uikit/static/css/components/slidenav.almost-flat.css b/uikit/static/css/components/slidenav.almost-flat.css new file mode 100644 index 0000000..7445f25 --- /dev/null +++ b/uikit/static/css/components/slidenav.almost-flat.css @@ -0,0 +1,99 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * 1. Required for `a` elements + * 2. Dimension + * 3. Style + */ +.uk-slidenav { + /* 1 */ + display: inline-block; + /* 2 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 60px; + height: 60px; + /* 3 */ + line-height: 60px; + color: rgba(50, 50, 50, 0.4); + font-size: 60px; + text-align: center; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + * 3. Required for `a` elements + * 4. Style + */ +.uk-slidenav:hover, +.uk-slidenav:focus { + /* 2 */ + outline: none; + /* 3 */ + text-decoration: none; + /* 4 */ + color: rgba(50, 50, 50, 0.7); + cursor: pointer; +} +/* Active */ +.uk-slidenav:active { + color: rgba(50, 50, 50, 0.9); +} +/* + * Icons + */ +.uk-slidenav-previous:before { + content: "\f104"; + font-family: FontAwesome; +} +.uk-slidenav-next:before { + content: "\f105"; + font-family: FontAwesome; +} +/* Sub-object: `uk-slidenav-position` + ========================================================================== */ +/* + * Create position context + */ +.uk-slidenav-position { + position: relative; +} +/* + * Center vertically + */ +.uk-slidenav-position .uk-slidenav { + display: none; + position: absolute; + top: 50%; + z-index: 1; + margin-top: -30px; +} +.uk-slidenav-position:hover .uk-slidenav { + display: block; +} +.uk-slidenav-position .uk-slidenav-previous { + left: 20px; +} +.uk-slidenav-position .uk-slidenav-next { + right: 20px; +} +/* Modifier: `uk-slidenav-contrast` + ========================================================================== */ +.uk-slidenav-contrast { + color: rgba(255, 255, 255, 0.5); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-slidenav-contrast:hover, +.uk-slidenav-contrast:focus { + color: rgba(255, 255, 255, 0.7); +} +/* Active */ +.uk-slidenav-contrast:active { + color: rgba(255, 255, 255, 0.9); +} diff --git a/uikit/static/css/components/slidenav.almost-flat.min.css b/uikit/static/css/components/slidenav.almost-flat.min.css new file mode 100644 index 0000000..31445f0 --- /dev/null +++ b/uikit/static/css/components/slidenav.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
\ No newline at end of file diff --git a/uikit/static/css/components/slidenav.css b/uikit/static/css/components/slidenav.css new file mode 100644 index 0000000..7445f25 --- /dev/null +++ b/uikit/static/css/components/slidenav.css @@ -0,0 +1,99 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * 1. Required for `a` elements + * 2. Dimension + * 3. Style + */ +.uk-slidenav { + /* 1 */ + display: inline-block; + /* 2 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 60px; + height: 60px; + /* 3 */ + line-height: 60px; + color: rgba(50, 50, 50, 0.4); + font-size: 60px; + text-align: center; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + * 3. Required for `a` elements + * 4. Style + */ +.uk-slidenav:hover, +.uk-slidenav:focus { + /* 2 */ + outline: none; + /* 3 */ + text-decoration: none; + /* 4 */ + color: rgba(50, 50, 50, 0.7); + cursor: pointer; +} +/* Active */ +.uk-slidenav:active { + color: rgba(50, 50, 50, 0.9); +} +/* + * Icons + */ +.uk-slidenav-previous:before { + content: "\f104"; + font-family: FontAwesome; +} +.uk-slidenav-next:before { + content: "\f105"; + font-family: FontAwesome; +} +/* Sub-object: `uk-slidenav-position` + ========================================================================== */ +/* + * Create position context + */ +.uk-slidenav-position { + position: relative; +} +/* + * Center vertically + */ +.uk-slidenav-position .uk-slidenav { + display: none; + position: absolute; + top: 50%; + z-index: 1; + margin-top: -30px; +} +.uk-slidenav-position:hover .uk-slidenav { + display: block; +} +.uk-slidenav-position .uk-slidenav-previous { + left: 20px; +} +.uk-slidenav-position .uk-slidenav-next { + right: 20px; +} +/* Modifier: `uk-slidenav-contrast` + ========================================================================== */ +.uk-slidenav-contrast { + color: rgba(255, 255, 255, 0.5); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-slidenav-contrast:hover, +.uk-slidenav-contrast:focus { + color: rgba(255, 255, 255, 0.7); +} +/* Active */ +.uk-slidenav-contrast:active { + color: rgba(255, 255, 255, 0.9); +} diff --git a/uikit/static/css/components/slidenav.gradient.css b/uikit/static/css/components/slidenav.gradient.css new file mode 100644 index 0000000..7445f25 --- /dev/null +++ b/uikit/static/css/components/slidenav.gradient.css @@ -0,0 +1,99 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * 1. Required for `a` elements + * 2. Dimension + * 3. Style + */ +.uk-slidenav { + /* 1 */ + display: inline-block; + /* 2 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 60px; + height: 60px; + /* 3 */ + line-height: 60px; + color: rgba(50, 50, 50, 0.4); + font-size: 60px; + text-align: center; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + * 3. Required for `a` elements + * 4. Style + */ +.uk-slidenav:hover, +.uk-slidenav:focus { + /* 2 */ + outline: none; + /* 3 */ + text-decoration: none; + /* 4 */ + color: rgba(50, 50, 50, 0.7); + cursor: pointer; +} +/* Active */ +.uk-slidenav:active { + color: rgba(50, 50, 50, 0.9); +} +/* + * Icons + */ +.uk-slidenav-previous:before { + content: "\f104"; + font-family: FontAwesome; +} +.uk-slidenav-next:before { + content: "\f105"; + font-family: FontAwesome; +} +/* Sub-object: `uk-slidenav-position` + ========================================================================== */ +/* + * Create position context + */ +.uk-slidenav-position { + position: relative; +} +/* + * Center vertically + */ +.uk-slidenav-position .uk-slidenav { + display: none; + position: absolute; + top: 50%; + z-index: 1; + margin-top: -30px; +} +.uk-slidenav-position:hover .uk-slidenav { + display: block; +} +.uk-slidenav-position .uk-slidenav-previous { + left: 20px; +} +.uk-slidenav-position .uk-slidenav-next { + right: 20px; +} +/* Modifier: `uk-slidenav-contrast` + ========================================================================== */ +.uk-slidenav-contrast { + color: rgba(255, 255, 255, 0.5); +} +/* + * Hover + * 1. Apply hover style also to focus state + */ +.uk-slidenav-contrast:hover, +.uk-slidenav-contrast:focus { + color: rgba(255, 255, 255, 0.7); +} +/* Active */ +.uk-slidenav-contrast:active { + color: rgba(255, 255, 255, 0.9); +} diff --git a/uikit/static/css/components/slidenav.gradient.min.css b/uikit/static/css/components/slidenav.gradient.min.css new file mode 100644 index 0000000..31445f0 --- /dev/null +++ b/uikit/static/css/components/slidenav.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
\ No newline at end of file diff --git a/uikit/static/css/components/slidenav.min.css b/uikit/static/css/components/slidenav.min.css new file mode 100644 index 0000000..31445f0 --- /dev/null +++ b/uikit/static/css/components/slidenav.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
\ No newline at end of file diff --git a/uikit/static/css/components/slider.almost-flat.css b/uikit/static/css/components/slider.almost-flat.css new file mode 100644 index 0000000..2f16434 --- /dev/null +++ b/uikit/static/css/components/slider.almost-flat.css @@ -0,0 +1,85 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Deactivate browser history navigation in IE11 + */ +.uk-slider { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + */ +.uk-slider:not(.uk-grid) { + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Sub-object item + * 1. Position items above each other + */ +.uk-slider > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; +} +/* + * Clip child elements + */ +.uk-slider-container { + overflow: hidden; +} +/* + * Dragged + */ +.uk-slider:not(.uk-drag) { + -webkit-transition: -webkit-transform 200ms linear; + transition: transform 200ms linear; +} +/* + * 1. Makes text unselectable + */ +.uk-slider.uk-drag { + cursor: col-resize; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* + * 1. Prevents images and links from being dragged (default browser behavior) + * 2. Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-slider a, +.uk-slider img { + /* 1 */ + -webkit-user-drag: none; + user-drag: none; + /* 2 */ + -webkit-touch-callout: none; +} +/* + * 1. Prevents images and links from being dragged in Firefox + */ +.uk-slider img { + pointer-events: none; +} +/* Modifier: `uk-slider-fullscreen` + ========================================================================== */ +.uk-slider-fullscreen, +.uk-slider-fullscreen > li { + height: 100vh; +} diff --git a/uikit/static/css/components/slider.almost-flat.min.css b/uikit/static/css/components/slider.almost-flat.min.css new file mode 100644 index 0000000..4b177be --- /dev/null +++ b/uikit/static/css/components/slider.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slider{position:relative;z-index:0;touch-action:pan-y}.uk-slider:not(.uk-grid){margin:0;padding:0;list-style:none}.uk-slider>*{position:absolute;top:0;left:0}.uk-slider-container{overflow:hidden}.uk-slider:not(.uk-drag){-webkit-transition:-webkit-transform 200ms linear;transition:transform 200ms linear}.uk-slider.uk-drag{cursor:col-resize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-slider a,.uk-slider img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.uk-slider img{pointer-events:none}.uk-slider-fullscreen,.uk-slider-fullscreen>li{height:100vh}
\ No newline at end of file diff --git a/uikit/static/css/components/slider.css b/uikit/static/css/components/slider.css new file mode 100644 index 0000000..2f16434 --- /dev/null +++ b/uikit/static/css/components/slider.css @@ -0,0 +1,85 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Deactivate browser history navigation in IE11 + */ +.uk-slider { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + */ +.uk-slider:not(.uk-grid) { + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Sub-object item + * 1. Position items above each other + */ +.uk-slider > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; +} +/* + * Clip child elements + */ +.uk-slider-container { + overflow: hidden; +} +/* + * Dragged + */ +.uk-slider:not(.uk-drag) { + -webkit-transition: -webkit-transform 200ms linear; + transition: transform 200ms linear; +} +/* + * 1. Makes text unselectable + */ +.uk-slider.uk-drag { + cursor: col-resize; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* + * 1. Prevents images and links from being dragged (default browser behavior) + * 2. Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-slider a, +.uk-slider img { + /* 1 */ + -webkit-user-drag: none; + user-drag: none; + /* 2 */ + -webkit-touch-callout: none; +} +/* + * 1. Prevents images and links from being dragged in Firefox + */ +.uk-slider img { + pointer-events: none; +} +/* Modifier: `uk-slider-fullscreen` + ========================================================================== */ +.uk-slider-fullscreen, +.uk-slider-fullscreen > li { + height: 100vh; +} diff --git a/uikit/static/css/components/slider.gradient.css b/uikit/static/css/components/slider.gradient.css new file mode 100644 index 0000000..2f16434 --- /dev/null +++ b/uikit/static/css/components/slider.gradient.css @@ -0,0 +1,85 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Deactivate browser history navigation in IE11 + */ +.uk-slider { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + */ +.uk-slider:not(.uk-grid) { + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Sub-object item + * 1. Position items above each other + */ +.uk-slider > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; +} +/* + * Clip child elements + */ +.uk-slider-container { + overflow: hidden; +} +/* + * Dragged + */ +.uk-slider:not(.uk-drag) { + -webkit-transition: -webkit-transform 200ms linear; + transition: transform 200ms linear; +} +/* + * 1. Makes text unselectable + */ +.uk-slider.uk-drag { + cursor: col-resize; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* + * 1. Prevents images and links from being dragged (default browser behavior) + * 2. Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-slider a, +.uk-slider img { + /* 1 */ + -webkit-user-drag: none; + user-drag: none; + /* 2 */ + -webkit-touch-callout: none; +} +/* + * 1. Prevents images and links from being dragged in Firefox + */ +.uk-slider img { + pointer-events: none; +} +/* Modifier: `uk-slider-fullscreen` + ========================================================================== */ +.uk-slider-fullscreen, +.uk-slider-fullscreen > li { + height: 100vh; +} diff --git a/uikit/static/css/components/slider.gradient.min.css b/uikit/static/css/components/slider.gradient.min.css new file mode 100644 index 0000000..4b177be --- /dev/null +++ b/uikit/static/css/components/slider.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slider{position:relative;z-index:0;touch-action:pan-y}.uk-slider:not(.uk-grid){margin:0;padding:0;list-style:none}.uk-slider>*{position:absolute;top:0;left:0}.uk-slider-container{overflow:hidden}.uk-slider:not(.uk-drag){-webkit-transition:-webkit-transform 200ms linear;transition:transform 200ms linear}.uk-slider.uk-drag{cursor:col-resize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-slider a,.uk-slider img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.uk-slider img{pointer-events:none}.uk-slider-fullscreen,.uk-slider-fullscreen>li{height:100vh}
\ No newline at end of file diff --git a/uikit/static/css/components/slider.min.css b/uikit/static/css/components/slider.min.css new file mode 100644 index 0000000..4b177be --- /dev/null +++ b/uikit/static/css/components/slider.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slider{position:relative;z-index:0;touch-action:pan-y}.uk-slider:not(.uk-grid){margin:0;padding:0;list-style:none}.uk-slider>*{position:absolute;top:0;left:0}.uk-slider-container{overflow:hidden}.uk-slider:not(.uk-drag){-webkit-transition:-webkit-transform 200ms linear;transition:transform 200ms linear}.uk-slider.uk-drag{cursor:col-resize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-slider a,.uk-slider img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.uk-slider img{pointer-events:none}.uk-slider-fullscreen,.uk-slider-fullscreen>li{height:100vh}
\ No newline at end of file diff --git a/uikit/static/css/components/slideshow.almost-flat.css b/uikit/static/css/components/slideshow.almost-flat.css new file mode 100644 index 0000000..8b6d69c --- /dev/null +++ b/uikit/static/css/components/slideshow.almost-flat.css @@ -0,0 +1,140 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Set width because child elements are positioned absolute. Height is set via JS + * 4. Reset list style + * 5. Clip child elements + * 6. Deactivate browser history navigation in IE11 + */ +.uk-slideshow { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + width: 100%; + /* 4 */ + margin: 0; + padding: 0; + list-style: none; + /* 5 */ + overflow: hidden; + /* 6 */ + touch-action: pan-y; +} +/* + * Sub-object item + * 1. Position items above each other + * 2. Expand to parent container width + * 3. Hide by default + */ +.uk-slideshow > li { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + width: 100%; + /* 3 */ + opacity: 0; +} +/* + * Active + * 1. Stack at first + * 2. Show slide + */ +.uk-slideshow > .uk-active { + /* 1 */ + z-index: 10; + /* 2 */ + opacity: 1; +} +/* + * Hide default images which is only relevant to keep existing proportions + */ +.uk-slideshow > li > img { + visibility: hidden; +} +/* + * Pointer for controls + */ +[data-uk-slideshow-slide] { + cursor: pointer; +} +/* Modifier: `uk-slideshow-fullscreen` + ========================================================================== */ +.uk-slideshow-fullscreen, +.uk-slideshow-fullscreen > li { + height: 100vh; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-slideshow-fade-out { + -webkit-animation: uk-fade 0.5s linear reverse; + animation: uk-fade 0.5s linear reverse; +} +/* + * Scroll + */ +.uk-slideshow-scroll-forward-in { + -webkit-animation: uk-slide-right 0.5s ease-in-out; + animation: uk-slide-right 0.5s ease-in-out; +} +.uk-slideshow-scroll-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-scroll-backward-in { + -webkit-animation: uk-slide-left 0.5s ease-in-out; + animation: uk-slide-left 0.5s ease-in-out; +} +.uk-slideshow-scroll-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +/* + * Scale + */ +.uk-slideshow-scale-out { + -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; + animation: uk-fade-scale-15 0.5s ease-in-out reverse; +} +/* + * Swipe + */ +.uk-slideshow-swipe-forward-in { + -webkit-animation: uk-slide-left-33 0.5s ease-in-out; + animation: uk-slide-left-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-backward-in { + -webkit-animation: uk-slide-right-33 0.5s ease-in-out; + animation: uk-slide-right-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-forward-in:before, +.uk-slideshow-swipe-backward-in:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + background: rgba(0, 0, 0, 0.6); + -webkit-animation: uk-fade 0.5s ease-in-out reverse; + animation: uk-fade 0.5s ease-in-out reverse; +} diff --git a/uikit/static/css/components/slideshow.almost-flat.min.css b/uikit/static/css/components/slideshow.almost-flat.min.css new file mode 100644 index 0000000..e9348e0 --- /dev/null +++ b/uikit/static/css/components/slideshow.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in:before,.uk-slideshow-swipe-forward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}
\ No newline at end of file diff --git a/uikit/static/css/components/slideshow.css b/uikit/static/css/components/slideshow.css new file mode 100644 index 0000000..8b6d69c --- /dev/null +++ b/uikit/static/css/components/slideshow.css @@ -0,0 +1,140 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Set width because child elements are positioned absolute. Height is set via JS + * 4. Reset list style + * 5. Clip child elements + * 6. Deactivate browser history navigation in IE11 + */ +.uk-slideshow { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + width: 100%; + /* 4 */ + margin: 0; + padding: 0; + list-style: none; + /* 5 */ + overflow: hidden; + /* 6 */ + touch-action: pan-y; +} +/* + * Sub-object item + * 1. Position items above each other + * 2. Expand to parent container width + * 3. Hide by default + */ +.uk-slideshow > li { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + width: 100%; + /* 3 */ + opacity: 0; +} +/* + * Active + * 1. Stack at first + * 2. Show slide + */ +.uk-slideshow > .uk-active { + /* 1 */ + z-index: 10; + /* 2 */ + opacity: 1; +} +/* + * Hide default images which is only relevant to keep existing proportions + */ +.uk-slideshow > li > img { + visibility: hidden; +} +/* + * Pointer for controls + */ +[data-uk-slideshow-slide] { + cursor: pointer; +} +/* Modifier: `uk-slideshow-fullscreen` + ========================================================================== */ +.uk-slideshow-fullscreen, +.uk-slideshow-fullscreen > li { + height: 100vh; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-slideshow-fade-out { + -webkit-animation: uk-fade 0.5s linear reverse; + animation: uk-fade 0.5s linear reverse; +} +/* + * Scroll + */ +.uk-slideshow-scroll-forward-in { + -webkit-animation: uk-slide-right 0.5s ease-in-out; + animation: uk-slide-right 0.5s ease-in-out; +} +.uk-slideshow-scroll-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-scroll-backward-in { + -webkit-animation: uk-slide-left 0.5s ease-in-out; + animation: uk-slide-left 0.5s ease-in-out; +} +.uk-slideshow-scroll-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +/* + * Scale + */ +.uk-slideshow-scale-out { + -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; + animation: uk-fade-scale-15 0.5s ease-in-out reverse; +} +/* + * Swipe + */ +.uk-slideshow-swipe-forward-in { + -webkit-animation: uk-slide-left-33 0.5s ease-in-out; + animation: uk-slide-left-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-backward-in { + -webkit-animation: uk-slide-right-33 0.5s ease-in-out; + animation: uk-slide-right-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-forward-in:before, +.uk-slideshow-swipe-backward-in:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + background: rgba(0, 0, 0, 0.6); + -webkit-animation: uk-fade 0.5s ease-in-out reverse; + animation: uk-fade 0.5s ease-in-out reverse; +} diff --git a/uikit/static/css/components/slideshow.gradient.css b/uikit/static/css/components/slideshow.gradient.css new file mode 100644 index 0000000..8b6d69c --- /dev/null +++ b/uikit/static/css/components/slideshow.gradient.css @@ -0,0 +1,140 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Set width because child elements are positioned absolute. Height is set via JS + * 4. Reset list style + * 5. Clip child elements + * 6. Deactivate browser history navigation in IE11 + */ +.uk-slideshow { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + width: 100%; + /* 4 */ + margin: 0; + padding: 0; + list-style: none; + /* 5 */ + overflow: hidden; + /* 6 */ + touch-action: pan-y; +} +/* + * Sub-object item + * 1. Position items above each other + * 2. Expand to parent container width + * 3. Hide by default + */ +.uk-slideshow > li { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + width: 100%; + /* 3 */ + opacity: 0; +} +/* + * Active + * 1. Stack at first + * 2. Show slide + */ +.uk-slideshow > .uk-active { + /* 1 */ + z-index: 10; + /* 2 */ + opacity: 1; +} +/* + * Hide default images which is only relevant to keep existing proportions + */ +.uk-slideshow > li > img { + visibility: hidden; +} +/* + * Pointer for controls + */ +[data-uk-slideshow-slide] { + cursor: pointer; +} +/* Modifier: `uk-slideshow-fullscreen` + ========================================================================== */ +.uk-slideshow-fullscreen, +.uk-slideshow-fullscreen > li { + height: 100vh; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-slideshow-fade-out { + -webkit-animation: uk-fade 0.5s linear reverse; + animation: uk-fade 0.5s linear reverse; +} +/* + * Scroll + */ +.uk-slideshow-scroll-forward-in { + -webkit-animation: uk-slide-right 0.5s ease-in-out; + animation: uk-slide-right 0.5s ease-in-out; +} +.uk-slideshow-scroll-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-scroll-backward-in { + -webkit-animation: uk-slide-left 0.5s ease-in-out; + animation: uk-slide-left 0.5s ease-in-out; +} +.uk-slideshow-scroll-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +/* + * Scale + */ +.uk-slideshow-scale-out { + -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; + animation: uk-fade-scale-15 0.5s ease-in-out reverse; +} +/* + * Swipe + */ +.uk-slideshow-swipe-forward-in { + -webkit-animation: uk-slide-left-33 0.5s ease-in-out; + animation: uk-slide-left-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-forward-out { + -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; + animation: uk-slide-left 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-backward-in { + -webkit-animation: uk-slide-right-33 0.5s ease-in-out; + animation: uk-slide-right-33 0.5s ease-in-out; +} +.uk-slideshow-swipe-backward-out { + -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; + animation: uk-slide-right 0.5s ease-in-out reverse; +} +.uk-slideshow-swipe-forward-in:before, +.uk-slideshow-swipe-backward-in:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + background: rgba(0, 0, 0, 0.6); + -webkit-animation: uk-fade 0.5s ease-in-out reverse; + animation: uk-fade 0.5s ease-in-out reverse; +} diff --git a/uikit/static/css/components/slideshow.gradient.min.css b/uikit/static/css/components/slideshow.gradient.min.css new file mode 100644 index 0000000..e9348e0 --- /dev/null +++ b/uikit/static/css/components/slideshow.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in:before,.uk-slideshow-swipe-forward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}
\ No newline at end of file diff --git a/uikit/static/css/components/slideshow.min.css b/uikit/static/css/components/slideshow.min.css new file mode 100644 index 0000000..e9348e0 --- /dev/null +++ b/uikit/static/css/components/slideshow.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in:before,.uk-slideshow-swipe-forward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}
\ No newline at end of file diff --git a/uikit/static/css/components/sortable.almost-flat.css b/uikit/static/css/components/sortable.almost-flat.css new file mode 100644 index 0000000..862682c --- /dev/null +++ b/uikit/static/css/components/sortable.almost-flat.css @@ -0,0 +1,62 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable > * { + touch-action: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-sortable a, +.uk-sortable img { + -webkit-touch-callout: none; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Sub-modifier `uk-sortable-dragged` + ========================================================================== */ +.uk-sortable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; +} +/* Sub-modifier `uk-sortable-placeholder` + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; +} +/* Empty List + ========================================================================== */ +.uk-sortable:empty { + min-height: 30px; +} +/* Sub-object `uk-sortable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable-handle { + touch-action: none; +} +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* Sub-object `uk-sortable-moving` + ========================================================================== */ +.uk-sortable-moving, +.uk-sortable-moving * { + cursor: move; +} diff --git a/uikit/static/css/components/sortable.almost-flat.min.css b/uikit/static/css/components/sortable.almost-flat.min.css new file mode 100644 index 0000000..d1b6a9d --- /dev/null +++ b/uikit/static/css/components/sortable.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-sortable{position:relative}.uk-sortable>*{touch-action:none}.uk-sortable a,.uk-sortable img{-webkit-touch-callout:none}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-dragged{position:absolute;z-index:1050;pointer-events:none}.uk-sortable-placeholder{opacity:0}.uk-sortable:empty{min-height:30px}.uk-sortable-handle{touch-action:none}.uk-sortable-handle:hover{cursor:move}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}
\ No newline at end of file diff --git a/uikit/static/css/components/sortable.css b/uikit/static/css/components/sortable.css new file mode 100644 index 0000000..862682c --- /dev/null +++ b/uikit/static/css/components/sortable.css @@ -0,0 +1,62 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable > * { + touch-action: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-sortable a, +.uk-sortable img { + -webkit-touch-callout: none; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Sub-modifier `uk-sortable-dragged` + ========================================================================== */ +.uk-sortable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; +} +/* Sub-modifier `uk-sortable-placeholder` + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; +} +/* Empty List + ========================================================================== */ +.uk-sortable:empty { + min-height: 30px; +} +/* Sub-object `uk-sortable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable-handle { + touch-action: none; +} +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* Sub-object `uk-sortable-moving` + ========================================================================== */ +.uk-sortable-moving, +.uk-sortable-moving * { + cursor: move; +} diff --git a/uikit/static/css/components/sortable.gradient.css b/uikit/static/css/components/sortable.gradient.css new file mode 100644 index 0000000..862682c --- /dev/null +++ b/uikit/static/css/components/sortable.gradient.css @@ -0,0 +1,62 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable > * { + touch-action: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-sortable a, +.uk-sortable img { + -webkit-touch-callout: none; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Sub-modifier `uk-sortable-dragged` + ========================================================================== */ +.uk-sortable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; +} +/* Sub-modifier `uk-sortable-placeholder` + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; +} +/* Empty List + ========================================================================== */ +.uk-sortable:empty { + min-height: 30px; +} +/* Sub-object `uk-sortable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable-handle { + touch-action: none; +} +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* Sub-object `uk-sortable-moving` + ========================================================================== */ +.uk-sortable-moving, +.uk-sortable-moving * { + cursor: move; +} diff --git a/uikit/static/css/components/sortable.gradient.min.css b/uikit/static/css/components/sortable.gradient.min.css new file mode 100644 index 0000000..d1b6a9d --- /dev/null +++ b/uikit/static/css/components/sortable.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-sortable{position:relative}.uk-sortable>*{touch-action:none}.uk-sortable a,.uk-sortable img{-webkit-touch-callout:none}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-dragged{position:absolute;z-index:1050;pointer-events:none}.uk-sortable-placeholder{opacity:0}.uk-sortable:empty{min-height:30px}.uk-sortable-handle{touch-action:none}.uk-sortable-handle:hover{cursor:move}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}
\ No newline at end of file diff --git a/uikit/static/css/components/sortable.min.css b/uikit/static/css/components/sortable.min.css new file mode 100644 index 0000000..d1b6a9d --- /dev/null +++ b/uikit/static/css/components/sortable.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-sortable{position:relative}.uk-sortable>*{touch-action:none}.uk-sortable a,.uk-sortable img{-webkit-touch-callout:none}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-dragged{position:absolute;z-index:1050;pointer-events:none}.uk-sortable-placeholder{opacity:0}.uk-sortable:empty{min-height:30px}.uk-sortable-handle{touch-action:none}.uk-sortable-handle:hover{cursor:move}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}
\ No newline at end of file diff --git a/uikit/static/css/components/sticky.almost-flat.css b/uikit/static/css/components/sticky.almost-flat.css new file mode 100644 index 0000000..a6dd3c4 --- /dev/null +++ b/uikit/static/css/components/sticky.almost-flat.css @@ -0,0 +1,32 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. More robust if padding and border are used + */ +[data-uk-sticky].uk-active { + z-index: 980; + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * 1. Resolve frame-rate issues on devices with lower frame-rates. Forces hardware acceleration + */ +.uk-sticky-placeholder > * { + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +[data-uk-sticky][class*='uk-animation-'] { + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; +} +[data-uk-sticky].uk-animation-reverse { + -webkit-animation-duration: 0.04s; + animation-duration: 0.04s; +} diff --git a/uikit/static/css/components/sticky.almost-flat.min.css b/uikit/static/css/components/sticky.almost-flat.min.css new file mode 100644 index 0000000..01857ab --- /dev/null +++ b/uikit/static/css/components/sticky.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +[data-uk-sticky].uk-active{z-index:980;-moz-box-sizing:border-box;box-sizing:border-box}.uk-sticky-placeholder>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.15s;animation-duration:.15s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.04s;animation-duration:.04s}
\ No newline at end of file diff --git a/uikit/static/css/components/sticky.css b/uikit/static/css/components/sticky.css new file mode 100644 index 0000000..a6dd3c4 --- /dev/null +++ b/uikit/static/css/components/sticky.css @@ -0,0 +1,32 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. More robust if padding and border are used + */ +[data-uk-sticky].uk-active { + z-index: 980; + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * 1. Resolve frame-rate issues on devices with lower frame-rates. Forces hardware acceleration + */ +.uk-sticky-placeholder > * { + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +[data-uk-sticky][class*='uk-animation-'] { + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; +} +[data-uk-sticky].uk-animation-reverse { + -webkit-animation-duration: 0.04s; + animation-duration: 0.04s; +} diff --git a/uikit/static/css/components/sticky.gradient.css b/uikit/static/css/components/sticky.gradient.css new file mode 100644 index 0000000..a6dd3c4 --- /dev/null +++ b/uikit/static/css/components/sticky.gradient.css @@ -0,0 +1,32 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. More robust if padding and border are used + */ +[data-uk-sticky].uk-active { + z-index: 980; + /* 1 */ + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * 1. Resolve frame-rate issues on devices with lower frame-rates. Forces hardware acceleration + */ +.uk-sticky-placeholder > * { + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +[data-uk-sticky][class*='uk-animation-'] { + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; +} +[data-uk-sticky].uk-animation-reverse { + -webkit-animation-duration: 0.04s; + animation-duration: 0.04s; +} diff --git a/uikit/static/css/components/sticky.gradient.min.css b/uikit/static/css/components/sticky.gradient.min.css new file mode 100644 index 0000000..01857ab --- /dev/null +++ b/uikit/static/css/components/sticky.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +[data-uk-sticky].uk-active{z-index:980;-moz-box-sizing:border-box;box-sizing:border-box}.uk-sticky-placeholder>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.15s;animation-duration:.15s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.04s;animation-duration:.04s}
\ No newline at end of file diff --git a/uikit/static/css/components/sticky.min.css b/uikit/static/css/components/sticky.min.css new file mode 100644 index 0000000..01857ab --- /dev/null +++ b/uikit/static/css/components/sticky.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +[data-uk-sticky].uk-active{z-index:980;-moz-box-sizing:border-box;box-sizing:border-box}.uk-sticky-placeholder>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.15s;animation-duration:.15s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.04s;animation-duration:.04s}
\ No newline at end of file diff --git a/uikit/static/css/components/tooltip.almost-flat.css b/uikit/static/css/components/tooltip.almost-flat.css new file mode 100644 index 0000000..27d9200 --- /dev/null +++ b/uikit/static/css/components/tooltip.almost-flat.css @@ -0,0 +1,120 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; + border-radius: 3px; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + /* 1 */ + border: 5px dashed #333333; +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} diff --git a/uikit/static/css/components/tooltip.almost-flat.min.css b/uikit/static/css/components/tooltip.almost-flat.min.css new file mode 100644 index 0000000..1660ddc --- /dev/null +++ b/uikit/static/css/components/tooltip.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top-left:after,.uk-tooltip-top-right:after,.uk-tooltip-top:after{bottom:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after,.uk-tooltip-bottom:after{top:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-top:after{left:50%;margin-left:-5px}.uk-tooltip-bottom-left:after,.uk-tooltip-top-left:after{left:10px}.uk-tooltip-bottom-right:after,.uk-tooltip-top-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}
\ No newline at end of file diff --git a/uikit/static/css/components/tooltip.css b/uikit/static/css/components/tooltip.css new file mode 100644 index 0000000..7ec0df0 --- /dev/null +++ b/uikit/static/css/components/tooltip.css @@ -0,0 +1,118 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + /* 1 */ + border: 5px dashed #333333; +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} diff --git a/uikit/static/css/components/tooltip.gradient.css b/uikit/static/css/components/tooltip.gradient.css new file mode 100644 index 0000000..27d9200 --- /dev/null +++ b/uikit/static/css/components/tooltip.gradient.css @@ -0,0 +1,120 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; + border-radius: 3px; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + /* 1 */ + border: 5px dashed #333333; +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} diff --git a/uikit/static/css/components/tooltip.gradient.min.css b/uikit/static/css/components/tooltip.gradient.min.css new file mode 100644 index 0000000..1660ddc --- /dev/null +++ b/uikit/static/css/components/tooltip.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top-left:after,.uk-tooltip-top-right:after,.uk-tooltip-top:after{bottom:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after,.uk-tooltip-bottom:after{top:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-top:after{left:50%;margin-left:-5px}.uk-tooltip-bottom-left:after,.uk-tooltip-top-left:after{left:10px}.uk-tooltip-bottom-right:after,.uk-tooltip-top-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}
\ No newline at end of file diff --git a/uikit/static/css/components/tooltip.min.css b/uikit/static/css/components/tooltip.min.css new file mode 100644 index 0000000..07e31dc --- /dev/null +++ b/uikit/static/css/components/tooltip.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top-left:after,.uk-tooltip-top-right:after,.uk-tooltip-top:after{bottom:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after,.uk-tooltip-bottom:after{top:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-top:after{left:50%;margin-left:-5px}.uk-tooltip-bottom-left:after,.uk-tooltip-top-left:after{left:10px}.uk-tooltip-bottom-right:after,.uk-tooltip-top-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}
\ No newline at end of file diff --git a/uikit/static/css/components/upload.almost-flat.css b/uikit/static/css/components/upload.almost-flat.css new file mode 100644 index 0000000..ab07f2b --- /dev/null +++ b/uikit/static/css/components/upload.almost-flat.css @@ -0,0 +1,10 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Upload + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} diff --git a/uikit/static/css/components/upload.almost-flat.min.css b/uikit/static/css/components/upload.almost-flat.min.css new file mode 100644 index 0000000..f1d2c79 --- /dev/null +++ b/uikit/static/css/components/upload.almost-flat.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}
\ No newline at end of file diff --git a/uikit/static/css/components/upload.css b/uikit/static/css/components/upload.css new file mode 100644 index 0000000..ab07f2b --- /dev/null +++ b/uikit/static/css/components/upload.css @@ -0,0 +1,10 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Upload + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} diff --git a/uikit/static/css/components/upload.gradient.css b/uikit/static/css/components/upload.gradient.css new file mode 100644 index 0000000..ab07f2b --- /dev/null +++ b/uikit/static/css/components/upload.gradient.css @@ -0,0 +1,10 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Upload + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} diff --git a/uikit/static/css/components/upload.gradient.min.css b/uikit/static/css/components/upload.gradient.min.css new file mode 100644 index 0000000..f1d2c79 --- /dev/null +++ b/uikit/static/css/components/upload.gradient.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}
\ No newline at end of file diff --git a/uikit/static/css/components/upload.min.css b/uikit/static/css/components/upload.min.css new file mode 100644 index 0000000..f1d2c79 --- /dev/null +++ b/uikit/static/css/components/upload.min.css @@ -0,0 +1,2 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}
\ No newline at end of file |