| @@ -0,0 +1,129 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Datepicker | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Highest z-index | ||
| * 2. Reset dropdown width | ||
| * 3. Set animation | ||
| * 4. Needed for scale animation | ||
| */ | ||
| .uk-datepicker { | ||
| /* 1 */ | ||
| z-index: 1050; | ||
| /* 2 */ | ||
| width: auto; | ||
| /* 3 */ | ||
| -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| animation: uk-fade 0.2s ease-in-out; | ||
| /* 4 */ | ||
| -webkit-transform-origin: 0 0; | ||
| transform-origin: 0 0; | ||
| } | ||
| /* Sub-object: `uk-datepicker-nav` | ||
| ========================================================================== */ | ||
| .uk-datepicker-nav { | ||
| margin-bottom: 15px; | ||
| text-align: center; | ||
| line-height: 20px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-datepicker-nav:before, | ||
| .uk-datepicker-nav:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-datepicker-nav:after { | ||
| clear: both; | ||
| } | ||
| /* | ||
| * Previous and next navigation | ||
| */ | ||
| .uk-datepicker-nav a { | ||
| color: #444444; | ||
| text-decoration: none; | ||
| } | ||
| .uk-datepicker-nav a:hover { | ||
| color: #444444; | ||
| } | ||
| .uk-datepicker-previous { | ||
| float: left; | ||
| } | ||
| .uk-datepicker-next { | ||
| float: right; | ||
| } | ||
| .uk-datepicker-previous:after, | ||
| .uk-datepicker-next:after { | ||
| width: 20px; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-datepicker-previous:after { | ||
| content: "\f053"; | ||
| } | ||
| .uk-datepicker-next:after { | ||
| content: "\f054"; | ||
| } | ||
| /* Sub-object: `uk-datepicker-heading` | ||
| ========================================================================== */ | ||
| /* Sub-object: `uk-datepicker-table` | ||
| ========================================================================== */ | ||
| /* Block element behavior */ | ||
| .uk-datepicker-table { | ||
| width: 100%; | ||
| } | ||
| .uk-datepicker-table th, | ||
| .uk-datepicker-table td { | ||
| padding: 2px; | ||
| } | ||
| .uk-datepicker-table th { | ||
| font-size: 12px; | ||
| } | ||
| /* | ||
| * Item | ||
| */ | ||
| .uk-datepicker-table a { | ||
| display: block; | ||
| width: 26px; | ||
| line-height: 24px; | ||
| text-align: center; | ||
| color: #444444; | ||
| text-decoration: none; | ||
| border: 1px solid transparent; | ||
| border-radius: 4px; | ||
| } | ||
| /* | ||
| * Sub-object: `uk-datepicker-table-muted` | ||
| */ | ||
| a.uk-datepicker-table-muted { | ||
| color: #999999; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-datepicker-table a:hover, | ||
| .uk-datepicker-table a:focus { | ||
| background-color: #fafafa; | ||
| color: #444444; | ||
| /* 2 */ | ||
| outline: none; | ||
| border-color: rgba(0, 0, 0, 0.16); | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } | ||
| /* OnClick */ | ||
| .uk-datepicker-table a:active { | ||
| background-color: #eeeeee; | ||
| color: #444444; | ||
| } | ||
| /* | ||
| * Active | ||
| */ | ||
| .uk-datepicker-table a.uk-active { | ||
| background: #00a8e6; | ||
| color: #ffffff; | ||
| box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | ||
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| } |
| @@ -0,0 +1,123 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Datepicker | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Highest z-index | ||
| * 2. Reset dropdown width | ||
| * 3. Set animation | ||
| * 4. Needed for scale animation | ||
| */ | ||
| .uk-datepicker { | ||
| /* 1 */ | ||
| z-index: 1050; | ||
| /* 2 */ | ||
| width: auto; | ||
| /* 3 */ | ||
| -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| animation: uk-fade 0.2s ease-in-out; | ||
| /* 4 */ | ||
| -webkit-transform-origin: 0 0; | ||
| transform-origin: 0 0; | ||
| } | ||
| /* Sub-object: `uk-datepicker-nav` | ||
| ========================================================================== */ | ||
| .uk-datepicker-nav { | ||
| margin-bottom: 15px; | ||
| text-align: center; | ||
| line-height: 20px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-datepicker-nav:before, | ||
| .uk-datepicker-nav:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-datepicker-nav:after { | ||
| clear: both; | ||
| } | ||
| /* | ||
| * Previous and next navigation | ||
| */ | ||
| .uk-datepicker-nav a { | ||
| color: #444444; | ||
| text-decoration: none; | ||
| } | ||
| .uk-datepicker-nav a:hover { | ||
| color: #444444; | ||
| } | ||
| .uk-datepicker-previous { | ||
| float: left; | ||
| } | ||
| .uk-datepicker-next { | ||
| float: right; | ||
| } | ||
| .uk-datepicker-previous:after, | ||
| .uk-datepicker-next:after { | ||
| width: 20px; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-datepicker-previous:after { | ||
| content: "\f053"; | ||
| } | ||
| .uk-datepicker-next:after { | ||
| content: "\f054"; | ||
| } | ||
| /* Sub-object: `uk-datepicker-heading` | ||
| ========================================================================== */ | ||
| /* Sub-object: `uk-datepicker-table` | ||
| ========================================================================== */ | ||
| /* Block element behavior */ | ||
| .uk-datepicker-table { | ||
| width: 100%; | ||
| } | ||
| .uk-datepicker-table th, | ||
| .uk-datepicker-table td { | ||
| padding: 2px; | ||
| } | ||
| .uk-datepicker-table th { | ||
| font-size: 12px; | ||
| } | ||
| /* | ||
| * Item | ||
| */ | ||
| .uk-datepicker-table a { | ||
| display: block; | ||
| width: 26px; | ||
| line-height: 24px; | ||
| text-align: center; | ||
| color: #444444; | ||
| text-decoration: none; | ||
| } | ||
| /* | ||
| * Sub-object: `uk-datepicker-table-muted` | ||
| */ | ||
| a.uk-datepicker-table-muted { | ||
| color: #999999; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-datepicker-table a:hover, | ||
| .uk-datepicker-table a:focus { | ||
| background-color: #dddddd; | ||
| color: #444444; | ||
| /* 2 */ | ||
| outline: none; | ||
| } | ||
| /* OnClick */ | ||
| .uk-datepicker-table a:active { | ||
| background-color: #cccccc; | ||
| color: #444444; | ||
| } | ||
| /* | ||
| * Active | ||
| */ | ||
| .uk-datepicker-table a.uk-active { | ||
| background: #00a8e6; | ||
| color: #ffffff; | ||
| } |
| @@ -0,0 +1,139 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Datepicker | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Highest z-index | ||
| * 2. Reset dropdown width | ||
| * 3. Set animation | ||
| * 4. Needed for scale animation | ||
| */ | ||
| .uk-datepicker { | ||
| /* 1 */ | ||
| z-index: 1050; | ||
| /* 2 */ | ||
| width: auto; | ||
| /* 3 */ | ||
| -webkit-animation: uk-fade 0.2s ease-in-out; | ||
| animation: uk-fade 0.2s ease-in-out; | ||
| /* 4 */ | ||
| -webkit-transform-origin: 0 0; | ||
| transform-origin: 0 0; | ||
| } | ||
| /* Sub-object: `uk-datepicker-nav` | ||
| ========================================================================== */ | ||
| .uk-datepicker-nav { | ||
| margin-bottom: 15px; | ||
| text-align: center; | ||
| line-height: 20px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-datepicker-nav:before, | ||
| .uk-datepicker-nav:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-datepicker-nav:after { | ||
| clear: both; | ||
| } | ||
| /* | ||
| * Previous and next navigation | ||
| */ | ||
| .uk-datepicker-nav a { | ||
| color: #444444; | ||
| text-decoration: none; | ||
| } | ||
| .uk-datepicker-nav a:hover { | ||
| color: #444444; | ||
| } | ||
| .uk-datepicker-previous { | ||
| float: left; | ||
| } | ||
| .uk-datepicker-next { | ||
| float: right; | ||
| } | ||
| .uk-datepicker-previous:after, | ||
| .uk-datepicker-next:after { | ||
| width: 20px; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-datepicker-previous:after { | ||
| content: "\f053"; | ||
| } | ||
| .uk-datepicker-next:after { | ||
| content: "\f054"; | ||
| } | ||
| /* Sub-object: `uk-datepicker-heading` | ||
| ========================================================================== */ | ||
| /* Sub-object: `uk-datepicker-table` | ||
| ========================================================================== */ | ||
| /* Block element behavior */ | ||
| .uk-datepicker-table { | ||
| width: 100%; | ||
| } | ||
| .uk-datepicker-table th, | ||
| .uk-datepicker-table td { | ||
| padding: 2px; | ||
| } | ||
| .uk-datepicker-table th { | ||
| font-size: 12px; | ||
| } | ||
| /* | ||
| * Item | ||
| */ | ||
| .uk-datepicker-table a { | ||
| display: block; | ||
| width: 26px; | ||
| line-height: 24px; | ||
| text-align: center; | ||
| color: #444444; | ||
| text-decoration: none; | ||
| border: 1px solid transparent; | ||
| border-radius: 4px; | ||
| background-origin: border-box; | ||
| } | ||
| /* | ||
| * Sub-object: `uk-datepicker-table-muted` | ||
| */ | ||
| a.uk-datepicker-table-muted { | ||
| color: #999999; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-datepicker-table a:hover, | ||
| .uk-datepicker-table a:focus { | ||
| background-color: #fafafa; | ||
| color: #444444; | ||
| /* 2 */ | ||
| outline: none; | ||
| border-color: rgba(0, 0, 0, 0.2); | ||
| border-bottom-color: rgba(0, 0, 0, 0.3); | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } | ||
| /* OnClick */ | ||
| .uk-datepicker-table a:active { | ||
| background-color: #f5f5f5; | ||
| color: #444444; | ||
| border-color: rgba(0, 0, 0, 0.2); | ||
| border-top-color: rgba(0, 0, 0, 0.3); | ||
| background-image: none; | ||
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* | ||
| * Active | ||
| */ | ||
| .uk-datepicker-table a.uk-active { | ||
| background: #009dd8; | ||
| color: #ffffff; | ||
| border: 1px solid rgba(0, 0, 0, 0.2); | ||
| border-bottom-color: rgba(0, 0, 0, 0.4); | ||
| background-origin: border-box; | ||
| background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); | ||
| background-image: linear-gradient(to bottom, #00b4f5, #008dc5); | ||
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| } |
| @@ -0,0 +1,129 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Dotnav | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Gutter | ||
| * 2. Remove default list style | ||
| */ | ||
| .uk-dotnav { | ||
| display: -ms-flexbox; | ||
| display: -webkit-flex; | ||
| display: flex; | ||
| -ms-flex-wrap: wrap; | ||
| -webkit-flex-wrap: wrap; | ||
| flex-wrap: wrap; | ||
| /* 1 */ | ||
| margin-left: -15px; | ||
| margin-top: -15px; | ||
| /* 2 */ | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * 1. Space is allocated solely based on content dimensions | ||
| * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| */ | ||
| .uk-dotnav > * { | ||
| /* 1 */ | ||
| -ms-flex: none; | ||
| -webkit-flex: none; | ||
| flex: none; | ||
| /* 2 */ | ||
| padding-left: 15px; | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav:before, | ||
| .uk-dotnav:after { | ||
| content: ""; | ||
| display: block; | ||
| overflow: hidden; | ||
| } | ||
| .uk-dotnav:after { | ||
| clear: both; | ||
| } | ||
| .uk-dotnav > * { | ||
| float: left; | ||
| } | ||
| /* Items | ||
| ========================================================================== */ | ||
| /* | ||
| * Items | ||
| * 1. Hide text if present | ||
| */ | ||
| .uk-dotnav > * > * { | ||
| display: block; | ||
| -moz-box-sizing: content-box; | ||
| box-sizing: content-box; | ||
| width: 20px; | ||
| height: 20px; | ||
| border-radius: 50%; | ||
| background: rgba(50, 50, 50, 0.1); | ||
| /* 1 */ | ||
| text-indent: 100%; | ||
| overflow: hidden; | ||
| white-space: nowrap; | ||
| -webkit-transition: all 0.2s ease-in-out; | ||
| transition: all 0.2s ease-in-out; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-dotnav > * > :hover, | ||
| .uk-dotnav > * > :focus { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| /* 2 */ | ||
| outline: none; | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav > * > :active { | ||
| background: rgba(50, 50, 50, 0.6); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav > .uk-active > * { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| -webkit-transform: scale(1.3); | ||
| transform: scale(1.3); | ||
| } | ||
| /* Modifier: `uk-dotnav-contrast` | ||
| ========================================================================== */ | ||
| .uk-dotnav-contrast > * > * { | ||
| background: rgba(255, 255, 255, 0.4); | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| */ | ||
| .uk-dotnav-contrast > * > :hover, | ||
| .uk-dotnav-contrast > * > :focus { | ||
| background: rgba(255, 255, 255, 0.7); | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav-contrast > * > :active { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav-contrast > .uk-active > * { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Modifier: 'uk-dotnav-vertical' | ||
| ========================================================================== */ | ||
| /* | ||
| * DEPRECATED | ||
| */ | ||
| .uk-dotnav-vertical { | ||
| -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | ||
| flex-direction: column; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav-vertical > * { | ||
| float: none; | ||
| } |
| @@ -0,0 +1,125 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Dotnav | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Gutter | ||
| * 2. Remove default list style | ||
| */ | ||
| .uk-dotnav { | ||
| display: -ms-flexbox; | ||
| display: -webkit-flex; | ||
| display: flex; | ||
| -ms-flex-wrap: wrap; | ||
| -webkit-flex-wrap: wrap; | ||
| flex-wrap: wrap; | ||
| /* 1 */ | ||
| margin-left: -15px; | ||
| margin-top: -15px; | ||
| /* 2 */ | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * 1. Space is allocated solely based on content dimensions | ||
| * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| */ | ||
| .uk-dotnav > * { | ||
| /* 1 */ | ||
| -ms-flex: none; | ||
| -webkit-flex: none; | ||
| flex: none; | ||
| /* 2 */ | ||
| padding-left: 15px; | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav:before, | ||
| .uk-dotnav:after { | ||
| content: ""; | ||
| display: block; | ||
| overflow: hidden; | ||
| } | ||
| .uk-dotnav:after { | ||
| clear: both; | ||
| } | ||
| .uk-dotnav > * { | ||
| float: left; | ||
| } | ||
| /* Items | ||
| ========================================================================== */ | ||
| /* | ||
| * Items | ||
| * 1. Hide text if present | ||
| */ | ||
| .uk-dotnav > * > * { | ||
| display: block; | ||
| -moz-box-sizing: content-box; | ||
| box-sizing: content-box; | ||
| width: 20px; | ||
| height: 20px; | ||
| border-radius: 50%; | ||
| background: rgba(50, 50, 50, 0.1); | ||
| /* 1 */ | ||
| text-indent: 100%; | ||
| overflow: hidden; | ||
| white-space: nowrap; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-dotnav > * > :hover, | ||
| .uk-dotnav > * > :focus { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| /* 2 */ | ||
| outline: none; | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav > * > :active { | ||
| background: rgba(50, 50, 50, 0.6); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav > .uk-active > * { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| } | ||
| /* Modifier: `uk-dotnav-contrast` | ||
| ========================================================================== */ | ||
| .uk-dotnav-contrast > * > * { | ||
| background: rgba(255, 255, 255, 0.4); | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| */ | ||
| .uk-dotnav-contrast > * > :hover, | ||
| .uk-dotnav-contrast > * > :focus { | ||
| background: rgba(255, 255, 255, 0.7); | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav-contrast > * > :active { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav-contrast > .uk-active > * { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Modifier: 'uk-dotnav-vertical' | ||
| ========================================================================== */ | ||
| /* | ||
| * DEPRECATED | ||
| */ | ||
| .uk-dotnav-vertical { | ||
| -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | ||
| flex-direction: column; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav-vertical > * { | ||
| float: none; | ||
| } |
| @@ -0,0 +1,129 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Dotnav | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Gutter | ||
| * 2. Remove default list style | ||
| */ | ||
| .uk-dotnav { | ||
| display: -ms-flexbox; | ||
| display: -webkit-flex; | ||
| display: flex; | ||
| -ms-flex-wrap: wrap; | ||
| -webkit-flex-wrap: wrap; | ||
| flex-wrap: wrap; | ||
| /* 1 */ | ||
| margin-left: -15px; | ||
| margin-top: -15px; | ||
| /* 2 */ | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * 1. Space is allocated solely based on content dimensions | ||
| * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | ||
| */ | ||
| .uk-dotnav > * { | ||
| /* 1 */ | ||
| -ms-flex: none; | ||
| -webkit-flex: none; | ||
| flex: none; | ||
| /* 2 */ | ||
| padding-left: 15px; | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav:before, | ||
| .uk-dotnav:after { | ||
| content: ""; | ||
| display: block; | ||
| overflow: hidden; | ||
| } | ||
| .uk-dotnav:after { | ||
| clear: both; | ||
| } | ||
| .uk-dotnav > * { | ||
| float: left; | ||
| } | ||
| /* Items | ||
| ========================================================================== */ | ||
| /* | ||
| * Items | ||
| * 1. Hide text if present | ||
| */ | ||
| .uk-dotnav > * > * { | ||
| display: block; | ||
| -moz-box-sizing: content-box; | ||
| box-sizing: content-box; | ||
| width: 20px; | ||
| height: 20px; | ||
| border-radius: 50%; | ||
| background: rgba(50, 50, 50, 0.1); | ||
| /* 1 */ | ||
| text-indent: 100%; | ||
| overflow: hidden; | ||
| white-space: nowrap; | ||
| -webkit-transition: all 0.2s ease-in-out; | ||
| transition: all 0.2s ease-in-out; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-dotnav > * > :hover, | ||
| .uk-dotnav > * > :focus { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| /* 2 */ | ||
| outline: none; | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav > * > :active { | ||
| background: rgba(50, 50, 50, 0.6); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav > .uk-active > * { | ||
| background: rgba(50, 50, 50, 0.4); | ||
| -webkit-transform: scale(1.3); | ||
| transform: scale(1.3); | ||
| } | ||
| /* Modifier: `uk-dotnav-contrast` | ||
| ========================================================================== */ | ||
| .uk-dotnav-contrast > * > * { | ||
| background: rgba(255, 255, 255, 0.4); | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| */ | ||
| .uk-dotnav-contrast > * > :hover, | ||
| .uk-dotnav-contrast > * > :focus { | ||
| background: rgba(255, 255, 255, 0.7); | ||
| } | ||
| /* OnClick */ | ||
| .uk-dotnav-contrast > * > :active { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Active */ | ||
| .uk-dotnav-contrast > .uk-active > * { | ||
| background: rgba(255, 255, 255, 0.9); | ||
| } | ||
| /* Modifier: 'uk-dotnav-vertical' | ||
| ========================================================================== */ | ||
| /* | ||
| * DEPRECATED | ||
| */ | ||
| .uk-dotnav-vertical { | ||
| -ms-flex-direction: column; | ||
| -webkit-flex-direction: column; | ||
| flex-direction: column; | ||
| } | ||
| /* | ||
| * DEPRECATED IE9 Support | ||
| */ | ||
| .uk-dotnav-vertical > * { | ||
| float: none; | ||
| } |
| @@ -0,0 +1,78 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form advanced | ||
| Note: Only works in Webkit at the moment | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Style | ||
| * 2. Makes box more robust so it clips the child element | ||
| * 3. Vertical alignment | ||
| * 4. Remove default style | ||
| * 5. Fix black background on iOS | ||
| */ | ||
| .uk-form input[type="radio"], | ||
| .uk-form input[type="checkbox"] { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| height: 14px; | ||
| width: 14px; | ||
| border: 1px solid #aaaaaa; | ||
| /* 2 */ | ||
| overflow: hidden; | ||
| /* 3 */ | ||
| margin-top: -4px; | ||
| vertical-align: middle; | ||
| /* 4 */ | ||
| -webkit-appearance: none; | ||
| outline: 0; | ||
| /* 5 */ | ||
| background: transparent; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type="radio"] { | ||
| border-radius: 50%; | ||
| } | ||
| /* | ||
| * Checked | ||
| */ | ||
| .uk-form input[type=radio]:before, | ||
| .uk-form input[type=checkbox]:before { | ||
| display: block; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type=radio]:checked:before { | ||
| content: ''; | ||
| width: 8px; | ||
| height: 8px; | ||
| margin: 2px auto 0; | ||
| border-radius: 50%; | ||
| background: #00a8e6; | ||
| } | ||
| /* Checkbox */ | ||
| .uk-form input[type=checkbox]:checked:before, | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f00c"; | ||
| font-family: FontAwesome; | ||
| font-size: 12px; | ||
| -webkit-font-smoothing: antialiased; | ||
| text-align: center; | ||
| line-height: 12px; | ||
| color: #00a8e6; | ||
| } | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f068"; | ||
| } | ||
| /* | ||
| * Disabled | ||
| */ | ||
| .uk-form input[type=radio]:disabled, | ||
| .uk-form input[type=checkbox]:disabled { | ||
| border-color: #dddddd; | ||
| } | ||
| .uk-form input[type=radio]:disabled:checked:before { | ||
| background-color: #aaaaaa; | ||
| } | ||
| .uk-form input[type=checkbox]:disabled:checked:before, | ||
| .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| color: #aaaaaa; | ||
| } |
| @@ -0,0 +1,78 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form advanced | ||
| Note: Only works in Webkit at the moment | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Style | ||
| * 2. Makes box more robust so it clips the child element | ||
| * 3. Vertical alignment | ||
| * 4. Remove default style | ||
| * 5. Fix black background on iOS | ||
| */ | ||
| .uk-form input[type="radio"], | ||
| .uk-form input[type="checkbox"] { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| height: 14px; | ||
| width: 14px; | ||
| border: 1px solid #aaaaaa; | ||
| /* 2 */ | ||
| overflow: hidden; | ||
| /* 3 */ | ||
| margin-top: -4px; | ||
| vertical-align: middle; | ||
| /* 4 */ | ||
| -webkit-appearance: none; | ||
| outline: 0; | ||
| /* 5 */ | ||
| background: transparent; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type="radio"] { | ||
| border-radius: 50%; | ||
| } | ||
| /* | ||
| * Checked | ||
| */ | ||
| .uk-form input[type=radio]:before, | ||
| .uk-form input[type=checkbox]:before { | ||
| display: block; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type=radio]:checked:before { | ||
| content: ''; | ||
| width: 8px; | ||
| height: 8px; | ||
| margin: 2px auto 0; | ||
| border-radius: 50%; | ||
| background: #00a8e6; | ||
| } | ||
| /* Checkbox */ | ||
| .uk-form input[type=checkbox]:checked:before, | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f00c"; | ||
| font-family: FontAwesome; | ||
| font-size: 12px; | ||
| -webkit-font-smoothing: antialiased; | ||
| text-align: center; | ||
| line-height: 12px; | ||
| color: #00a8e6; | ||
| } | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f068"; | ||
| } | ||
| /* | ||
| * Disabled | ||
| */ | ||
| .uk-form input[type=radio]:disabled, | ||
| .uk-form input[type=checkbox]:disabled { | ||
| border-color: #dddddd; | ||
| } | ||
| .uk-form input[type=radio]:disabled:checked:before { | ||
| background-color: #aaaaaa; | ||
| } | ||
| .uk-form input[type=checkbox]:disabled:checked:before, | ||
| .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| color: #aaaaaa; | ||
| } |
| @@ -0,0 +1,78 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form advanced | ||
| Note: Only works in Webkit at the moment | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Style | ||
| * 2. Makes box more robust so it clips the child element | ||
| * 3. Vertical alignment | ||
| * 4. Remove default style | ||
| * 5. Fix black background on iOS | ||
| */ | ||
| .uk-form input[type="radio"], | ||
| .uk-form input[type="checkbox"] { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| height: 14px; | ||
| width: 14px; | ||
| border: 1px solid #aaaaaa; | ||
| /* 2 */ | ||
| overflow: hidden; | ||
| /* 3 */ | ||
| margin-top: -4px; | ||
| vertical-align: middle; | ||
| /* 4 */ | ||
| -webkit-appearance: none; | ||
| outline: 0; | ||
| /* 5 */ | ||
| background: transparent; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type="radio"] { | ||
| border-radius: 50%; | ||
| } | ||
| /* | ||
| * Checked | ||
| */ | ||
| .uk-form input[type=radio]:before, | ||
| .uk-form input[type=checkbox]:before { | ||
| display: block; | ||
| } | ||
| /* Radio */ | ||
| .uk-form input[type=radio]:checked:before { | ||
| content: ''; | ||
| width: 8px; | ||
| height: 8px; | ||
| margin: 2px auto 0; | ||
| border-radius: 50%; | ||
| background: #00a8e6; | ||
| } | ||
| /* Checkbox */ | ||
| .uk-form input[type=checkbox]:checked:before, | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f00c"; | ||
| font-family: FontAwesome; | ||
| font-size: 12px; | ||
| -webkit-font-smoothing: antialiased; | ||
| text-align: center; | ||
| line-height: 12px; | ||
| color: #00a8e6; | ||
| } | ||
| .uk-form input[type=checkbox]:indeterminate:before { | ||
| content: "\f068"; | ||
| } | ||
| /* | ||
| * Disabled | ||
| */ | ||
| .uk-form input[type=radio]:disabled, | ||
| .uk-form input[type=checkbox]:disabled { | ||
| border-color: #dddddd; | ||
| } | ||
| .uk-form input[type=radio]:disabled:checked:before { | ||
| background-color: #aaaaaa; | ||
| } | ||
| .uk-form input[type=checkbox]:disabled:checked:before, | ||
| .uk-form input[type=checkbox]:disabled:indeterminate:before { | ||
| color: #aaaaaa; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form file | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-file { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 2. Expand height and required for the cursor | ||
| */ | ||
| .uk-form-file input[type="file"] { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| font-size: 500px; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form file | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-file { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 2. Expand height and required for the cursor | ||
| */ | ||
| .uk-form-file input[type="file"] { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| font-size: 500px; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form file | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-file { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 2. Expand height and required for the cursor | ||
| */ | ||
| .uk-form-file input[type="file"] { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| font-size: 500px; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form password | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Container width fits its content | ||
| * 2. Create position context | ||
| * 3. Prevent `inline-block` consequences | ||
| */ | ||
| .uk-form-password { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| max-width: 100%; | ||
| } | ||
| .uk-form-password-toggle { | ||
| display: block; | ||
| position: absolute; | ||
| top: 50%; | ||
| right: 10px; | ||
| margin-top: -6px; | ||
| font-size: 13px; | ||
| line-height: 13px; | ||
| color: #999999; | ||
| } | ||
| .uk-form-password-toggle:hover { | ||
| color: #999999; | ||
| text-decoration: none; | ||
| } | ||
| .uk-form-password > input { | ||
| padding-right: 50px !important; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form password | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Container width fits its content | ||
| * 2. Create position context | ||
| * 3. Prevent `inline-block` consequences | ||
| */ | ||
| .uk-form-password { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| max-width: 100%; | ||
| } | ||
| .uk-form-password-toggle { | ||
| display: block; | ||
| position: absolute; | ||
| top: 50%; | ||
| right: 10px; | ||
| margin-top: -6px; | ||
| font-size: 13px; | ||
| line-height: 13px; | ||
| color: #999999; | ||
| } | ||
| .uk-form-password-toggle:hover { | ||
| color: #999999; | ||
| text-decoration: none; | ||
| } | ||
| .uk-form-password > input { | ||
| padding-right: 50px !important; | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form password | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Container width fits its content | ||
| * 2. Create position context | ||
| * 3. Prevent `inline-block` consequences | ||
| */ | ||
| .uk-form-password { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| max-width: 100%; | ||
| } | ||
| .uk-form-password-toggle { | ||
| display: block; | ||
| position: absolute; | ||
| top: 50%; | ||
| right: 10px; | ||
| margin-top: -6px; | ||
| font-size: 13px; | ||
| line-height: 13px; | ||
| color: #999999; | ||
| } | ||
| .uk-form-password-toggle:hover { | ||
| color: #999999; | ||
| text-decoration: none; | ||
| } | ||
| .uk-form-password > input { | ||
| padding-right: 50px !important; | ||
| } |
| @@ -0,0 +1,35 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form select | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-select { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 1. Required for Webkit to make `height` work | ||
| */ | ||
| .uk-form-select select { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| height: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| -webkit-appearance: none; | ||
| } |
| @@ -0,0 +1,35 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form select | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-select { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 1. Required for Webkit to make `height` work | ||
| */ | ||
| .uk-form-select select { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| height: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| -webkit-appearance: none; | ||
| } |
| @@ -0,0 +1,35 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Form select | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Behave like form elements | ||
| * 2. Create position context for dropdowns | ||
| * 3. Clip content | ||
| */ | ||
| .uk-form-select { | ||
| /* 1 */ | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| /* 2 */ | ||
| position: relative; | ||
| /* 3 */ | ||
| overflow: hidden; | ||
| } | ||
| /* | ||
| * 1. Required for Firefox | ||
| * 1. Required for Webkit to make `height` work | ||
| */ | ||
| .uk-form-select select { | ||
| position: absolute; | ||
| top: 0; | ||
| z-index: 1; | ||
| width: 100%; | ||
| height: 100%; | ||
| opacity: 0; | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| left: 0; | ||
| /* 2 */ | ||
| -webkit-appearance: none; | ||
| } |
| @@ -0,0 +1,225 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: HTML editor | ||
| ========================================================================== */ | ||
| /* Sub-object `uk-htmleditor-navbar` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar { | ||
| background: #f5f5f5; | ||
| border: 1px solid rgba(0, 0, 0, 0.06); | ||
| border-top-left-radius: 4px; | ||
| border-top-right-radius: 4px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-navbar:before, | ||
| .uk-htmleditor-navbar:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-navbar:after { | ||
| clear: both; | ||
| } | ||
| /* Sub-object `uk-htmleditor-navbar-nav` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-nav { | ||
| margin: 0; | ||
| padding: 0; | ||
| list-style: none; | ||
| float: left; | ||
| } | ||
| .uk-htmleditor-navbar-nav > li { | ||
| float: left; | ||
| } | ||
| /* | ||
| * 1. Dimensions | ||
| * 2. Style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li > a { | ||
| display: block; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| text-decoration: none; | ||
| /* 1 */ | ||
| height: 41px; | ||
| padding: 0 15px; | ||
| line-height: 40px; | ||
| /* 2 */ | ||
| color: #444444; | ||
| font-size: 11px; | ||
| cursor: pointer; | ||
| margin-top: -1px; | ||
| margin-left: -1px; | ||
| border: 1px solid transparent; | ||
| border-bottom-width: 0; | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li:hover > a, | ||
| .uk-htmleditor-navbar-nav > li > a:focus { | ||
| background-color: #fafafa; | ||
| color: #444444; | ||
| outline: none; | ||
| /* 2 */ | ||
| position: relative; | ||
| z-index: 1; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* OnClick */ | ||
| .uk-htmleditor-navbar-nav > li > a:active { | ||
| background-color: #eeeeee; | ||
| color: #444444; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.2); | ||
| } | ||
| /* Active */ | ||
| .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| background-color: #fafafa; | ||
| color: #444444; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-flip { | ||
| float: right; | ||
| } | ||
| /* Sub-object for special buttons | ||
| ========================================================================== */ | ||
| [data-mode='split'] .uk-htmleditor-button-code, | ||
| [data-mode='split'] .uk-htmleditor-button-preview { | ||
| display: none; | ||
| } | ||
| /* Sub-object `uk-htmleditor-content` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-content { | ||
| border-left: 1px solid #dddddd; | ||
| border-right: 1px solid #dddddd; | ||
| border-bottom: 1px solid #dddddd; | ||
| background: #ffffff; | ||
| border-bottom-left-radius: 4px; | ||
| border-bottom-right-radius: 4px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-content:before, | ||
| .uk-htmleditor-content:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-content:after { | ||
| clear: both; | ||
| } | ||
| /* Modifier `uk-htmleditor-fullscreen` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-fullscreen { | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| z-index: 990; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| position: absolute; | ||
| top: 41px; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| content: "\f066"; | ||
| } | ||
| /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-code, | ||
| .uk-htmleditor-preview { | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| .uk-htmleditor-preview { | ||
| padding: 20px; | ||
| overflow-y: scroll; | ||
| position: relative; | ||
| } | ||
| /* | ||
| * Tab view | ||
| */ | ||
| [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| display: none; | ||
| } | ||
| /* | ||
| * Split view | ||
| */ | ||
| [data-mode='split'] .uk-htmleditor-code, | ||
| [data-mode='split'] .uk-htmleditor-preview { | ||
| float: left; | ||
| width: 50%; | ||
| } | ||
| [data-mode='split'] .uk-htmleditor-code { | ||
| border-right: 1px solid #eeeeee; | ||
| } | ||
| /* Sub-object `uk-htmleditor-iframe` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-iframe { | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| /* CodeMirror modifications | ||
| ========================================================================== */ | ||
| .uk-htmleditor .CodeMirror { | ||
| padding: 10px; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| /* | ||
| * Apply same `border-radius` as `uk-htmleditor-navbar` | ||
| */ | ||
| .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| border-top-left-radius: 4px; | ||
| } | ||
| /* | ||
| * Sub-modifier `uk-htmleditor-navbar-flip` | ||
| */ | ||
| /* Collapse border */ | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { | ||
| margin-left: 0; | ||
| margin-right: -1px; | ||
| } | ||
| /* Apply same `border-radius` as `uk-htmleditor-navbar` */ | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| border-top-left-radius: 0; | ||
| } | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { | ||
| border-top-right-radius: 4px; | ||
| } | ||
| /* | ||
| * Sub-modifier `uk-htmleditor-fullscreen` | ||
| */ | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-navbar { | ||
| border-top: none; | ||
| border-left: none; | ||
| border-right: none; | ||
| border-radius: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| border: none; | ||
| border-radius: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { | ||
| border-radius: 0 !important; | ||
| } |
| @@ -0,0 +1,167 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: HTML editor | ||
| ========================================================================== */ | ||
| /* Sub-object `uk-htmleditor-navbar` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar { | ||
| background: #eeeeee; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-navbar:before, | ||
| .uk-htmleditor-navbar:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-navbar:after { | ||
| clear: both; | ||
| } | ||
| /* Sub-object `uk-htmleditor-navbar-nav` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-nav { | ||
| margin: 0; | ||
| padding: 0; | ||
| list-style: none; | ||
| float: left; | ||
| } | ||
| .uk-htmleditor-navbar-nav > li { | ||
| float: left; | ||
| } | ||
| /* | ||
| * 1. Dimensions | ||
| * 2. Style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li > a { | ||
| display: block; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| text-decoration: none; | ||
| /* 1 */ | ||
| height: 40px; | ||
| padding: 0 15px; | ||
| line-height: 40px; | ||
| /* 2 */ | ||
| color: #444444; | ||
| font-size: 11px; | ||
| cursor: pointer; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li:hover > a, | ||
| .uk-htmleditor-navbar-nav > li > a:focus { | ||
| background-color: #f5f5f5; | ||
| color: #444444; | ||
| outline: none; | ||
| /* 2 */ | ||
| } | ||
| /* OnClick */ | ||
| .uk-htmleditor-navbar-nav > li > a:active { | ||
| background-color: #dddddd; | ||
| color: #444444; | ||
| } | ||
| /* Active */ | ||
| .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| background-color: #f5f5f5; | ||
| color: #444444; | ||
| } | ||
| /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-flip { | ||
| float: right; | ||
| } | ||
| /* Sub-object for special buttons | ||
| ========================================================================== */ | ||
| [data-mode='split'] .uk-htmleditor-button-code, | ||
| [data-mode='split'] .uk-htmleditor-button-preview { | ||
| display: none; | ||
| } | ||
| /* Sub-object `uk-htmleditor-content` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-content { | ||
| border-left: 1px solid #dddddd; | ||
| border-right: 1px solid #dddddd; | ||
| border-bottom: 1px solid #dddddd; | ||
| background: #ffffff; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-content:before, | ||
| .uk-htmleditor-content:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-content:after { | ||
| clear: both; | ||
| } | ||
| /* Modifier `uk-htmleditor-fullscreen` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-fullscreen { | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| z-index: 990; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| position: absolute; | ||
| top: 40px; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| content: "\f066"; | ||
| } | ||
| /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-code, | ||
| .uk-htmleditor-preview { | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| .uk-htmleditor-preview { | ||
| padding: 20px; | ||
| overflow-y: scroll; | ||
| position: relative; | ||
| } | ||
| /* | ||
| * Tab view | ||
| */ | ||
| [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| display: none; | ||
| } | ||
| /* | ||
| * Split view | ||
| */ | ||
| [data-mode='split'] .uk-htmleditor-code, | ||
| [data-mode='split'] .uk-htmleditor-preview { | ||
| float: left; | ||
| width: 50%; | ||
| } | ||
| [data-mode='split'] .uk-htmleditor-code { | ||
| border-right: 1px solid #eeeeee; | ||
| } | ||
| /* Sub-object `uk-htmleditor-iframe` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-iframe { | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| /* CodeMirror modifications | ||
| ========================================================================== */ | ||
| .uk-htmleditor .CodeMirror { | ||
| padding: 10px; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } |
| @@ -0,0 +1,232 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: HTML editor | ||
| ========================================================================== */ | ||
| /* Sub-object `uk-htmleditor-navbar` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar { | ||
| background: #f7f7f7; | ||
| border: 1px solid rgba(0, 0, 0, 0.1); | ||
| border-bottom-color: rgba(0, 0, 0, 0.2); | ||
| border-top-left-radius: 4px; | ||
| border-top-right-radius: 4px; | ||
| background-origin: border-box; | ||
| background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); | ||
| background-image: linear-gradient(to bottom, #ffffff, #eeeeee); | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-navbar:before, | ||
| .uk-htmleditor-navbar:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-navbar:after { | ||
| clear: both; | ||
| } | ||
| /* Sub-object `uk-htmleditor-navbar-nav` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-nav { | ||
| margin: 0; | ||
| padding: 0; | ||
| list-style: none; | ||
| float: left; | ||
| } | ||
| .uk-htmleditor-navbar-nav > li { | ||
| float: left; | ||
| } | ||
| /* | ||
| * 1. Dimensions | ||
| * 2. Style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li > a { | ||
| display: block; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| text-decoration: none; | ||
| /* 1 */ | ||
| height: 41px; | ||
| padding: 0 15px; | ||
| line-height: 40px; | ||
| /* 2 */ | ||
| color: #444444; | ||
| font-size: 11px; | ||
| cursor: pointer; | ||
| margin-top: -1px; | ||
| margin-left: -1px; | ||
| border: 1px solid transparent; | ||
| border-bottom-width: 0; | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } | ||
| /* | ||
| * Hover | ||
| * 1. Apply hover style also to focus state | ||
| * 2. Remove default focus style | ||
| */ | ||
| .uk-htmleditor-navbar-nav > li:hover > a, | ||
| .uk-htmleditor-navbar-nav > li > a:focus { | ||
| background-color: transparent; | ||
| color: #444444; | ||
| outline: none; | ||
| /* 2 */ | ||
| position: relative; | ||
| z-index: 1; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.1); | ||
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* OnClick */ | ||
| .uk-htmleditor-navbar-nav > li > a:active { | ||
| background-color: #f5f5f5; | ||
| color: #444444; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.2); | ||
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* Active */ | ||
| .uk-htmleditor-navbar-nav > li.uk-active > a { | ||
| background-color: #fafafa; | ||
| color: #444444; | ||
| border-left-color: rgba(0, 0, 0, 0.1); | ||
| border-right-color: rgba(0, 0, 0, 0.1); | ||
| border-top-color: rgba(0, 0, 0, 0.2); | ||
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* Sub-object: `uk-htmleditor-navbar-flip` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-navbar-flip { | ||
| float: right; | ||
| } | ||
| /* Sub-object for special buttons | ||
| ========================================================================== */ | ||
| [data-mode='split'] .uk-htmleditor-button-code, | ||
| [data-mode='split'] .uk-htmleditor-button-preview { | ||
| display: none; | ||
| } | ||
| /* Sub-object `uk-htmleditor-content` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-content { | ||
| border-left: 1px solid #dddddd; | ||
| border-right: 1px solid #dddddd; | ||
| border-bottom: 1px solid #dddddd; | ||
| background: #ffffff; | ||
| border-bottom-left-radius: 4px; | ||
| border-bottom-right-radius: 4px; | ||
| } | ||
| /* | ||
| * Micro clearfix | ||
| */ | ||
| .uk-htmleditor-content:before, | ||
| .uk-htmleditor-content:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
| .uk-htmleditor-content:after { | ||
| clear: both; | ||
| } | ||
| /* Modifier `uk-htmleditor-fullscreen` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-fullscreen { | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| z-index: 990; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| position: absolute; | ||
| top: 41px; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-icon-expand:before { | ||
| content: "\f066"; | ||
| } | ||
| /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-code, | ||
| .uk-htmleditor-preview { | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| .uk-htmleditor-preview { | ||
| padding: 20px; | ||
| overflow-y: scroll; | ||
| position: relative; | ||
| } | ||
| /* | ||
| * Tab view | ||
| */ | ||
| [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | ||
| [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | ||
| display: none; | ||
| } | ||
| /* | ||
| * Split view | ||
| */ | ||
| [data-mode='split'] .uk-htmleditor-code, | ||
| [data-mode='split'] .uk-htmleditor-preview { | ||
| float: left; | ||
| width: 50%; | ||
| } | ||
| [data-mode='split'] .uk-htmleditor-code { | ||
| border-right: 1px solid #eeeeee; | ||
| } | ||
| /* Sub-object `uk-htmleditor-iframe` | ||
| ========================================================================== */ | ||
| .uk-htmleditor-iframe { | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| /* CodeMirror modifications | ||
| ========================================================================== */ | ||
| .uk-htmleditor .CodeMirror { | ||
| padding: 10px; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| /* | ||
| * Apply same `border-radius` as `uk-htmleditor-navbar` | ||
| */ | ||
| .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| border-top-left-radius: 4px; | ||
| } | ||
| /* | ||
| * Sub-modifier `uk-htmleditor-navbar-flip` | ||
| */ | ||
| /* Collapse border */ | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { | ||
| margin-left: 0; | ||
| margin-right: -1px; | ||
| } | ||
| /* Apply same `border-radius` as `uk-htmleditor-navbar` */ | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | ||
| border-top-left-radius: 0; | ||
| } | ||
| .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { | ||
| border-top-right-radius: 4px; | ||
| } | ||
| /* | ||
| * Sub-modifier `uk-htmleditor-fullscreen` | ||
| */ | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-navbar { | ||
| border-top: none; | ||
| border-left: none; | ||
| border-right: none; | ||
| border-radius: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-content { | ||
| border: none; | ||
| border-radius: 0; | ||
| } | ||
| .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { | ||
| border-radius: 0 !important; | ||
| } |
| @@ -0,0 +1,135 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Nestable | ||
| ========================================================================== */ | ||
| .uk-nestable { | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * Disables the default callout shown when you touch and hold a touch target | ||
| * Currently only works in Webkit | ||
| */ | ||
| .uk-nestable a, | ||
| .uk-nestable img { | ||
| -webkit-touch-callout: none; | ||
| } | ||
| /* Sub-object `uk-nestable-list` | ||
| ========================================================================== */ | ||
| .uk-nestable-list { | ||
| margin: 0; | ||
| padding-left: 40px; | ||
| list-style: none; | ||
| } | ||
| /* Sub-modifier `uk-nestable-item` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-item { | ||
| /* 1 */ | ||
| touch-action: none; | ||
| } | ||
| .uk-nestable-item + .uk-nestable-item { | ||
| margin-top: 10px; | ||
| } | ||
| .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| margin-top: 10px; | ||
| } | ||
| /* Sub-modifier `uk-nestable-dragged` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Reset style | ||
| */ | ||
| .uk-nestable-dragged { | ||
| position: absolute; | ||
| z-index: 1050; | ||
| pointer-events: none; | ||
| /* 1 */ | ||
| padding-left: 0; | ||
| } | ||
| /* Sub-modifier `uk-nestable-placeholder` | ||
| ========================================================================== */ | ||
| .uk-nestable-placeholder { | ||
| position: relative; | ||
| } | ||
| .uk-nestable-placeholder > * { | ||
| opacity: 0; | ||
| } | ||
| .uk-nestable-placeholder:after { | ||
| content: ''; | ||
| position: absolute; | ||
| top: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| border: 1px dashed #dddddd; | ||
| opacity: 1; | ||
| } | ||
| /* Empty List | ||
| ========================================================================== */ | ||
| .uk-nestable:empty { | ||
| min-height: 30px; | ||
| } | ||
| /* Sub-object `uk-nestable-handle` | ||
| ========================================================================== */ | ||
| /* | ||
| * Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-handle { | ||
| touch-action: none; | ||
| } | ||
| /* Hover */ | ||
| .uk-nestable-handle:hover { | ||
| cursor: move; | ||
| } | ||
| /* Sub-object `uk-nestable-moving` | ||
| ========================================================================== */ | ||
| .uk-nestable-moving, | ||
| .uk-nestable-moving * { | ||
| cursor: move; | ||
| } | ||
| /* [data-nestable-action='toggle'] | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| */ | ||
| [data-nestable-action='toggle'] { | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| -moz-user-select: none; | ||
| -webkit-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| } | ||
| /* Sub-object `.uk-nestable-toggle` | ||
| ========================================================================== */ | ||
| .uk-nestable-toggle { | ||
| display: inline-block; | ||
| visibility: hidden; | ||
| } | ||
| .uk-nestable-toggle:after { | ||
| content: "\f147"; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| visibility: visible; | ||
| } | ||
| /* | ||
| * Collapsed | ||
| */ | ||
| .uk-collapsed .uk-nestable-list { | ||
| display: none; | ||
| } | ||
| .uk-collapsed .uk-nestable-toggle:after { | ||
| content: "\f196"; | ||
| } | ||
| /* Sub-object `uk-nestable-panel` | ||
| ========================================================================== */ | ||
| .uk-nestable-panel { | ||
| padding: 5px; | ||
| background: #f5f5f5; | ||
| border-radius: 4px; | ||
| border: 1px solid rgba(0, 0, 0, 0.06); | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } |
| @@ -0,0 +1,132 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Nestable | ||
| ========================================================================== */ | ||
| .uk-nestable { | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * Disables the default callout shown when you touch and hold a touch target | ||
| * Currently only works in Webkit | ||
| */ | ||
| .uk-nestable a, | ||
| .uk-nestable img { | ||
| -webkit-touch-callout: none; | ||
| } | ||
| /* Sub-object `uk-nestable-list` | ||
| ========================================================================== */ | ||
| .uk-nestable-list { | ||
| margin: 0; | ||
| padding-left: 40px; | ||
| list-style: none; | ||
| } | ||
| /* Sub-modifier `uk-nestable-item` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-item { | ||
| /* 1 */ | ||
| touch-action: none; | ||
| } | ||
| .uk-nestable-item + .uk-nestable-item { | ||
| margin-top: 10px; | ||
| } | ||
| .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| margin-top: 10px; | ||
| } | ||
| /* Sub-modifier `uk-nestable-dragged` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Reset style | ||
| */ | ||
| .uk-nestable-dragged { | ||
| position: absolute; | ||
| z-index: 1050; | ||
| pointer-events: none; | ||
| /* 1 */ | ||
| padding-left: 0; | ||
| } | ||
| /* Sub-modifier `uk-nestable-placeholder` | ||
| ========================================================================== */ | ||
| .uk-nestable-placeholder { | ||
| position: relative; | ||
| } | ||
| .uk-nestable-placeholder > * { | ||
| opacity: 0; | ||
| } | ||
| .uk-nestable-placeholder:after { | ||
| content: ''; | ||
| position: absolute; | ||
| top: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| border: 1px dashed #dddddd; | ||
| opacity: 1; | ||
| } | ||
| /* Empty List | ||
| ========================================================================== */ | ||
| .uk-nestable:empty { | ||
| min-height: 30px; | ||
| } | ||
| /* Sub-object `uk-nestable-handle` | ||
| ========================================================================== */ | ||
| /* | ||
| * Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-handle { | ||
| touch-action: none; | ||
| } | ||
| /* Hover */ | ||
| .uk-nestable-handle:hover { | ||
| cursor: move; | ||
| } | ||
| /* Sub-object `uk-nestable-moving` | ||
| ========================================================================== */ | ||
| .uk-nestable-moving, | ||
| .uk-nestable-moving * { | ||
| cursor: move; | ||
| } | ||
| /* [data-nestable-action='toggle'] | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| */ | ||
| [data-nestable-action='toggle'] { | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| -moz-user-select: none; | ||
| -webkit-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| } | ||
| /* Sub-object `.uk-nestable-toggle` | ||
| ========================================================================== */ | ||
| .uk-nestable-toggle { | ||
| display: inline-block; | ||
| visibility: hidden; | ||
| } | ||
| .uk-nestable-toggle:after { | ||
| content: "\f147"; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| visibility: visible; | ||
| } | ||
| /* | ||
| * Collapsed | ||
| */ | ||
| .uk-collapsed .uk-nestable-list { | ||
| display: none; | ||
| } | ||
| .uk-collapsed .uk-nestable-toggle:after { | ||
| content: "\f196"; | ||
| } | ||
| /* Sub-object `uk-nestable-panel` | ||
| ========================================================================== */ | ||
| .uk-nestable-panel { | ||
| padding: 5px; | ||
| background: #f5f5f5; | ||
| } |
| @@ -0,0 +1,139 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Nestable | ||
| ========================================================================== */ | ||
| .uk-nestable { | ||
| padding: 0; | ||
| list-style: none; | ||
| } | ||
| /* | ||
| * Disables the default callout shown when you touch and hold a touch target | ||
| * Currently only works in Webkit | ||
| */ | ||
| .uk-nestable a, | ||
| .uk-nestable img { | ||
| -webkit-touch-callout: none; | ||
| } | ||
| /* Sub-object `uk-nestable-list` | ||
| ========================================================================== */ | ||
| .uk-nestable-list { | ||
| margin: 0; | ||
| padding-left: 40px; | ||
| list-style: none; | ||
| } | ||
| /* Sub-modifier `uk-nestable-item` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-item { | ||
| /* 1 */ | ||
| touch-action: none; | ||
| } | ||
| .uk-nestable-item + .uk-nestable-item { | ||
| margin-top: 10px; | ||
| } | ||
| .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { | ||
| margin-top: 10px; | ||
| } | ||
| /* Sub-modifier `uk-nestable-dragged` | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Reset style | ||
| */ | ||
| .uk-nestable-dragged { | ||
| position: absolute; | ||
| z-index: 1050; | ||
| pointer-events: none; | ||
| /* 1 */ | ||
| padding-left: 0; | ||
| } | ||
| /* Sub-modifier `uk-nestable-placeholder` | ||
| ========================================================================== */ | ||
| .uk-nestable-placeholder { | ||
| position: relative; | ||
| } | ||
| .uk-nestable-placeholder > * { | ||
| opacity: 0; | ||
| } | ||
| .uk-nestable-placeholder:after { | ||
| content: ''; | ||
| position: absolute; | ||
| top: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| border: 1px dashed #dddddd; | ||
| opacity: 1; | ||
| } | ||
| /* Empty List | ||
| ========================================================================== */ | ||
| .uk-nestable:empty { | ||
| min-height: 30px; | ||
| } | ||
| /* Sub-object `uk-nestable-handle` | ||
| ========================================================================== */ | ||
| /* | ||
| * Deactivate browser touch actions in IE11 | ||
| */ | ||
| .uk-nestable-handle { | ||
| touch-action: none; | ||
| } | ||
| /* Hover */ | ||
| .uk-nestable-handle:hover { | ||
| cursor: move; | ||
| } | ||
| /* Sub-object `uk-nestable-moving` | ||
| ========================================================================== */ | ||
| .uk-nestable-moving, | ||
| .uk-nestable-moving * { | ||
| cursor: move; | ||
| } | ||
| /* [data-nestable-action='toggle'] | ||
| ========================================================================== */ | ||
| /* | ||
| * 1. Makes text unselectable. Happens if double clicked by mistake | ||
| */ | ||
| [data-nestable-action='toggle'] { | ||
| cursor: pointer; | ||
| /* 1 */ | ||
| -moz-user-select: none; | ||
| -webkit-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| } | ||
| /* Sub-object `.uk-nestable-toggle` | ||
| ========================================================================== */ | ||
| .uk-nestable-toggle { | ||
| display: inline-block; | ||
| visibility: hidden; | ||
| } | ||
| .uk-nestable-toggle:after { | ||
| content: "\f147"; | ||
| font-family: FontAwesome; | ||
| } | ||
| .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { | ||
| visibility: visible; | ||
| } | ||
| /* | ||
| * Collapsed | ||
| */ | ||
| .uk-collapsed .uk-nestable-list { | ||
| display: none; | ||
| } | ||
| .uk-collapsed .uk-nestable-toggle:after { | ||
| content: "\f196"; | ||
| } | ||
| /* Sub-object `uk-nestable-panel` | ||
| ========================================================================== */ | ||
| .uk-nestable-panel { | ||
| padding: 5px; | ||
| background: #f7f7f7; | ||
| border-radius: 4px; | ||
| border: 1px solid rgba(0, 0, 0, 0.2); | ||
| border-bottom-color: rgba(0, 0, 0, 0.3); | ||
| background-origin: border-box; | ||
| background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); | ||
| background-image: linear-gradient(to bottom, #ffffff, #eeeeee); | ||
| text-shadow: 0 1px 0 #ffffff; | ||
| } |
| @@ -0,0 +1,99 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Notify | ||
| ========================================================================== */ | ||
| /* | ||
| * Message container for positioning | ||
| */ | ||
| .uk-notify { | ||
| position: fixed; | ||
| top: 10px; | ||
| left: 10px; | ||
| z-index: 1040; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| width: 350px; | ||
| } | ||
| /* Position modifiers | ||
| ========================================================================== */ | ||
| .uk-notify-top-right, | ||
| .uk-notify-bottom-right { | ||
| left: auto; | ||
| right: 10px; | ||
| } | ||
| .uk-notify-top-center, | ||
| .uk-notify-bottom-center { | ||
| left: 50%; | ||
| margin-left: -175px; | ||
| } | ||
| .uk-notify-bottom-left, | ||
| .uk-notify-bottom-right, | ||
| .uk-notify-bottom-center { | ||
| top: auto; | ||
| bottom: 10px; | ||
| } | ||
| /* Responsiveness | ||
| ========================================================================== */ | ||
| /* Phones portrait and smaller */ | ||
| @media (max-width: 479px) { | ||
| /* | ||
| * Fit in small screen | ||
| */ | ||
| .uk-notify { | ||
| left: 10px; | ||
| right: 10px; | ||
| width: auto; | ||
| margin: 0; | ||
| } | ||
| } | ||
| /* Sub-object: `uk-notify-message` | ||
| ========================================================================== */ | ||
| .uk-notify-message { | ||
| position: relative; | ||
| margin-bottom: 10px; | ||
| padding: 15px; | ||
| background: #444444; | ||
| color: #ffffff; | ||
| font-size: 16px; | ||
| line-height: 22px; | ||
| cursor: pointer; | ||
| border: 1px solid #444444; | ||
| border-radius: 4px; | ||
| } | ||
| /* Close in notify | ||
| ========================================================================== */ | ||
| .uk-notify-message > .uk-close { | ||
| visibility: hidden; | ||
| float: right; | ||
| } | ||
| .uk-notify-message:hover > .uk-close { | ||
| visibility: visible; | ||
| } | ||
| /* Modifier: `uk-alert-info` | ||
| ========================================================================== */ | ||
| .uk-notify-message-primary { | ||
| background: #ebf7fd; | ||
| color: #2d7091; | ||
| border-color: rgba(45, 112, 145, 0.3); | ||
| } | ||
| /* Modifier: `uk-alert-success` | ||
| ========================================================================== */ | ||
| .uk-notify-message-success { | ||
| background: #f2fae3; | ||
| color: #659f13; | ||
| border-color: rgba(101, 159, 19, 0.3); | ||
| } | ||
| /* Modifier: `uk-notify-message-warning` | ||
| ========================================================================== */ | ||
| .uk-notify-message-warning { | ||
| background: #fffceb; | ||
| color: #e28327; | ||
| border-color: rgba(226, 131, 39, 0.3); | ||
| } | ||
| /* Modifier: `uk-notify-message-danger` | ||
| ========================================================================== */ | ||
| .uk-notify-message-danger { | ||
| background: #fff1f0; | ||
| color: #d85030; | ||
| border-color: rgba(216, 80, 48, 0.3); | ||
| } |
| @@ -0,0 +1,93 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Notify | ||
| ========================================================================== */ | ||
| /* | ||
| * Message container for positioning | ||
| */ | ||
| .uk-notify { | ||
| position: fixed; | ||
| top: 10px; | ||
| left: 10px; | ||
| z-index: 1040; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| width: 350px; | ||
| } | ||
| /* Position modifiers | ||
| ========================================================================== */ | ||
| .uk-notify-top-right, | ||
| .uk-notify-bottom-right { | ||
| left: auto; | ||
| right: 10px; | ||
| } | ||
| .uk-notify-top-center, | ||
| .uk-notify-bottom-center { | ||
| left: 50%; | ||
| margin-left: -175px; | ||
| } | ||
| .uk-notify-bottom-left, | ||
| .uk-notify-bottom-right, | ||
| .uk-notify-bottom-center { | ||
| top: auto; | ||
| bottom: 10px; | ||
| } | ||
| /* Responsiveness | ||
| ========================================================================== */ | ||
| /* Phones portrait and smaller */ | ||
| @media (max-width: 479px) { | ||
| /* | ||
| * Fit in small screen | ||
| */ | ||
| .uk-notify { | ||
| left: 10px; | ||
| right: 10px; | ||
| width: auto; | ||
| margin: 0; | ||
| } | ||
| } | ||
| /* Sub-object: `uk-notify-message` | ||
| ========================================================================== */ | ||
| .uk-notify-message { | ||
| position: relative; | ||
| margin-bottom: 10px; | ||
| padding: 15px; | ||
| background: #444444; | ||
| color: #ffffff; | ||
| font-size: 16px; | ||
| line-height: 22px; | ||
| cursor: pointer; | ||
| } | ||
| /* Close in notify | ||
| ========================================================================== */ | ||
| .uk-notify-message > .uk-close { | ||
| visibility: hidden; | ||
| float: right; | ||
| } | ||
| .uk-notify-message:hover > .uk-close { | ||
| visibility: visible; | ||
| } | ||
| /* Modifier: `uk-alert-info` | ||
| ========================================================================== */ | ||
| .uk-notify-message-primary { | ||
| background: #ebf7fd; | ||
| color: #2d7091; | ||
| } | ||
| /* Modifier: `uk-alert-success` | ||
| ========================================================================== */ | ||
| .uk-notify-message-success { | ||
| background: #f2fae3; | ||
| color: #659f13; | ||
| } | ||
| /* Modifier: `uk-notify-message-warning` | ||
| ========================================================================== */ | ||
| .uk-notify-message-warning { | ||
| background: #fffceb; | ||
| color: #e28327; | ||
| } | ||
| /* Modifier: `uk-notify-message-danger` | ||
| ========================================================================== */ | ||
| .uk-notify-message-danger { | ||
| background: #fff1f0; | ||
| color: #d85030; | ||
| } |
| @@ -0,0 +1,99 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Notify | ||
| ========================================================================== */ | ||
| /* | ||
| * Message container for positioning | ||
| */ | ||
| .uk-notify { | ||
| position: fixed; | ||
| top: 10px; | ||
| left: 10px; | ||
| z-index: 1040; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| width: 350px; | ||
| } | ||
| /* Position modifiers | ||
| ========================================================================== */ | ||
| .uk-notify-top-right, | ||
| .uk-notify-bottom-right { | ||
| left: auto; | ||
| right: 10px; | ||
| } | ||
| .uk-notify-top-center, | ||
| .uk-notify-bottom-center { | ||
| left: 50%; | ||
| margin-left: -175px; | ||
| } | ||
| .uk-notify-bottom-left, | ||
| .uk-notify-bottom-right, | ||
| .uk-notify-bottom-center { | ||
| top: auto; | ||
| bottom: 10px; | ||
| } | ||
| /* Responsiveness | ||
| ========================================================================== */ | ||
| /* Phones portrait and smaller */ | ||
| @media (max-width: 479px) { | ||
| /* | ||
| * Fit in small screen | ||
| */ | ||
| .uk-notify { | ||
| left: 10px; | ||
| right: 10px; | ||
| width: auto; | ||
| margin: 0; | ||
| } | ||
| } | ||
| /* Sub-object: `uk-notify-message` | ||
| ========================================================================== */ | ||
| .uk-notify-message { | ||
| position: relative; | ||
| margin-bottom: 10px; | ||
| padding: 15px; | ||
| background: #444444; | ||
| color: #ffffff; | ||
| font-size: 16px; | ||
| line-height: 22px; | ||
| cursor: pointer; | ||
| border: 1px solid #444444; | ||
| border-radius: 4px; | ||
| } | ||
| /* Close in notify | ||
| ========================================================================== */ | ||
| .uk-notify-message > .uk-close { | ||
| visibility: hidden; | ||
| float: right; | ||
| } | ||
| .uk-notify-message:hover > .uk-close { | ||
| visibility: visible; | ||
| } | ||
| /* Modifier: `uk-alert-info` | ||
| ========================================================================== */ | ||
| .uk-notify-message-primary { | ||
| background: #ebf7fd; | ||
| color: #2d7091; | ||
| border-color: rgba(45, 112, 145, 0.3); | ||
| } | ||
| /* Modifier: `uk-alert-success` | ||
| ========================================================================== */ | ||
| .uk-notify-message-success { | ||
| background: #f2fae3; | ||
| color: #659f13; | ||
| border-color: rgba(101, 159, 19, 0.3); | ||
| } | ||
| /* Modifier: `uk-notify-message-warning` | ||
| ========================================================================== */ | ||
| .uk-notify-message-warning { | ||
| background: #fffceb; | ||
| color: #e28327; | ||
| border-color: rgba(226, 131, 39, 0.3); | ||
| } | ||
| /* Modifier: `uk-notify-message-danger` | ||
| ========================================================================== */ | ||
| .uk-notify-message-danger { | ||
| background: #fff1f0; | ||
| color: #d85030; | ||
| border-color: rgba(216, 80, 48, 0.3); | ||
| } |
| @@ -0,0 +1,29 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Placeholder | ||
| ========================================================================== */ | ||
| .uk-placeholder { | ||
| margin-bottom: 15px; | ||
| padding: 20px; | ||
| border: 1px dashed #dddddd; | ||
| background: #fafafa; | ||
| color: #444444; | ||
| } | ||
| /* | ||
| * Add margin if adjacent element | ||
| */ | ||
| * + .uk-placeholder { | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * Remove margin from the last-child | ||
| */ | ||
| .uk-placeholder > :last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| /* Modifier: `uk-placeholder-large` | ||
| ========================================================================== */ | ||
| .uk-placeholder-large { | ||
| padding-top: 80px; | ||
| padding-bottom: 80px; | ||
| } |
| @@ -0,0 +1,29 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Placeholder | ||
| ========================================================================== */ | ||
| .uk-placeholder { | ||
| margin-bottom: 15px; | ||
| padding: 20px; | ||
| border: 1px dashed #dddddd; | ||
| background: #fafafa; | ||
| color: #444444; | ||
| } | ||
| /* | ||
| * Add margin if adjacent element | ||
| */ | ||
| * + .uk-placeholder { | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * Remove margin from the last-child | ||
| */ | ||
| .uk-placeholder > :last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| /* Modifier: `uk-placeholder-large` | ||
| ========================================================================== */ | ||
| .uk-placeholder-large { | ||
| padding-top: 80px; | ||
| padding-bottom: 80px; | ||
| } |
| @@ -0,0 +1,29 @@ | ||
| /*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| /* ======================================================================== | ||
| Component: Placeholder | ||
| ========================================================================== */ | ||
| .uk-placeholder { | ||
| margin-bottom: 15px; | ||
| padding: 20px; | ||
| border: 1px dashed #dddddd; | ||
| background: #fafafa; | ||
| color: #444444; | ||
| } | ||
| /* | ||
| * Add margin if adjacent element | ||
| */ | ||
| * + .uk-placeholder { | ||
| margin-top: 15px; | ||
| } | ||
| /* | ||
| * Remove margin from the last-child | ||
| */ | ||
| .uk-placeholder > :last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| /* Modifier: `uk-placeholder-large` | ||
| ========================================================================== */ | ||
| .uk-placeholder-large { | ||
| padding-top: 80px; | ||
| padding-bottom: 80px; | ||
| } |