diff options
| author | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
|---|---|---|
| committer | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
| commit | c94fb32c7a3c28b18a27460aa2447eeec1fac1de (patch) | |
| tree | e3bb35d57f90256698135c722eadeb784b47992c /css/components | |
| parent | 89685742de42cb8e54ebdbaf7a207cfe16fa62b8 (diff) | |
uikit added
Diffstat (limited to 'css/components')
126 files changed, 5670 insertions, 0 deletions
diff --git a/css/components/accordion.almost-flat.css b/css/components/accordion.almost-flat.css new file mode 100755 index 0000000..8961cb1 --- /dev/null +++ b/css/components/accordion.almost-flat.css | |||
| @@ -0,0 +1,39 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Accordion | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object: `uk-accordion-title` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-accordion-title { | ||
| 8 | margin-top: 0; | ||
| 9 | margin-bottom: 15px; | ||
| 10 | padding: 5px 15px; | ||
| 11 | background: #f5f5f5; | ||
| 12 | font-size: 18px; | ||
| 13 | line-height: 24px; | ||
| 14 | cursor: pointer; | ||
| 15 | border: 1px solid #ddd; | ||
| 16 | border-radius: 4px; | ||
| 17 | } | ||
| 18 | /* Sub-object: `uk-accordion-content` | ||
| 19 | ========================================================================== */ | ||
| 20 | .uk-accordion-content { | ||
| 21 | padding: 0 15px 15px 15px; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * Micro clearfix to make panels more robust | ||
| 25 | */ | ||
| 26 | .uk-accordion-content:before, | ||
| 27 | .uk-accordion-content:after { | ||
| 28 | content: ""; | ||
| 29 | display: table; | ||
| 30 | } | ||
| 31 | .uk-accordion-content:after { | ||
| 32 | clear: both; | ||
| 33 | } | ||
| 34 | /* | ||
| 35 | * Remove margin from the last-child | ||
| 36 | */ | ||
| 37 | .uk-accordion-content > :last-child { | ||
| 38 | margin-bottom: 0; | ||
| 39 | } | ||
diff --git a/css/components/accordion.almost-flat.min.css b/css/components/accordion.almost-flat.min.css new file mode 100755 index 0000000..973109f --- /dev/null +++ b/css/components/accordion.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/accordion.css b/css/components/accordion.css new file mode 100755 index 0000000..b7092e6 --- /dev/null +++ b/css/components/accordion.css | |||
| @@ -0,0 +1,37 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Accordion | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object: `uk-accordion-title` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-accordion-title { | ||
| 8 | margin-top: 0; | ||
| 9 | margin-bottom: 15px; | ||
| 10 | padding: 5px 15px; | ||
| 11 | background: #eee; | ||
| 12 | font-size: 18px; | ||
| 13 | line-height: 24px; | ||
| 14 | cursor: pointer; | ||
| 15 | } | ||
| 16 | /* Sub-object: `uk-accordion-content` | ||
| 17 | ========================================================================== */ | ||
| 18 | .uk-accordion-content { | ||
| 19 | padding: 0 15px 15px 15px; | ||
| 20 | } | ||
| 21 | /* | ||
| 22 | * Micro clearfix to make panels more robust | ||
| 23 | */ | ||
| 24 | .uk-accordion-content:before, | ||
| 25 | .uk-accordion-content:after { | ||
| 26 | content: ""; | ||
| 27 | display: table; | ||
| 28 | } | ||
| 29 | .uk-accordion-content:after { | ||
| 30 | clear: both; | ||
| 31 | } | ||
| 32 | /* | ||
| 33 | * Remove margin from the last-child | ||
| 34 | */ | ||
| 35 | .uk-accordion-content > :last-child { | ||
| 36 | margin-bottom: 0; | ||
| 37 | } | ||
diff --git a/css/components/accordion.gradient.css b/css/components/accordion.gradient.css new file mode 100755 index 0000000..2cb6d63 --- /dev/null +++ b/css/components/accordion.gradient.css | |||
| @@ -0,0 +1,39 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Accordion | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object: `uk-accordion-title` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-accordion-title { | ||
| 8 | margin-top: 0; | ||
| 9 | margin-bottom: 15px; | ||
| 10 | padding: 5px 15px; | ||
| 11 | background: #f7f7f7; | ||
| 12 | font-size: 18px; | ||
| 13 | line-height: 24px; | ||
| 14 | cursor: pointer; | ||
| 15 | border: 1px solid #ddd; | ||
| 16 | border-radius: 4px; | ||
| 17 | } | ||
| 18 | /* Sub-object: `uk-accordion-content` | ||
| 19 | ========================================================================== */ | ||
| 20 | .uk-accordion-content { | ||
| 21 | padding: 0 15px 15px 15px; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * Micro clearfix to make panels more robust | ||
| 25 | */ | ||
| 26 | .uk-accordion-content:before, | ||
| 27 | .uk-accordion-content:after { | ||
| 28 | content: ""; | ||
| 29 | display: table; | ||
| 30 | } | ||
| 31 | .uk-accordion-content:after { | ||
| 32 | clear: both; | ||
| 33 | } | ||
| 34 | /* | ||
| 35 | * Remove margin from the last-child | ||
| 36 | */ | ||
| 37 | .uk-accordion-content > :last-child { | ||
| 38 | margin-bottom: 0; | ||
| 39 | } | ||
diff --git a/css/components/accordion.gradient.min.css b/css/components/accordion.gradient.min.css new file mode 100755 index 0000000..a1881e9 --- /dev/null +++ b/css/components/accordion.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/accordion.min.css b/css/components/accordion.min.css new file mode 100755 index 0000000..b196556 --- /dev/null +++ b/css/components/accordion.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/autocomplete.almost-flat.css b/css/components/autocomplete.almost-flat.css new file mode 100755 index 0000000..7def17e --- /dev/null +++ b/css/components/autocomplete.almost-flat.css | |||
| @@ -0,0 +1,57 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Autocomplete | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | * 4. Remove the gap between the container and its child element | ||
| 10 | */ | ||
| 11 | .uk-autocomplete { | ||
| 12 | /* 1 */ | ||
| 13 | display: inline-block; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | max-width: 100%; | ||
| 18 | /* 4 */ | ||
| 19 | vertical-align: middle; | ||
| 20 | } | ||
| 21 | /* Legacy dropdown modifier */ | ||
| 22 | .uk-dropdown-flip { | ||
| 23 | left: auto; | ||
| 24 | right: 0; | ||
| 25 | } | ||
| 26 | /* Nav modifier `uk-nav-autocomplete` | ||
| 27 | ========================================================================== */ | ||
| 28 | /* | ||
| 29 | * Items | ||
| 30 | */ | ||
| 31 | .uk-nav-autocomplete > li > a { | ||
| 32 | color: #444; | ||
| 33 | } | ||
| 34 | /* | ||
| 35 | * Active | ||
| 36 | * 1. Remove default focus style | ||
| 37 | */ | ||
| 38 | .uk-nav-autocomplete > li.uk-active > a { | ||
| 39 | background: #00a8e6; | ||
| 40 | color: #fff; | ||
| 41 | /* 1 */ | ||
| 42 | outline: none; | ||
| 43 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
| 44 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Sub-object: `uk-nav-header` | ||
| 48 | */ | ||
| 49 | .uk-nav-autocomplete .uk-nav-header { | ||
| 50 | color: #999; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Sub-object: `uk-nav-divider` | ||
| 54 | */ | ||
| 55 | .uk-nav-autocomplete .uk-nav-divider { | ||
| 56 | border-top: 1px solid #ddd; | ||
| 57 | } | ||
diff --git a/css/components/autocomplete.almost-flat.min.css b/css/components/autocomplete.almost-flat.min.css new file mode 100755 index 0000000..eb691ac --- /dev/null +++ b/css/components/autocomplete.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-dropdown-flip{left:auto;right:0}.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/css/components/autocomplete.css b/css/components/autocomplete.css new file mode 100755 index 0000000..5c6993c --- /dev/null +++ b/css/components/autocomplete.css | |||
| @@ -0,0 +1,55 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Autocomplete | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | * 4. Remove the gap between the container and its child element | ||
| 10 | */ | ||
| 11 | .uk-autocomplete { | ||
| 12 | /* 1 */ | ||
| 13 | display: inline-block; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | max-width: 100%; | ||
| 18 | /* 4 */ | ||
| 19 | vertical-align: middle; | ||
| 20 | } | ||
| 21 | /* Legacy dropdown modifier */ | ||
| 22 | .uk-dropdown-flip { | ||
| 23 | left: auto; | ||
| 24 | right: 0; | ||
| 25 | } | ||
| 26 | /* Nav modifier `uk-nav-autocomplete` | ||
| 27 | ========================================================================== */ | ||
| 28 | /* | ||
| 29 | * Items | ||
| 30 | */ | ||
| 31 | .uk-nav-autocomplete > li > a { | ||
| 32 | color: #444; | ||
| 33 | } | ||
| 34 | /* | ||
| 35 | * Active | ||
| 36 | * 1. Remove default focus style | ||
| 37 | */ | ||
| 38 | .uk-nav-autocomplete > li.uk-active > a { | ||
| 39 | background: #00a8e6; | ||
| 40 | color: #fff; | ||
| 41 | /* 1 */ | ||
| 42 | outline: none; | ||
| 43 | } | ||
| 44 | /* | ||
| 45 | * Sub-object: `uk-nav-header` | ||
| 46 | */ | ||
| 47 | .uk-nav-autocomplete .uk-nav-header { | ||
| 48 | color: #999; | ||
| 49 | } | ||
| 50 | /* | ||
| 51 | * Sub-object: `uk-nav-divider` | ||
| 52 | */ | ||
| 53 | .uk-nav-autocomplete .uk-nav-divider { | ||
| 54 | border-top: 1px solid #ddd; | ||
| 55 | } | ||
diff --git a/css/components/autocomplete.gradient.css b/css/components/autocomplete.gradient.css new file mode 100755 index 0000000..3fb9e3d --- /dev/null +++ b/css/components/autocomplete.gradient.css | |||
| @@ -0,0 +1,57 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Autocomplete | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | * 4. Remove the gap between the container and its child element | ||
| 10 | */ | ||
| 11 | .uk-autocomplete { | ||
| 12 | /* 1 */ | ||
| 13 | display: inline-block; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | max-width: 100%; | ||
| 18 | /* 4 */ | ||
| 19 | vertical-align: middle; | ||
| 20 | } | ||
| 21 | /* Legacy dropdown modifier */ | ||
| 22 | .uk-dropdown-flip { | ||
| 23 | left: auto; | ||
| 24 | right: 0; | ||
| 25 | } | ||
| 26 | /* Nav modifier `uk-nav-autocomplete` | ||
| 27 | ========================================================================== */ | ||
| 28 | /* | ||
| 29 | * Items | ||
| 30 | */ | ||
| 31 | .uk-nav-autocomplete > li > a { | ||
| 32 | color: #444; | ||
| 33 | } | ||
| 34 | /* | ||
| 35 | * Active | ||
| 36 | * 1. Remove default focus style | ||
| 37 | */ | ||
| 38 | .uk-nav-autocomplete > li.uk-active > a { | ||
| 39 | background: #009dd8; | ||
| 40 | color: #fff; | ||
| 41 | /* 1 */ | ||
| 42 | outline: none; | ||
| 43 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| 44 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Sub-object: `uk-nav-header` | ||
| 48 | */ | ||
| 49 | .uk-nav-autocomplete .uk-nav-header { | ||
| 50 | color: #999; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Sub-object: `uk-nav-divider` | ||
| 54 | */ | ||
| 55 | .uk-nav-autocomplete .uk-nav-divider { | ||
| 56 | border-top: 1px solid #ddd; | ||
| 57 | } | ||
diff --git a/css/components/autocomplete.gradient.min.css b/css/components/autocomplete.gradient.min.css new file mode 100755 index 0000000..ceb6f66 --- /dev/null +++ b/css/components/autocomplete.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-dropdown-flip{left:auto;right:0}.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/css/components/autocomplete.min.css b/css/components/autocomplete.min.css new file mode 100755 index 0000000..1925dc7 --- /dev/null +++ b/css/components/autocomplete.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-autocomplete{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-dropdown-flip{left:auto;right:0}.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/css/components/datepicker.almost-flat.css b/css/components/datepicker.almost-flat.css new file mode 100755 index 0000000..dd857b0 --- /dev/null +++ b/css/components/datepicker.almost-flat.css | |||
| @@ -0,0 +1,129 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Datepicker | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Highest z-index | ||
| 7 | * 2. Reset dropdown width | ||
| 8 | * 3. Set animation | ||
| 9 | * 4. Needed for scale animation | ||
| 10 | */ | ||
| 11 | .uk-datepicker { | ||
| 12 | /* 1 */ | ||
| 13 | z-index: 1050; | ||
| 14 | /* 2 */ | ||
| 15 | width: auto; | ||
| 16 | /* 3 */ | ||
| 17 | -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| 18 | animation: uk-fade 0.2s ease-in-out; | ||
| 19 | /* 4 */ | ||
| 20 | -webkit-transform-origin: 0 0; | ||
| 21 | transform-origin: 0 0; | ||
| 22 | } | ||
| 23 | /* Sub-object: `uk-datepicker-nav` | ||
| 24 | ========================================================================== */ | ||
| 25 | .uk-datepicker-nav { | ||
| 26 | margin-bottom: 15px; | ||
| 27 | text-align: center; | ||
| 28 | line-height: 20px; | ||
| 29 | } | ||
| 30 | /* | ||
| 31 | * Micro clearfix | ||
| 32 | */ | ||
| 33 | .uk-datepicker-nav:before, | ||
| 34 | .uk-datepicker-nav:after { | ||
| 35 | content: ""; | ||
| 36 | display: table; | ||
| 37 | } | ||
| 38 | .uk-datepicker-nav:after { | ||
| 39 | clear: both; | ||
| 40 | } | ||
| 41 | /* | ||
| 42 | * Previous and next navigation | ||
| 43 | */ | ||
| 44 | .uk-datepicker-nav a { | ||
| 45 | color: #444; | ||
| 46 | text-decoration: none; | ||
| 47 | } | ||
| 48 | .uk-datepicker-nav a:hover { | ||
| 49 | color: #444; | ||
| 50 | } | ||
| 51 | .uk-datepicker-previous { | ||
| 52 | float: left; | ||
| 53 | } | ||
| 54 | .uk-datepicker-next { | ||
| 55 | float: right; | ||
| 56 | } | ||
| 57 | .uk-datepicker-previous:after, | ||
| 58 | .uk-datepicker-next:after { | ||
| 59 | width: 20px; | ||
| 60 | font-family: FontAwesome; | ||
| 61 | } | ||
| 62 | .uk-datepicker-previous:after { | ||
| 63 | content: "\f053"; | ||
| 64 | } | ||
| 65 | .uk-datepicker-next:after { | ||
| 66 | content: "\f054"; | ||
| 67 | } | ||
| 68 | /* Sub-object: `uk-datepicker-heading` | ||
| 69 | ========================================================================== */ | ||
| 70 | /* Sub-object: `uk-datepicker-table` | ||
| 71 | ========================================================================== */ | ||
| 72 | /* Block element behavior */ | ||
| 73 | .uk-datepicker-table { | ||
| 74 | width: 100%; | ||
| 75 | } | ||
| 76 | .uk-datepicker-table th, | ||
| 77 | .uk-datepicker-table td { | ||
| 78 | padding: 2px; | ||
| 79 | } | ||
| 80 | .uk-datepicker-table th { | ||
| 81 | font-size: 12px; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * Item | ||
| 85 | */ | ||
| 86 | .uk-datepicker-table a { | ||
| 87 | display: block; | ||
| 88 | width: 26px; | ||
| 89 | line-height: 24px; | ||
| 90 | text-align: center; | ||
| 91 | color: #444; | ||
| 92 | text-decoration: none; | ||
| 93 | border: 1px solid transparent; | ||
| 94 | border-radius: 4px; | ||
| 95 | } | ||
| 96 | /* | ||
| 97 | * Sub-object: `uk-datepicker-table-muted` | ||
| 98 | */ | ||
| 99 | a.uk-datepicker-table-muted { | ||
| 100 | color: #999; | ||
| 101 | } | ||
| 102 | /* | ||
| 103 | * Hover | ||
| 104 | * 1. Apply hover style also to focus state | ||
| 105 | * 2. Remove default focus style | ||
| 106 | */ | ||
| 107 | .uk-datepicker-table a:hover, | ||
| 108 | .uk-datepicker-table a:focus { | ||
| 109 | background-color: #fafafa; | ||
| 110 | color: #444; | ||
| 111 | /* 2 */ | ||
| 112 | outline: none; | ||
| 113 | border-color: rgba(0, 0, 0, 0.16); | ||
| 114 | text-shadow: 0 1px 0 #fff; | ||
| 115 | } | ||
| 116 | /* OnClick */ | ||
| 117 | .uk-datepicker-table a:active { | ||
| 118 | background-color: #eee; | ||
| 119 | color: #444; | ||
| 120 | } | ||
| 121 | /* | ||
| 122 | * Active | ||
| 123 | */ | ||
| 124 | .uk-datepicker-table a.uk-active { | ||
| 125 | background: #00a8e6; | ||
| 126 | color: #fff; | ||
| 127 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
| 128 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| 129 | } | ||
diff --git a/css/components/datepicker.almost-flat.min.css b/css/components/datepicker.almost-flat.min.css new file mode 100755 index 0000000..2a7d912 --- /dev/null +++ b/css/components/datepicker.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/datepicker.css b/css/components/datepicker.css new file mode 100755 index 0000000..8f48fdf --- /dev/null +++ b/css/components/datepicker.css | |||
| @@ -0,0 +1,123 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Datepicker | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Highest z-index | ||
| 7 | * 2. Reset dropdown width | ||
| 8 | * 3. Set animation | ||
| 9 | * 4. Needed for scale animation | ||
| 10 | */ | ||
| 11 | .uk-datepicker { | ||
| 12 | /* 1 */ | ||
| 13 | z-index: 1050; | ||
| 14 | /* 2 */ | ||
| 15 | width: auto; | ||
| 16 | /* 3 */ | ||
| 17 | -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| 18 | animation: uk-fade 0.2s ease-in-out; | ||
| 19 | /* 4 */ | ||
| 20 | -webkit-transform-origin: 0 0; | ||
| 21 | transform-origin: 0 0; | ||
| 22 | } | ||
| 23 | /* Sub-object: `uk-datepicker-nav` | ||
| 24 | ========================================================================== */ | ||
| 25 | .uk-datepicker-nav { | ||
| 26 | margin-bottom: 15px; | ||
| 27 | text-align: center; | ||
| 28 | line-height: 20px; | ||
| 29 | } | ||
| 30 | /* | ||
| 31 | * Micro clearfix | ||
| 32 | */ | ||
| 33 | .uk-datepicker-nav:before, | ||
| 34 | .uk-datepicker-nav:after { | ||
| 35 | content: ""; | ||
| 36 | display: table; | ||
| 37 | } | ||
| 38 | .uk-datepicker-nav:after { | ||
| 39 | clear: both; | ||
| 40 | } | ||
| 41 | /* | ||
| 42 | * Previous and next navigation | ||
| 43 | */ | ||
| 44 | .uk-datepicker-nav a { | ||
| 45 | color: #444; | ||
| 46 | text-decoration: none; | ||
| 47 | } | ||
| 48 | .uk-datepicker-nav a:hover { | ||
| 49 | color: #444; | ||
| 50 | } | ||
| 51 | .uk-datepicker-previous { | ||
| 52 | float: left; | ||
| 53 | } | ||
| 54 | .uk-datepicker-next { | ||
| 55 | float: right; | ||
| 56 | } | ||
| 57 | .uk-datepicker-previous:after, | ||
| 58 | .uk-datepicker-next:after { | ||
| 59 | width: 20px; | ||
| 60 | font-family: FontAwesome; | ||
| 61 | } | ||
| 62 | .uk-datepicker-previous:after { | ||
| 63 | content: "\f053"; | ||
| 64 | } | ||
| 65 | .uk-datepicker-next:after { | ||
| 66 | content: "\f054"; | ||
| 67 | } | ||
| 68 | /* Sub-object: `uk-datepicker-heading` | ||
| 69 | ========================================================================== */ | ||
| 70 | /* Sub-object: `uk-datepicker-table` | ||
| 71 | ========================================================================== */ | ||
| 72 | /* Block element behavior */ | ||
| 73 | .uk-datepicker-table { | ||
| 74 | width: 100%; | ||
| 75 | } | ||
| 76 | .uk-datepicker-table th, | ||
| 77 | .uk-datepicker-table td { | ||
| 78 | padding: 2px; | ||
| 79 | } | ||
| 80 | .uk-datepicker-table th { | ||
| 81 | font-size: 12px; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * Item | ||
| 85 | */ | ||
| 86 | .uk-datepicker-table a { | ||
| 87 | display: block; | ||
| 88 | width: 26px; | ||
| 89 | line-height: 24px; | ||
| 90 | text-align: center; | ||
| 91 | color: #444; | ||
| 92 | text-decoration: none; | ||
| 93 | } | ||
| 94 | /* | ||
| 95 | * Sub-object: `uk-datepicker-table-muted` | ||
| 96 | */ | ||
| 97 | a.uk-datepicker-table-muted { | ||
| 98 | color: #999; | ||
| 99 | } | ||
| 100 | /* | ||
| 101 | * Hover | ||
| 102 | * 1. Apply hover style also to focus state | ||
| 103 | * 2. Remove default focus style | ||
| 104 | */ | ||
| 105 | .uk-datepicker-table a:hover, | ||
| 106 | .uk-datepicker-table a:focus { | ||
| 107 | background-color: #ddd; | ||
| 108 | color: #444; | ||
| 109 | /* 2 */ | ||
| 110 | outline: none; | ||
| 111 | } | ||
| 112 | /* OnClick */ | ||
| 113 | .uk-datepicker-table a:active { | ||
| 114 | background-color: #ccc; | ||
| 115 | color: #444; | ||
| 116 | } | ||
| 117 | /* | ||
| 118 | * Active | ||
| 119 | */ | ||
| 120 | .uk-datepicker-table a.uk-active { | ||
| 121 | background: #00a8e6; | ||
| 122 | color: #fff; | ||
| 123 | } | ||
diff --git a/css/components/datepicker.gradient.css b/css/components/datepicker.gradient.css new file mode 100755 index 0000000..4201c09 --- /dev/null +++ b/css/components/datepicker.gradient.css | |||
| @@ -0,0 +1,139 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Datepicker | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Highest z-index | ||
| 7 | * 2. Reset dropdown width | ||
| 8 | * 3. Set animation | ||
| 9 | * 4. Needed for scale animation | ||
| 10 | */ | ||
| 11 | .uk-datepicker { | ||
| 12 | /* 1 */ | ||
| 13 | z-index: 1050; | ||
| 14 | /* 2 */ | ||
| 15 | width: auto; | ||
| 16 | /* 3 */ | ||
| 17 | -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| 18 | animation: uk-fade 0.2s ease-in-out; | ||
| 19 | /* 4 */ | ||
| 20 | -webkit-transform-origin: 0 0; | ||
| 21 | transform-origin: 0 0; | ||
| 22 | } | ||
| 23 | /* Sub-object: `uk-datepicker-nav` | ||
| 24 | ========================================================================== */ | ||
| 25 | .uk-datepicker-nav { | ||
| 26 | margin-bottom: 15px; | ||
| 27 | text-align: center; | ||
| 28 | line-height: 20px; | ||
| 29 | } | ||
| 30 | /* | ||
| 31 | * Micro clearfix | ||
| 32 | */ | ||
| 33 | .uk-datepicker-nav:before, | ||
| 34 | .uk-datepicker-nav:after { | ||
| 35 | content: ""; | ||
| 36 | display: table; | ||
| 37 | } | ||
| 38 | .uk-datepicker-nav:after { | ||
| 39 | clear: both; | ||
| 40 | } | ||
| 41 | /* | ||
| 42 | * Previous and next navigation | ||
| 43 | */ | ||
| 44 | .uk-datepicker-nav a { | ||
| 45 | color: #444; | ||
| 46 | text-decoration: none; | ||
| 47 | } | ||
| 48 | .uk-datepicker-nav a:hover { | ||
| 49 | color: #444; | ||
| 50 | } | ||
| 51 | .uk-datepicker-previous { | ||
| 52 | float: left; | ||
| 53 | } | ||
| 54 | .uk-datepicker-next { | ||
| 55 | float: right; | ||
| 56 | } | ||
| 57 | .uk-datepicker-previous:after, | ||
| 58 | .uk-datepicker-next:after { | ||
| 59 | width: 20px; | ||
| 60 | font-family: FontAwesome; | ||
| 61 | } | ||
| 62 | .uk-datepicker-previous:after { | ||
| 63 | content: "\f053"; | ||
| 64 | } | ||
| 65 | .uk-datepicker-next:after { | ||
| 66 | content: "\f054"; | ||
| 67 | } | ||
| 68 | /* Sub-object: `uk-datepicker-heading` | ||
| 69 | ========================================================================== */ | ||
| 70 | /* Sub-object: `uk-datepicker-table` | ||
| 71 | ========================================================================== */ | ||
| 72 | /* Block element behavior */ | ||
| 73 | .uk-datepicker-table { | ||
| 74 | width: 100%; | ||
| 75 | } | ||
| 76 | .uk-datepicker-table th, | ||
| 77 | .uk-datepicker-table td { | ||
| 78 | padding: 2px; | ||
| 79 | } | ||
| 80 | .uk-datepicker-table th { | ||
| 81 | font-size: 12px; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * Item | ||
| 85 | */ | ||
| 86 | .uk-datepicker-table a { | ||
| 87 | display: block; | ||
| 88 | width: 26px; | ||
| 89 | line-height: 24px; | ||
| 90 | text-align: center; | ||
| 91 | color: #444; | ||
| 92 | text-decoration: none; | ||
| 93 | border: 1px solid transparent; | ||
| 94 | border-radius: 4px; | ||
| 95 | background-origin: border-box; | ||
| 96 | } | ||
| 97 | /* | ||
| 98 | * Sub-object: `uk-datepicker-table-muted` | ||
| 99 | */ | ||
| 100 | a.uk-datepicker-table-muted { | ||
| 101 | color: #999; | ||
| 102 | } | ||
| 103 | /* | ||
| 104 | * Hover | ||
| 105 | * 1. Apply hover style also to focus state | ||
| 106 | * 2. Remove default focus style | ||
| 107 | */ | ||
| 108 | .uk-datepicker-table a:hover, | ||
| 109 | .uk-datepicker-table a:focus { | ||
| 110 | background-color: #fafafa; | ||
| 111 | color: #444; | ||
| 112 | /* 2 */ | ||
| 113 | outline: none; | ||
| 114 | border-color: rgba(0, 0, 0, 0.2); | ||
| 115 | border-bottom-color: rgba(0, 0, 0, 0.3); | ||
| 116 | text-shadow: 0 1px 0 #fff; | ||
| 117 | } | ||
| 118 | /* OnClick */ | ||
| 119 | .uk-datepicker-table a:active { | ||
| 120 | background-color: #f5f5f5; | ||
| 121 | color: #444; | ||
| 122 | border-color: rgba(0, 0, 0, 0.2); | ||
| 123 | border-top-color: rgba(0, 0, 0, 0.3); | ||
| 124 | background-image: none; | ||
| 125 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| 126 | } | ||
| 127 | /* | ||
| 128 | * Active | ||
| 129 | */ | ||
| 130 | .uk-datepicker-table a.uk-active { | ||
| 131 | background: #009dd8; | ||
| 132 | color: #fff; | ||
| 133 | border: 1px solid rgba(0, 0, 0, 0.2); | ||
| 134 | border-bottom-color: rgba(0, 0, 0, 0.4); | ||
| 135 | background-origin: border-box; | ||
| 136 | background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); | ||
| 137 | background-image: linear-gradient(to bottom, #00b4f5, #008dc5); | ||
| 138 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| 139 | } | ||
diff --git a/css/components/datepicker.gradient.min.css b/css/components/datepicker.gradient.min.css new file mode 100755 index 0000000..d851927 --- /dev/null +++ b/css/components/datepicker.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/datepicker.min.css b/css/components/datepicker.min.css new file mode 100755 index 0000000..9c37c48 --- /dev/null +++ b/css/components/datepicker.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/dotnav.almost-flat.css b/css/components/dotnav.almost-flat.css new file mode 100755 index 0000000..30d9b16 --- /dev/null +++ b/css/components/dotnav.almost-flat.css | |||
| @@ -0,0 +1,128 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Dotnav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Gutter | ||
| 7 | * 2. Remove default list style | ||
| 8 | */ | ||
| 9 | .uk-dotnav { | ||
| 10 | display: -ms-flexbox; | ||
| 11 | display: -webkit-flex; | ||
| 12 | display: flex; | ||
| 13 | -ms-flex-wrap: wrap; | ||
| 14 | -webkit-flex-wrap: wrap; | ||
| 15 | flex-wrap: wrap; | ||
| 16 | /* 1 */ | ||
| 17 | margin-left: -15px; | ||
| 18 | margin-top: -15px; | ||
| 19 | /* 2 */ | ||
| 20 | padding: 0; | ||
| 21 | list-style: none; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * 1. Space is allocated solely based on content dimensions | ||
| 25 | * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| 26 | */ | ||
| 27 | .uk-dotnav > * { | ||
| 28 | /* 1 */ | ||
| 29 | -ms-flex: none; | ||
| 30 | -webkit-flex: none; | ||
| 31 | flex: none; | ||
| 32 | /* 2 */ | ||
| 33 | padding-left: 15px; | ||
| 34 | margin-top: 15px; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * DEPRECATED IE9 Support | ||
| 38 | */ | ||
| 39 | .uk-dotnav:before, | ||
| 40 | .uk-dotnav:after { | ||
| 41 | content: ""; | ||
| 42 | display: block; | ||
| 43 | overflow: hidden; | ||
| 44 | } | ||
| 45 | .uk-dotnav:after { | ||
| 46 | clear: both; | ||
| 47 | } | ||
| 48 | .uk-dotnav > * { | ||
| 49 | float: left; | ||
| 50 | } | ||
| 51 | /* Items | ||
| 52 | ========================================================================== */ | ||
| 53 | /* | ||
| 54 | * Items | ||
| 55 | * 1. Hide text if present | ||
| 56 | */ | ||
| 57 | .uk-dotnav > * > * { | ||
| 58 | display: block; | ||
| 59 | box-sizing: content-box; | ||
| 60 | width: 20px; | ||
| 61 | height: 20px; | ||
| 62 | border-radius: 50%; | ||
| 63 | background: rgba(50, 50, 50, 0.1); | ||
| 64 | /* 1 */ | ||
| 65 | text-indent: 100%; | ||
| 66 | overflow: hidden; | ||
| 67 | white-space: nowrap; | ||
| 68 | -webkit-transition: all 0.2s ease-in-out; | ||
| 69 | transition: all 0.2s ease-in-out; | ||
| 70 | } | ||
| 71 | /* | ||
| 72 | * Hover | ||
| 73 | * 1. Apply hover style also to focus state | ||
| 74 | * 2. Remove default focus style | ||
| 75 | */ | ||
| 76 | .uk-dotnav > * > :hover, | ||
| 77 | .uk-dotnav > * > :focus { | ||
| 78 | background: rgba(50, 50, 50, 0.4); | ||
| 79 | /* 2 */ | ||
| 80 | outline: none; | ||
| 81 | } | ||
| 82 | /* OnClick */ | ||
| 83 | .uk-dotnav > * > :active { | ||
| 84 | background: rgba(50, 50, 50, 0.6); | ||
| 85 | } | ||
| 86 | /* Active */ | ||
| 87 | .uk-dotnav > .uk-active > * { | ||
| 88 | background: rgba(50, 50, 50, 0.4); | ||
| 89 | -webkit-transform: scale(1.3); | ||
| 90 | transform: scale(1.3); | ||
| 91 | } | ||
| 92 | /* Modifier: `uk-dotnav-contrast` | ||
| 93 | ========================================================================== */ | ||
| 94 | .uk-dotnav-contrast > * > * { | ||
| 95 | background: rgba(255, 255, 255, 0.4); | ||
| 96 | } | ||
| 97 | /* | ||
| 98 | * Hover | ||
| 99 | * 1. Apply hover style also to focus state | ||
| 100 | */ | ||
| 101 | .uk-dotnav-contrast > * > :hover, | ||
| 102 | .uk-dotnav-contrast > * > :focus { | ||
| 103 | background: rgba(255, 255, 255, 0.7); | ||
| 104 | } | ||
| 105 | /* OnClick */ | ||
| 106 | .uk-dotnav-contrast > * > :active { | ||
| 107 | background: rgba(255, 255, 255, 0.9); | ||
| 108 | } | ||
| 109 | /* Active */ | ||
| 110 | .uk-dotnav-contrast > .uk-active > * { | ||
| 111 | background: rgba(255, 255, 255, 0.9); | ||
| 112 | } | ||
| 113 | /* Modifier: 'uk-dotnav-vertical' | ||
| 114 | ========================================================================== */ | ||
| 115 | /* | ||
| 116 | * DEPRECATED | ||
| 117 | */ | ||
| 118 | .uk-dotnav-vertical { | ||
| 119 | -ms-flex-direction: column; | ||
| 120 | -webkit-flex-direction: column; | ||
| 121 | flex-direction: column; | ||
| 122 | } | ||
| 123 | /* | ||
| 124 | * DEPRECATED IE9 Support | ||
| 125 | */ | ||
| 126 | .uk-dotnav-vertical > * { | ||
| 127 | float: none; | ||
| 128 | } | ||
diff --git a/css/components/dotnav.almost-flat.min.css b/css/components/dotnav.almost-flat.min.css new file mode 100755 index 0000000..f216455 --- /dev/null +++ b/css/components/dotnav.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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/css/components/dotnav.css b/css/components/dotnav.css new file mode 100755 index 0000000..f3c2e60 --- /dev/null +++ b/css/components/dotnav.css | |||
| @@ -0,0 +1,124 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Dotnav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Gutter | ||
| 7 | * 2. Remove default list style | ||
| 8 | */ | ||
| 9 | .uk-dotnav { | ||
| 10 | display: -ms-flexbox; | ||
| 11 | display: -webkit-flex; | ||
| 12 | display: flex; | ||
| 13 | -ms-flex-wrap: wrap; | ||
| 14 | -webkit-flex-wrap: wrap; | ||
| 15 | flex-wrap: wrap; | ||
| 16 | /* 1 */ | ||
| 17 | margin-left: -15px; | ||
| 18 | margin-top: -15px; | ||
| 19 | /* 2 */ | ||
| 20 | padding: 0; | ||
| 21 | list-style: none; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * 1. Space is allocated solely based on content dimensions | ||
| 25 | * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| 26 | */ | ||
| 27 | .uk-dotnav > * { | ||
| 28 | /* 1 */ | ||
| 29 | -ms-flex: none; | ||
| 30 | -webkit-flex: none; | ||
| 31 | flex: none; | ||
| 32 | /* 2 */ | ||
| 33 | padding-left: 15px; | ||
| 34 | margin-top: 15px; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * DEPRECATED IE9 Support | ||
| 38 | */ | ||
| 39 | .uk-dotnav:before, | ||
| 40 | .uk-dotnav:after { | ||
| 41 | content: ""; | ||
| 42 | display: block; | ||
| 43 | overflow: hidden; | ||
| 44 | } | ||
| 45 | .uk-dotnav:after { | ||
| 46 | clear: both; | ||
| 47 | } | ||
| 48 | .uk-dotnav > * { | ||
| 49 | float: left; | ||
| 50 | } | ||
| 51 | /* Items | ||
| 52 | ========================================================================== */ | ||
| 53 | /* | ||
| 54 | * Items | ||
| 55 | * 1. Hide text if present | ||
| 56 | */ | ||
| 57 | .uk-dotnav > * > * { | ||
| 58 | display: block; | ||
| 59 | box-sizing: content-box; | ||
| 60 | width: 20px; | ||
| 61 | height: 20px; | ||
| 62 | border-radius: 50%; | ||
| 63 | background: rgba(50, 50, 50, 0.1); | ||
| 64 | /* 1 */ | ||
| 65 | text-indent: 100%; | ||
| 66 | overflow: hidden; | ||
| 67 | white-space: nowrap; | ||
| 68 | } | ||
| 69 | /* | ||
| 70 | * Hover | ||
| 71 | * 1. Apply hover style also to focus state | ||
| 72 | * 2. Remove default focus style | ||
| 73 | */ | ||
| 74 | .uk-dotnav > * > :hover, | ||
| 75 | .uk-dotnav > * > :focus { | ||
| 76 | background: rgba(50, 50, 50, 0.4); | ||
| 77 | /* 2 */ | ||
| 78 | outline: none; | ||
| 79 | } | ||
| 80 | /* OnClick */ | ||
| 81 | .uk-dotnav > * > :active { | ||
| 82 | background: rgba(50, 50, 50, 0.6); | ||
| 83 | } | ||
| 84 | /* Active */ | ||
| 85 | .uk-dotnav > .uk-active > * { | ||
| 86 | background: rgba(50, 50, 50, 0.4); | ||
| 87 | } | ||
| 88 | /* Modifier: `uk-dotnav-contrast` | ||
| 89 | ========================================================================== */ | ||
| 90 | .uk-dotnav-contrast > * > * { | ||
| 91 | background: rgba(255, 255, 255, 0.4); | ||
| 92 | } | ||
| 93 | /* | ||
| 94 | * Hover | ||
| 95 | * 1. Apply hover style also to focus state | ||
| 96 | */ | ||
| 97 | .uk-dotnav-contrast > * > :hover, | ||
| 98 | .uk-dotnav-contrast > * > :focus { | ||
| 99 | background: rgba(255, 255, 255, 0.7); | ||
| 100 | } | ||
| 101 | /* OnClick */ | ||
| 102 | .uk-dotnav-contrast > * > :active { | ||
| 103 | background: rgba(255, 255, 255, 0.9); | ||
| 104 | } | ||
| 105 | /* Active */ | ||
| 106 | .uk-dotnav-contrast > .uk-active > * { | ||
| 107 | background: rgba(255, 255, 255, 0.9); | ||
| 108 | } | ||
| 109 | /* Modifier: 'uk-dotnav-vertical' | ||
| 110 | ========================================================================== */ | ||
| 111 | /* | ||
| 112 | * DEPRECATED | ||
| 113 | */ | ||
| 114 | .uk-dotnav-vertical { | ||
| 115 | -ms-flex-direction: column; | ||
| 116 | -webkit-flex-direction: column; | ||
| 117 | flex-direction: column; | ||
| 118 | } | ||
| 119 | /* | ||
| 120 | * DEPRECATED IE9 Support | ||
| 121 | */ | ||
| 122 | .uk-dotnav-vertical > * { | ||
| 123 | float: none; | ||
| 124 | } | ||
diff --git a/css/components/dotnav.gradient.css b/css/components/dotnav.gradient.css new file mode 100755 index 0000000..30d9b16 --- /dev/null +++ b/css/components/dotnav.gradient.css | |||
| @@ -0,0 +1,128 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Dotnav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Gutter | ||
| 7 | * 2. Remove default list style | ||
| 8 | */ | ||
| 9 | .uk-dotnav { | ||
| 10 | display: -ms-flexbox; | ||
| 11 | display: -webkit-flex; | ||
| 12 | display: flex; | ||
| 13 | -ms-flex-wrap: wrap; | ||
| 14 | -webkit-flex-wrap: wrap; | ||
| 15 | flex-wrap: wrap; | ||
| 16 | /* 1 */ | ||
| 17 | margin-left: -15px; | ||
| 18 | margin-top: -15px; | ||
| 19 | /* 2 */ | ||
| 20 | padding: 0; | ||
| 21 | list-style: none; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * 1. Space is allocated solely based on content dimensions | ||
| 25 | * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| 26 | */ | ||
| 27 | .uk-dotnav > * { | ||
| 28 | /* 1 */ | ||
| 29 | -ms-flex: none; | ||
| 30 | -webkit-flex: none; | ||
| 31 | flex: none; | ||
| 32 | /* 2 */ | ||
| 33 | padding-left: 15px; | ||
| 34 | margin-top: 15px; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * DEPRECATED IE9 Support | ||
| 38 | */ | ||
| 39 | .uk-dotnav:before, | ||
| 40 | .uk-dotnav:after { | ||
| 41 | content: ""; | ||
| 42 | display: block; | ||
| 43 | overflow: hidden; | ||
| 44 | } | ||
| 45 | .uk-dotnav:after { | ||
| 46 | clear: both; | ||
| 47 | } | ||
| 48 | .uk-dotnav > * { | ||
| 49 | float: left; | ||
| 50 | } | ||
| 51 | /* Items | ||
| 52 | ========================================================================== */ | ||
| 53 | /* | ||
| 54 | * Items | ||
| 55 | * 1. Hide text if present | ||
| 56 | */ | ||
| 57 | .uk-dotnav > * > * { | ||
| 58 | display: block; | ||
| 59 | box-sizing: content-box; | ||
| 60 | width: 20px; | ||
| 61 | height: 20px; | ||
| 62 | border-radius: 50%; | ||
| 63 | background: rgba(50, 50, 50, 0.1); | ||
| 64 | /* 1 */ | ||
| 65 | text-indent: 100%; | ||
| 66 | overflow: hidden; | ||
| 67 | white-space: nowrap; | ||
| 68 | -webkit-transition: all 0.2s ease-in-out; | ||
| 69 | transition: all 0.2s ease-in-out; | ||
| 70 | } | ||
| 71 | /* | ||
| 72 | * Hover | ||
| 73 | * 1. Apply hover style also to focus state | ||
| 74 | * 2. Remove default focus style | ||
| 75 | */ | ||
| 76 | .uk-dotnav > * > :hover, | ||
| 77 | .uk-dotnav > * > :focus { | ||
| 78 | background: rgba(50, 50, 50, 0.4); | ||
| 79 | /* 2 */ | ||
| 80 | outline: none; | ||
| 81 | } | ||
| 82 | /* OnClick */ | ||
| 83 | .uk-dotnav > * > :active { | ||
| 84 | background: rgba(50, 50, 50, 0.6); | ||
| 85 | } | ||
| 86 | /* Active */ | ||
| 87 | .uk-dotnav > .uk-active > * { | ||
| 88 | background: rgba(50, 50, 50, 0.4); | ||
| 89 | -webkit-transform: scale(1.3); | ||
| 90 | transform: scale(1.3); | ||
| 91 | } | ||
| 92 | /* Modifier: `uk-dotnav-contrast` | ||
| 93 | ========================================================================== */ | ||
| 94 | .uk-dotnav-contrast > * > * { | ||
| 95 | background: rgba(255, 255, 255, 0.4); | ||
| 96 | } | ||
| 97 | /* | ||
| 98 | * Hover | ||
| 99 | * 1. Apply hover style also to focus state | ||
| 100 | */ | ||
| 101 | .uk-dotnav-contrast > * > :hover, | ||
| 102 | .uk-dotnav-contrast > * > :focus { | ||
| 103 | background: rgba(255, 255, 255, 0.7); | ||
| 104 | } | ||
| 105 | /* OnClick */ | ||
| 106 | .uk-dotnav-contrast > * > :active { | ||
| 107 | background: rgba(255, 255, 255, 0.9); | ||
| 108 | } | ||
| 109 | /* Active */ | ||
| 110 | .uk-dotnav-contrast > .uk-active > * { | ||
| 111 | background: rgba(255, 255, 255, 0.9); | ||
| 112 | } | ||
| 113 | /* Modifier: 'uk-dotnav-vertical' | ||
| 114 | ========================================================================== */ | ||
| 115 | /* | ||
| 116 | * DEPRECATED | ||
| 117 | */ | ||
| 118 | .uk-dotnav-vertical { | ||
| 119 | -ms-flex-direction: column; | ||
| 120 | -webkit-flex-direction: column; | ||
| 121 | flex-direction: column; | ||
| 122 | } | ||
| 123 | /* | ||
| 124 | * DEPRECATED IE9 Support | ||
| 125 | */ | ||
| 126 | .uk-dotnav-vertical > * { | ||
| 127 | float: none; | ||
| 128 | } | ||
diff --git a/css/components/dotnav.gradient.min.css b/css/components/dotnav.gradient.min.css new file mode 100755 index 0000000..f216455 --- /dev/null +++ b/css/components/dotnav.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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/css/components/dotnav.min.css b/css/components/dotnav.min.css new file mode 100755 index 0000000..f18865e --- /dev/null +++ b/css/components/dotnav.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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/css/components/form-advanced.almost-flat.css b/css/components/form-advanced.almost-flat.css new file mode 100755 index 0000000..f46ee81 --- /dev/null +++ b/css/components/form-advanced.almost-flat.css | |||
| @@ -0,0 +1,78 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form advanced | ||
| 4 | Note: Only works in Webkit at the moment | ||
| 5 | ========================================================================== */ | ||
| 6 | /* | ||
| 7 | * 1. Style | ||
| 8 | * 2. Makes box more robust so it clips the child element | ||
| 9 | * 3. Vertical alignment | ||
| 10 | * 4. Remove default style | ||
| 11 | * 5. Fix black background on iOS | ||
| 12 | */ | ||
| 13 | .uk-form input[type="radio"], | ||
| 14 | .uk-form input[type="checkbox"] { | ||
| 15 | /* 1 */ | ||
| 16 | display: inline-block; | ||
| 17 | height: 14px; | ||
| 18 | width: 14px; | ||
| 19 | border: 1px solid #aaa; | ||
| 20 | /* 2 */ | ||
| 21 | overflow: hidden; | ||
| 22 | /* 3 */ | ||
| 23 | margin-top: -4px; | ||
| 24 | vertical-align: middle; | ||
| 25 | /* 4 */ | ||
| 26 | -webkit-appearance: none; | ||
| 27 | outline: 0; | ||
| 28 | /* 5 */ | ||
| 29 | background: transparent; | ||
| 30 | } | ||
| 31 | /* Radio */ | ||
| 32 | .uk-form input[type="radio"] { | ||
| 33 | border-radius: 50%; | ||
| 34 | } | ||
| 35 | /* | ||
| 36 | * Checked | ||
| 37 | */ | ||
| 38 | .uk-form input[type=radio]:before, | ||
| 39 | .uk-form input[type=checkbox]:before { | ||
| 40 | display: block; | ||
| 41 | } | ||
| 42 | /* Radio */ | ||
| 43 | .uk-form input[type=radio]:checked:before { | ||
| 44 | content: ''; | ||
| 45 | width: 8px; | ||
| 46 | height: 8px; | ||
| 47 | margin: 2px auto 0; | ||
| 48 | border-radius: 50%; | ||
| 49 | background: #00a8e6; | ||
| 50 | } | ||
| 51 | /* Checkbox */ | ||
| 52 | .uk-form input[type=checkbox]:checked:before, | ||
| 53 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 54 | content: "\f00c"; | ||
| 55 | font-family: FontAwesome; | ||
| 56 | font-size: 12px; | ||
| 57 | -webkit-font-smoothing: antialiased; | ||
| 58 | text-align: center; | ||
| 59 | line-height: 12px; | ||
| 60 | color: #00a8e6; | ||
| 61 | } | ||
| 62 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 63 | content: "\f068"; | ||
| 64 | } | ||
| 65 | /* | ||
| 66 | * Disabled | ||
| 67 | */ | ||
| 68 | .uk-form input[type=radio]:disabled, | ||
| 69 | .uk-form input[type=checkbox]:disabled { | ||
| 70 | border-color: #ddd; | ||
| 71 | } | ||
| 72 | .uk-form input[type=radio]:disabled:checked:before { | ||
| 73 | background-color: #aaa; | ||
| 74 | } | ||
| 75 | .uk-form input[type=checkbox]:disabled:checked:before, | ||
| 76 | .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| 77 | color: #aaa; | ||
| 78 | } | ||
diff --git a/css/components/form-advanced.almost-flat.min.css b/css/components/form-advanced.almost-flat.min.css new file mode 100755 index 0000000..d18464f --- /dev/null +++ b/css/components/form-advanced.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-advanced.css b/css/components/form-advanced.css new file mode 100755 index 0000000..f46ee81 --- /dev/null +++ b/css/components/form-advanced.css | |||
| @@ -0,0 +1,78 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form advanced | ||
| 4 | Note: Only works in Webkit at the moment | ||
| 5 | ========================================================================== */ | ||
| 6 | /* | ||
| 7 | * 1. Style | ||
| 8 | * 2. Makes box more robust so it clips the child element | ||
| 9 | * 3. Vertical alignment | ||
| 10 | * 4. Remove default style | ||
| 11 | * 5. Fix black background on iOS | ||
| 12 | */ | ||
| 13 | .uk-form input[type="radio"], | ||
| 14 | .uk-form input[type="checkbox"] { | ||
| 15 | /* 1 */ | ||
| 16 | display: inline-block; | ||
| 17 | height: 14px; | ||
| 18 | width: 14px; | ||
| 19 | border: 1px solid #aaa; | ||
| 20 | /* 2 */ | ||
| 21 | overflow: hidden; | ||
| 22 | /* 3 */ | ||
| 23 | margin-top: -4px; | ||
| 24 | vertical-align: middle; | ||
| 25 | /* 4 */ | ||
| 26 | -webkit-appearance: none; | ||
| 27 | outline: 0; | ||
| 28 | /* 5 */ | ||
| 29 | background: transparent; | ||
| 30 | } | ||
| 31 | /* Radio */ | ||
| 32 | .uk-form input[type="radio"] { | ||
| 33 | border-radius: 50%; | ||
| 34 | } | ||
| 35 | /* | ||
| 36 | * Checked | ||
| 37 | */ | ||
| 38 | .uk-form input[type=radio]:before, | ||
| 39 | .uk-form input[type=checkbox]:before { | ||
| 40 | display: block; | ||
| 41 | } | ||
| 42 | /* Radio */ | ||
| 43 | .uk-form input[type=radio]:checked:before { | ||
| 44 | content: ''; | ||
| 45 | width: 8px; | ||
| 46 | height: 8px; | ||
| 47 | margin: 2px auto 0; | ||
| 48 | border-radius: 50%; | ||
| 49 | background: #00a8e6; | ||
| 50 | } | ||
| 51 | /* Checkbox */ | ||
| 52 | .uk-form input[type=checkbox]:checked:before, | ||
| 53 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 54 | content: "\f00c"; | ||
| 55 | font-family: FontAwesome; | ||
| 56 | font-size: 12px; | ||
| 57 | -webkit-font-smoothing: antialiased; | ||
| 58 | text-align: center; | ||
| 59 | line-height: 12px; | ||
| 60 | color: #00a8e6; | ||
| 61 | } | ||
| 62 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 63 | content: "\f068"; | ||
| 64 | } | ||
| 65 | /* | ||
| 66 | * Disabled | ||
| 67 | */ | ||
| 68 | .uk-form input[type=radio]:disabled, | ||
| 69 | .uk-form input[type=checkbox]:disabled { | ||
| 70 | border-color: #ddd; | ||
| 71 | } | ||
| 72 | .uk-form input[type=radio]:disabled:checked:before { | ||
| 73 | background-color: #aaa; | ||
| 74 | } | ||
| 75 | .uk-form input[type=checkbox]:disabled:checked:before, | ||
| 76 | .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| 77 | color: #aaa; | ||
| 78 | } | ||
diff --git a/css/components/form-advanced.gradient.css b/css/components/form-advanced.gradient.css new file mode 100755 index 0000000..f46ee81 --- /dev/null +++ b/css/components/form-advanced.gradient.css | |||
| @@ -0,0 +1,78 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form advanced | ||
| 4 | Note: Only works in Webkit at the moment | ||
| 5 | ========================================================================== */ | ||
| 6 | /* | ||
| 7 | * 1. Style | ||
| 8 | * 2. Makes box more robust so it clips the child element | ||
| 9 | * 3. Vertical alignment | ||
| 10 | * 4. Remove default style | ||
| 11 | * 5. Fix black background on iOS | ||
| 12 | */ | ||
| 13 | .uk-form input[type="radio"], | ||
| 14 | .uk-form input[type="checkbox"] { | ||
| 15 | /* 1 */ | ||
| 16 | display: inline-block; | ||
| 17 | height: 14px; | ||
| 18 | width: 14px; | ||
| 19 | border: 1px solid #aaa; | ||
| 20 | /* 2 */ | ||
| 21 | overflow: hidden; | ||
| 22 | /* 3 */ | ||
| 23 | margin-top: -4px; | ||
| 24 | vertical-align: middle; | ||
| 25 | /* 4 */ | ||
| 26 | -webkit-appearance: none; | ||
| 27 | outline: 0; | ||
| 28 | /* 5 */ | ||
| 29 | background: transparent; | ||
| 30 | } | ||
| 31 | /* Radio */ | ||
| 32 | .uk-form input[type="radio"] { | ||
| 33 | border-radius: 50%; | ||
| 34 | } | ||
| 35 | /* | ||
| 36 | * Checked | ||
| 37 | */ | ||
| 38 | .uk-form input[type=radio]:before, | ||
| 39 | .uk-form input[type=checkbox]:before { | ||
| 40 | display: block; | ||
| 41 | } | ||
| 42 | /* Radio */ | ||
| 43 | .uk-form input[type=radio]:checked:before { | ||
| 44 | content: ''; | ||
| 45 | width: 8px; | ||
| 46 | height: 8px; | ||
| 47 | margin: 2px auto 0; | ||
| 48 | border-radius: 50%; | ||
| 49 | background: #00a8e6; | ||
| 50 | } | ||
| 51 | /* Checkbox */ | ||
| 52 | .uk-form input[type=checkbox]:checked:before, | ||
| 53 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 54 | content: "\f00c"; | ||
| 55 | font-family: FontAwesome; | ||
| 56 | font-size: 12px; | ||
| 57 | -webkit-font-smoothing: antialiased; | ||
| 58 | text-align: center; | ||
| 59 | line-height: 12px; | ||
| 60 | color: #00a8e6; | ||
| 61 | } | ||
| 62 | .uk-form input[type=checkbox]:indeterminate:before { | ||
| 63 | content: "\f068"; | ||
| 64 | } | ||
| 65 | /* | ||
| 66 | * Disabled | ||
| 67 | */ | ||
| 68 | .uk-form input[type=radio]:disabled, | ||
| 69 | .uk-form input[type=checkbox]:disabled { | ||
| 70 | border-color: #ddd; | ||
| 71 | } | ||
| 72 | .uk-form input[type=radio]:disabled:checked:before { | ||
| 73 | background-color: #aaa; | ||
| 74 | } | ||
| 75 | .uk-form input[type=checkbox]:disabled:checked:before, | ||
| 76 | .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| 77 | color: #aaa; | ||
| 78 | } | ||
diff --git a/css/components/form-advanced.gradient.min.css b/css/components/form-advanced.gradient.min.css new file mode 100755 index 0000000..d18464f --- /dev/null +++ b/css/components/form-advanced.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-advanced.min.css b/css/components/form-advanced.min.css new file mode 100755 index 0000000..d18464f --- /dev/null +++ b/css/components/form-advanced.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-file.almost-flat.css b/css/components/form-file.almost-flat.css new file mode 100755 index 0000000..59e4c18 --- /dev/null +++ b/css/components/form-file.almost-flat.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form file | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-file { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 2. Expand height and required for the cursor | ||
| 22 | */ | ||
| 23 | .uk-form-file input[type="file"] { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | opacity: 0; | ||
| 29 | cursor: pointer; | ||
| 30 | /* 1 */ | ||
| 31 | left: 0; | ||
| 32 | /* 2 */ | ||
| 33 | font-size: 500px; | ||
| 34 | } | ||
diff --git a/css/components/form-file.almost-flat.min.css b/css/components/form-file.almost-flat.min.css new file mode 100755 index 0000000..6a75f13 --- /dev/null +++ b/css/components/form-file.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-file.css b/css/components/form-file.css new file mode 100755 index 0000000..59e4c18 --- /dev/null +++ b/css/components/form-file.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form file | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-file { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 2. Expand height and required for the cursor | ||
| 22 | */ | ||
| 23 | .uk-form-file input[type="file"] { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | opacity: 0; | ||
| 29 | cursor: pointer; | ||
| 30 | /* 1 */ | ||
| 31 | left: 0; | ||
| 32 | /* 2 */ | ||
| 33 | font-size: 500px; | ||
| 34 | } | ||
diff --git a/css/components/form-file.gradient.css b/css/components/form-file.gradient.css new file mode 100755 index 0000000..59e4c18 --- /dev/null +++ b/css/components/form-file.gradient.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form file | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-file { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 2. Expand height and required for the cursor | ||
| 22 | */ | ||
| 23 | .uk-form-file input[type="file"] { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | opacity: 0; | ||
| 29 | cursor: pointer; | ||
| 30 | /* 1 */ | ||
| 31 | left: 0; | ||
| 32 | /* 2 */ | ||
| 33 | font-size: 500px; | ||
| 34 | } | ||
diff --git a/css/components/form-file.gradient.min.css b/css/components/form-file.gradient.min.css new file mode 100755 index 0000000..6a75f13 --- /dev/null +++ b/css/components/form-file.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-file.min.css b/css/components/form-file.min.css new file mode 100755 index 0000000..6a75f13 --- /dev/null +++ b/css/components/form-file.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-password.almost-flat.css b/css/components/form-password.almost-flat.css new file mode 100755 index 0000000..bd0b9c5 --- /dev/null +++ b/css/components/form-password.almost-flat.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form password | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | */ | ||
| 10 | .uk-form-password { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | position: relative; | ||
| 15 | /* 3 */ | ||
| 16 | max-width: 100%; | ||
| 17 | } | ||
| 18 | .uk-form-password-toggle { | ||
| 19 | display: block; | ||
| 20 | position: absolute; | ||
| 21 | top: 50%; | ||
| 22 | right: 10px; | ||
| 23 | margin-top: -6px; | ||
| 24 | font-size: 13px; | ||
| 25 | line-height: 13px; | ||
| 26 | color: #999; | ||
| 27 | } | ||
| 28 | .uk-form-password-toggle:hover { | ||
| 29 | color: #999; | ||
| 30 | text-decoration: none; | ||
| 31 | } | ||
| 32 | .uk-form-password > input { | ||
| 33 | padding-right: 50px !important; | ||
| 34 | } | ||
diff --git a/css/components/form-password.almost-flat.min.css b/css/components/form-password.almost-flat.min.css new file mode 100755 index 0000000..0afeaf2 --- /dev/null +++ b/css/components/form-password.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-password.css b/css/components/form-password.css new file mode 100755 index 0000000..bd0b9c5 --- /dev/null +++ b/css/components/form-password.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form password | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | */ | ||
| 10 | .uk-form-password { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | position: relative; | ||
| 15 | /* 3 */ | ||
| 16 | max-width: 100%; | ||
| 17 | } | ||
| 18 | .uk-form-password-toggle { | ||
| 19 | display: block; | ||
| 20 | position: absolute; | ||
| 21 | top: 50%; | ||
| 22 | right: 10px; | ||
| 23 | margin-top: -6px; | ||
| 24 | font-size: 13px; | ||
| 25 | line-height: 13px; | ||
| 26 | color: #999; | ||
| 27 | } | ||
| 28 | .uk-form-password-toggle:hover { | ||
| 29 | color: #999; | ||
| 30 | text-decoration: none; | ||
| 31 | } | ||
| 32 | .uk-form-password > input { | ||
| 33 | padding-right: 50px !important; | ||
| 34 | } | ||
diff --git a/css/components/form-password.gradient.css b/css/components/form-password.gradient.css new file mode 100755 index 0000000..bd0b9c5 --- /dev/null +++ b/css/components/form-password.gradient.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form password | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | */ | ||
| 10 | .uk-form-password { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | position: relative; | ||
| 15 | /* 3 */ | ||
| 16 | max-width: 100%; | ||
| 17 | } | ||
| 18 | .uk-form-password-toggle { | ||
| 19 | display: block; | ||
| 20 | position: absolute; | ||
| 21 | top: 50%; | ||
| 22 | right: 10px; | ||
| 23 | margin-top: -6px; | ||
| 24 | font-size: 13px; | ||
| 25 | line-height: 13px; | ||
| 26 | color: #999; | ||
| 27 | } | ||
| 28 | .uk-form-password-toggle:hover { | ||
| 29 | color: #999; | ||
| 30 | text-decoration: none; | ||
| 31 | } | ||
| 32 | .uk-form-password > input { | ||
| 33 | padding-right: 50px !important; | ||
| 34 | } | ||
diff --git a/css/components/form-password.gradient.min.css b/css/components/form-password.gradient.min.css new file mode 100755 index 0000000..0afeaf2 --- /dev/null +++ b/css/components/form-password.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-password.min.css b/css/components/form-password.min.css new file mode 100755 index 0000000..0afeaf2 --- /dev/null +++ b/css/components/form-password.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-select.almost-flat.css b/css/components/form-select.almost-flat.css new file mode 100755 index 0000000..cfdf373 --- /dev/null +++ b/css/components/form-select.almost-flat.css | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form select | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-select { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 1. Required for Webkit to make `height` work | ||
| 22 | */ | ||
| 23 | .uk-form-select select { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | height: 100%; | ||
| 29 | opacity: 0; | ||
| 30 | cursor: pointer; | ||
| 31 | /* 1 */ | ||
| 32 | left: 0; | ||
| 33 | /* 2 */ | ||
| 34 | -webkit-appearance: none; | ||
| 35 | } | ||
diff --git a/css/components/form-select.almost-flat.min.css b/css/components/form-select.almost-flat.min.css new file mode 100755 index 0000000..5a0f833 --- /dev/null +++ b/css/components/form-select.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-select.css b/css/components/form-select.css new file mode 100755 index 0000000..cfdf373 --- /dev/null +++ b/css/components/form-select.css | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form select | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-select { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 1. Required for Webkit to make `height` work | ||
| 22 | */ | ||
| 23 | .uk-form-select select { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | height: 100%; | ||
| 29 | opacity: 0; | ||
| 30 | cursor: pointer; | ||
| 31 | /* 1 */ | ||
| 32 | left: 0; | ||
| 33 | /* 2 */ | ||
| 34 | -webkit-appearance: none; | ||
| 35 | } | ||
diff --git a/css/components/form-select.gradient.css b/css/components/form-select.gradient.css new file mode 100755 index 0000000..cfdf373 --- /dev/null +++ b/css/components/form-select.gradient.css | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form select | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Behave like form elements | ||
| 7 | * 2. Create position context for dropdowns | ||
| 8 | * 3. Clip content | ||
| 9 | */ | ||
| 10 | .uk-form-select { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | vertical-align: middle; | ||
| 14 | /* 2 */ | ||
| 15 | position: relative; | ||
| 16 | /* 3 */ | ||
| 17 | overflow: hidden; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * 1. Required for Firefox | ||
| 21 | * 1. Required for Webkit to make `height` work | ||
| 22 | */ | ||
| 23 | .uk-form-select select { | ||
| 24 | position: absolute; | ||
| 25 | top: 0; | ||
| 26 | z-index: 1; | ||
| 27 | width: 100%; | ||
| 28 | height: 100%; | ||
| 29 | opacity: 0; | ||
| 30 | cursor: pointer; | ||
| 31 | /* 1 */ | ||
| 32 | left: 0; | ||
| 33 | /* 2 */ | ||
| 34 | -webkit-appearance: none; | ||
| 35 | } | ||
diff --git a/css/components/form-select.gradient.min.css b/css/components/form-select.gradient.min.css new file mode 100755 index 0000000..5a0f833 --- /dev/null +++ b/css/components/form-select.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/form-select.min.css b/css/components/form-select.min.css new file mode 100755 index 0000000..5a0f833 --- /dev/null +++ b/css/components/form-select.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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/css/components/htmleditor.almost-flat.css b/css/components/htmleditor.almost-flat.css new file mode 100755 index 0000000..169d7c4 --- /dev/null +++ b/css/components/htmleditor.almost-flat.css | |||
| @@ -0,0 +1,222 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: HTML editor | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object `uk-htmleditor-navbar` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-htmleditor-navbar { | ||
| 8 | background: #f5f5f5; | ||
| 9 | border: 1px solid rgba(0, 0, 0, 0.06); | ||
| 10 | border-top-left-radius: 4px; | ||
| 11 | border-top-right-radius: 4px; | ||
| 12 | } | ||
| 13 | /* | ||
| 14 | * Micro clearfix | ||
| 15 | */ | ||
| 16 | .uk-htmleditor-navbar:before, | ||
| 17 | .uk-htmleditor-navbar:after { | ||
| 18 | content: ""; | ||
| 19 | display: table; | ||
| 20 | } | ||
| 21 | .uk-htmleditor-navbar:after { | ||
| 22 | clear: both; | ||
| 23 | } | ||
| 24 | /* Sub-object `uk-htmleditor-navbar-nav` | ||
| 25 | ========================================================================== */ | ||
| 26 | .uk-htmleditor-navbar-nav { | ||
| 27 | margin: 0; | ||
| 28 | padding: 0; | ||
| 29 | list-style: none; | ||
| 30 | float: left; | ||
| 31 | } | ||
| 32 | .uk-htmleditor-navbar-nav > li { | ||
| 33 | float: left; | ||
| 34 | } | ||
| 35 | /* | ||
| 36 | * 1. Dimensions | ||
| 37 | * 2. Style | ||
| 38 | */ | ||
| 39 | .uk-htmleditor-navbar-nav > li > a { | ||
| 40 | display: block; | ||
| 41 | box-sizing: border-box; | ||
| 42 | text-decoration: none; | ||
| 43 | /* 1 */ | ||
| 44 | height: 41px; | ||
| 45 | padding: 0 15px; | ||
| 46 | line-height: 40px; | ||
| 47 | /* 2 */ | ||
| 48 | color: #444; | ||
| 49 | font-size: 11px; | ||
| 50 | cursor: pointer; | ||
| 51 | margin-top: -1px; | ||
| 52 | margin-left: -1px; | ||
| 53 | border: 1px solid transparent; | ||
| 54 | border-bottom-width: 0; | ||
| 55 | text-shadow: 0 1px 0 #fff; | ||
| 56 | } | ||
| 57 | /* | ||
| 58 | * Hover | ||
| 59 | * 1. Apply hover style also to focus state | ||
| 60 | * 2. Remove default focus style | ||
| 61 | */ | ||
| 62 | .uk-htmleditor-navbar-nav > li:hover > a, | ||
| 63 | .uk-htmleditor-navbar-nav > li > a:focus { | ||
| 64 | background-color: #fafafa; | ||
| 65 | color: #444; | ||
| 66 | outline: none; | ||
| 67 | /* 2 */ | ||
| 68 | position: relative; | ||
| 69 | z-index: 1; | ||
| 70 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 71 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 72 | border-top-color: rgba(0, 0, 0, 0.1); | ||
| 73 | } | ||
| 74 | /* OnClick */ | ||
| 75 | .uk-htmleditor-navbar-nav > li > a:active { | ||
| 76 | background-color: #eee; | ||
| 77 | color: #444; | ||
| 78 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 79 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 80 | border-top-color: rgba(0, 0, 0, 0.2); | ||
| 81 | } | ||
| 82 | /* Active */ | ||
| 83 | .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| 84 | background-color: #fafafa; | ||
| 85 | color: #444; | ||
| 86 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 87 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 88 | border-top-color: rgba(0, 0, 0, 0.1); | ||
| 89 | } | ||
| 90 | /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| 91 | ========================================================================== */ | ||
| 92 | .uk-htmleditor-navbar-flip { | ||
| 93 | float: right; | ||
| 94 | } | ||
| 95 | /* Sub-object for special buttons | ||
| 96 | ========================================================================== */ | ||
| 97 | [data-mode='split'] .uk-htmleditor-button-code, | ||
| 98 | [data-mode='split'] .uk-htmleditor-button-preview { | ||
| 99 | display: none; | ||
| 100 | } | ||
| 101 | /* Sub-object `uk-htmleditor-content` | ||
| 102 | ========================================================================== */ | ||
| 103 | .uk-htmleditor-content { | ||
| 104 | border-left: 1px solid #ddd; | ||
| 105 | border-right: 1px solid #ddd; | ||
| 106 | border-bottom: 1px solid #ddd; | ||
| 107 | background: #fff; | ||
| 108 | border-bottom-left-radius: 4px; | ||
| 109 | border-bottom-right-radius: 4px; | ||
| 110 | } | ||
| 111 | /* | ||
| 112 | * Micro clearfix | ||
| 113 | */ | ||
| 114 | .uk-htmleditor-content:before, | ||
| 115 | .uk-htmleditor-content:after { | ||
| 116 | content: ""; | ||
| 117 | display: table; | ||
| 118 | } | ||
| 119 | .uk-htmleditor-content:after { | ||
| 120 | clear: both; | ||
| 121 | } | ||
| 122 | /* Modifier `uk-htmleditor-fullscreen` | ||
| 123 | ========================================================================== */ | ||
| 124 | .uk-htmleditor-fullscreen { | ||
| 125 | position: fixed; | ||
| 126 | top: 0; | ||
| 127 | left: 0; | ||
| 128 | right: 0; | ||
| 129 | bottom: 0; | ||
| 130 | z-index: 990; | ||
| 131 | } | ||
| 132 | .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| 133 | position: absolute; | ||
| 134 | top: 41px; | ||
| 135 | left: 0; | ||
| 136 | right: 0; | ||
| 137 | bottom: 0; | ||
| 138 | } | ||
| 139 | .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| 140 | content: "\f066"; | ||
| 141 | } | ||
| 142 | /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| 143 | ========================================================================== */ | ||
| 144 | .uk-htmleditor-code, | ||
| 145 | .uk-htmleditor-preview { | ||
| 146 | box-sizing: border-box; | ||
| 147 | } | ||
| 148 | .uk-htmleditor-preview { | ||
| 149 | padding: 20px; | ||
| 150 | overflow-y: scroll; | ||
| 151 | position: relative; | ||
| 152 | } | ||
| 153 | /* | ||
| 154 | * Tab view | ||
| 155 | */ | ||
| 156 | [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| 157 | [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| 158 | display: none; | ||
| 159 | } | ||
| 160 | /* | ||
| 161 | * Split view | ||
| 162 | */ | ||
| 163 | [data-mode='split'] .uk-htmleditor-code, | ||
| 164 | [data-mode='split'] .uk-htmleditor-preview { | ||
| 165 | float: left; | ||
| 166 | width: 50%; | ||
| 167 | } | ||
| 168 | [data-mode='split'] .uk-htmleditor-code { | ||
| 169 | border-right: 1px solid #eee; | ||
| 170 | } | ||
| 171 | /* Sub-object `uk-htmleditor-iframe` | ||
| 172 | ========================================================================== */ | ||
| 173 | .uk-htmleditor-iframe { | ||
| 174 | position: absolute; | ||
| 175 | top: 0; | ||
| 176 | left: 0; | ||
| 177 | width: 100%; | ||
| 178 | height: 100%; | ||
| 179 | } | ||
| 180 | /* CodeMirror modifications | ||
| 181 | ========================================================================== */ | ||
| 182 | .uk-htmleditor .CodeMirror { | ||
| 183 | padding: 10px; | ||
| 184 | box-sizing: border-box; | ||
| 185 | } | ||
| 186 | /* | ||
| 187 | * Apply same `border-radius` as `uk-htmleditor-navbar` | ||
| 188 | */ | ||
| 189 | .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| 190 | border-top-left-radius: 4px; | ||
| 191 | } | ||
| 192 | /* | ||
| 193 | * Sub-modifier `uk-htmleditor-navbar-flip` | ||
| 194 | */ | ||
| 195 | /* Collapse border */ | ||
| 196 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { | ||
| 197 | margin-left: 0; | ||
| 198 | margin-right: -1px; | ||
| 199 | } | ||
| 200 | /* Apply same `border-radius` as `uk-htmleditor-navbar` */ | ||
| 201 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| 202 | border-top-left-radius: 0; | ||
| 203 | } | ||
| 204 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { | ||
| 205 | border-top-right-radius: 4px; | ||
| 206 | } | ||
| 207 | /* | ||
| 208 | * Sub-modifier `uk-htmleditor-fullscreen` | ||
| 209 | */ | ||
| 210 | .uk-htmleditor-fullscreen .uk-htmleditor-navbar { | ||
| 211 | border-top: none; | ||
| 212 | border-left: none; | ||
| 213 | border-right: none; | ||
| 214 | border-radius: 0; | ||
| 215 | } | ||
| 216 | .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| 217 | border: none; | ||
| 218 | border-radius: 0; | ||
| 219 | } | ||
| 220 | .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { | ||
| 221 | border-radius: 0 !important; | ||
| 222 | } | ||
diff --git a/css/components/htmleditor.almost-flat.min.css b/css/components/htmleditor.almost-flat.min.css new file mode 100755 index 0000000..a3d1468 --- /dev/null +++ b/css/components/htmleditor.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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{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;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/css/components/htmleditor.css b/css/components/htmleditor.css new file mode 100755 index 0000000..1193c59 --- /dev/null +++ b/css/components/htmleditor.css | |||
| @@ -0,0 +1,164 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: HTML editor | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object `uk-htmleditor-navbar` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-htmleditor-navbar { | ||
| 8 | background: #eee; | ||
| 9 | } | ||
| 10 | /* | ||
| 11 | * Micro clearfix | ||
| 12 | */ | ||
| 13 | .uk-htmleditor-navbar:before, | ||
| 14 | .uk-htmleditor-navbar:after { | ||
| 15 | content: ""; | ||
| 16 | display: table; | ||
| 17 | } | ||
| 18 | .uk-htmleditor-navbar:after { | ||
| 19 | clear: both; | ||
| 20 | } | ||
| 21 | /* Sub-object `uk-htmleditor-navbar-nav` | ||
| 22 | ========================================================================== */ | ||
| 23 | .uk-htmleditor-navbar-nav { | ||
| 24 | margin: 0; | ||
| 25 | padding: 0; | ||
| 26 | list-style: none; | ||
| 27 | float: left; | ||
| 28 | } | ||
| 29 | .uk-htmleditor-navbar-nav > li { | ||
| 30 | float: left; | ||
| 31 | } | ||
| 32 | /* | ||
| 33 | * 1. Dimensions | ||
| 34 | * 2. Style | ||
| 35 | */ | ||
| 36 | .uk-htmleditor-navbar-nav > li > a { | ||
| 37 | display: block; | ||
| 38 | box-sizing: border-box; | ||
| 39 | text-decoration: none; | ||
| 40 | /* 1 */ | ||
| 41 | height: 40px; | ||
| 42 | padding: 0 15px; | ||
| 43 | line-height: 40px; | ||
| 44 | /* 2 */ | ||
| 45 | color: #444; | ||
| 46 | font-size: 11px; | ||
| 47 | cursor: pointer; | ||
| 48 | } | ||
| 49 | /* | ||
| 50 | * Hover | ||
| 51 | * 1. Apply hover style also to focus state | ||
| 52 | * 2. Remove default focus style | ||
| 53 | */ | ||
| 54 | .uk-htmleditor-navbar-nav > li:hover > a, | ||
| 55 | .uk-htmleditor-navbar-nav > li > a:focus { | ||
| 56 | background-color: #f5f5f5; | ||
| 57 | color: #444; | ||
| 58 | outline: none; | ||
| 59 | /* 2 */ | ||
| 60 | } | ||
| 61 | /* OnClick */ | ||
| 62 | .uk-htmleditor-navbar-nav > li > a:active { | ||
| 63 | background-color: #ddd; | ||
| 64 | color: #444; | ||
| 65 | } | ||
| 66 | /* Active */ | ||
| 67 | .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| 68 | background-color: #f5f5f5; | ||
| 69 | color: #444; | ||
| 70 | } | ||
| 71 | /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| 72 | ========================================================================== */ | ||
| 73 | .uk-htmleditor-navbar-flip { | ||
| 74 | float: right; | ||
| 75 | } | ||
| 76 | /* Sub-object for special buttons | ||
| 77 | ========================================================================== */ | ||
| 78 | [data-mode='split'] .uk-htmleditor-button-code, | ||
| 79 | [data-mode='split'] .uk-htmleditor-button-preview { | ||
| 80 | display: none; | ||
| 81 | } | ||
| 82 | /* Sub-object `uk-htmleditor-content` | ||
| 83 | ========================================================================== */ | ||
| 84 | .uk-htmleditor-content { | ||
| 85 | border-left: 1px solid #ddd; | ||
| 86 | border-right: 1px solid #ddd; | ||
| 87 | border-bottom: 1px solid #ddd; | ||
| 88 | background: #fff; | ||
| 89 | } | ||
| 90 | /* | ||
| 91 | * Micro clearfix | ||
| 92 | */ | ||
| 93 | .uk-htmleditor-content:before, | ||
| 94 | .uk-htmleditor-content:after { | ||
| 95 | content: ""; | ||
| 96 | display: table; | ||
| 97 | } | ||
| 98 | .uk-htmleditor-content:after { | ||
| 99 | clear: both; | ||
| 100 | } | ||
| 101 | /* Modifier `uk-htmleditor-fullscreen` | ||
| 102 | ========================================================================== */ | ||
| 103 | .uk-htmleditor-fullscreen { | ||
| 104 | position: fixed; | ||
| 105 | top: 0; | ||
| 106 | left: 0; | ||
| 107 | right: 0; | ||
| 108 | bottom: 0; | ||
| 109 | z-index: 990; | ||
| 110 | } | ||
| 111 | .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| 112 | position: absolute; | ||
| 113 | top: 40px; | ||
| 114 | left: 0; | ||
| 115 | right: 0; | ||
| 116 | bottom: 0; | ||
| 117 | } | ||
| 118 | .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| 119 | content: "\f066"; | ||
| 120 | } | ||
| 121 | /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| 122 | ========================================================================== */ | ||
| 123 | .uk-htmleditor-code, | ||
| 124 | .uk-htmleditor-preview { | ||
| 125 | box-sizing: border-box; | ||
| 126 | } | ||
| 127 | .uk-htmleditor-preview { | ||
| 128 | padding: 20px; | ||
| 129 | overflow-y: scroll; | ||
| 130 | position: relative; | ||
| 131 | } | ||
| 132 | /* | ||
| 133 | * Tab view | ||
| 134 | */ | ||
| 135 | [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| 136 | [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| 137 | display: none; | ||
| 138 | } | ||
| 139 | /* | ||
| 140 | * Split view | ||
| 141 | */ | ||
| 142 | [data-mode='split'] .uk-htmleditor-code, | ||
| 143 | [data-mode='split'] .uk-htmleditor-preview { | ||
| 144 | float: left; | ||
| 145 | width: 50%; | ||
| 146 | } | ||
| 147 | [data-mode='split'] .uk-htmleditor-code { | ||
| 148 | border-right: 1px solid #eee; | ||
| 149 | } | ||
| 150 | /* Sub-object `uk-htmleditor-iframe` | ||
| 151 | ========================================================================== */ | ||
| 152 | .uk-htmleditor-iframe { | ||
| 153 | position: absolute; | ||
| 154 | top: 0; | ||
| 155 | left: 0; | ||
| 156 | width: 100%; | ||
| 157 | height: 100%; | ||
| 158 | } | ||
| 159 | /* CodeMirror modifications | ||
| 160 | ========================================================================== */ | ||
| 161 | .uk-htmleditor .CodeMirror { | ||
| 162 | padding: 10px; | ||
| 163 | box-sizing: border-box; | ||
| 164 | } | ||
diff --git a/css/components/htmleditor.gradient.css b/css/components/htmleditor.gradient.css new file mode 100755 index 0000000..91e8984 --- /dev/null +++ b/css/components/htmleditor.gradient.css | |||
| @@ -0,0 +1,229 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: HTML editor | ||
| 4 | ========================================================================== */ | ||
| 5 | /* Sub-object `uk-htmleditor-navbar` | ||
| 6 | ========================================================================== */ | ||
| 7 | .uk-htmleditor-navbar { | ||
| 8 | background: #f7f7f7; | ||
| 9 | border: 1px solid rgba(0, 0, 0, 0.1); | ||
| 10 | border-bottom-color: rgba(0, 0, 0, 0.2); | ||
| 11 | border-top-left-radius: 4px; | ||
| 12 | border-top-right-radius: 4px; | ||
| 13 | background-origin: border-box; | ||
| 14 | background-image: -webkit-linear-gradient(top, #fff, #eee); | ||
| 15 | background-image: linear-gradient(to bottom, #fff, #eee); | ||
| 16 | } | ||
| 17 | /* | ||
| 18 | * Micro clearfix | ||
| 19 | */ | ||
| 20 | .uk-htmleditor-navbar:before, | ||
| 21 | .uk-htmleditor-navbar:after { | ||
| 22 | content: ""; | ||
| 23 | display: table; | ||
| 24 | } | ||
| 25 | .uk-htmleditor-navbar:after { | ||
| 26 | clear: both; | ||
| 27 | } | ||
| 28 | /* Sub-object `uk-htmleditor-navbar-nav` | ||
| 29 | ========================================================================== */ | ||
| 30 | .uk-htmleditor-navbar-nav { | ||
| 31 | margin: 0; | ||
| 32 | padding: 0; | ||
| 33 | list-style: none; | ||
| 34 | float: left; | ||
| 35 | } | ||
| 36 | .uk-htmleditor-navbar-nav > li { | ||
| 37 | float: left; | ||
| 38 | } | ||
| 39 | /* | ||
| 40 | * 1. Dimensions | ||
| 41 | * 2. Style | ||
| 42 | */ | ||
| 43 | .uk-htmleditor-navbar-nav > li > a { | ||
| 44 | display: block; | ||
| 45 | box-sizing: border-box; | ||
| 46 | text-decoration: none; | ||
| 47 | /* 1 */ | ||
| 48 | height: 41px; | ||
| 49 | padding: 0 15px; | ||
| 50 | line-height: 40px; | ||
| 51 | /* 2 */ | ||
| 52 | color: #444; | ||
| 53 | font-size: 11px; | ||
| 54 | cursor: pointer; | ||
| 55 | margin-top: -1px; | ||
| 56 | margin-left: -1px; | ||
| 57 | border: 1px solid transparent; | ||
| 58 | border-bottom-width: 0; | ||
| 59 | text-shadow: 0 1px 0 #fff; | ||
| 60 | } | ||
| 61 | /* | ||
| 62 | * Hover | ||
| 63 | * 1. Apply hover style also to focus state | ||
| 64 | * 2. Remove default focus style | ||
| 65 | */ | ||
| 66 | .uk-htmleditor-navbar-nav > li:hover > a, | ||
| 67 | .uk-htmleditor-navbar-nav > li > a:focus { | ||
| 68 | background-color: transparent; | ||
| 69 | color: #444; | ||
| 70 | outline: none; | ||
| 71 | /* 2 */ | ||
| 72 | position: relative; | ||
| 73 | z-index: 1; | ||
| 74 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 75 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 76 | border-top-color: rgba(0, 0, 0, 0.1); | ||
| 77 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| 78 | } | ||
| 79 | /* OnClick */ | ||
| 80 | .uk-htmleditor-navbar-nav > li > a:active { | ||
| 81 | background-color: #f5f5f5; | ||
| 82 | color: #444; | ||
| 83 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 84 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 85 | border-top-color: rgba(0, 0, 0, 0.2); | ||
| 86 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| 87 | } | ||
| 88 | /* Active */ | ||
| 89 | .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| 90 | background-color: #fafafa; | ||
| 91 | color: #444; | ||
| 92 | border-left-color: rgba(0, 0, 0, 0.1); | ||
| 93 | border-right-color: rgba(0, 0, 0, 0.1); | ||
| 94 | border-top-color: rgba(0, 0, 0, 0.2); | ||
| 95 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| 96 | } | ||
| 97 | /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| 98 | ========================================================================== */ | ||
| 99 | .uk-htmleditor-navbar-flip { | ||
| 100 | float: right; | ||
| 101 | } | ||
| 102 | /* Sub-object for special buttons | ||
| 103 | ========================================================================== */ | ||
| 104 | [data-mode='split'] .uk-htmleditor-button-code, | ||
| 105 | [data-mode='split'] .uk-htmleditor-button-preview { | ||
| 106 | display: none; | ||
| 107 | } | ||
| 108 | /* Sub-object `uk-htmleditor-content` | ||
| 109 | ========================================================================== */ | ||
| 110 | .uk-htmleditor-content { | ||
| 111 | border-left: 1px solid #ddd; | ||
| 112 | border-right: 1px solid #ddd; | ||
| 113 | border-bottom: 1px solid #ddd; | ||
| 114 | background: #fff; | ||
| 115 | border-bottom-left-radius: 4px; | ||
| 116 | border-bottom-right-radius: 4px; | ||
| 117 | } | ||
| 118 | /* | ||
| 119 | * Micro clearfix | ||
| 120 | */ | ||
| 121 | .uk-htmleditor-content:before, | ||
| 122 | .uk-htmleditor-content:after { | ||
| 123 | content: ""; | ||
| 124 | display: table; | ||
| 125 | } | ||
| 126 | .uk-htmleditor-content:after { | ||
| 127 | clear: both; | ||
| 128 | } | ||
| 129 | /* Modifier `uk-htmleditor-fullscreen` | ||
| 130 | ========================================================================== */ | ||
| 131 | .uk-htmleditor-fullscreen { | ||
| 132 | position: fixed; | ||
| 133 | top: 0; | ||
| 134 | left: 0; | ||
| 135 | right: 0; | ||
| 136 | bottom: 0; | ||
| 137 | z-index: 990; | ||
| 138 | } | ||
| 139 | .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| 140 | position: absolute; | ||
| 141 | top: 41px; | ||
| 142 | left: 0; | ||
| 143 | right: 0; | ||
| 144 | bottom: 0; | ||
| 145 | } | ||
| 146 | .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| 147 | content: "\f066"; | ||
| 148 | } | ||
| 149 | /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| 150 | ========================================================================== */ | ||
| 151 | .uk-htmleditor-code, | ||
| 152 | .uk-htmleditor-preview { | ||
| 153 | box-sizing: border-box; | ||
| 154 | } | ||
| 155 | .uk-htmleditor-preview { | ||
| 156 | padding: 20px; | ||
| 157 | overflow-y: scroll; | ||
| 158 | position: relative; | ||
| 159 | } | ||
| 160 | /* | ||
| 161 | * Tab view | ||
| 162 | */ | ||
| 163 | [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| 164 | [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| 165 | display: none; | ||
| 166 | } | ||
| 167 | /* | ||
| 168 | * Split view | ||
| 169 | */ | ||
| 170 | [data-mode='split'] .uk-htmleditor-code, | ||
| 171 | [data-mode='split'] .uk-htmleditor-preview { | ||
| 172 | float: left; | ||
| 173 | width: 50%; | ||
| 174 | } | ||
| 175 | [data-mode='split'] .uk-htmleditor-code { | ||
| 176 | border-right: 1px solid #eee; | ||
| 177 | } | ||
| 178 | /* Sub-object `uk-htmleditor-iframe` | ||
| 179 | ========================================================================== */ | ||
| 180 | .uk-htmleditor-iframe { | ||
| 181 | position: absolute; | ||
| 182 | top: 0; | ||
| 183 | left: 0; | ||
| 184 | width: 100%; | ||
| 185 | height: 100%; | ||
| 186 | } | ||
| 187 | /* CodeMirror modifications | ||
| 188 | ========================================================================== */ | ||
| 189 | .uk-htmleditor .CodeMirror { | ||
| 190 | padding: 10px; | ||
| 191 | box-sizing: border-box; | ||
| 192 | } | ||
| 193 | /* | ||
| 194 | * Apply same `border-radius` as `uk-htmleditor-navbar` | ||
| 195 | */ | ||
| 196 | .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| 197 | border-top-left-radius: 4px; | ||
| 198 | } | ||
| 199 | /* | ||
| 200 | * Sub-modifier `uk-htmleditor-navbar-flip` | ||
| 201 | */ | ||
| 202 | /* Collapse border */ | ||
| 203 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { | ||
| 204 | margin-left: 0; | ||
| 205 | margin-right: -1px; | ||
| 206 | } | ||
| 207 | /* Apply same `border-radius` as `uk-htmleditor-navbar` */ | ||
| 208 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| 209 | border-top-left-radius: 0; | ||
| 210 | } | ||
| 211 | .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { | ||
| 212 | border-top-right-radius: 4px; | ||
| 213 | } | ||
| 214 | /* | ||
| 215 | * Sub-modifier `uk-htmleditor-fullscreen` | ||
| 216 | */ | ||
| 217 | .uk-htmleditor-fullscreen .uk-htmleditor-navbar { | ||
| 218 | border-top: none; | ||
| 219 | border-left: none; | ||
| 220 | border-right: none; | ||
| 221 | border-radius: 0; | ||
| 222 | } | ||
| 223 | .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| 224 | border: none; | ||
| 225 | border-radius: 0; | ||
| 226 | } | ||
| 227 | .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { | ||
| 228 | border-radius: 0 !important; | ||
| 229 | } | ||
diff --git a/css/components/htmleditor.gradient.min.css b/css/components/htmleditor.gradient.min.css new file mode 100755 index 0000000..cff230e --- /dev/null +++ b/css/components/htmleditor.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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{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;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/css/components/htmleditor.min.css b/css/components/htmleditor.min.css new file mode 100755 index 0000000..a05aa0b --- /dev/null +++ b/css/components/htmleditor.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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;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{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;box-sizing:border-box} \ No newline at end of file | ||
diff --git a/css/components/nestable.almost-flat.css b/css/components/nestable.almost-flat.css new file mode 100755 index 0000000..05e4a9c --- /dev/null +++ b/css/components/nestable.almost-flat.css | |||
| @@ -0,0 +1,139 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Nestable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-nestable { | ||
| 6 | padding: 0; | ||
| 7 | list-style: none; | ||
| 8 | } | ||
| 9 | /* | ||
| 10 | * Disables the default callout shown when you touch and hold a touch target | ||
| 11 | * Currently only works in Webkit | ||
| 12 | */ | ||
| 13 | .uk-nestable a, | ||
| 14 | .uk-nestable img { | ||
| 15 | -webkit-touch-callout: none; | ||
| 16 | } | ||
| 17 | /* Sub-object `uk-nestable-list` | ||
| 18 | ========================================================================== */ | ||
| 19 | .uk-nestable-list { | ||
| 20 | margin: 0; | ||
| 21 | padding-left: 40px; | ||
| 22 | list-style: none; | ||
| 23 | } | ||
| 24 | /* Sub-modifier `uk-nestable-item` | ||
| 25 | ========================================================================== */ | ||
| 26 | /* | ||
| 27 | * 1. Deactivate browser touch actions in IE11 | ||
| 28 | */ | ||
| 29 | .uk-nestable-item { | ||
| 30 | /* 1 */ | ||
| 31 | touch-action: none; | ||
| 32 | } | ||
| 33 | .uk-nestable-item + .uk-nestable-item { | ||
| 34 | margin-top: 10px; | ||
| 35 | } | ||
| 36 | .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| 37 | margin-top: 10px; | ||
| 38 | } | ||
| 39 | /* Sub-modifier `uk-nestable-dragged` | ||
| 40 | ========================================================================== */ | ||
| 41 | /* | ||
| 42 | * 1. Reset style | ||
| 43 | */ | ||
| 44 | .uk-nestable-dragged { | ||
| 45 | position: absolute; | ||
| 46 | z-index: 1050; | ||
| 47 | pointer-events: none; | ||
| 48 | /* 1 */ | ||
| 49 | padding-left: 0; | ||
| 50 | } | ||
| 51 | /* Sub-modifier `uk-nestable-placeholder` | ||
| 52 | ========================================================================== */ | ||
| 53 | .uk-nestable-placeholder { | ||
| 54 | position: relative; | ||
| 55 | } | ||
| 56 | .uk-nestable-placeholder > * { | ||
| 57 | opacity: 0; | ||
| 58 | } | ||
| 59 | .uk-nestable-placeholder:after { | ||
| 60 | content: ''; | ||
| 61 | position: absolute; | ||
| 62 | top: 0; | ||
| 63 | bottom: 0; | ||
| 64 | left: 0; | ||
| 65 | right: 0; | ||
| 66 | border: 1px dashed #ddd; | ||
| 67 | opacity: 1; | ||
| 68 | } | ||
| 69 | /* Empty List | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-nestable-empty { | ||
| 72 | min-height: 30px; | ||
| 73 | } | ||
| 74 | /* Sub-object `uk-nestable-handle` | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Deactivate browser touch actions in IE11 | ||
| 78 | */ | ||
| 79 | .uk-nestable-handle { | ||
| 80 | touch-action: none; | ||
| 81 | } | ||
| 82 | /* Hover */ | ||
| 83 | .uk-nestable-handle:hover { | ||
| 84 | cursor: move; | ||
| 85 | } | ||
| 86 | /* Sub-object `uk-nestable-moving` | ||
| 87 | ========================================================================== */ | ||
| 88 | .uk-nestable-moving, | ||
| 89 | .uk-nestable-moving * { | ||
| 90 | cursor: move; | ||
| 91 | } | ||
| 92 | /* Fixes dragging items over iframes */ | ||
| 93 | .uk-nestable-moving iframe { | ||
| 94 | pointer-events: none; | ||
| 95 | } | ||
| 96 | /* [data-nestable-action='toggle'] | ||
| 97 | ========================================================================== */ | ||
| 98 | /* | ||
| 99 | * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| 100 | */ | ||
| 101 | [data-nestable-action='toggle'] { | ||
| 102 | cursor: pointer; | ||
| 103 | /* 1 */ | ||
| 104 | -moz-user-select: none; | ||
| 105 | -webkit-user-select: none; | ||
| 106 | -ms-user-select: none; | ||
| 107 | user-select: none; | ||
| 108 | } | ||
| 109 | /* Sub-object `.uk-nestable-toggle` | ||
| 110 | ========================================================================== */ | ||
| 111 | .uk-nestable-toggle { | ||
| 112 | display: inline-block; | ||
| 113 | visibility: hidden; | ||
| 114 | } | ||
| 115 | .uk-nestable-toggle:after { | ||
| 116 | content: "\f147"; | ||
| 117 | font-family: FontAwesome; | ||
| 118 | } | ||
| 119 | .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| 120 | visibility: visible; | ||
| 121 | } | ||
| 122 | /* | ||
| 123 | * Collapsed | ||
| 124 | */ | ||
| 125 | .uk-collapsed .uk-nestable-list { | ||
| 126 | display: none; | ||
| 127 | } | ||
| 128 | .uk-collapsed .uk-nestable-toggle:after { | ||
| 129 | content: "\f196"; | ||
| 130 | } | ||
| 131 | /* Sub-object `uk-nestable-panel` | ||
| 132 | ========================================================================== */ | ||
| 133 | .uk-nestable-panel { | ||
| 134 | padding: 5px; | ||
| 135 | background: #f5f5f5; | ||
| 136 | border-radius: 4px; | ||
| 137 | border: 1px solid rgba(0, 0, 0, 0.06); | ||
| 138 | text-shadow: 0 1px 0 #fff; | ||
| 139 | } | ||
diff --git a/css/components/nestable.almost-flat.min.css b/css/components/nestable.almost-flat.min.css new file mode 100755 index 0000000..5f5d86f --- /dev/null +++ b/css/components/nestable.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-nestable-moving iframe{pointer-events:none}[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/css/components/nestable.css b/css/components/nestable.css new file mode 100755 index 0000000..946dfa6 --- /dev/null +++ b/css/components/nestable.css | |||
| @@ -0,0 +1,136 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Nestable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-nestable { | ||
| 6 | padding: 0; | ||
| 7 | list-style: none; | ||
| 8 | } | ||
| 9 | /* | ||
| 10 | * Disables the default callout shown when you touch and hold a touch target | ||
| 11 | * Currently only works in Webkit | ||
| 12 | */ | ||
| 13 | .uk-nestable a, | ||
| 14 | .uk-nestable img { | ||
| 15 | -webkit-touch-callout: none; | ||
| 16 | } | ||
| 17 | /* Sub-object `uk-nestable-list` | ||
| 18 | ========================================================================== */ | ||
| 19 | .uk-nestable-list { | ||
| 20 | margin: 0; | ||
| 21 | padding-left: 40px; | ||
| 22 | list-style: none; | ||
| 23 | } | ||
| 24 | /* Sub-modifier `uk-nestable-item` | ||
| 25 | ========================================================================== */ | ||
| 26 | /* | ||
| 27 | * 1. Deactivate browser touch actions in IE11 | ||
| 28 | */ | ||
| 29 | .uk-nestable-item { | ||
| 30 | /* 1 */ | ||
| 31 | touch-action: none; | ||
| 32 | } | ||
| 33 | .uk-nestable-item + .uk-nestable-item { | ||
| 34 | margin-top: 10px; | ||
| 35 | } | ||
| 36 | .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| 37 | margin-top: 10px; | ||
| 38 | } | ||
| 39 | /* Sub-modifier `uk-nestable-dragged` | ||
| 40 | ========================================================================== */ | ||
| 41 | /* | ||
| 42 | * 1. Reset style | ||
| 43 | */ | ||
| 44 | .uk-nestable-dragged { | ||
| 45 | position: absolute; | ||
| 46 | z-index: 1050; | ||
| 47 | pointer-events: none; | ||
| 48 | /* 1 */ | ||
| 49 | padding-left: 0; | ||
| 50 | } | ||
| 51 | /* Sub-modifier `uk-nestable-placeholder` | ||
| 52 | ========================================================================== */ | ||
| 53 | .uk-nestable-placeholder { | ||
| 54 | position: relative; | ||
| 55 | } | ||
| 56 | .uk-nestable-placeholder > * { | ||
| 57 | opacity: 0; | ||
| 58 | } | ||
| 59 | .uk-nestable-placeholder:after { | ||
| 60 | content: ''; | ||
| 61 | position: absolute; | ||
| 62 | top: 0; | ||
| 63 | bottom: 0; | ||
| 64 | left: 0; | ||
| 65 | right: 0; | ||
| 66 | border: 1px dashed #ddd; | ||
| 67 | opacity: 1; | ||
| 68 | } | ||
| 69 | /* Empty List | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-nestable-empty { | ||
| 72 | min-height: 30px; | ||
| 73 | } | ||
| 74 | /* Sub-object `uk-nestable-handle` | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Deactivate browser touch actions in IE11 | ||
| 78 | */ | ||
| 79 | .uk-nestable-handle { | ||
| 80 | touch-action: none; | ||
| 81 | } | ||
| 82 | /* Hover */ | ||
| 83 | .uk-nestable-handle:hover { | ||
| 84 | cursor: move; | ||
| 85 | } | ||
| 86 | /* Sub-object `uk-nestable-moving` | ||
| 87 | ========================================================================== */ | ||
| 88 | .uk-nestable-moving, | ||
| 89 | .uk-nestable-moving * { | ||
| 90 | cursor: move; | ||
| 91 | } | ||
| 92 | /* Fixes dragging items over iframes */ | ||
| 93 | .uk-nestable-moving iframe { | ||
| 94 | pointer-events: none; | ||
| 95 | } | ||
| 96 | /* [data-nestable-action='toggle'] | ||
| 97 | ========================================================================== */ | ||
| 98 | /* | ||
| 99 | * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| 100 | */ | ||
| 101 | [data-nestable-action='toggle'] { | ||
| 102 | cursor: pointer; | ||
| 103 | /* 1 */ | ||
| 104 | -moz-user-select: none; | ||
| 105 | -webkit-user-select: none; | ||
| 106 | -ms-user-select: none; | ||
| 107 | user-select: none; | ||
| 108 | } | ||
| 109 | /* Sub-object `.uk-nestable-toggle` | ||
| 110 | ========================================================================== */ | ||
| 111 | .uk-nestable-toggle { | ||
| 112 | display: inline-block; | ||
| 113 | visibility: hidden; | ||
| 114 | } | ||
| 115 | .uk-nestable-toggle:after { | ||
| 116 | content: "\f147"; | ||
| 117 | font-family: FontAwesome; | ||
| 118 | } | ||
| 119 | .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| 120 | visibility: visible; | ||
| 121 | } | ||
| 122 | /* | ||
| 123 | * Collapsed | ||
| 124 | */ | ||
| 125 | .uk-collapsed .uk-nestable-list { | ||
| 126 | display: none; | ||
| 127 | } | ||
| 128 | .uk-collapsed .uk-nestable-toggle:after { | ||
| 129 | content: "\f196"; | ||
| 130 | } | ||
| 131 | /* Sub-object `uk-nestable-panel` | ||
| 132 | ========================================================================== */ | ||
| 133 | .uk-nestable-panel { | ||
| 134 | padding: 5px; | ||
| 135 | background: #f5f5f5; | ||
| 136 | } | ||
diff --git a/css/components/nestable.gradient.css b/css/components/nestable.gradient.css new file mode 100755 index 0000000..23e3ae3 --- /dev/null +++ b/css/components/nestable.gradient.css | |||
| @@ -0,0 +1,143 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Nestable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-nestable { | ||
| 6 | padding: 0; | ||
| 7 | list-style: none; | ||
| 8 | } | ||
| 9 | /* | ||
| 10 | * Disables the default callout shown when you touch and hold a touch target | ||
| 11 | * Currently only works in Webkit | ||
| 12 | */ | ||
| 13 | .uk-nestable a, | ||
| 14 | .uk-nestable img { | ||
| 15 | -webkit-touch-callout: none; | ||
| 16 | } | ||
| 17 | /* Sub-object `uk-nestable-list` | ||
| 18 | ========================================================================== */ | ||
| 19 | .uk-nestable-list { | ||
| 20 | margin: 0; | ||
| 21 | padding-left: 40px; | ||
| 22 | list-style: none; | ||
| 23 | } | ||
| 24 | /* Sub-modifier `uk-nestable-item` | ||
| 25 | ========================================================================== */ | ||
| 26 | /* | ||
| 27 | * 1. Deactivate browser touch actions in IE11 | ||
| 28 | */ | ||
| 29 | .uk-nestable-item { | ||
| 30 | /* 1 */ | ||
| 31 | touch-action: none; | ||
| 32 | } | ||
| 33 | .uk-nestable-item + .uk-nestable-item { | ||
| 34 | margin-top: 10px; | ||
| 35 | } | ||
| 36 | .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| 37 | margin-top: 10px; | ||
| 38 | } | ||
| 39 | /* Sub-modifier `uk-nestable-dragged` | ||
| 40 | ========================================================================== */ | ||
| 41 | /* | ||
| 42 | * 1. Reset style | ||
| 43 | */ | ||
| 44 | .uk-nestable-dragged { | ||
| 45 | position: absolute; | ||
| 46 | z-index: 1050; | ||
| 47 | pointer-events: none; | ||
| 48 | /* 1 */ | ||
| 49 | padding-left: 0; | ||
| 50 | } | ||
| 51 | /* Sub-modifier `uk-nestable-placeholder` | ||
| 52 | ========================================================================== */ | ||
| 53 | .uk-nestable-placeholder { | ||
| 54 | position: relative; | ||
| 55 | } | ||
| 56 | .uk-nestable-placeholder > * { | ||
| 57 | opacity: 0; | ||
| 58 | } | ||
| 59 | .uk-nestable-placeholder:after { | ||
| 60 | content: ''; | ||
| 61 | position: absolute; | ||
| 62 | top: 0; | ||
| 63 | bottom: 0; | ||
| 64 | left: 0; | ||
| 65 | right: 0; | ||
| 66 | border: 1px dashed #ddd; | ||
| 67 | opacity: 1; | ||
| 68 | } | ||
| 69 | /* Empty List | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-nestable-empty { | ||
| 72 | min-height: 30px; | ||
| 73 | } | ||
| 74 | /* Sub-object `uk-nestable-handle` | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Deactivate browser touch actions in IE11 | ||
| 78 | */ | ||
| 79 | .uk-nestable-handle { | ||
| 80 | touch-action: none; | ||
| 81 | } | ||
| 82 | /* Hover */ | ||
| 83 | .uk-nestable-handle:hover { | ||
| 84 | cursor: move; | ||
| 85 | } | ||
| 86 | /* Sub-object `uk-nestable-moving` | ||
| 87 | ========================================================================== */ | ||
| 88 | .uk-nestable-moving, | ||
| 89 | .uk-nestable-moving * { | ||
| 90 | cursor: move; | ||
| 91 | } | ||
| 92 | /* Fixes dragging items over iframes */ | ||
| 93 | .uk-nestable-moving iframe { | ||
| 94 | pointer-events: none; | ||
| 95 | } | ||
| 96 | /* [data-nestable-action='toggle'] | ||
| 97 | ========================================================================== */ | ||
| 98 | /* | ||
| 99 | * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| 100 | */ | ||
| 101 | [data-nestable-action='toggle'] { | ||
| 102 | cursor: pointer; | ||
| 103 | /* 1 */ | ||
| 104 | -moz-user-select: none; | ||
| 105 | -webkit-user-select: none; | ||
| 106 | -ms-user-select: none; | ||
| 107 | user-select: none; | ||
| 108 | } | ||
| 109 | /* Sub-object `.uk-nestable-toggle` | ||
| 110 | ========================================================================== */ | ||
| 111 | .uk-nestable-toggle { | ||
| 112 | display: inline-block; | ||
| 113 | visibility: hidden; | ||
| 114 | } | ||
| 115 | .uk-nestable-toggle:after { | ||
| 116 | content: "\f147"; | ||
| 117 | font-family: FontAwesome; | ||
| 118 | } | ||
| 119 | .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| 120 | visibility: visible; | ||
| 121 | } | ||
| 122 | /* | ||
| 123 | * Collapsed | ||
| 124 | */ | ||
| 125 | .uk-collapsed .uk-nestable-list { | ||
| 126 | display: none; | ||
| 127 | } | ||
| 128 | .uk-collapsed .uk-nestable-toggle:after { | ||
| 129 | content: "\f196"; | ||
| 130 | } | ||
| 131 | /* Sub-object `uk-nestable-panel` | ||
| 132 | ========================================================================== */ | ||
| 133 | .uk-nestable-panel { | ||
| 134 | padding: 5px; | ||
| 135 | background: #f7f7f7; | ||
| 136 | border-radius: 4px; | ||
| 137 | border: 1px solid rgba(0, 0, 0, 0.2); | ||
| 138 | border-bottom-color: rgba(0, 0, 0, 0.3); | ||
| 139 | background-origin: border-box; | ||
| 140 | background-image: -webkit-linear-gradient(top, #fff, #eee); | ||
| 141 | background-image: linear-gradient(to bottom, #fff, #eee); | ||
| 142 | text-shadow: 0 1px 0 #fff; | ||
| 143 | } | ||
diff --git a/css/components/nestable.gradient.min.css b/css/components/nestable.gradient.min.css new file mode 100755 index 0000000..a2d1de1 --- /dev/null +++ b/css/components/nestable.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-nestable-moving iframe{pointer-events:none}[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/css/components/nestable.min.css b/css/components/nestable.min.css new file mode 100755 index 0000000..7481250 --- /dev/null +++ b/css/components/nestable.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-nestable-moving iframe{pointer-events:none}[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/css/components/notify.almost-flat.css b/css/components/notify.almost-flat.css new file mode 100755 index 0000000..479006c --- /dev/null +++ b/css/components/notify.almost-flat.css | |||
| @@ -0,0 +1,98 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Notify | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Message container for positioning | ||
| 7 | */ | ||
| 8 | .uk-notify { | ||
| 9 | position: fixed; | ||
| 10 | top: 10px; | ||
| 11 | left: 10px; | ||
| 12 | z-index: 1040; | ||
| 13 | box-sizing: border-box; | ||
| 14 | width: 350px; | ||
| 15 | } | ||
| 16 | /* Position modifiers | ||
| 17 | ========================================================================== */ | ||
| 18 | .uk-notify-top-right, | ||
| 19 | .uk-notify-bottom-right { | ||
| 20 | left: auto; | ||
| 21 | right: 10px; | ||
| 22 | } | ||
| 23 | .uk-notify-top-center, | ||
| 24 | .uk-notify-bottom-center { | ||
| 25 | left: 50%; | ||
| 26 | margin-left: -175px; | ||
| 27 | } | ||
| 28 | .uk-notify-bottom-left, | ||
| 29 | .uk-notify-bottom-right, | ||
| 30 | .uk-notify-bottom-center { | ||
| 31 | top: auto; | ||
| 32 | bottom: 10px; | ||
| 33 | } | ||
| 34 | /* Responsiveness | ||
| 35 | ========================================================================== */ | ||
| 36 | /* Phones portrait and smaller */ | ||
| 37 | @media (max-width: 479px) { | ||
| 38 | /* | ||
| 39 | * Fit in small screen | ||
| 40 | */ | ||
| 41 | .uk-notify { | ||
| 42 | left: 10px; | ||
| 43 | right: 10px; | ||
| 44 | width: auto; | ||
| 45 | margin: 0; | ||
| 46 | } | ||
| 47 | } | ||
| 48 | /* Sub-object: `uk-notify-message` | ||
| 49 | ========================================================================== */ | ||
| 50 | .uk-notify-message { | ||
| 51 | position: relative; | ||
| 52 | margin-bottom: 10px; | ||
| 53 | padding: 15px; | ||
| 54 | background: #444; | ||
| 55 | color: #fff; | ||
| 56 | font-size: 16px; | ||
| 57 | line-height: 22px; | ||
| 58 | cursor: pointer; | ||
| 59 | border: 1px solid #444; | ||
| 60 | border-radius: 4px; | ||
| 61 | } | ||
| 62 | /* Close in notify | ||
| 63 | ========================================================================== */ | ||
| 64 | .uk-notify-message > .uk-close { | ||
| 65 | visibility: hidden; | ||
| 66 | float: right; | ||
| 67 | } | ||
| 68 | .uk-notify-message:hover > .uk-close { | ||
| 69 | visibility: visible; | ||
| 70 | } | ||
| 71 | /* Modifier: `uk-alert-info` | ||
| 72 | ========================================================================== */ | ||
| 73 | .uk-notify-message-primary { | ||
| 74 | background: #ebf7fd; | ||
| 75 | color: #2d7091; | ||
| 76 | border-color: rgba(45, 112, 145, 0.3); | ||
| 77 | } | ||
| 78 | /* Modifier: `uk-alert-success` | ||
| 79 | ========================================================================== */ | ||
| 80 | .uk-notify-message-success { | ||
| 81 | background: #f2fae3; | ||
| 82 | color: #659f13; | ||
| 83 | border-color: rgba(101, 159, 19, 0.3); | ||
| 84 | } | ||
| 85 | /* Modifier: `uk-notify-message-warning` | ||
| 86 | ========================================================================== */ | ||
| 87 | .uk-notify-message-warning { | ||
| 88 | background: #fffceb; | ||
| 89 | color: #e28327; | ||
| 90 | border-color: rgba(226, 131, 39, 0.3); | ||
| 91 | } | ||
| 92 | /* Modifier: `uk-notify-message-danger` | ||
| 93 | ========================================================================== */ | ||
| 94 | .uk-notify-message-danger { | ||
| 95 | background: #fff1f0; | ||
| 96 | color: #d85030; | ||
| 97 | border-color: rgba(216, 80, 48, 0.3); | ||
| 98 | } | ||
diff --git a/css/components/notify.almost-flat.min.css b/css/components/notify.almost-flat.min.css new file mode 100755 index 0000000..da501f5 --- /dev/null +++ b/css/components/notify.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-notify{position:fixed;top:10px;left:10px;z-index:1040;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/css/components/notify.css b/css/components/notify.css new file mode 100755 index 0000000..37e87d8 --- /dev/null +++ b/css/components/notify.css | |||
| @@ -0,0 +1,92 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Notify | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Message container for positioning | ||
| 7 | */ | ||
| 8 | .uk-notify { | ||
| 9 | position: fixed; | ||
| 10 | top: 10px; | ||
| 11 | left: 10px; | ||
| 12 | z-index: 1040; | ||
| 13 | box-sizing: border-box; | ||
| 14 | width: 350px; | ||
| 15 | } | ||
| 16 | /* Position modifiers | ||
| 17 | ========================================================================== */ | ||
| 18 | .uk-notify-top-right, | ||
| 19 | .uk-notify-bottom-right { | ||
| 20 | left: auto; | ||
| 21 | right: 10px; | ||
| 22 | } | ||
| 23 | .uk-notify-top-center, | ||
| 24 | .uk-notify-bottom-center { | ||
| 25 | left: 50%; | ||
| 26 | margin-left: -175px; | ||
| 27 | } | ||
| 28 | .uk-notify-bottom-left, | ||
| 29 | .uk-notify-bottom-right, | ||
| 30 | .uk-notify-bottom-center { | ||
| 31 | top: auto; | ||
| 32 | bottom: 10px; | ||
| 33 | } | ||
| 34 | /* Responsiveness | ||
| 35 | ========================================================================== */ | ||
| 36 | /* Phones portrait and smaller */ | ||
| 37 | @media (max-width: 479px) { | ||
| 38 | /* | ||
| 39 | * Fit in small screen | ||
| 40 | */ | ||
| 41 | .uk-notify { | ||
| 42 | left: 10px; | ||
| 43 | right: 10px; | ||
| 44 | width: auto; | ||
| 45 | margin: 0; | ||
| 46 | } | ||
| 47 | } | ||
| 48 | /* Sub-object: `uk-notify-message` | ||
| 49 | ========================================================================== */ | ||
| 50 | .uk-notify-message { | ||
| 51 | position: relative; | ||
| 52 | margin-bottom: 10px; | ||
| 53 | padding: 15px; | ||
| 54 | background: #444; | ||
| 55 | color: #fff; | ||
| 56 | font-size: 16px; | ||
| 57 | line-height: 22px; | ||
| 58 | cursor: pointer; | ||
| 59 | } | ||
| 60 | /* Close in notify | ||
| 61 | ========================================================================== */ | ||
| 62 | .uk-notify-message > .uk-close { | ||
| 63 | visibility: hidden; | ||
| 64 | float: right; | ||
| 65 | } | ||
| 66 | .uk-notify-message:hover > .uk-close { | ||
| 67 | visibility: visible; | ||
| 68 | } | ||
| 69 | /* Modifier: `uk-alert-info` | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-notify-message-primary { | ||
| 72 | background: #ebf7fd; | ||
| 73 | color: #2d7091; | ||
| 74 | } | ||
| 75 | /* Modifier: `uk-alert-success` | ||
| 76 | ========================================================================== */ | ||
| 77 | .uk-notify-message-success { | ||
| 78 | background: #f2fae3; | ||
| 79 | color: #659f13; | ||
| 80 | } | ||
| 81 | /* Modifier: `uk-notify-message-warning` | ||
| 82 | ========================================================================== */ | ||
| 83 | .uk-notify-message-warning { | ||
| 84 | background: #fffceb; | ||
| 85 | color: #e28327; | ||
| 86 | } | ||
| 87 | /* Modifier: `uk-notify-message-danger` | ||
| 88 | ========================================================================== */ | ||
| 89 | .uk-notify-message-danger { | ||
| 90 | background: #fff1f0; | ||
| 91 | color: #d85030; | ||
| 92 | } | ||
diff --git a/css/components/notify.gradient.css b/css/components/notify.gradient.css new file mode 100755 index 0000000..479006c --- /dev/null +++ b/css/components/notify.gradient.css | |||
| @@ -0,0 +1,98 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Notify | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Message container for positioning | ||
| 7 | */ | ||
| 8 | .uk-notify { | ||
| 9 | position: fixed; | ||
| 10 | top: 10px; | ||
| 11 | left: 10px; | ||
| 12 | z-index: 1040; | ||
| 13 | box-sizing: border-box; | ||
| 14 | width: 350px; | ||
| 15 | } | ||
| 16 | /* Position modifiers | ||
| 17 | ========================================================================== */ | ||
| 18 | .uk-notify-top-right, | ||
| 19 | .uk-notify-bottom-right { | ||
| 20 | left: auto; | ||
| 21 | right: 10px; | ||
| 22 | } | ||
| 23 | .uk-notify-top-center, | ||
| 24 | .uk-notify-bottom-center { | ||
| 25 | left: 50%; | ||
| 26 | margin-left: -175px; | ||
| 27 | } | ||
| 28 | .uk-notify-bottom-left, | ||
| 29 | .uk-notify-bottom-right, | ||
| 30 | .uk-notify-bottom-center { | ||
| 31 | top: auto; | ||
| 32 | bottom: 10px; | ||
| 33 | } | ||
| 34 | /* Responsiveness | ||
| 35 | ========================================================================== */ | ||
| 36 | /* Phones portrait and smaller */ | ||
| 37 | @media (max-width: 479px) { | ||
| 38 | /* | ||
| 39 | * Fit in small screen | ||
| 40 | */ | ||
| 41 | .uk-notify { | ||
| 42 | left: 10px; | ||
| 43 | right: 10px; | ||
| 44 | width: auto; | ||
| 45 | margin: 0; | ||
| 46 | } | ||
| 47 | } | ||
| 48 | /* Sub-object: `uk-notify-message` | ||
| 49 | ========================================================================== */ | ||
| 50 | .uk-notify-message { | ||
| 51 | position: relative; | ||
| 52 | margin-bottom: 10px; | ||
| 53 | padding: 15px; | ||
| 54 | background: #444; | ||
| 55 | color: #fff; | ||
| 56 | font-size: 16px; | ||
| 57 | line-height: 22px; | ||
| 58 | cursor: pointer; | ||
| 59 | border: 1px solid #444; | ||
| 60 | border-radius: 4px; | ||
| 61 | } | ||
| 62 | /* Close in notify | ||
| 63 | ========================================================================== */ | ||
| 64 | .uk-notify-message > .uk-close { | ||
| 65 | visibility: hidden; | ||
| 66 | float: right; | ||
| 67 | } | ||
| 68 | .uk-notify-message:hover > .uk-close { | ||
| 69 | visibility: visible; | ||
| 70 | } | ||
| 71 | /* Modifier: `uk-alert-info` | ||
| 72 | ========================================================================== */ | ||
| 73 | .uk-notify-message-primary { | ||
| 74 | background: #ebf7fd; | ||
| 75 | color: #2d7091; | ||
| 76 | border-color: rgba(45, 112, 145, 0.3); | ||
| 77 | } | ||
| 78 | /* Modifier: `uk-alert-success` | ||
| 79 | ========================================================================== */ | ||
| 80 | .uk-notify-message-success { | ||
| 81 | background: #f2fae3; | ||
| 82 | color: #659f13; | ||
| 83 | border-color: rgba(101, 159, 19, 0.3); | ||
| 84 | } | ||
| 85 | /* Modifier: `uk-notify-message-warning` | ||
| 86 | ========================================================================== */ | ||
| 87 | .uk-notify-message-warning { | ||
| 88 | background: #fffceb; | ||
| 89 | color: #e28327; | ||
| 90 | border-color: rgba(226, 131, 39, 0.3); | ||
| 91 | } | ||
| 92 | /* Modifier: `uk-notify-message-danger` | ||
| 93 | ========================================================================== */ | ||
| 94 | .uk-notify-message-danger { | ||
| 95 | background: #fff1f0; | ||
| 96 | color: #d85030; | ||
| 97 | border-color: rgba(216, 80, 48, 0.3); | ||
| 98 | } | ||
diff --git a/css/components/notify.gradient.min.css b/css/components/notify.gradient.min.css new file mode 100755 index 0000000..da501f5 --- /dev/null +++ b/css/components/notify.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-notify{position:fixed;top:10px;left:10px;z-index:1040;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/css/components/notify.min.css b/css/components/notify.min.css new file mode 100755 index 0000000..b83abfa --- /dev/null +++ b/css/components/notify.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-notify{position:fixed;top:10px;left:10px;z-index:1040;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/css/components/placeholder.almost-flat.css b/css/components/placeholder.almost-flat.css new file mode 100755 index 0000000..c53fcd2 --- /dev/null +++ b/css/components/placeholder.almost-flat.css | |||
| @@ -0,0 +1,29 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Placeholder | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-placeholder { | ||
| 6 | margin-bottom: 15px; | ||
| 7 | padding: 15px; | ||
| 8 | border: 1px dashed #ddd; | ||
| 9 | background: #fafafa; | ||
| 10 | color: #444; | ||
| 11 | } | ||
| 12 | /* | ||
| 13 | * Add margin if adjacent element | ||
| 14 | */ | ||
| 15 | * + .uk-placeholder { | ||
| 16 | margin-top: 15px; | ||
| 17 | } | ||
| 18 | /* | ||
| 19 | * Remove margin from the last-child | ||
| 20 | */ | ||
| 21 | .uk-placeholder > :last-child { | ||
| 22 | margin-bottom: 0; | ||
| 23 | } | ||
| 24 | /* Modifier: `uk-placeholder-large` | ||
| 25 | ========================================================================== */ | ||
| 26 | .uk-placeholder-large { | ||
| 27 | padding-top: 80px; | ||
| 28 | padding-bottom: 80px; | ||
| 29 | } | ||
diff --git a/css/components/placeholder.almost-flat.min.css b/css/components/placeholder.almost-flat.min.css new file mode 100755 index 0000000..898ade7 --- /dev/null +++ b/css/components/placeholder.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-placeholder{margin-bottom:15px;padding:15px;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/css/components/placeholder.css b/css/components/placeholder.css new file mode 100755 index 0000000..c53fcd2 --- /dev/null +++ b/css/components/placeholder.css | |||
| @@ -0,0 +1,29 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Placeholder | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-placeholder { | ||
| 6 | margin-bottom: 15px; | ||
| 7 | padding: 15px; | ||
| 8 | border: 1px dashed #ddd; | ||
| 9 | background: #fafafa; | ||
| 10 | color: #444; | ||
| 11 | } | ||
| 12 | /* | ||
| 13 | * Add margin if adjacent element | ||
| 14 | */ | ||
| 15 | * + .uk-placeholder { | ||
| 16 | margin-top: 15px; | ||
| 17 | } | ||
| 18 | /* | ||
| 19 | * Remove margin from the last-child | ||
| 20 | */ | ||
| 21 | .uk-placeholder > :last-child { | ||
| 22 | margin-bottom: 0; | ||
| 23 | } | ||
| 24 | /* Modifier: `uk-placeholder-large` | ||
| 25 | ========================================================================== */ | ||
| 26 | .uk-placeholder-large { | ||
| 27 | padding-top: 80px; | ||
| 28 | padding-bottom: 80px; | ||
| 29 | } | ||
diff --git a/css/components/placeholder.gradient.css b/css/components/placeholder.gradient.css new file mode 100755 index 0000000..c53fcd2 --- /dev/null +++ b/css/components/placeholder.gradient.css | |||
| @@ -0,0 +1,29 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Placeholder | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-placeholder { | ||
| 6 | margin-bottom: 15px; | ||
| 7 | padding: 15px; | ||
| 8 | border: 1px dashed #ddd; | ||
| 9 | background: #fafafa; | ||
| 10 | color: #444; | ||
| 11 | } | ||
| 12 | /* | ||
| 13 | * Add margin if adjacent element | ||
| 14 | */ | ||
| 15 | * + .uk-placeholder { | ||
| 16 | margin-top: 15px; | ||
| 17 | } | ||
| 18 | /* | ||
| 19 | * Remove margin from the last-child | ||
| 20 | */ | ||
| 21 | .uk-placeholder > :last-child { | ||
| 22 | margin-bottom: 0; | ||
| 23 | } | ||
| 24 | /* Modifier: `uk-placeholder-large` | ||
| 25 | ========================================================================== */ | ||
| 26 | .uk-placeholder-large { | ||
| 27 | padding-top: 80px; | ||
| 28 | padding-bottom: 80px; | ||
| 29 | } | ||
diff --git a/css/components/placeholder.gradient.min.css b/css/components/placeholder.gradient.min.css new file mode 100755 index 0000000..898ade7 --- /dev/null +++ b/css/components/placeholder.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-placeholder{margin-bottom:15px;padding:15px;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/css/components/placeholder.min.css b/css/components/placeholder.min.css new file mode 100755 index 0000000..898ade7 --- /dev/null +++ b/css/components/placeholder.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-placeholder{margin-bottom:15px;padding:15px;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/css/components/progress.almost-flat.css b/css/components/progress.almost-flat.css new file mode 100755 index 0000000..cb501e8 --- /dev/null +++ b/css/components/progress.almost-flat.css | |||
| @@ -0,0 +1,104 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Progress | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Clearing | ||
| 7 | * 2. Vertical alignment if text is used | ||
| 8 | */ | ||
| 9 | .uk-progress { | ||
| 10 | box-sizing: border-box; | ||
| 11 | height: 20px; | ||
| 12 | margin-bottom: 15px; | ||
| 13 | background: #f5f5f5; | ||
| 14 | /* 1 */ | ||
| 15 | overflow: hidden; | ||
| 16 | /* 2 */ | ||
| 17 | line-height: 20px; | ||
| 18 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); | ||
| 19 | border-radius: 4px; | ||
| 20 | } | ||
| 21 | /* | ||
| 22 | * Add margin if adjacent element | ||
| 23 | */ | ||
| 24 | * + .uk-progress { | ||
| 25 | margin-top: 15px; | ||
| 26 | } | ||
| 27 | /* Sub-object: `uk-progress-bar` | ||
| 28 | ========================================================================== */ | ||
| 29 | /* | ||
| 30 | * 1. Transition | ||
| 31 | * 2. Needed for text | ||
| 32 | */ | ||
| 33 | .uk-progress-bar { | ||
| 34 | width: 0; | ||
| 35 | height: 100%; | ||
| 36 | background: #00a8e6; | ||
| 37 | float: left; | ||
| 38 | /* 1 */ | ||
| 39 | -webkit-transition: width 0.6s ease; | ||
| 40 | transition: width 0.6s ease; | ||
| 41 | /* 2 */ | ||
| 42 | font-size: 12px; | ||
| 43 | color: #fff; | ||
| 44 | text-align: center; | ||
| 45 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
| 46 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| 47 | } | ||
| 48 | /* Size modifiers | ||
| 49 | ========================================================================== */ | ||
| 50 | /* Mini */ | ||
| 51 | .uk-progress-mini { | ||
| 52 | height: 6px; | ||
| 53 | } | ||
| 54 | /* Small */ | ||
| 55 | .uk-progress-small { | ||
| 56 | height: 12px; | ||
| 57 | } | ||
| 58 | /* Color modifiers | ||
| 59 | ========================================================================== */ | ||
| 60 | .uk-progress-success .uk-progress-bar { | ||
| 61 | background-color: #8cc14c; | ||
| 62 | } | ||
| 63 | .uk-progress-warning .uk-progress-bar { | ||
| 64 | background-color: #faa732; | ||
| 65 | } | ||
| 66 | .uk-progress-danger .uk-progress-bar { | ||
| 67 | background-color: #da314b; | ||
| 68 | } | ||
| 69 | /* Modifier: `uk-progress-striped` | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-progress-striped .uk-progress-bar { | ||
| 72 | 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); | ||
| 73 | 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); | ||
| 74 | background-size: 30px 30px; | ||
| 75 | } | ||
| 76 | /* | ||
| 77 | * Animation | ||
| 78 | */ | ||
| 79 | .uk-progress-striped.uk-active .uk-progress-bar { | ||
| 80 | -webkit-animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 81 | animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 82 | } | ||
| 83 | @-webkit-keyframes uk-progress-bar-stripes { | ||
| 84 | 0% { | ||
| 85 | background-position: 0 0; | ||
| 86 | } | ||
| 87 | 100% { | ||
| 88 | background-position: 30px 0; | ||
| 89 | } | ||
| 90 | } | ||
| 91 | @keyframes uk-progress-bar-stripes { | ||
| 92 | 0% { | ||
| 93 | background-position: 0 0; | ||
| 94 | } | ||
| 95 | 100% { | ||
| 96 | background-position: 30px 0; | ||
| 97 | } | ||
| 98 | } | ||
| 99 | /* Size modifiers | ||
| 100 | ========================================================================== */ | ||
| 101 | .uk-progress-mini, | ||
| 102 | .uk-progress-small { | ||
| 103 | border-radius: 500px; | ||
| 104 | } | ||
diff --git a/css/components/progress.almost-flat.min.css b/css/components/progress.almost-flat.min.css new file mode 100755 index 0000000..77f64e5 --- /dev/null +++ b/css/components/progress.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-progress{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/css/components/progress.css b/css/components/progress.css new file mode 100755 index 0000000..e89f8c8 --- /dev/null +++ b/css/components/progress.css | |||
| @@ -0,0 +1,94 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Progress | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Clearing | ||
| 7 | * 2. Vertical alignment if text is used | ||
| 8 | */ | ||
| 9 | .uk-progress { | ||
| 10 | box-sizing: border-box; | ||
| 11 | height: 20px; | ||
| 12 | margin-bottom: 15px; | ||
| 13 | background: #eee; | ||
| 14 | /* 1 */ | ||
| 15 | overflow: hidden; | ||
| 16 | /* 2 */ | ||
| 17 | line-height: 20px; | ||
| 18 | } | ||
| 19 | /* | ||
| 20 | * Add margin if adjacent element | ||
| 21 | */ | ||
| 22 | * + .uk-progress { | ||
| 23 | margin-top: 15px; | ||
| 24 | } | ||
| 25 | /* Sub-object: `uk-progress-bar` | ||
| 26 | ========================================================================== */ | ||
| 27 | /* | ||
| 28 | * 1. Transition | ||
| 29 | * 2. Needed for text | ||
| 30 | */ | ||
| 31 | .uk-progress-bar { | ||
| 32 | width: 0; | ||
| 33 | height: 100%; | ||
| 34 | background: #00a8e6; | ||
| 35 | float: left; | ||
| 36 | /* 1 */ | ||
| 37 | -webkit-transition: width 0.6s ease; | ||
| 38 | transition: width 0.6s ease; | ||
| 39 | /* 2 */ | ||
| 40 | font-size: 12px; | ||
| 41 | color: #fff; | ||
| 42 | text-align: center; | ||
| 43 | } | ||
| 44 | /* Size modifiers | ||
| 45 | ========================================================================== */ | ||
| 46 | /* Mini */ | ||
| 47 | .uk-progress-mini { | ||
| 48 | height: 6px; | ||
| 49 | } | ||
| 50 | /* Small */ | ||
| 51 | .uk-progress-small { | ||
| 52 | height: 12px; | ||
| 53 | } | ||
| 54 | /* Color modifiers | ||
| 55 | ========================================================================== */ | ||
| 56 | .uk-progress-success .uk-progress-bar { | ||
| 57 | background-color: #8cc14c; | ||
| 58 | } | ||
| 59 | .uk-progress-warning .uk-progress-bar { | ||
| 60 | background-color: #faa732; | ||
| 61 | } | ||
| 62 | .uk-progress-danger .uk-progress-bar { | ||
| 63 | background-color: #da314b; | ||
| 64 | } | ||
| 65 | /* Modifier: `uk-progress-striped` | ||
| 66 | ========================================================================== */ | ||
| 67 | .uk-progress-striped .uk-progress-bar { | ||
| 68 | 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); | ||
| 69 | 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); | ||
| 70 | background-size: 30px 30px; | ||
| 71 | } | ||
| 72 | /* | ||
| 73 | * Animation | ||
| 74 | */ | ||
| 75 | .uk-progress-striped.uk-active .uk-progress-bar { | ||
| 76 | -webkit-animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 77 | animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 78 | } | ||
| 79 | @-webkit-keyframes uk-progress-bar-stripes { | ||
| 80 | 0% { | ||
| 81 | background-position: 0 0; | ||
| 82 | } | ||
| 83 | 100% { | ||
| 84 | background-position: 30px 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | @keyframes uk-progress-bar-stripes { | ||
| 88 | 0% { | ||
| 89 | background-position: 0 0; | ||
| 90 | } | ||
| 91 | 100% { | ||
| 92 | background-position: 30px 0; | ||
| 93 | } | ||
| 94 | } | ||
diff --git a/css/components/progress.gradient.css b/css/components/progress.gradient.css new file mode 100755 index 0000000..c56ebc9 --- /dev/null +++ b/css/components/progress.gradient.css | |||
| @@ -0,0 +1,112 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Progress | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Clearing | ||
| 7 | * 2. Vertical alignment if text is used | ||
| 8 | */ | ||
| 9 | .uk-progress { | ||
| 10 | box-sizing: border-box; | ||
| 11 | height: 20px; | ||
| 12 | margin-bottom: 15px; | ||
| 13 | background: #f7f7f7; | ||
| 14 | /* 1 */ | ||
| 15 | overflow: hidden; | ||
| 16 | /* 2 */ | ||
| 17 | line-height: 20px; | ||
| 18 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07); | ||
| 19 | border-radius: 4px; | ||
| 20 | } | ||
| 21 | /* | ||
| 22 | * Add margin if adjacent element | ||
| 23 | */ | ||
| 24 | * + .uk-progress { | ||
| 25 | margin-top: 15px; | ||
| 26 | } | ||
| 27 | /* Sub-object: `uk-progress-bar` | ||
| 28 | ========================================================================== */ | ||
| 29 | /* | ||
| 30 | * 1. Transition | ||
| 31 | * 2. Needed for text | ||
| 32 | */ | ||
| 33 | .uk-progress-bar { | ||
| 34 | width: 0; | ||
| 35 | height: 100%; | ||
| 36 | background: #009dd8; | ||
| 37 | float: left; | ||
| 38 | /* 1 */ | ||
| 39 | -webkit-transition: width 0.6s ease; | ||
| 40 | transition: width 0.6s ease; | ||
| 41 | /* 2 */ | ||
| 42 | font-size: 12px; | ||
| 43 | color: #fff; | ||
| 44 | text-align: center; | ||
| 45 | background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); | ||
| 46 | background-image: linear-gradient(to bottom, #00b4f5, #008dc5); | ||
| 47 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); | ||
| 48 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| 49 | } | ||
| 50 | /* Size modifiers | ||
| 51 | ========================================================================== */ | ||
| 52 | /* Mini */ | ||
| 53 | .uk-progress-mini { | ||
| 54 | height: 6px; | ||
| 55 | } | ||
| 56 | /* Small */ | ||
| 57 | .uk-progress-small { | ||
| 58 | height: 12px; | ||
| 59 | } | ||
| 60 | /* Color modifiers | ||
| 61 | ========================================================================== */ | ||
| 62 | .uk-progress-success .uk-progress-bar { | ||
| 63 | background-color: #82bb42; | ||
| 64 | background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); | ||
| 65 | background-image: linear-gradient(to bottom, #9fd256, #6fac34); | ||
| 66 | } | ||
| 67 | .uk-progress-warning .uk-progress-bar { | ||
| 68 | background-color: #f9a124; | ||
| 69 | background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | ||
| 70 | background-image: linear-gradient(to bottom, #fbb450, #f89406); | ||
| 71 | } | ||
| 72 | .uk-progress-danger .uk-progress-bar { | ||
| 73 | background-color: #d32c46; | ||
| 74 | background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); | ||
| 75 | background-image: linear-gradient(to bottom, #ee465a, #c11a39); | ||
| 76 | } | ||
| 77 | /* Modifier: `uk-progress-striped` | ||
| 78 | ========================================================================== */ | ||
| 79 | .uk-progress-striped .uk-progress-bar { | ||
| 80 | 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); | ||
| 81 | 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); | ||
| 82 | background-size: 30px 30px; | ||
| 83 | } | ||
| 84 | /* | ||
| 85 | * Animation | ||
| 86 | */ | ||
| 87 | .uk-progress-striped.uk-active .uk-progress-bar { | ||
| 88 | -webkit-animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 89 | animation: uk-progress-bar-stripes 2s linear infinite; | ||
| 90 | } | ||
| 91 | @-webkit-keyframes uk-progress-bar-stripes { | ||
| 92 | 0% { | ||
| 93 | background-position: 0 0; | ||
| 94 | } | ||
| 95 | 100% { | ||
| 96 | background-position: 30px 0; | ||
| 97 | } | ||
| 98 | } | ||
| 99 | @keyframes uk-progress-bar-stripes { | ||
| 100 | 0% { | ||
| 101 | background-position: 0 0; | ||
| 102 | } | ||
| 103 | 100% { | ||
| 104 | background-position: 30px 0; | ||
| 105 | } | ||
| 106 | } | ||
| 107 | /* Size modifiers | ||
| 108 | ========================================================================== */ | ||
| 109 | .uk-progress-mini, | ||
| 110 | .uk-progress-small { | ||
| 111 | border-radius: 500px; | ||
| 112 | } | ||
diff --git a/css/components/progress.gradient.min.css b/css/components/progress.gradient.min.css new file mode 100755 index 0000000..f78d415 --- /dev/null +++ b/css/components/progress.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-progress{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/css/components/progress.min.css b/css/components/progress.min.css new file mode 100755 index 0000000..0300bca --- /dev/null +++ b/css/components/progress.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-progress{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/css/components/search.almost-flat.css b/css/components/search.almost-flat.css new file mode 100755 index 0000000..3650ba7 --- /dev/null +++ b/css/components/search.almost-flat.css | |||
| @@ -0,0 +1,191 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Search | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context for dropdowns | ||
| 7 | * 2. Needed for `form` element | ||
| 8 | */ | ||
| 9 | .uk-search { | ||
| 10 | display: inline-block; | ||
| 11 | /* 1 */ | ||
| 12 | position: relative; | ||
| 13 | /* 2 */ | ||
| 14 | margin: 0; | ||
| 15 | } | ||
| 16 | /* | ||
| 17 | * Icon | ||
| 18 | */ | ||
| 19 | .uk-search:before { | ||
| 20 | content: "\f002"; | ||
| 21 | position: absolute; | ||
| 22 | top: 0; | ||
| 23 | left: 0; | ||
| 24 | width: 30px; | ||
| 25 | line-height: 30px; | ||
| 26 | text-align: center; | ||
| 27 | font-family: FontAwesome; | ||
| 28 | font-size: 14px; | ||
| 29 | color: rgba(0, 0, 0, 0.2); | ||
| 30 | } | ||
| 31 | /* Sub-object `uk-search-field` | ||
| 32 | ========================================================================== */ | ||
| 33 | /* | ||
| 34 | * Removes inner padding and border in Firefox 4+. | ||
| 35 | */ | ||
| 36 | .uk-search-field::-moz-focus-inner { | ||
| 37 | border: 0; | ||
| 38 | padding: 0; | ||
| 39 | } | ||
| 40 | /* | ||
| 41 | * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. | ||
| 42 | */ | ||
| 43 | .uk-search-field::-webkit-search-cancel-button, | ||
| 44 | .uk-search-field::-webkit-search-decoration { | ||
| 45 | -webkit-appearance: none; | ||
| 46 | } | ||
| 47 | /* | ||
| 48 | * Removes cancel button in IE10 | ||
| 49 | */ | ||
| 50 | .uk-search-field::-ms-clear { | ||
| 51 | display: none; | ||
| 52 | } | ||
| 53 | /* | ||
| 54 | * Removes placeholder transparency in Firefox. | ||
| 55 | */ | ||
| 56 | .uk-search-field::-moz-placeholder { | ||
| 57 | opacity: 1; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Define consistent box sizing. | ||
| 61 | * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. | ||
| 62 | * 3. Remove `border-radius` in iOS. | ||
| 63 | * 4. Correct `font` properties and `color` not being inherited. | ||
| 64 | * 5. Remove default style in iOS. | ||
| 65 | * 6. Style | ||
| 66 | */ | ||
| 67 | .uk-search-field { | ||
| 68 | /* 1 */ | ||
| 69 | box-sizing: border-box; | ||
| 70 | /* 2 */ | ||
| 71 | margin: 0; | ||
| 72 | /* 3 */ | ||
| 73 | border-radius: 0; | ||
| 74 | /* 4 */ | ||
| 75 | font: inherit; | ||
| 76 | color: #444; | ||
| 77 | /* 5 */ | ||
| 78 | -webkit-appearance: none; | ||
| 79 | /* 6 */ | ||
| 80 | width: 120px; | ||
| 81 | height: 30px; | ||
| 82 | padding: 0 0 0 30px; | ||
| 83 | border: 1px solid rgba(0, 0, 0, 0); | ||
| 84 | background: rgba(0, 0, 0, 0); | ||
| 85 | -webkit-transition: all 0.2s linear; | ||
| 86 | transition: all 0.2s linear; | ||
| 87 | vertical-align: middle; | ||
| 88 | } | ||
| 89 | /* Placeholder */ | ||
| 90 | .uk-search-field:-ms-input-placeholder { | ||
| 91 | color: #999 !important; | ||
| 92 | } | ||
| 93 | .uk-search-field::-moz-placeholder { | ||
| 94 | color: #999; | ||
| 95 | } | ||
| 96 | .uk-search-field::-webkit-input-placeholder { | ||
| 97 | color: #999; | ||
| 98 | } | ||
| 99 | /* Focus */ | ||
| 100 | .uk-search-field:focus { | ||
| 101 | outline: 0; | ||
| 102 | } | ||
| 103 | /* Focus + Active */ | ||
| 104 | .uk-search-field:focus, | ||
| 105 | .uk-search.uk-active .uk-search-field { | ||
| 106 | width: 180px; | ||
| 107 | } | ||
| 108 | /* Dropdown modifier: `uk-dropdown-search` | ||
| 109 | ========================================================================== */ | ||
| 110 | .uk-dropdown-search { | ||
| 111 | width: 300px; | ||
| 112 | margin-top: 0; | ||
| 113 | background: #fff; | ||
| 114 | color: #444; | ||
| 115 | } | ||
| 116 | .uk-open > .uk-dropdown-search { | ||
| 117 | -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 118 | animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 119 | } | ||
| 120 | /* | ||
| 121 | * Dependency `uk-navbar-flip` | ||
| 122 | */ | ||
| 123 | .uk-navbar-flip .uk-dropdown-search { | ||
| 124 | margin-top: 12px; | ||
| 125 | margin-right: -16px; | ||
| 126 | } | ||
| 127 | /* Nav modifier `uk-nav-search` | ||
| 128 | ========================================================================== */ | ||
| 129 | /* | ||
| 130 | * Items | ||
| 131 | */ | ||
| 132 | .uk-nav-search > li > a { | ||
| 133 | color: #444; | ||
| 134 | } | ||
| 135 | /* | ||
| 136 | * Active | ||
| 137 | * 1. Remove default focus style | ||
| 138 | */ | ||
| 139 | .uk-nav-search > li.uk-active > a { | ||
| 140 | background: #00a8e6; | ||
| 141 | color: #fff; | ||
| 142 | /* 1 */ | ||
| 143 | outline: none; | ||
| 144 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
| 145 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| 146 | } | ||
| 147 | /* | ||
| 148 | * Sub-object: `uk-nav-header` | ||
| 149 | */ | ||
| 150 | .uk-nav-search .uk-nav-header { | ||
| 151 | color: #999; | ||
| 152 | } | ||
| 153 | /* | ||
| 154 | * Sub-object: `uk-nav-divider` | ||
| 155 | */ | ||
| 156 | .uk-nav-search .uk-nav-divider { | ||
| 157 | border-top: 1px solid #ddd; | ||
| 158 | } | ||
| 159 | /* | ||
| 160 | * Nested items | ||
| 161 | */ | ||
| 162 | .uk-nav-search ul a { | ||
| 163 | color: #07D; | ||
| 164 | } | ||
| 165 | .uk-nav-search ul a:hover { | ||
| 166 | color: #059; | ||
| 167 | } | ||
| 168 | /* Search in offcanvas | ||
| 169 | ========================================================================== */ | ||
| 170 | .uk-offcanvas .uk-search { | ||
| 171 | display: block; | ||
| 172 | margin: 20px 15px; | ||
| 173 | } | ||
| 174 | .uk-offcanvas .uk-search:before { | ||
| 175 | color: #777; | ||
| 176 | } | ||
| 177 | .uk-offcanvas .uk-search-field { | ||
| 178 | width: 100%; | ||
| 179 | border-color: rgba(0, 0, 0, 0); | ||
| 180 | background: #1a1a1a; | ||
| 181 | color: #ccc; | ||
| 182 | } | ||
| 183 | .uk-offcanvas .uk-search-field:-ms-input-placeholder { | ||
| 184 | color: #777 !important; | ||
| 185 | } | ||
| 186 | .uk-offcanvas .uk-search-field::-moz-placeholder { | ||
| 187 | color: #777; | ||
| 188 | } | ||
| 189 | .uk-offcanvas .uk-search-field::-webkit-input-placeholder { | ||
| 190 | color: #777; | ||
| 191 | } | ||
diff --git a/css/components/search.almost-flat.min.css b/css/components/search.almost-flat.min.css new file mode 100755 index 0000000..45a4147 --- /dev/null +++ b/css/components/search.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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{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:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;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/css/components/search.css b/css/components/search.css new file mode 100755 index 0000000..3a5c0e4 --- /dev/null +++ b/css/components/search.css | |||
| @@ -0,0 +1,189 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Search | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context for dropdowns | ||
| 7 | * 2. Needed for `form` element | ||
| 8 | */ | ||
| 9 | .uk-search { | ||
| 10 | display: inline-block; | ||
| 11 | /* 1 */ | ||
| 12 | position: relative; | ||
| 13 | /* 2 */ | ||
| 14 | margin: 0; | ||
| 15 | } | ||
| 16 | /* | ||
| 17 | * Icon | ||
| 18 | */ | ||
| 19 | .uk-search:before { | ||
| 20 | content: "\f002"; | ||
| 21 | position: absolute; | ||
| 22 | top: 0; | ||
| 23 | left: 0; | ||
| 24 | width: 30px; | ||
| 25 | line-height: 30px; | ||
| 26 | text-align: center; | ||
| 27 | font-family: FontAwesome; | ||
| 28 | font-size: 14px; | ||
| 29 | color: rgba(0, 0, 0, 0.2); | ||
| 30 | } | ||
| 31 | /* Sub-object `uk-search-field` | ||
| 32 | ========================================================================== */ | ||
| 33 | /* | ||
| 34 | * Removes inner padding and border in Firefox 4+. | ||
| 35 | */ | ||
| 36 | .uk-search-field::-moz-focus-inner { | ||
| 37 | border: 0; | ||
| 38 | padding: 0; | ||
| 39 | } | ||
| 40 | /* | ||
| 41 | * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. | ||
| 42 | */ | ||
| 43 | .uk-search-field::-webkit-search-cancel-button, | ||
| 44 | .uk-search-field::-webkit-search-decoration { | ||
| 45 | -webkit-appearance: none; | ||
| 46 | } | ||
| 47 | /* | ||
| 48 | * Removes cancel button in IE10 | ||
| 49 | */ | ||
| 50 | .uk-search-field::-ms-clear { | ||
| 51 | display: none; | ||
| 52 | } | ||
| 53 | /* | ||
| 54 | * Removes placeholder transparency in Firefox. | ||
| 55 | */ | ||
| 56 | .uk-search-field::-moz-placeholder { | ||
| 57 | opacity: 1; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Define consistent box sizing. | ||
| 61 | * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. | ||
| 62 | * 3. Remove `border-radius` in iOS. | ||
| 63 | * 4. Correct `font` properties and `color` not being inherited. | ||
| 64 | * 5. Remove default style in iOS. | ||
| 65 | * 6. Style | ||
| 66 | */ | ||
| 67 | .uk-search-field { | ||
| 68 | /* 1 */ | ||
| 69 | box-sizing: border-box; | ||
| 70 | /* 2 */ | ||
| 71 | margin: 0; | ||
| 72 | /* 3 */ | ||
| 73 | border-radius: 0; | ||
| 74 | /* 4 */ | ||
| 75 | font: inherit; | ||
| 76 | color: #444; | ||
| 77 | /* 5 */ | ||
| 78 | -webkit-appearance: none; | ||
| 79 | /* 6 */ | ||
| 80 | width: 120px; | ||
| 81 | height: 30px; | ||
| 82 | padding: 0 0 0 30px; | ||
| 83 | border: 1px solid rgba(0, 0, 0, 0); | ||
| 84 | background: rgba(0, 0, 0, 0); | ||
| 85 | -webkit-transition: all 0.2s linear; | ||
| 86 | transition: all 0.2s linear; | ||
| 87 | vertical-align: middle; | ||
| 88 | } | ||
| 89 | /* Placeholder */ | ||
| 90 | .uk-search-field:-ms-input-placeholder { | ||
| 91 | color: #999 !important; | ||
| 92 | } | ||
| 93 | .uk-search-field::-moz-placeholder { | ||
| 94 | color: #999; | ||
| 95 | } | ||
| 96 | .uk-search-field::-webkit-input-placeholder { | ||
| 97 | color: #999; | ||
| 98 | } | ||
| 99 | /* Focus */ | ||
| 100 | .uk-search-field:focus { | ||
| 101 | outline: 0; | ||
| 102 | } | ||
| 103 | /* Focus + Active */ | ||
| 104 | .uk-search-field:focus, | ||
| 105 | .uk-search.uk-active .uk-search-field { | ||
| 106 | width: 180px; | ||
| 107 | } | ||
| 108 | /* Dropdown modifier: `uk-dropdown-search` | ||
| 109 | ========================================================================== */ | ||
| 110 | .uk-dropdown-search { | ||
| 111 | width: 300px; | ||
| 112 | margin-top: 0; | ||
| 113 | background: #f5f5f5; | ||
| 114 | color: #444; | ||
| 115 | } | ||
| 116 | .uk-open > .uk-dropdown-search { | ||
| 117 | -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 118 | animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 119 | } | ||
| 120 | /* | ||
| 121 | * Dependency `uk-navbar-flip` | ||
| 122 | */ | ||
| 123 | .uk-navbar-flip .uk-dropdown-search { | ||
| 124 | margin-top: 5px; | ||
| 125 | margin-right: -15px; | ||
| 126 | } | ||
| 127 | /* Nav modifier `uk-nav-search` | ||
| 128 | ========================================================================== */ | ||
| 129 | /* | ||
| 130 | * Items | ||
| 131 | */ | ||
| 132 | .uk-nav-search > li > a { | ||
| 133 | color: #444; | ||
| 134 | } | ||
| 135 | /* | ||
| 136 | * Active | ||
| 137 | * 1. Remove default focus style | ||
| 138 | */ | ||
| 139 | .uk-nav-search > li.uk-active > a { | ||
| 140 | background: #00a8e6; | ||
| 141 | color: #fff; | ||
| 142 | /* 1 */ | ||
| 143 | outline: none; | ||
| 144 | } | ||
| 145 | /* | ||
| 146 | * Sub-object: `uk-nav-header` | ||
| 147 | */ | ||
| 148 | .uk-nav-search .uk-nav-header { | ||
| 149 | color: #999; | ||
| 150 | } | ||
| 151 | /* | ||
| 152 | * Sub-object: `uk-nav-divider` | ||
| 153 | */ | ||
| 154 | .uk-nav-search .uk-nav-divider { | ||
| 155 | border-top: 1px solid #ddd; | ||
| 156 | } | ||
| 157 | /* | ||
| 158 | * Nested items | ||
| 159 | */ | ||
| 160 | .uk-nav-search ul a { | ||
| 161 | color: #07D; | ||
| 162 | } | ||
| 163 | .uk-nav-search ul a:hover { | ||
| 164 | color: #059; | ||
| 165 | } | ||
| 166 | /* Search in offcanvas | ||
| 167 | ========================================================================== */ | ||
| 168 | .uk-offcanvas .uk-search { | ||
| 169 | display: block; | ||
| 170 | margin: 20px 15px; | ||
| 171 | } | ||
| 172 | .uk-offcanvas .uk-search:before { | ||
| 173 | color: #777; | ||
| 174 | } | ||
| 175 | .uk-offcanvas .uk-search-field { | ||
| 176 | width: 100%; | ||
| 177 | border-color: rgba(0, 0, 0, 0); | ||
| 178 | background: #1a1a1a; | ||
| 179 | color: #ccc; | ||
| 180 | } | ||
| 181 | .uk-offcanvas .uk-search-field:-ms-input-placeholder { | ||
| 182 | color: #777 !important; | ||
| 183 | } | ||
| 184 | .uk-offcanvas .uk-search-field::-moz-placeholder { | ||
| 185 | color: #777; | ||
| 186 | } | ||
| 187 | .uk-offcanvas .uk-search-field::-webkit-input-placeholder { | ||
| 188 | color: #777; | ||
| 189 | } | ||
diff --git a/css/components/search.gradient.css b/css/components/search.gradient.css new file mode 100755 index 0000000..13768bc --- /dev/null +++ b/css/components/search.gradient.css | |||
| @@ -0,0 +1,191 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Search | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context for dropdowns | ||
| 7 | * 2. Needed for `form` element | ||
| 8 | */ | ||
| 9 | .uk-search { | ||
| 10 | display: inline-block; | ||
| 11 | /* 1 */ | ||
| 12 | position: relative; | ||
| 13 | /* 2 */ | ||
| 14 | margin: 0; | ||
| 15 | } | ||
| 16 | /* | ||
| 17 | * Icon | ||
| 18 | */ | ||
| 19 | .uk-search:before { | ||
| 20 | content: "\f002"; | ||
| 21 | position: absolute; | ||
| 22 | top: 0; | ||
| 23 | left: 0; | ||
| 24 | width: 30px; | ||
| 25 | line-height: 30px; | ||
| 26 | text-align: center; | ||
| 27 | font-family: FontAwesome; | ||
| 28 | font-size: 14px; | ||
| 29 | color: rgba(0, 0, 0, 0.2); | ||
| 30 | } | ||
| 31 | /* Sub-object `uk-search-field` | ||
| 32 | ========================================================================== */ | ||
| 33 | /* | ||
| 34 | * Removes inner padding and border in Firefox 4+. | ||
| 35 | */ | ||
| 36 | .uk-search-field::-moz-focus-inner { | ||
| 37 | border: 0; | ||
| 38 | padding: 0; | ||
| 39 | } | ||
| 40 | /* | ||
| 41 | * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. | ||
| 42 | */ | ||
| 43 | .uk-search-field::-webkit-search-cancel-button, | ||
| 44 | .uk-search-field::-webkit-search-decoration { | ||
| 45 | -webkit-appearance: none; | ||
| 46 | } | ||
| 47 | /* | ||
| 48 | * Removes cancel button in IE10 | ||
| 49 | */ | ||
| 50 | .uk-search-field::-ms-clear { | ||
| 51 | display: none; | ||
| 52 | } | ||
| 53 | /* | ||
| 54 | * Removes placeholder transparency in Firefox. | ||
| 55 | */ | ||
| 56 | .uk-search-field::-moz-placeholder { | ||
| 57 | opacity: 1; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Define consistent box sizing. | ||
| 61 | * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. | ||
| 62 | * 3. Remove `border-radius` in iOS. | ||
| 63 | * 4. Correct `font` properties and `color` not being inherited. | ||
| 64 | * 5. Remove default style in iOS. | ||
| 65 | * 6. Style | ||
| 66 | */ | ||
| 67 | .uk-search-field { | ||
| 68 | /* 1 */ | ||
| 69 | box-sizing: border-box; | ||
| 70 | /* 2 */ | ||
| 71 | margin: 0; | ||
| 72 | /* 3 */ | ||
| 73 | border-radius: 0; | ||
| 74 | /* 4 */ | ||
| 75 | font: inherit; | ||
| 76 | color: #444; | ||
| 77 | /* 5 */ | ||
| 78 | -webkit-appearance: none; | ||
| 79 | /* 6 */ | ||
| 80 | width: 120px; | ||
| 81 | height: 30px; | ||
| 82 | padding: 0 0 0 30px; | ||
| 83 | border: 1px solid rgba(0, 0, 0, 0); | ||
| 84 | background: rgba(0, 0, 0, 0); | ||
| 85 | -webkit-transition: all 0.2s linear; | ||
| 86 | transition: all 0.2s linear; | ||
| 87 | vertical-align: middle; | ||
| 88 | } | ||
| 89 | /* Placeholder */ | ||
| 90 | .uk-search-field:-ms-input-placeholder { | ||
| 91 | color: #999 !important; | ||
| 92 | } | ||
| 93 | .uk-search-field::-moz-placeholder { | ||
| 94 | color: #999; | ||
| 95 | } | ||
| 96 | .uk-search-field::-webkit-input-placeholder { | ||
| 97 | color: #999; | ||
| 98 | } | ||
| 99 | /* Focus */ | ||
| 100 | .uk-search-field:focus { | ||
| 101 | outline: 0; | ||
| 102 | } | ||
| 103 | /* Focus + Active */ | ||
| 104 | .uk-search-field:focus, | ||
| 105 | .uk-search.uk-active .uk-search-field { | ||
| 106 | width: 180px; | ||
| 107 | } | ||
| 108 | /* Dropdown modifier: `uk-dropdown-search` | ||
| 109 | ========================================================================== */ | ||
| 110 | .uk-dropdown-search { | ||
| 111 | width: 300px; | ||
| 112 | margin-top: 0; | ||
| 113 | background: #fff; | ||
| 114 | color: #444; | ||
| 115 | } | ||
| 116 | .uk-open > .uk-dropdown-search { | ||
| 117 | -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 118 | animation: uk-slide-top-fixed 0.2s ease-in-out; | ||
| 119 | } | ||
| 120 | /* | ||
| 121 | * Dependency `uk-navbar-flip` | ||
| 122 | */ | ||
| 123 | .uk-navbar-flip .uk-dropdown-search { | ||
| 124 | margin-top: 12px; | ||
| 125 | margin-right: -16px; | ||
| 126 | } | ||
| 127 | /* Nav modifier `uk-nav-search` | ||
| 128 | ========================================================================== */ | ||
| 129 | /* | ||
| 130 | * Items | ||
| 131 | */ | ||
| 132 | .uk-nav-search > li > a { | ||
| 133 | color: #444; | ||
| 134 | } | ||
| 135 | /* | ||
| 136 | * Active | ||
| 137 | * 1. Remove default focus style | ||
| 138 | */ | ||
| 139 | .uk-nav-search > li.uk-active > a { | ||
| 140 | background: #009dd8; | ||
| 141 | color: #fff; | ||
| 142 | /* 1 */ | ||
| 143 | outline: none; | ||
| 144 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| 145 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| 146 | } | ||
| 147 | /* | ||
| 148 | * Sub-object: `uk-nav-header` | ||
| 149 | */ | ||
| 150 | .uk-nav-search .uk-nav-header { | ||
| 151 | color: #999; | ||
| 152 | } | ||
| 153 | /* | ||
| 154 | * Sub-object: `uk-nav-divider` | ||
| 155 | */ | ||
| 156 | .uk-nav-search .uk-nav-divider { | ||
| 157 | border-top: 1px solid #ddd; | ||
| 158 | } | ||
| 159 | /* | ||
| 160 | * Nested items | ||
| 161 | */ | ||
| 162 | .uk-nav-search ul a { | ||
| 163 | color: #07D; | ||
| 164 | } | ||
| 165 | .uk-nav-search ul a:hover { | ||
| 166 | color: #059; | ||
| 167 | } | ||
| 168 | /* Search in offcanvas | ||
| 169 | ========================================================================== */ | ||
| 170 | .uk-offcanvas .uk-search { | ||
| 171 | display: block; | ||
| 172 | margin: 20px 15px; | ||
| 173 | } | ||
| 174 | .uk-offcanvas .uk-search:before { | ||
| 175 | color: #777; | ||
| 176 | } | ||
| 177 | .uk-offcanvas .uk-search-field { | ||
| 178 | width: 100%; | ||
| 179 | border-color: rgba(0, 0, 0, 0); | ||
| 180 | background: #1a1a1a; | ||
| 181 | color: #ccc; | ||
| 182 | } | ||
| 183 | .uk-offcanvas .uk-search-field:-ms-input-placeholder { | ||
| 184 | color: #777 !important; | ||
| 185 | } | ||
| 186 | .uk-offcanvas .uk-search-field::-moz-placeholder { | ||
| 187 | color: #777; | ||
| 188 | } | ||
| 189 | .uk-offcanvas .uk-search-field::-webkit-input-placeholder { | ||
| 190 | color: #777; | ||
| 191 | } | ||
diff --git a/css/components/search.gradient.min.css b/css/components/search.gradient.min.css new file mode 100755 index 0000000..b58f331 --- /dev/null +++ b/css/components/search.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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{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:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;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/css/components/search.min.css b/css/components/search.min.css new file mode 100755 index 0000000..b2e525c --- /dev/null +++ b/css/components/search.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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{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:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;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/css/components/slidenav.almost-flat.css b/css/components/slidenav.almost-flat.css new file mode 100755 index 0000000..d856cae --- /dev/null +++ b/css/components/slidenav.almost-flat.css | |||
| @@ -0,0 +1,98 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slidenav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Required for `a` elements | ||
| 7 | * 2. Dimension | ||
| 8 | * 3. Style | ||
| 9 | */ | ||
| 10 | .uk-slidenav { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | box-sizing: border-box; | ||
| 15 | width: 60px; | ||
| 16 | height: 60px; | ||
| 17 | /* 3 */ | ||
| 18 | line-height: 60px; | ||
| 19 | color: rgba(50, 50, 50, 0.4); | ||
| 20 | font-size: 60px; | ||
| 21 | text-align: center; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * Hover | ||
| 25 | * 1. Apply hover style also to focus state | ||
| 26 | * 2. Remove default focus style | ||
| 27 | * 3. Required for `a` elements | ||
| 28 | * 4. Style | ||
| 29 | */ | ||
| 30 | .uk-slidenav:hover, | ||
| 31 | .uk-slidenav:focus { | ||
| 32 | /* 2 */ | ||
| 33 | outline: none; | ||
| 34 | /* 3 */ | ||
| 35 | text-decoration: none; | ||
| 36 | /* 4 */ | ||
| 37 | color: rgba(50, 50, 50, 0.7); | ||
| 38 | cursor: pointer; | ||
| 39 | } | ||
| 40 | /* Active */ | ||
| 41 | .uk-slidenav:active { | ||
| 42 | color: rgba(50, 50, 50, 0.9); | ||
| 43 | } | ||
| 44 | /* | ||
| 45 | * Icons | ||
| 46 | */ | ||
| 47 | .uk-slidenav-previous:before { | ||
| 48 | content: "\f104"; | ||
| 49 | font-family: FontAwesome; | ||
| 50 | } | ||
| 51 | .uk-slidenav-next:before { | ||
| 52 | content: "\f105"; | ||
| 53 | font-family: FontAwesome; | ||
| 54 | } | ||
| 55 | /* Sub-object: `uk-slidenav-position` | ||
| 56 | ========================================================================== */ | ||
| 57 | /* | ||
| 58 | * Create position context | ||
| 59 | */ | ||
| 60 | .uk-slidenav-position { | ||
| 61 | position: relative; | ||
| 62 | } | ||
| 63 | /* | ||
| 64 | * Center vertically | ||
| 65 | */ | ||
| 66 | .uk-slidenav-position .uk-slidenav { | ||
| 67 | display: none; | ||
| 68 | position: absolute; | ||
| 69 | top: 50%; | ||
| 70 | z-index: 1; | ||
| 71 | margin-top: -30px; | ||
| 72 | } | ||
| 73 | .uk-slidenav-position:hover .uk-slidenav { | ||
| 74 | display: block; | ||
| 75 | } | ||
| 76 | .uk-slidenav-position .uk-slidenav-previous { | ||
| 77 | left: 20px; | ||
| 78 | } | ||
| 79 | .uk-slidenav-position .uk-slidenav-next { | ||
| 80 | right: 20px; | ||
| 81 | } | ||
| 82 | /* Modifier: `uk-slidenav-contrast` | ||
| 83 | ========================================================================== */ | ||
| 84 | .uk-slidenav-contrast { | ||
| 85 | color: rgba(255, 255, 255, 0.5); | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Hover | ||
| 89 | * 1. Apply hover style also to focus state | ||
| 90 | */ | ||
| 91 | .uk-slidenav-contrast:hover, | ||
| 92 | .uk-slidenav-contrast:focus { | ||
| 93 | color: rgba(255, 255, 255, 0.7); | ||
| 94 | } | ||
| 95 | /* Active */ | ||
| 96 | .uk-slidenav-contrast:active { | ||
| 97 | color: rgba(255, 255, 255, 0.9); | ||
| 98 | } | ||
diff --git a/css/components/slidenav.almost-flat.min.css b/css/components/slidenav.almost-flat.min.css new file mode 100755 index 0000000..b3b1e2f --- /dev/null +++ b/css/components/slidenav.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-slidenav{display:inline-block;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/css/components/slidenav.css b/css/components/slidenav.css new file mode 100755 index 0000000..d856cae --- /dev/null +++ b/css/components/slidenav.css | |||
| @@ -0,0 +1,98 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slidenav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Required for `a` elements | ||
| 7 | * 2. Dimension | ||
| 8 | * 3. Style | ||
| 9 | */ | ||
| 10 | .uk-slidenav { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | box-sizing: border-box; | ||
| 15 | width: 60px; | ||
| 16 | height: 60px; | ||
| 17 | /* 3 */ | ||
| 18 | line-height: 60px; | ||
| 19 | color: rgba(50, 50, 50, 0.4); | ||
| 20 | font-size: 60px; | ||
| 21 | text-align: center; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * Hover | ||
| 25 | * 1. Apply hover style also to focus state | ||
| 26 | * 2. Remove default focus style | ||
| 27 | * 3. Required for `a` elements | ||
| 28 | * 4. Style | ||
| 29 | */ | ||
| 30 | .uk-slidenav:hover, | ||
| 31 | .uk-slidenav:focus { | ||
| 32 | /* 2 */ | ||
| 33 | outline: none; | ||
| 34 | /* 3 */ | ||
| 35 | text-decoration: none; | ||
| 36 | /* 4 */ | ||
| 37 | color: rgba(50, 50, 50, 0.7); | ||
| 38 | cursor: pointer; | ||
| 39 | } | ||
| 40 | /* Active */ | ||
| 41 | .uk-slidenav:active { | ||
| 42 | color: rgba(50, 50, 50, 0.9); | ||
| 43 | } | ||
| 44 | /* | ||
| 45 | * Icons | ||
| 46 | */ | ||
| 47 | .uk-slidenav-previous:before { | ||
| 48 | content: "\f104"; | ||
| 49 | font-family: FontAwesome; | ||
| 50 | } | ||
| 51 | .uk-slidenav-next:before { | ||
| 52 | content: "\f105"; | ||
| 53 | font-family: FontAwesome; | ||
| 54 | } | ||
| 55 | /* Sub-object: `uk-slidenav-position` | ||
| 56 | ========================================================================== */ | ||
| 57 | /* | ||
| 58 | * Create position context | ||
| 59 | */ | ||
| 60 | .uk-slidenav-position { | ||
| 61 | position: relative; | ||
| 62 | } | ||
| 63 | /* | ||
| 64 | * Center vertically | ||
| 65 | */ | ||
| 66 | .uk-slidenav-position .uk-slidenav { | ||
| 67 | display: none; | ||
| 68 | position: absolute; | ||
| 69 | top: 50%; | ||
| 70 | z-index: 1; | ||
| 71 | margin-top: -30px; | ||
| 72 | } | ||
| 73 | .uk-slidenav-position:hover .uk-slidenav { | ||
| 74 | display: block; | ||
| 75 | } | ||
| 76 | .uk-slidenav-position .uk-slidenav-previous { | ||
| 77 | left: 20px; | ||
| 78 | } | ||
| 79 | .uk-slidenav-position .uk-slidenav-next { | ||
| 80 | right: 20px; | ||
| 81 | } | ||
| 82 | /* Modifier: `uk-slidenav-contrast` | ||
| 83 | ========================================================================== */ | ||
| 84 | .uk-slidenav-contrast { | ||
| 85 | color: rgba(255, 255, 255, 0.5); | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Hover | ||
| 89 | * 1. Apply hover style also to focus state | ||
| 90 | */ | ||
| 91 | .uk-slidenav-contrast:hover, | ||
| 92 | .uk-slidenav-contrast:focus { | ||
| 93 | color: rgba(255, 255, 255, 0.7); | ||
| 94 | } | ||
| 95 | /* Active */ | ||
| 96 | .uk-slidenav-contrast:active { | ||
| 97 | color: rgba(255, 255, 255, 0.9); | ||
| 98 | } | ||
diff --git a/css/components/slidenav.gradient.css b/css/components/slidenav.gradient.css new file mode 100755 index 0000000..d856cae --- /dev/null +++ b/css/components/slidenav.gradient.css | |||
| @@ -0,0 +1,98 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slidenav | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Required for `a` elements | ||
| 7 | * 2. Dimension | ||
| 8 | * 3. Style | ||
| 9 | */ | ||
| 10 | .uk-slidenav { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | box-sizing: border-box; | ||
| 15 | width: 60px; | ||
| 16 | height: 60px; | ||
| 17 | /* 3 */ | ||
| 18 | line-height: 60px; | ||
| 19 | color: rgba(50, 50, 50, 0.4); | ||
| 20 | font-size: 60px; | ||
| 21 | text-align: center; | ||
| 22 | } | ||
| 23 | /* | ||
| 24 | * Hover | ||
| 25 | * 1. Apply hover style also to focus state | ||
| 26 | * 2. Remove default focus style | ||
| 27 | * 3. Required for `a` elements | ||
| 28 | * 4. Style | ||
| 29 | */ | ||
| 30 | .uk-slidenav:hover, | ||
| 31 | .uk-slidenav:focus { | ||
| 32 | /* 2 */ | ||
| 33 | outline: none; | ||
| 34 | /* 3 */ | ||
| 35 | text-decoration: none; | ||
| 36 | /* 4 */ | ||
| 37 | color: rgba(50, 50, 50, 0.7); | ||
| 38 | cursor: pointer; | ||
| 39 | } | ||
| 40 | /* Active */ | ||
| 41 | .uk-slidenav:active { | ||
| 42 | color: rgba(50, 50, 50, 0.9); | ||
| 43 | } | ||
| 44 | /* | ||
| 45 | * Icons | ||
| 46 | */ | ||
| 47 | .uk-slidenav-previous:before { | ||
| 48 | content: "\f104"; | ||
| 49 | font-family: FontAwesome; | ||
| 50 | } | ||
| 51 | .uk-slidenav-next:before { | ||
| 52 | content: "\f105"; | ||
| 53 | font-family: FontAwesome; | ||
| 54 | } | ||
| 55 | /* Sub-object: `uk-slidenav-position` | ||
| 56 | ========================================================================== */ | ||
| 57 | /* | ||
| 58 | * Create position context | ||
| 59 | */ | ||
| 60 | .uk-slidenav-position { | ||
| 61 | position: relative; | ||
| 62 | } | ||
| 63 | /* | ||
| 64 | * Center vertically | ||
| 65 | */ | ||
| 66 | .uk-slidenav-position .uk-slidenav { | ||
| 67 | display: none; | ||
| 68 | position: absolute; | ||
| 69 | top: 50%; | ||
| 70 | z-index: 1; | ||
| 71 | margin-top: -30px; | ||
| 72 | } | ||
| 73 | .uk-slidenav-position:hover .uk-slidenav { | ||
| 74 | display: block; | ||
| 75 | } | ||
| 76 | .uk-slidenav-position .uk-slidenav-previous { | ||
| 77 | left: 20px; | ||
| 78 | } | ||
| 79 | .uk-slidenav-position .uk-slidenav-next { | ||
| 80 | right: 20px; | ||
| 81 | } | ||
| 82 | /* Modifier: `uk-slidenav-contrast` | ||
| 83 | ========================================================================== */ | ||
| 84 | .uk-slidenav-contrast { | ||
| 85 | color: rgba(255, 255, 255, 0.5); | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Hover | ||
| 89 | * 1. Apply hover style also to focus state | ||
| 90 | */ | ||
| 91 | .uk-slidenav-contrast:hover, | ||
| 92 | .uk-slidenav-contrast:focus { | ||
| 93 | color: rgba(255, 255, 255, 0.7); | ||
| 94 | } | ||
| 95 | /* Active */ | ||
| 96 | .uk-slidenav-contrast:active { | ||
| 97 | color: rgba(255, 255, 255, 0.9); | ||
| 98 | } | ||
diff --git a/css/components/slidenav.gradient.min.css b/css/components/slidenav.gradient.min.css new file mode 100755 index 0000000..b3b1e2f --- /dev/null +++ b/css/components/slidenav.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-slidenav{display:inline-block;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/css/components/slidenav.min.css b/css/components/slidenav.min.css new file mode 100755 index 0000000..b3b1e2f --- /dev/null +++ b/css/components/slidenav.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-slidenav{display:inline-block;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/css/components/slider.almost-flat.css b/css/components/slider.almost-flat.css new file mode 100755 index 0000000..2d6417d --- /dev/null +++ b/css/components/slider.almost-flat.css | |||
| @@ -0,0 +1,94 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slider | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * RTL Compatibility | ||
| 7 | */ | ||
| 8 | [data-uk-slider] { | ||
| 9 | direction: ltr; | ||
| 10 | } | ||
| 11 | html[dir="rtl"] .uk-slider > * { | ||
| 12 | direction: rtl; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * 1. Create position context | ||
| 16 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 17 | * 3. Deactivate browser history navigation in IE11 | ||
| 18 | */ | ||
| 19 | .uk-slider { | ||
| 20 | /* 1 */ | ||
| 21 | position: relative; | ||
| 22 | /* 2 */ | ||
| 23 | z-index: 0; | ||
| 24 | /* 3 */ | ||
| 25 | touch-action: pan-y; | ||
| 26 | } | ||
| 27 | /* | ||
| 28 | * 1. Reset list style without interfering with grid | ||
| 29 | */ | ||
| 30 | .uk-slider:not(.uk-grid) { | ||
| 31 | /* 1 */ | ||
| 32 | margin: 0; | ||
| 33 | padding: 0; | ||
| 34 | list-style: none; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * Sub-object item | ||
| 38 | * 1. Position items above each other | ||
| 39 | */ | ||
| 40 | .uk-slider > * { | ||
| 41 | /* 1 */ | ||
| 42 | position: absolute; | ||
| 43 | top: 0; | ||
| 44 | left: 0; | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Clip child elements | ||
| 48 | */ | ||
| 49 | .uk-slider-container { | ||
| 50 | overflow: hidden; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Dragged | ||
| 54 | */ | ||
| 55 | .uk-slider:not(.uk-drag) { | ||
| 56 | -webkit-transition: -webkit-transform 200ms linear; | ||
| 57 | transition: transform 200ms linear; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Makes text unselectable | ||
| 61 | */ | ||
| 62 | .uk-slider.uk-drag { | ||
| 63 | cursor: col-resize; | ||
| 64 | /* 1 */ | ||
| 65 | -moz-user-select: none; | ||
| 66 | -webkit-user-select: none; | ||
| 67 | -ms-user-select: none; | ||
| 68 | user-select: none; | ||
| 69 | } | ||
| 70 | /* | ||
| 71 | * 1. Prevents images and links from being dragged (default browser behavior) | ||
| 72 | * 2. Disables the default callout shown when you touch and hold a touch target | ||
| 73 | * Currently only works in Webkit | ||
| 74 | */ | ||
| 75 | .uk-slider a, | ||
| 76 | .uk-slider img { | ||
| 77 | /* 1 */ | ||
| 78 | -webkit-user-drag: none; | ||
| 79 | user-drag: none; | ||
| 80 | /* 2 */ | ||
| 81 | -webkit-touch-callout: none; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * 1. Prevents images and links from being dragged in Firefox | ||
| 85 | */ | ||
| 86 | .uk-slider img { | ||
| 87 | pointer-events: none; | ||
| 88 | } | ||
| 89 | /* Modifier: `uk-slider-fullscreen` | ||
| 90 | ========================================================================== */ | ||
| 91 | .uk-slider-fullscreen, | ||
| 92 | .uk-slider-fullscreen > li { | ||
| 93 | height: 100vh; | ||
| 94 | } | ||
diff --git a/css/components/slider.almost-flat.min.css b/css/components/slider.almost-flat.min.css new file mode 100755 index 0000000..65cf30b --- /dev/null +++ b/css/components/slider.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-slider]{direction:ltr}html[dir=rtl] .uk-slider>*{direction:rtl}.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 .2s linear;transition:transform .2s 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/css/components/slider.css b/css/components/slider.css new file mode 100755 index 0000000..2d6417d --- /dev/null +++ b/css/components/slider.css | |||
| @@ -0,0 +1,94 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slider | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * RTL Compatibility | ||
| 7 | */ | ||
| 8 | [data-uk-slider] { | ||
| 9 | direction: ltr; | ||
| 10 | } | ||
| 11 | html[dir="rtl"] .uk-slider > * { | ||
| 12 | direction: rtl; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * 1. Create position context | ||
| 16 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 17 | * 3. Deactivate browser history navigation in IE11 | ||
| 18 | */ | ||
| 19 | .uk-slider { | ||
| 20 | /* 1 */ | ||
| 21 | position: relative; | ||
| 22 | /* 2 */ | ||
| 23 | z-index: 0; | ||
| 24 | /* 3 */ | ||
| 25 | touch-action: pan-y; | ||
| 26 | } | ||
| 27 | /* | ||
| 28 | * 1. Reset list style without interfering with grid | ||
| 29 | */ | ||
| 30 | .uk-slider:not(.uk-grid) { | ||
| 31 | /* 1 */ | ||
| 32 | margin: 0; | ||
| 33 | padding: 0; | ||
| 34 | list-style: none; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * Sub-object item | ||
| 38 | * 1. Position items above each other | ||
| 39 | */ | ||
| 40 | .uk-slider > * { | ||
| 41 | /* 1 */ | ||
| 42 | position: absolute; | ||
| 43 | top: 0; | ||
| 44 | left: 0; | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Clip child elements | ||
| 48 | */ | ||
| 49 | .uk-slider-container { | ||
| 50 | overflow: hidden; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Dragged | ||
| 54 | */ | ||
| 55 | .uk-slider:not(.uk-drag) { | ||
| 56 | -webkit-transition: -webkit-transform 200ms linear; | ||
| 57 | transition: transform 200ms linear; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Makes text unselectable | ||
| 61 | */ | ||
| 62 | .uk-slider.uk-drag { | ||
| 63 | cursor: col-resize; | ||
| 64 | /* 1 */ | ||
| 65 | -moz-user-select: none; | ||
| 66 | -webkit-user-select: none; | ||
| 67 | -ms-user-select: none; | ||
| 68 | user-select: none; | ||
| 69 | } | ||
| 70 | /* | ||
| 71 | * 1. Prevents images and links from being dragged (default browser behavior) | ||
| 72 | * 2. Disables the default callout shown when you touch and hold a touch target | ||
| 73 | * Currently only works in Webkit | ||
| 74 | */ | ||
| 75 | .uk-slider a, | ||
| 76 | .uk-slider img { | ||
| 77 | /* 1 */ | ||
| 78 | -webkit-user-drag: none; | ||
| 79 | user-drag: none; | ||
| 80 | /* 2 */ | ||
| 81 | -webkit-touch-callout: none; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * 1. Prevents images and links from being dragged in Firefox | ||
| 85 | */ | ||
| 86 | .uk-slider img { | ||
| 87 | pointer-events: none; | ||
| 88 | } | ||
| 89 | /* Modifier: `uk-slider-fullscreen` | ||
| 90 | ========================================================================== */ | ||
| 91 | .uk-slider-fullscreen, | ||
| 92 | .uk-slider-fullscreen > li { | ||
| 93 | height: 100vh; | ||
| 94 | } | ||
diff --git a/css/components/slider.gradient.css b/css/components/slider.gradient.css new file mode 100755 index 0000000..2d6417d --- /dev/null +++ b/css/components/slider.gradient.css | |||
| @@ -0,0 +1,94 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slider | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * RTL Compatibility | ||
| 7 | */ | ||
| 8 | [data-uk-slider] { | ||
| 9 | direction: ltr; | ||
| 10 | } | ||
| 11 | html[dir="rtl"] .uk-slider > * { | ||
| 12 | direction: rtl; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * 1. Create position context | ||
| 16 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 17 | * 3. Deactivate browser history navigation in IE11 | ||
| 18 | */ | ||
| 19 | .uk-slider { | ||
| 20 | /* 1 */ | ||
| 21 | position: relative; | ||
| 22 | /* 2 */ | ||
| 23 | z-index: 0; | ||
| 24 | /* 3 */ | ||
| 25 | touch-action: pan-y; | ||
| 26 | } | ||
| 27 | /* | ||
| 28 | * 1. Reset list style without interfering with grid | ||
| 29 | */ | ||
| 30 | .uk-slider:not(.uk-grid) { | ||
| 31 | /* 1 */ | ||
| 32 | margin: 0; | ||
| 33 | padding: 0; | ||
| 34 | list-style: none; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * Sub-object item | ||
| 38 | * 1. Position items above each other | ||
| 39 | */ | ||
| 40 | .uk-slider > * { | ||
| 41 | /* 1 */ | ||
| 42 | position: absolute; | ||
| 43 | top: 0; | ||
| 44 | left: 0; | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Clip child elements | ||
| 48 | */ | ||
| 49 | .uk-slider-container { | ||
| 50 | overflow: hidden; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Dragged | ||
| 54 | */ | ||
| 55 | .uk-slider:not(.uk-drag) { | ||
| 56 | -webkit-transition: -webkit-transform 200ms linear; | ||
| 57 | transition: transform 200ms linear; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Makes text unselectable | ||
| 61 | */ | ||
| 62 | .uk-slider.uk-drag { | ||
| 63 | cursor: col-resize; | ||
| 64 | /* 1 */ | ||
| 65 | -moz-user-select: none; | ||
| 66 | -webkit-user-select: none; | ||
| 67 | -ms-user-select: none; | ||
| 68 | user-select: none; | ||
| 69 | } | ||
| 70 | /* | ||
| 71 | * 1. Prevents images and links from being dragged (default browser behavior) | ||
| 72 | * 2. Disables the default callout shown when you touch and hold a touch target | ||
| 73 | * Currently only works in Webkit | ||
| 74 | */ | ||
| 75 | .uk-slider a, | ||
| 76 | .uk-slider img { | ||
| 77 | /* 1 */ | ||
| 78 | -webkit-user-drag: none; | ||
| 79 | user-drag: none; | ||
| 80 | /* 2 */ | ||
| 81 | -webkit-touch-callout: none; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * 1. Prevents images and links from being dragged in Firefox | ||
| 85 | */ | ||
| 86 | .uk-slider img { | ||
| 87 | pointer-events: none; | ||
| 88 | } | ||
| 89 | /* Modifier: `uk-slider-fullscreen` | ||
| 90 | ========================================================================== */ | ||
| 91 | .uk-slider-fullscreen, | ||
| 92 | .uk-slider-fullscreen > li { | ||
| 93 | height: 100vh; | ||
| 94 | } | ||
diff --git a/css/components/slider.gradient.min.css b/css/components/slider.gradient.min.css new file mode 100755 index 0000000..65cf30b --- /dev/null +++ b/css/components/slider.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-slider]{direction:ltr}html[dir=rtl] .uk-slider>*{direction:rtl}.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 .2s linear;transition:transform .2s 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/css/components/slider.min.css b/css/components/slider.min.css new file mode 100755 index 0000000..65cf30b --- /dev/null +++ b/css/components/slider.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-slider]{direction:ltr}html[dir=rtl] .uk-slider>*{direction:rtl}.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 .2s linear;transition:transform .2s 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/css/components/slideshow.almost-flat.css b/css/components/slideshow.almost-flat.css new file mode 100755 index 0000000..ce3d4f2 --- /dev/null +++ b/css/components/slideshow.almost-flat.css | |||
| @@ -0,0 +1,144 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slideshow | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context | ||
| 7 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 8 | * 3. Set width because child elements are positioned absolute. Height is set via JS | ||
| 9 | * 4. Reset list style | ||
| 10 | * 5. Clip child elements | ||
| 11 | * 6. Deactivate browser history navigation in IE11 | ||
| 12 | */ | ||
| 13 | .uk-slideshow { | ||
| 14 | /* 1 */ | ||
| 15 | position: relative; | ||
| 16 | /* 2 */ | ||
| 17 | z-index: 0; | ||
| 18 | /* 3 */ | ||
| 19 | width: 100%; | ||
| 20 | /* 4 */ | ||
| 21 | margin: 0; | ||
| 22 | padding: 0; | ||
| 23 | list-style: none; | ||
| 24 | /* 5 */ | ||
| 25 | overflow: hidden; | ||
| 26 | /* 6 */ | ||
| 27 | touch-action: pan-y; | ||
| 28 | } | ||
| 29 | /* | ||
| 30 | * Sub-object item | ||
| 31 | * 1. Position items above each other | ||
| 32 | * 2. Expand to parent container width | ||
| 33 | * 3. Hide by default | ||
| 34 | */ | ||
| 35 | .uk-slideshow > li { | ||
| 36 | /* 1 */ | ||
| 37 | position: absolute; | ||
| 38 | top: 0; | ||
| 39 | left: 0; | ||
| 40 | /* 2 */ | ||
| 41 | width: 100%; | ||
| 42 | /* 3 */ | ||
| 43 | opacity: 0; | ||
| 44 | } | ||
| 45 | /* | ||
| 46 | * Active | ||
| 47 | * 1. Stack at first | ||
| 48 | * 2. Show slide | ||
| 49 | */ | ||
| 50 | .uk-slideshow > .uk-active { | ||
| 51 | /* 1 */ | ||
| 52 | z-index: 10; | ||
| 53 | /* 2 */ | ||
| 54 | opacity: 1; | ||
| 55 | } | ||
| 56 | /* | ||
| 57 | * Hide default images which is only relevant to keep existing proportions | ||
| 58 | */ | ||
| 59 | .uk-slideshow > li > img { | ||
| 60 | visibility: hidden; | ||
| 61 | } | ||
| 62 | /* | ||
| 63 | * Pointer for controls | ||
| 64 | */ | ||
| 65 | [data-uk-slideshow-slide] { | ||
| 66 | cursor: pointer; | ||
| 67 | } | ||
| 68 | /* Modifier: `uk-slideshow-fullscreen` | ||
| 69 | ========================================================================== */ | ||
| 70 | .uk-slideshow-fullscreen, | ||
| 71 | .uk-slideshow-fullscreen > li { | ||
| 72 | height: 100vh; | ||
| 73 | } | ||
| 74 | /* Animations | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Fade | ||
| 78 | */ | ||
| 79 | .uk-slideshow-fade-in { | ||
| 80 | -webkit-animation: uk-fade 0.5s linear; | ||
| 81 | animation: uk-fade 0.5s linear; | ||
| 82 | } | ||
| 83 | .uk-slideshow-fade-out { | ||
| 84 | -webkit-animation: uk-fade 0.5s linear reverse; | ||
| 85 | animation: uk-fade 0.5s linear reverse; | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Scroll | ||
| 89 | */ | ||
| 90 | .uk-slideshow-scroll-forward-in { | ||
| 91 | -webkit-animation: uk-slide-right 0.5s ease-in-out; | ||
| 92 | animation: uk-slide-right 0.5s ease-in-out; | ||
| 93 | } | ||
| 94 | .uk-slideshow-scroll-forward-out { | ||
| 95 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 96 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 97 | } | ||
| 98 | .uk-slideshow-scroll-backward-in { | ||
| 99 | -webkit-animation: uk-slide-left 0.5s ease-in-out; | ||
| 100 | animation: uk-slide-left 0.5s ease-in-out; | ||
| 101 | } | ||
| 102 | .uk-slideshow-scroll-backward-out { | ||
| 103 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 104 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 105 | } | ||
| 106 | /* | ||
| 107 | * Scale | ||
| 108 | */ | ||
| 109 | .uk-slideshow-scale-out { | ||
| 110 | -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 111 | animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 112 | } | ||
| 113 | /* | ||
| 114 | * Swipe | ||
| 115 | */ | ||
| 116 | .uk-slideshow-swipe-forward-in { | ||
| 117 | -webkit-animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 118 | animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 119 | } | ||
| 120 | .uk-slideshow-swipe-forward-out { | ||
| 121 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 122 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 123 | } | ||
| 124 | .uk-slideshow-swipe-backward-in { | ||
| 125 | -webkit-animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 126 | animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 127 | } | ||
| 128 | .uk-slideshow-swipe-backward-out { | ||
| 129 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 130 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 131 | } | ||
| 132 | .uk-slideshow-swipe-forward-in:before, | ||
| 133 | .uk-slideshow-swipe-backward-in:before { | ||
| 134 | content: ''; | ||
| 135 | position: absolute; | ||
| 136 | top: 0; | ||
| 137 | bottom: 0; | ||
| 138 | left: 0; | ||
| 139 | right: 0; | ||
| 140 | z-index: 1; | ||
| 141 | background: rgba(0, 0, 0, 0.6); | ||
| 142 | -webkit-animation: uk-fade 0.5s ease-in-out reverse; | ||
| 143 | animation: uk-fade 0.5s ease-in-out reverse; | ||
| 144 | } | ||
diff --git a/css/components/slideshow.almost-flat.min.css b/css/components/slideshow.almost-flat.min.css new file mode 100755 index 0000000..3c8fe75 --- /dev/null +++ b/css/components/slideshow.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.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/css/components/slideshow.css b/css/components/slideshow.css new file mode 100755 index 0000000..ce3d4f2 --- /dev/null +++ b/css/components/slideshow.css | |||
| @@ -0,0 +1,144 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slideshow | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context | ||
| 7 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 8 | * 3. Set width because child elements are positioned absolute. Height is set via JS | ||
| 9 | * 4. Reset list style | ||
| 10 | * 5. Clip child elements | ||
| 11 | * 6. Deactivate browser history navigation in IE11 | ||
| 12 | */ | ||
| 13 | .uk-slideshow { | ||
| 14 | /* 1 */ | ||
| 15 | position: relative; | ||
| 16 | /* 2 */ | ||
| 17 | z-index: 0; | ||
| 18 | /* 3 */ | ||
| 19 | width: 100%; | ||
| 20 | /* 4 */ | ||
| 21 | margin: 0; | ||
| 22 | padding: 0; | ||
| 23 | list-style: none; | ||
| 24 | /* 5 */ | ||
| 25 | overflow: hidden; | ||
| 26 | /* 6 */ | ||
| 27 | touch-action: pan-y; | ||
| 28 | } | ||
| 29 | /* | ||
| 30 | * Sub-object item | ||
| 31 | * 1. Position items above each other | ||
| 32 | * 2. Expand to parent container width | ||
| 33 | * 3. Hide by default | ||
| 34 | */ | ||
| 35 | .uk-slideshow > li { | ||
| 36 | /* 1 */ | ||
| 37 | position: absolute; | ||
| 38 | top: 0; | ||
| 39 | left: 0; | ||
| 40 | /* 2 */ | ||
| 41 | width: 100%; | ||
| 42 | /* 3 */ | ||
| 43 | opacity: 0; | ||
| 44 | } | ||
| 45 | /* | ||
| 46 | * Active | ||
| 47 | * 1. Stack at first | ||
| 48 | * 2. Show slide | ||
| 49 | */ | ||
| 50 | .uk-slideshow > .uk-active { | ||
| 51 | /* 1 */ | ||
| 52 | z-index: 10; | ||
| 53 | /* 2 */ | ||
| 54 | opacity: 1; | ||
| 55 | } | ||
| 56 | /* | ||
| 57 | * Hide default images which is only relevant to keep existing proportions | ||
| 58 | */ | ||
| 59 | .uk-slideshow > li > img { | ||
| 60 | visibility: hidden; | ||
| 61 | } | ||
| 62 | /* | ||
| 63 | * Pointer for controls | ||
| 64 | */ | ||
| 65 | [data-uk-slideshow-slide] { | ||
| 66 | cursor: pointer; | ||
| 67 | } | ||
| 68 | /* Modifier: `uk-slideshow-fullscreen` | ||
| 69 | ========================================================================== */ | ||
| 70 | .uk-slideshow-fullscreen, | ||
| 71 | .uk-slideshow-fullscreen > li { | ||
| 72 | height: 100vh; | ||
| 73 | } | ||
| 74 | /* Animations | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Fade | ||
| 78 | */ | ||
| 79 | .uk-slideshow-fade-in { | ||
| 80 | -webkit-animation: uk-fade 0.5s linear; | ||
| 81 | animation: uk-fade 0.5s linear; | ||
| 82 | } | ||
| 83 | .uk-slideshow-fade-out { | ||
| 84 | -webkit-animation: uk-fade 0.5s linear reverse; | ||
| 85 | animation: uk-fade 0.5s linear reverse; | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Scroll | ||
| 89 | */ | ||
| 90 | .uk-slideshow-scroll-forward-in { | ||
| 91 | -webkit-animation: uk-slide-right 0.5s ease-in-out; | ||
| 92 | animation: uk-slide-right 0.5s ease-in-out; | ||
| 93 | } | ||
| 94 | .uk-slideshow-scroll-forward-out { | ||
| 95 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 96 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 97 | } | ||
| 98 | .uk-slideshow-scroll-backward-in { | ||
| 99 | -webkit-animation: uk-slide-left 0.5s ease-in-out; | ||
| 100 | animation: uk-slide-left 0.5s ease-in-out; | ||
| 101 | } | ||
| 102 | .uk-slideshow-scroll-backward-out { | ||
| 103 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 104 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 105 | } | ||
| 106 | /* | ||
| 107 | * Scale | ||
| 108 | */ | ||
| 109 | .uk-slideshow-scale-out { | ||
| 110 | -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 111 | animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 112 | } | ||
| 113 | /* | ||
| 114 | * Swipe | ||
| 115 | */ | ||
| 116 | .uk-slideshow-swipe-forward-in { | ||
| 117 | -webkit-animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 118 | animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 119 | } | ||
| 120 | .uk-slideshow-swipe-forward-out { | ||
| 121 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 122 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 123 | } | ||
| 124 | .uk-slideshow-swipe-backward-in { | ||
| 125 | -webkit-animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 126 | animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 127 | } | ||
| 128 | .uk-slideshow-swipe-backward-out { | ||
| 129 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 130 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 131 | } | ||
| 132 | .uk-slideshow-swipe-forward-in:before, | ||
| 133 | .uk-slideshow-swipe-backward-in:before { | ||
| 134 | content: ''; | ||
| 135 | position: absolute; | ||
| 136 | top: 0; | ||
| 137 | bottom: 0; | ||
| 138 | left: 0; | ||
| 139 | right: 0; | ||
| 140 | z-index: 1; | ||
| 141 | background: rgba(0, 0, 0, 0.6); | ||
| 142 | -webkit-animation: uk-fade 0.5s ease-in-out reverse; | ||
| 143 | animation: uk-fade 0.5s ease-in-out reverse; | ||
| 144 | } | ||
diff --git a/css/components/slideshow.gradient.css b/css/components/slideshow.gradient.css new file mode 100755 index 0000000..ce3d4f2 --- /dev/null +++ b/css/components/slideshow.gradient.css | |||
| @@ -0,0 +1,144 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slideshow | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Create position context | ||
| 7 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 8 | * 3. Set width because child elements are positioned absolute. Height is set via JS | ||
| 9 | * 4. Reset list style | ||
| 10 | * 5. Clip child elements | ||
| 11 | * 6. Deactivate browser history navigation in IE11 | ||
| 12 | */ | ||
| 13 | .uk-slideshow { | ||
| 14 | /* 1 */ | ||
| 15 | position: relative; | ||
| 16 | /* 2 */ | ||
| 17 | z-index: 0; | ||
| 18 | /* 3 */ | ||
| 19 | width: 100%; | ||
| 20 | /* 4 */ | ||
| 21 | margin: 0; | ||
| 22 | padding: 0; | ||
| 23 | list-style: none; | ||
| 24 | /* 5 */ | ||
| 25 | overflow: hidden; | ||
| 26 | /* 6 */ | ||
| 27 | touch-action: pan-y; | ||
| 28 | } | ||
| 29 | /* | ||
| 30 | * Sub-object item | ||
| 31 | * 1. Position items above each other | ||
| 32 | * 2. Expand to parent container width | ||
| 33 | * 3. Hide by default | ||
| 34 | */ | ||
| 35 | .uk-slideshow > li { | ||
| 36 | /* 1 */ | ||
| 37 | position: absolute; | ||
| 38 | top: 0; | ||
| 39 | left: 0; | ||
| 40 | /* 2 */ | ||
| 41 | width: 100%; | ||
| 42 | /* 3 */ | ||
| 43 | opacity: 0; | ||
| 44 | } | ||
| 45 | /* | ||
| 46 | * Active | ||
| 47 | * 1. Stack at first | ||
| 48 | * 2. Show slide | ||
| 49 | */ | ||
| 50 | .uk-slideshow > .uk-active { | ||
| 51 | /* 1 */ | ||
| 52 | z-index: 10; | ||
| 53 | /* 2 */ | ||
| 54 | opacity: 1; | ||
| 55 | } | ||
| 56 | /* | ||
| 57 | * Hide default images which is only relevant to keep existing proportions | ||
| 58 | */ | ||
| 59 | .uk-slideshow > li > img { | ||
| 60 | visibility: hidden; | ||
| 61 | } | ||
| 62 | /* | ||
| 63 | * Pointer for controls | ||
| 64 | */ | ||
| 65 | [data-uk-slideshow-slide] { | ||
| 66 | cursor: pointer; | ||
| 67 | } | ||
| 68 | /* Modifier: `uk-slideshow-fullscreen` | ||
| 69 | ========================================================================== */ | ||
| 70 | .uk-slideshow-fullscreen, | ||
| 71 | .uk-slideshow-fullscreen > li { | ||
| 72 | height: 100vh; | ||
| 73 | } | ||
| 74 | /* Animations | ||
| 75 | ========================================================================== */ | ||
| 76 | /* | ||
| 77 | * Fade | ||
| 78 | */ | ||
| 79 | .uk-slideshow-fade-in { | ||
| 80 | -webkit-animation: uk-fade 0.5s linear; | ||
| 81 | animation: uk-fade 0.5s linear; | ||
| 82 | } | ||
| 83 | .uk-slideshow-fade-out { | ||
| 84 | -webkit-animation: uk-fade 0.5s linear reverse; | ||
| 85 | animation: uk-fade 0.5s linear reverse; | ||
| 86 | } | ||
| 87 | /* | ||
| 88 | * Scroll | ||
| 89 | */ | ||
| 90 | .uk-slideshow-scroll-forward-in { | ||
| 91 | -webkit-animation: uk-slide-right 0.5s ease-in-out; | ||
| 92 | animation: uk-slide-right 0.5s ease-in-out; | ||
| 93 | } | ||
| 94 | .uk-slideshow-scroll-forward-out { | ||
| 95 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 96 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 97 | } | ||
| 98 | .uk-slideshow-scroll-backward-in { | ||
| 99 | -webkit-animation: uk-slide-left 0.5s ease-in-out; | ||
| 100 | animation: uk-slide-left 0.5s ease-in-out; | ||
| 101 | } | ||
| 102 | .uk-slideshow-scroll-backward-out { | ||
| 103 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 104 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 105 | } | ||
| 106 | /* | ||
| 107 | * Scale | ||
| 108 | */ | ||
| 109 | .uk-slideshow-scale-out { | ||
| 110 | -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 111 | animation: uk-fade-scale-15 0.5s ease-in-out reverse; | ||
| 112 | } | ||
| 113 | /* | ||
| 114 | * Swipe | ||
| 115 | */ | ||
| 116 | .uk-slideshow-swipe-forward-in { | ||
| 117 | -webkit-animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 118 | animation: uk-slide-left-33 0.5s ease-in-out; | ||
| 119 | } | ||
| 120 | .uk-slideshow-swipe-forward-out { | ||
| 121 | -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 122 | animation: uk-slide-left 0.5s ease-in-out reverse; | ||
| 123 | } | ||
| 124 | .uk-slideshow-swipe-backward-in { | ||
| 125 | -webkit-animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 126 | animation: uk-slide-right-33 0.5s ease-in-out; | ||
| 127 | } | ||
| 128 | .uk-slideshow-swipe-backward-out { | ||
| 129 | -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 130 | animation: uk-slide-right 0.5s ease-in-out reverse; | ||
| 131 | } | ||
| 132 | .uk-slideshow-swipe-forward-in:before, | ||
| 133 | .uk-slideshow-swipe-backward-in:before { | ||
| 134 | content: ''; | ||
| 135 | position: absolute; | ||
| 136 | top: 0; | ||
| 137 | bottom: 0; | ||
| 138 | left: 0; | ||
| 139 | right: 0; | ||
| 140 | z-index: 1; | ||
| 141 | background: rgba(0, 0, 0, 0.6); | ||
| 142 | -webkit-animation: uk-fade 0.5s ease-in-out reverse; | ||
| 143 | animation: uk-fade 0.5s ease-in-out reverse; | ||
| 144 | } | ||
diff --git a/css/components/slideshow.gradient.min.css b/css/components/slideshow.gradient.min.css new file mode 100755 index 0000000..3c8fe75 --- /dev/null +++ b/css/components/slideshow.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.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/css/components/slideshow.min.css b/css/components/slideshow.min.css new file mode 100755 index 0000000..3c8fe75 --- /dev/null +++ b/css/components/slideshow.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.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/css/components/sortable.almost-flat.css b/css/components/sortable.almost-flat.css new file mode 100755 index 0000000..f5c23b6 --- /dev/null +++ b/css/components/sortable.almost-flat.css | |||
| @@ -0,0 +1,66 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sortable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-sortable { | ||
| 6 | position: relative; | ||
| 7 | } | ||
| 8 | /* | ||
| 9 | * Deactivate browser touch actions in IE11 | ||
| 10 | */ | ||
| 11 | .uk-sortable > * { | ||
| 12 | touch-action: none; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * Disables the default callout shown when you touch and hold a touch target | ||
| 16 | * Currently only works in Webkit | ||
| 17 | */ | ||
| 18 | .uk-sortable a, | ||
| 19 | .uk-sortable img { | ||
| 20 | -webkit-touch-callout: none; | ||
| 21 | } | ||
| 22 | /* | ||
| 23 | * Remove margin from the last-child | ||
| 24 | */ | ||
| 25 | .uk-sortable > :last-child { | ||
| 26 | margin-bottom: 0; | ||
| 27 | } | ||
| 28 | /* Sub-modifier `uk-sortable-dragged` | ||
| 29 | ========================================================================== */ | ||
| 30 | .uk-sortable-dragged { | ||
| 31 | position: absolute; | ||
| 32 | z-index: 1050; | ||
| 33 | pointer-events: none; | ||
| 34 | } | ||
| 35 | /* Sub-modifier `uk-sortable-placeholder` | ||
| 36 | ========================================================================== */ | ||
| 37 | .uk-sortable-placeholder { | ||
| 38 | opacity: 0; | ||
| 39 | } | ||
| 40 | /* Empty List | ||
| 41 | ========================================================================== */ | ||
| 42 | .uk-sortable-empty { | ||
| 43 | min-height: 30px; | ||
| 44 | } | ||
| 45 | /* Sub-object `uk-sortable-handle` | ||
| 46 | ========================================================================== */ | ||
| 47 | /* | ||
| 48 | * Deactivate browser touch actions in IE11 | ||
| 49 | */ | ||
| 50 | .uk-sortable-handle { | ||
| 51 | touch-action: none; | ||
| 52 | } | ||
| 53 | /* Hover */ | ||
| 54 | .uk-sortable-handle:hover { | ||
| 55 | cursor: move; | ||
| 56 | } | ||
| 57 | /* Sub-object `uk-sortable-moving` | ||
| 58 | ========================================================================== */ | ||
| 59 | .uk-sortable-moving, | ||
| 60 | .uk-sortable-moving * { | ||
| 61 | cursor: move; | ||
| 62 | } | ||
| 63 | /* Fixes dragging items over iframes */ | ||
| 64 | .uk-sortable-moving iframe { | ||
| 65 | pointer-events: none; | ||
| 66 | } | ||
diff --git a/css/components/sortable.almost-flat.min.css b/css/components/sortable.almost-flat.min.css new file mode 100755 index 0000000..a8f6b40 --- /dev/null +++ b/css/components/sortable.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-sortable-moving iframe{pointer-events:none} \ No newline at end of file | ||
diff --git a/css/components/sortable.css b/css/components/sortable.css new file mode 100755 index 0000000..f5c23b6 --- /dev/null +++ b/css/components/sortable.css | |||
| @@ -0,0 +1,66 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sortable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-sortable { | ||
| 6 | position: relative; | ||
| 7 | } | ||
| 8 | /* | ||
| 9 | * Deactivate browser touch actions in IE11 | ||
| 10 | */ | ||
| 11 | .uk-sortable > * { | ||
| 12 | touch-action: none; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * Disables the default callout shown when you touch and hold a touch target | ||
| 16 | * Currently only works in Webkit | ||
| 17 | */ | ||
| 18 | .uk-sortable a, | ||
| 19 | .uk-sortable img { | ||
| 20 | -webkit-touch-callout: none; | ||
| 21 | } | ||
| 22 | /* | ||
| 23 | * Remove margin from the last-child | ||
| 24 | */ | ||
| 25 | .uk-sortable > :last-child { | ||
| 26 | margin-bottom: 0; | ||
| 27 | } | ||
| 28 | /* Sub-modifier `uk-sortable-dragged` | ||
| 29 | ========================================================================== */ | ||
| 30 | .uk-sortable-dragged { | ||
| 31 | position: absolute; | ||
| 32 | z-index: 1050; | ||
| 33 | pointer-events: none; | ||
| 34 | } | ||
| 35 | /* Sub-modifier `uk-sortable-placeholder` | ||
| 36 | ========================================================================== */ | ||
| 37 | .uk-sortable-placeholder { | ||
| 38 | opacity: 0; | ||
| 39 | } | ||
| 40 | /* Empty List | ||
| 41 | ========================================================================== */ | ||
| 42 | .uk-sortable-empty { | ||
| 43 | min-height: 30px; | ||
| 44 | } | ||
| 45 | /* Sub-object `uk-sortable-handle` | ||
| 46 | ========================================================================== */ | ||
| 47 | /* | ||
| 48 | * Deactivate browser touch actions in IE11 | ||
| 49 | */ | ||
| 50 | .uk-sortable-handle { | ||
| 51 | touch-action: none; | ||
| 52 | } | ||
| 53 | /* Hover */ | ||
| 54 | .uk-sortable-handle:hover { | ||
| 55 | cursor: move; | ||
| 56 | } | ||
| 57 | /* Sub-object `uk-sortable-moving` | ||
| 58 | ========================================================================== */ | ||
| 59 | .uk-sortable-moving, | ||
| 60 | .uk-sortable-moving * { | ||
| 61 | cursor: move; | ||
| 62 | } | ||
| 63 | /* Fixes dragging items over iframes */ | ||
| 64 | .uk-sortable-moving iframe { | ||
| 65 | pointer-events: none; | ||
| 66 | } | ||
diff --git a/css/components/sortable.gradient.css b/css/components/sortable.gradient.css new file mode 100755 index 0000000..f5c23b6 --- /dev/null +++ b/css/components/sortable.gradient.css | |||
| @@ -0,0 +1,66 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sortable | ||
| 4 | ========================================================================== */ | ||
| 5 | .uk-sortable { | ||
| 6 | position: relative; | ||
| 7 | } | ||
| 8 | /* | ||
| 9 | * Deactivate browser touch actions in IE11 | ||
| 10 | */ | ||
| 11 | .uk-sortable > * { | ||
| 12 | touch-action: none; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * Disables the default callout shown when you touch and hold a touch target | ||
| 16 | * Currently only works in Webkit | ||
| 17 | */ | ||
| 18 | .uk-sortable a, | ||
| 19 | .uk-sortable img { | ||
| 20 | -webkit-touch-callout: none; | ||
| 21 | } | ||
| 22 | /* | ||
| 23 | * Remove margin from the last-child | ||
| 24 | */ | ||
| 25 | .uk-sortable > :last-child { | ||
| 26 | margin-bottom: 0; | ||
| 27 | } | ||
| 28 | /* Sub-modifier `uk-sortable-dragged` | ||
| 29 | ========================================================================== */ | ||
| 30 | .uk-sortable-dragged { | ||
| 31 | position: absolute; | ||
| 32 | z-index: 1050; | ||
| 33 | pointer-events: none; | ||
| 34 | } | ||
| 35 | /* Sub-modifier `uk-sortable-placeholder` | ||
| 36 | ========================================================================== */ | ||
| 37 | .uk-sortable-placeholder { | ||
| 38 | opacity: 0; | ||
| 39 | } | ||
| 40 | /* Empty List | ||
| 41 | ========================================================================== */ | ||
| 42 | .uk-sortable-empty { | ||
| 43 | min-height: 30px; | ||
| 44 | } | ||
| 45 | /* Sub-object `uk-sortable-handle` | ||
| 46 | ========================================================================== */ | ||
| 47 | /* | ||
| 48 | * Deactivate browser touch actions in IE11 | ||
| 49 | */ | ||
| 50 | .uk-sortable-handle { | ||
| 51 | touch-action: none; | ||
| 52 | } | ||
| 53 | /* Hover */ | ||
| 54 | .uk-sortable-handle:hover { | ||
| 55 | cursor: move; | ||
| 56 | } | ||
| 57 | /* Sub-object `uk-sortable-moving` | ||
| 58 | ========================================================================== */ | ||
| 59 | .uk-sortable-moving, | ||
| 60 | .uk-sortable-moving * { | ||
| 61 | cursor: move; | ||
| 62 | } | ||
| 63 | /* Fixes dragging items over iframes */ | ||
| 64 | .uk-sortable-moving iframe { | ||
| 65 | pointer-events: none; | ||
| 66 | } | ||
diff --git a/css/components/sortable.gradient.min.css b/css/components/sortable.gradient.min.css new file mode 100755 index 0000000..a8f6b40 --- /dev/null +++ b/css/components/sortable.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-sortable-moving iframe{pointer-events:none} \ No newline at end of file | ||
diff --git a/css/components/sortable.min.css b/css/components/sortable.min.css new file mode 100755 index 0000000..a8f6b40 --- /dev/null +++ b/css/components/sortable.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .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}.uk-sortable-moving iframe{pointer-events:none} \ No newline at end of file | ||
diff --git a/css/components/sticky.almost-flat.css b/css/components/sticky.almost-flat.css new file mode 100755 index 0000000..97141d0 --- /dev/null +++ b/css/components/sticky.almost-flat.css | |||
| @@ -0,0 +1,23 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sticky | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. More robust if padding and border are used | ||
| 7 | */ | ||
| 8 | [data-uk-sticky].uk-active { | ||
| 9 | z-index: 980; | ||
| 10 | /* 1 */ | ||
| 11 | box-sizing: border-box; | ||
| 12 | } | ||
| 13 | /* | ||
| 14 | * Faster animations | ||
| 15 | */ | ||
| 16 | [data-uk-sticky][class*='uk-animation-'] { | ||
| 17 | -webkit-animation-duration: 0.2s; | ||
| 18 | animation-duration: 0.2s; | ||
| 19 | } | ||
| 20 | [data-uk-sticky].uk-animation-reverse { | ||
| 21 | -webkit-animation-duration: 0.2s; | ||
| 22 | animation-duration: 0.2s; | ||
| 23 | } | ||
diff --git a/css/components/sticky.almost-flat.min.css b/css/components/sticky.almost-flat.min.css new file mode 100755 index 0000000..d54870f --- /dev/null +++ b/css/components/sticky.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-sticky].uk-active{z-index:980;box-sizing:border-box}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.2s;animation-duration:.2s} \ No newline at end of file | ||
diff --git a/css/components/sticky.css b/css/components/sticky.css new file mode 100755 index 0000000..97141d0 --- /dev/null +++ b/css/components/sticky.css | |||
| @@ -0,0 +1,23 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sticky | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. More robust if padding and border are used | ||
| 7 | */ | ||
| 8 | [data-uk-sticky].uk-active { | ||
| 9 | z-index: 980; | ||
| 10 | /* 1 */ | ||
| 11 | box-sizing: border-box; | ||
| 12 | } | ||
| 13 | /* | ||
| 14 | * Faster animations | ||
| 15 | */ | ||
| 16 | [data-uk-sticky][class*='uk-animation-'] { | ||
| 17 | -webkit-animation-duration: 0.2s; | ||
| 18 | animation-duration: 0.2s; | ||
| 19 | } | ||
| 20 | [data-uk-sticky].uk-animation-reverse { | ||
| 21 | -webkit-animation-duration: 0.2s; | ||
| 22 | animation-duration: 0.2s; | ||
| 23 | } | ||
diff --git a/css/components/sticky.gradient.css b/css/components/sticky.gradient.css new file mode 100755 index 0000000..97141d0 --- /dev/null +++ b/css/components/sticky.gradient.css | |||
| @@ -0,0 +1,23 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Sticky | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. More robust if padding and border are used | ||
| 7 | */ | ||
| 8 | [data-uk-sticky].uk-active { | ||
| 9 | z-index: 980; | ||
| 10 | /* 1 */ | ||
| 11 | box-sizing: border-box; | ||
| 12 | } | ||
| 13 | /* | ||
| 14 | * Faster animations | ||
| 15 | */ | ||
| 16 | [data-uk-sticky][class*='uk-animation-'] { | ||
| 17 | -webkit-animation-duration: 0.2s; | ||
| 18 | animation-duration: 0.2s; | ||
| 19 | } | ||
| 20 | [data-uk-sticky].uk-animation-reverse { | ||
| 21 | -webkit-animation-duration: 0.2s; | ||
| 22 | animation-duration: 0.2s; | ||
| 23 | } | ||
diff --git a/css/components/sticky.gradient.min.css b/css/components/sticky.gradient.min.css new file mode 100755 index 0000000..d54870f --- /dev/null +++ b/css/components/sticky.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-sticky].uk-active{z-index:980;box-sizing:border-box}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.2s;animation-duration:.2s} \ No newline at end of file | ||
diff --git a/css/components/sticky.min.css b/css/components/sticky.min.css new file mode 100755 index 0000000..d54870f --- /dev/null +++ b/css/components/sticky.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | [data-uk-sticky].uk-active{z-index:980;box-sizing:border-box}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.2s;animation-duration:.2s} \ No newline at end of file | ||
diff --git a/css/components/tooltip.almost-flat.css b/css/components/tooltip.almost-flat.css new file mode 100755 index 0000000..07623b7 --- /dev/null +++ b/css/components/tooltip.almost-flat.css | |||
| @@ -0,0 +1,118 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Tooltip | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Hide by default | ||
| 7 | * 2. Set fixed position | ||
| 8 | * 3. Set dimensions | ||
| 9 | * 4. Set style | ||
| 10 | */ | ||
| 11 | .uk-tooltip { | ||
| 12 | /* 1 */ | ||
| 13 | display: none; | ||
| 14 | /* 2 */ | ||
| 15 | position: absolute; | ||
| 16 | z-index: 1030; | ||
| 17 | /* 3 */ | ||
| 18 | box-sizing: border-box; | ||
| 19 | max-width: 200px; | ||
| 20 | padding: 5px 8px; | ||
| 21 | /* 4 */ | ||
| 22 | background: #333; | ||
| 23 | color: rgba(255, 255, 255, 0.7); | ||
| 24 | font-size: 12px; | ||
| 25 | line-height: 18px; | ||
| 26 | border-radius: 3px; | ||
| 27 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); | ||
| 28 | } | ||
| 29 | /* Triangle | ||
| 30 | ========================================================================== */ | ||
| 31 | /* | ||
| 32 | * 1. Dashed is less antialised than solid | ||
| 33 | */ | ||
| 34 | .uk-tooltip:after { | ||
| 35 | content: ""; | ||
| 36 | display: block; | ||
| 37 | position: absolute; | ||
| 38 | width: 0; | ||
| 39 | height: 0; | ||
| 40 | /* 1 */ | ||
| 41 | border: 5px dashed #333; | ||
| 42 | } | ||
| 43 | /* Direction modifiers | ||
| 44 | ========================================================================== */ | ||
| 45 | /* | ||
| 46 | * Top | ||
| 47 | */ | ||
| 48 | .uk-tooltip-top:after, | ||
| 49 | .uk-tooltip-top-left:after, | ||
| 50 | .uk-tooltip-top-right:after { | ||
| 51 | bottom: -5px; | ||
| 52 | border-top-style: solid; | ||
| 53 | border-bottom: none; | ||
| 54 | border-left-color: transparent; | ||
| 55 | border-right-color: transparent; | ||
| 56 | border-top-color: #333; | ||
| 57 | } | ||
| 58 | /* | ||
| 59 | * Bottom | ||
| 60 | */ | ||
| 61 | .uk-tooltip-bottom:after, | ||
| 62 | .uk-tooltip-bottom-left:after, | ||
| 63 | .uk-tooltip-bottom-right:after { | ||
| 64 | top: -5px; | ||
| 65 | border-bottom-style: solid; | ||
| 66 | border-top: none; | ||
| 67 | border-left-color: transparent; | ||
| 68 | border-right-color: transparent; | ||
| 69 | border-bottom-color: #333; | ||
| 70 | } | ||
| 71 | /* | ||
| 72 | * Top/Bottom center | ||
| 73 | */ | ||
| 74 | .uk-tooltip-top:after, | ||
| 75 | .uk-tooltip-bottom:after { | ||
| 76 | left: 50%; | ||
| 77 | margin-left: -5px; | ||
| 78 | } | ||
| 79 | /* | ||
| 80 | * Top/Bottom left | ||
| 81 | */ | ||
| 82 | .uk-tooltip-top-left:after, | ||
| 83 | .uk-tooltip-bottom-left:after { | ||
| 84 | left: 10px; | ||
| 85 | } | ||
| 86 | /* | ||
| 87 | * Top/Bottom right | ||
| 88 | */ | ||
| 89 | .uk-tooltip-top-right:after, | ||
| 90 | .uk-tooltip-bottom-right:after { | ||
| 91 | right: 10px; | ||
| 92 | } | ||
| 93 | /* | ||
| 94 | * Left | ||
| 95 | */ | ||
| 96 | .uk-tooltip-left:after { | ||
| 97 | right: -5px; | ||
| 98 | top: 50%; | ||
| 99 | margin-top: -5px; | ||
| 100 | border-left-style: solid; | ||
| 101 | border-right: none; | ||
| 102 | border-top-color: transparent; | ||
| 103 | border-bottom-color: transparent; | ||
| 104 | border-left-color: #333; | ||
| 105 | } | ||
| 106 | /* | ||
| 107 | * Right | ||
| 108 | */ | ||
| 109 | .uk-tooltip-right:after { | ||
| 110 | left: -5px; | ||
| 111 | top: 50%; | ||
| 112 | margin-top: -5px; | ||
| 113 | border-right-style: solid; | ||
| 114 | border-left: none; | ||
| 115 | border-top-color: transparent; | ||
| 116 | border-bottom-color: transparent; | ||
| 117 | border-right-color: #333; | ||
| 118 | } | ||
diff --git a/css/components/tooltip.almost-flat.min.css b/css/components/tooltip.almost-flat.min.css new file mode 100755 index 0000000..4079faf --- /dev/null +++ b/css/components/tooltip.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-tooltip{display:none;position:absolute;z-index:1030;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;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/css/components/tooltip.css b/css/components/tooltip.css new file mode 100755 index 0000000..df53e3e --- /dev/null +++ b/css/components/tooltip.css | |||
| @@ -0,0 +1,116 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Tooltip | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Hide by default | ||
| 7 | * 2. Set fixed position | ||
| 8 | * 3. Set dimensions | ||
| 9 | * 4. Set style | ||
| 10 | */ | ||
| 11 | .uk-tooltip { | ||
| 12 | /* 1 */ | ||
| 13 | display: none; | ||
| 14 | /* 2 */ | ||
| 15 | position: absolute; | ||
| 16 | z-index: 1030; | ||
| 17 | /* 3 */ | ||
| 18 | box-sizing: border-box; | ||
| 19 | max-width: 200px; | ||
| 20 | padding: 5px 8px; | ||
| 21 | /* 4 */ | ||
| 22 | background: #333; | ||
| 23 | color: rgba(255, 255, 255, 0.7); | ||
| 24 | font-size: 12px; | ||
| 25 | line-height: 18px; | ||
| 26 | } | ||
| 27 | /* Triangle | ||
| 28 | ========================================================================== */ | ||
| 29 | /* | ||
| 30 | * 1. Dashed is less antialised than solid | ||
| 31 | */ | ||
| 32 | .uk-tooltip:after { | ||
| 33 | content: ""; | ||
| 34 | display: block; | ||
| 35 | position: absolute; | ||
| 36 | width: 0; | ||
| 37 | height: 0; | ||
| 38 | /* 1 */ | ||
| 39 | border: 5px dashed #333; | ||
| 40 | } | ||
| 41 | /* Direction modifiers | ||
| 42 | ========================================================================== */ | ||
| 43 | /* | ||
| 44 | * Top | ||
| 45 | */ | ||
| 46 | .uk-tooltip-top:after, | ||
| 47 | .uk-tooltip-top-left:after, | ||
| 48 | .uk-tooltip-top-right:after { | ||
| 49 | bottom: -5px; | ||
| 50 | border-top-style: solid; | ||
| 51 | border-bottom: none; | ||
| 52 | border-left-color: transparent; | ||
| 53 | border-right-color: transparent; | ||
| 54 | border-top-color: #333; | ||
| 55 | } | ||
| 56 | /* | ||
| 57 | * Bottom | ||
| 58 | */ | ||
| 59 | .uk-tooltip-bottom:after, | ||
| 60 | .uk-tooltip-bottom-left:after, | ||
| 61 | .uk-tooltip-bottom-right:after { | ||
| 62 | top: -5px; | ||
| 63 | border-bottom-style: solid; | ||
| 64 | border-top: none; | ||
| 65 | border-left-color: transparent; | ||
| 66 | border-right-color: transparent; | ||
| 67 | border-bottom-color: #333; | ||
| 68 | } | ||
| 69 | /* | ||
| 70 | * Top/Bottom center | ||
| 71 | */ | ||
| 72 | .uk-tooltip-top:after, | ||
| 73 | .uk-tooltip-bottom:after { | ||
| 74 | left: 50%; | ||
| 75 | margin-left: -5px; | ||
| 76 | } | ||
| 77 | /* | ||
| 78 | * Top/Bottom left | ||
| 79 | */ | ||
| 80 | .uk-tooltip-top-left:after, | ||
| 81 | .uk-tooltip-bottom-left:after { | ||
| 82 | left: 10px; | ||
| 83 | } | ||
| 84 | /* | ||
| 85 | * Top/Bottom right | ||
| 86 | */ | ||
| 87 | .uk-tooltip-top-right:after, | ||
| 88 | .uk-tooltip-bottom-right:after { | ||
| 89 | right: 10px; | ||
| 90 | } | ||
| 91 | /* | ||
| 92 | * Left | ||
| 93 | */ | ||
| 94 | .uk-tooltip-left:after { | ||
| 95 | right: -5px; | ||
| 96 | top: 50%; | ||
| 97 | margin-top: -5px; | ||
| 98 | border-left-style: solid; | ||
| 99 | border-right: none; | ||
| 100 | border-top-color: transparent; | ||
| 101 | border-bottom-color: transparent; | ||
| 102 | border-left-color: #333; | ||
| 103 | } | ||
| 104 | /* | ||
| 105 | * Right | ||
| 106 | */ | ||
| 107 | .uk-tooltip-right:after { | ||
| 108 | left: -5px; | ||
| 109 | top: 50%; | ||
| 110 | margin-top: -5px; | ||
| 111 | border-right-style: solid; | ||
| 112 | border-left: none; | ||
| 113 | border-top-color: transparent; | ||
| 114 | border-bottom-color: transparent; | ||
| 115 | border-right-color: #333; | ||
| 116 | } | ||
diff --git a/css/components/tooltip.gradient.css b/css/components/tooltip.gradient.css new file mode 100755 index 0000000..07623b7 --- /dev/null +++ b/css/components/tooltip.gradient.css | |||
| @@ -0,0 +1,118 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Tooltip | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Hide by default | ||
| 7 | * 2. Set fixed position | ||
| 8 | * 3. Set dimensions | ||
| 9 | * 4. Set style | ||
| 10 | */ | ||
| 11 | .uk-tooltip { | ||
| 12 | /* 1 */ | ||
| 13 | display: none; | ||
| 14 | /* 2 */ | ||
| 15 | position: absolute; | ||
| 16 | z-index: 1030; | ||
| 17 | /* 3 */ | ||
| 18 | box-sizing: border-box; | ||
| 19 | max-width: 200px; | ||
| 20 | padding: 5px 8px; | ||
| 21 | /* 4 */ | ||
| 22 | background: #333; | ||
| 23 | color: rgba(255, 255, 255, 0.7); | ||
| 24 | font-size: 12px; | ||
| 25 | line-height: 18px; | ||
| 26 | border-radius: 3px; | ||
| 27 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); | ||
| 28 | } | ||
| 29 | /* Triangle | ||
| 30 | ========================================================================== */ | ||
| 31 | /* | ||
| 32 | * 1. Dashed is less antialised than solid | ||
| 33 | */ | ||
| 34 | .uk-tooltip:after { | ||
| 35 | content: ""; | ||
| 36 | display: block; | ||
| 37 | position: absolute; | ||
| 38 | width: 0; | ||
| 39 | height: 0; | ||
| 40 | /* 1 */ | ||
| 41 | border: 5px dashed #333; | ||
| 42 | } | ||
| 43 | /* Direction modifiers | ||
| 44 | ========================================================================== */ | ||
| 45 | /* | ||
| 46 | * Top | ||
| 47 | */ | ||
| 48 | .uk-tooltip-top:after, | ||
| 49 | .uk-tooltip-top-left:after, | ||
| 50 | .uk-tooltip-top-right:after { | ||
| 51 | bottom: -5px; | ||
| 52 | border-top-style: solid; | ||
| 53 | border-bottom: none; | ||
| 54 | border-left-color: transparent; | ||
| 55 | border-right-color: transparent; | ||
| 56 | border-top-color: #333; | ||
| 57 | } | ||
| 58 | /* | ||
| 59 | * Bottom | ||
| 60 | */ | ||
| 61 | .uk-tooltip-bottom:after, | ||
| 62 | .uk-tooltip-bottom-left:after, | ||
| 63 | .uk-tooltip-bottom-right:after { | ||
| 64 | top: -5px; | ||
| 65 | border-bottom-style: solid; | ||
| 66 | border-top: none; | ||
| 67 | border-left-color: transparent; | ||
| 68 | border-right-color: transparent; | ||
| 69 | border-bottom-color: #333; | ||
| 70 | } | ||
| 71 | /* | ||
| 72 | * Top/Bottom center | ||
| 73 | */ | ||
| 74 | .uk-tooltip-top:after, | ||
| 75 | .uk-tooltip-bottom:after { | ||
| 76 | left: 50%; | ||
| 77 | margin-left: -5px; | ||
| 78 | } | ||
| 79 | /* | ||
| 80 | * Top/Bottom left | ||
| 81 | */ | ||
| 82 | .uk-tooltip-top-left:after, | ||
| 83 | .uk-tooltip-bottom-left:after { | ||
| 84 | left: 10px; | ||
| 85 | } | ||
| 86 | /* | ||
| 87 | * Top/Bottom right | ||
| 88 | */ | ||
| 89 | .uk-tooltip-top-right:after, | ||
| 90 | .uk-tooltip-bottom-right:after { | ||
| 91 | right: 10px; | ||
| 92 | } | ||
| 93 | /* | ||
| 94 | * Left | ||
| 95 | */ | ||
| 96 | .uk-tooltip-left:after { | ||
| 97 | right: -5px; | ||
| 98 | top: 50%; | ||
| 99 | margin-top: -5px; | ||
| 100 | border-left-style: solid; | ||
| 101 | border-right: none; | ||
| 102 | border-top-color: transparent; | ||
| 103 | border-bottom-color: transparent; | ||
| 104 | border-left-color: #333; | ||
| 105 | } | ||
| 106 | /* | ||
| 107 | * Right | ||
| 108 | */ | ||
| 109 | .uk-tooltip-right:after { | ||
| 110 | left: -5px; | ||
| 111 | top: 50%; | ||
| 112 | margin-top: -5px; | ||
| 113 | border-right-style: solid; | ||
| 114 | border-left: none; | ||
| 115 | border-top-color: transparent; | ||
| 116 | border-bottom-color: transparent; | ||
| 117 | border-right-color: #333; | ||
| 118 | } | ||
diff --git a/css/components/tooltip.gradient.min.css b/css/components/tooltip.gradient.min.css new file mode 100755 index 0000000..4079faf --- /dev/null +++ b/css/components/tooltip.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-tooltip{display:none;position:absolute;z-index:1030;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;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/css/components/tooltip.min.css b/css/components/tooltip.min.css new file mode 100755 index 0000000..8689cbf --- /dev/null +++ b/css/components/tooltip.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-tooltip{display:none;position:absolute;z-index:1030;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px}.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/css/components/upload.almost-flat.css b/css/components/upload.almost-flat.css new file mode 100755 index 0000000..e4cc0bb --- /dev/null +++ b/css/components/upload.almost-flat.css | |||
| @@ -0,0 +1,10 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Upload | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Create a box-shadow when dragging a file over the upload area | ||
| 7 | */ | ||
| 8 | .uk-dragover { | ||
| 9 | box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); | ||
| 10 | } | ||
diff --git a/css/components/upload.almost-flat.min.css b/css/components/upload.almost-flat.min.css new file mode 100755 index 0000000..f2c022b --- /dev/null +++ b/css/components/upload.almost-flat.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} \ No newline at end of file | ||
diff --git a/css/components/upload.css b/css/components/upload.css new file mode 100755 index 0000000..e4cc0bb --- /dev/null +++ b/css/components/upload.css | |||
| @@ -0,0 +1,10 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Upload | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Create a box-shadow when dragging a file over the upload area | ||
| 7 | */ | ||
| 8 | .uk-dragover { | ||
| 9 | box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); | ||
| 10 | } | ||
diff --git a/css/components/upload.gradient.css b/css/components/upload.gradient.css new file mode 100755 index 0000000..e4cc0bb --- /dev/null +++ b/css/components/upload.gradient.css | |||
| @@ -0,0 +1,10 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Upload | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * Create a box-shadow when dragging a file over the upload area | ||
| 7 | */ | ||
| 8 | .uk-dragover { | ||
| 9 | box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); | ||
| 10 | } | ||
diff --git a/css/components/upload.gradient.min.css b/css/components/upload.gradient.min.css new file mode 100755 index 0000000..f2c022b --- /dev/null +++ b/css/components/upload.gradient.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} \ No newline at end of file | ||
diff --git a/css/components/upload.min.css b/css/components/upload.min.css new file mode 100755 index 0000000..f2c022b --- /dev/null +++ b/css/components/upload.min.css | |||
| @@ -0,0 +1,2 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | .uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} \ No newline at end of file | ||
