Temporal template solution: add uikit to make tabs work
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@45004 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki
parent
0710e8883c
commit
d1d32f6c05
|
|
@ -11,29 +11,54 @@
|
|||
</fieldset>
|
||||
|
||||
</form>
|
||||
|
||||
<h4 *ngIf="resultsNum>0" >Showing {{(size*page - size +1)}} to {{(size*page>resultsNum)?resultsNum:(size*page)}} of {{resultsNum}} claims</h4>
|
||||
<div *ngIf="resultsNum>size*page " class="text-right">
|
||||
<span class="dropdown">
|
||||
Show <button class="uk-button dropdown-toggle" type="button" id="pagingDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||
{{size}}
|
||||
<div class="uk-grid" data-uk-grid-margin="">
|
||||
<div *ngIf="resultsNum>0" class="uk-width-1-1">
|
||||
Showing {{(size*page - size +1)}} to {{(size*page>resultsNum)?resultsNum:(size*page)}} of {{resultsNum}} claims
|
||||
</div>
|
||||
<div *ngIf="resultsNum" class="uk-width-1-2 uk-row-first">
|
||||
<paging-no-load [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo" [params]="getParameters()" [size]="size" (pageChange)="pageChange($event)"> </paging-no-load>
|
||||
</div>
|
||||
<div class="uk-width-1-2" *ngIf="resultsNum>size*page ">
|
||||
<div class="uk-button-dropdown" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
|
||||
Show <button class="uk-button">{{size}} <i class="uk-icon-caret-down"></i></button>
|
||||
<div class="uk-dropdown uk-dropdown-bottom" aria-hidden="true" style="top: 30px; left: 0px;" tabindex="">
|
||||
<ul class="uk-nav uk-nav-dropdown">
|
||||
<li *ngIf="resultsNum > 10" ><a (click)="changeSize(10) " >10 </a></li>
|
||||
<li *ngIf="resultsNum > 20" ><a (click)="changeSize(20)" >20 </a></li>
|
||||
<li *ngIf="resultsNum > 30" ><a (click)="changeSize(30)" >30 </a></li>
|
||||
<li *ngIf="resultsNum > 50" ><a (click)="changeSize(40)" >50 </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--div data-uk-dropdown class="uk-button-dropdown">
|
||||
Show <button class="uk-button " type="button" id="pagingDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||
{{size}}
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="pagingDropdown">
|
||||
<ul class="uk-nav uk-nav-dropdown" aria-labelledby="pagingDropdown">
|
||||
<li *ngIf="resultsNum > 10" ><a (click)="changeSize(10) " >10 </a></li>
|
||||
<li *ngIf="resultsNum > 20" ><a (click)="changeSize(20)" >20 </a></li>
|
||||
<li *ngIf="resultsNum > 30" ><a (click)="changeSize(30)" >30 </a></li>
|
||||
<li *ngIf="resultsNum > 50" ><a (click)="changeSize(40)" >50 </a></li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
</ul>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
<div data-uk-dropdown>
|
||||
|
||||
<!-- This is the element toggling the dropdown -->
|
||||
<div>...</div>
|
||||
|
||||
<!-- This is the dropdown -->
|
||||
<div class="uk-dropdown">...</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="showErrorMessage " class = "alert alert-danger " >
|
||||
An Error occured.
|
||||
</div>
|
||||
|
||||
<div class="text-right" *ngIf="resultsNum">
|
||||
<!--<paging [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo" [size]="size" [params]="getParameters()" > </paging>-->
|
||||
<paging-no-load [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo" [params]="getParameters()" [size]="size" (pageChange)="pageChange($event)"> </paging-no-load>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Buttons for selecting and Delete Claims -->
|
||||
<div *ngIf="enableDelete">
|
||||
|
|
@ -48,10 +73,7 @@
|
|||
<button class="uk-button" (click)="selectAll()">Select All</button> <button class="uk-button" (click)="deselectAll()">Deselect All</button> <button class="uk-button" (click)="confirmOpen()">Delete</button>
|
||||
</div>
|
||||
<br>
|
||||
<!--div class="input-group col-lg-6">
|
||||
<span class="input-group-addon" id="sizing-addon2">Filter</span>
|
||||
<input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()" >
|
||||
</div-->
|
||||
|
||||
|
||||
<div *ngIf=" claims && claims.length == 0" >
|
||||
<div class = "alert alert-info " >No entries found.</div>
|
||||
|
|
@ -83,7 +105,7 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<modal-alert (alertOutput)="confirmClose($event)">
|
||||
</modal-alert>
|
||||
<modal-loading [message]= "'Please wait...'"></modal-loading>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,39 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Accordion
|
||||
========================================================================== */
|
||||
/* Sub-object: `uk-accordion-title`
|
||||
========================================================================== */
|
||||
.uk-accordion-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
padding: 5px 15px;
|
||||
background: #f5f5f5;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* Sub-object: `uk-accordion-content`
|
||||
========================================================================== */
|
||||
.uk-accordion-content {
|
||||
padding: 0 15px 15px 15px;
|
||||
}
|
||||
/*
|
||||
* Micro clearfix to make panels more robust
|
||||
*/
|
||||
.uk-accordion-content:before,
|
||||
.uk-accordion-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
.uk-accordion-content:after {
|
||||
clear: both;
|
||||
}
|
||||
/*
|
||||
* Remove margin from the last-child
|
||||
*/
|
||||
.uk-accordion-content > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/accordion.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/accordion.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#f5f5f5;font-size:18px;line-height:24px;cursor:pointer;border:1px solid #ddd;border-radius:4px}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Accordion
|
||||
========================================================================== */
|
||||
/* Sub-object: `uk-accordion-title`
|
||||
========================================================================== */
|
||||
.uk-accordion-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
padding: 5px 15px;
|
||||
background: #eee;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Sub-object: `uk-accordion-content`
|
||||
========================================================================== */
|
||||
.uk-accordion-content {
|
||||
padding: 0 15px 15px 15px;
|
||||
}
|
||||
/*
|
||||
* Micro clearfix to make panels more robust
|
||||
*/
|
||||
.uk-accordion-content:before,
|
||||
.uk-accordion-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
.uk-accordion-content:after {
|
||||
clear: both;
|
||||
}
|
||||
/*
|
||||
* Remove margin from the last-child
|
||||
*/
|
||||
.uk-accordion-content > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Accordion
|
||||
========================================================================== */
|
||||
/* Sub-object: `uk-accordion-title`
|
||||
========================================================================== */
|
||||
.uk-accordion-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
padding: 5px 15px;
|
||||
background: #f7f7f7;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* Sub-object: `uk-accordion-content`
|
||||
========================================================================== */
|
||||
.uk-accordion-content {
|
||||
padding: 0 15px 15px 15px;
|
||||
}
|
||||
/*
|
||||
* Micro clearfix to make panels more robust
|
||||
*/
|
||||
.uk-accordion-content:before,
|
||||
.uk-accordion-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
.uk-accordion-content:after {
|
||||
clear: both;
|
||||
}
|
||||
/*
|
||||
* Remove margin from the last-child
|
||||
*/
|
||||
.uk-accordion-content > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#f7f7f7;font-size:18px;line-height:24px;cursor:pointer;border:1px solid #ddd;border-radius:4px}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#eee;font-size:18px;line-height:24px;cursor:pointer}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Autocomplete
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Container width fits its content
|
||||
* 2. Create position context
|
||||
* 3. Prevent `inline-block` consequences
|
||||
* 4. Remove the gap between the container and its child element
|
||||
*/
|
||||
.uk-autocomplete {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
position: relative;
|
||||
/* 3 */
|
||||
max-width: 100%;
|
||||
/* 4 */
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Legacy dropdown modifier */
|
||||
.uk-dropdown-flip {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
/* Nav modifier `uk-nav-autocomplete`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-autocomplete > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-autocomplete > li.uk-active > a {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/autocomplete.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/autocomplete.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Autocomplete
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Container width fits its content
|
||||
* 2. Create position context
|
||||
* 3. Prevent `inline-block` consequences
|
||||
* 4. Remove the gap between the container and its child element
|
||||
*/
|
||||
.uk-autocomplete {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
position: relative;
|
||||
/* 3 */
|
||||
max-width: 100%;
|
||||
/* 4 */
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Legacy dropdown modifier */
|
||||
.uk-dropdown-flip {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
/* Nav modifier `uk-nav-autocomplete`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-autocomplete > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-autocomplete > li.uk-active > a {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Autocomplete
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Container width fits its content
|
||||
* 2. Create position context
|
||||
* 3. Prevent `inline-block` consequences
|
||||
* 4. Remove the gap between the container and its child element
|
||||
*/
|
||||
.uk-autocomplete {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
position: relative;
|
||||
/* 3 */
|
||||
max-width: 100%;
|
||||
/* 4 */
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Legacy dropdown modifier */
|
||||
.uk-dropdown-flip {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
/* Nav modifier `uk-nav-autocomplete`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-autocomplete > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-autocomplete > li.uk-active > a {
|
||||
background: #009dd8;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-autocomplete .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/autocomplete.gradient.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/autocomplete.gradient.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
/*! UIkit 2.27.2 | 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: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-datepicker-nav a:hover {
|
||||
color: #444;
|
||||
}
|
||||
.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: #444;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-datepicker-table-muted`
|
||||
*/
|
||||
a.uk-datepicker-table-muted {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* 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: #444;
|
||||
/* 2 */
|
||||
outline: none;
|
||||
border-color: rgba(0, 0, 0, 0.16);
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
/* OnClick */
|
||||
.uk-datepicker-table a:active {
|
||||
background-color: #eee;
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
*/
|
||||
.uk-datepicker-table a.uk-active {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/datepicker.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/datepicker.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.16);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#eee;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
/*! UIkit 2.27.2 | 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: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-datepicker-nav a:hover {
|
||||
color: #444;
|
||||
}
|
||||
.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: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-datepicker-table-muted`
|
||||
*/
|
||||
a.uk-datepicker-table-muted {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* 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: #ddd;
|
||||
color: #444;
|
||||
/* 2 */
|
||||
outline: none;
|
||||
}
|
||||
/* OnClick */
|
||||
.uk-datepicker-table a:active {
|
||||
background-color: #ccc;
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
*/
|
||||
.uk-datepicker-table a.uk-active {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
/*! UIkit 2.27.2 | 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: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-datepicker-nav a:hover {
|
||||
color: #444;
|
||||
}
|
||||
.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: #444;
|
||||
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: #999;
|
||||
}
|
||||
/*
|
||||
* 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: #444;
|
||||
/* 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 #fff;
|
||||
}
|
||||
/* OnClick */
|
||||
.uk-datepicker-table a:active {
|
||||
background-color: #f5f5f5;
|
||||
color: #444;
|
||||
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: #fff;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px;background-origin:border-box}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-datepicker-table a.uk-active{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);text-shadow:0 -1px 0 rgba(0,0,0,.2)}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-datepicker{z-index:1050;width:auto;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:after,.uk-datepicker-nav:before{content:"";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-next:after,.uk-datepicker-previous:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table td,.uk-datepicker-table th{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:focus,.uk-datepicker-table a:hover{background-color:#ddd;color:#444;outline:0}.uk-datepicker-table a:active{background-color:#ccc;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff}
|
||||
|
|
@ -0,0 +1,128 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;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}
|
||||
|
|
@ -0,0 +1,124 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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,128 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;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}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
/*! UIkit 2.27.2 | 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 #aaa;
|
||||
/* 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: #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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-advanced.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-advanced.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
/*! UIkit 2.27.2 | 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 #aaa;
|
||||
/* 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: #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;
|
||||
}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
/*! UIkit 2.27.2 | 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 #aaa;
|
||||
/* 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: #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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-advanced.gradient.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-advanced.gradient.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form input[type=radio],.uk-form input[type=checkbox]{display:inline-block;height:14px;width:14px;border:1px solid #aaa;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;outline:0;background:0 0}.uk-form input[type=radio]{border-radius:50%}.uk-form input[type=checkbox]:before,.uk-form input[type=radio]:before{display:block}.uk-form input[type=radio]:checked:before{content:'';width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#00a8e6}.uk-form input[type=checkbox]:checked:before,.uk-form input[type=checkbox]:indeterminate:before{content:"\f00c";font-family:FontAwesome;font-size:12px;-webkit-font-smoothing:antialiased;text-align:center;line-height:12px;color:#00a8e6}.uk-form input[type=checkbox]:indeterminate:before{content:"\f068"}.uk-form input[type=checkbox]:disabled,.uk-form input[type=radio]:disabled{border-color:#ddd}.uk-form input[type=radio]:disabled:checked:before{background-color:#aaa}.uk-form input[type=checkbox]:disabled:checked:before,.uk-form input[type=checkbox]:disabled:indeterminate:before{color:#aaa}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-file.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-file.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
/*! UIkit 2.27.2 | 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.27.2 | 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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
/*! UIkit 2.27.2 | 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: #999;
|
||||
}
|
||||
.uk-form-password-toggle:hover {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-form-password > input {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-password.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-password.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
/*! UIkit 2.27.2 | 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: #999;
|
||||
}
|
||||
.uk-form-password-toggle:hover {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-form-password > input {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
/*! UIkit 2.27.2 | 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: #999;
|
||||
}
|
||||
.uk-form-password-toggle:hover {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
.uk-form-password > input {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-password.gradient.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-password.gradient.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-password{display:inline-block;position:relative;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/form-select.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/form-select.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/*! UIkit 2.27.2 | 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.27.2 | 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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-form-select{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-select select{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;left:0;-webkit-appearance:none}
|
||||
|
|
@ -0,0 +1,222 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
/* 1 */
|
||||
height: 41px;
|
||||
padding: 0 15px;
|
||||
line-height: 40px;
|
||||
/* 2 */
|
||||
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;
|
||||
}
|
||||
/*
|
||||
* 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: #444;
|
||||
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: #eee;
|
||||
color: #444;
|
||||
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: #444;
|
||||
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 #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #fff;
|
||||
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 {
|
||||
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 #eee;
|
||||
}
|
||||
/* 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;
|
||||
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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/htmleditor.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/htmleditor.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-htmleditor-navbar{background:#f5f5f5;border:1px solid rgba(0,0,0,.06);border-top-left-radius:4px;border-top-right-radius:4px}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;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}
|
||||
|
|
@ -0,0 +1,164 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: HTML editor
|
||||
========================================================================== */
|
||||
/* Sub-object `uk-htmleditor-navbar`
|
||||
========================================================================== */
|
||||
.uk-htmleditor-navbar {
|
||||
background: #eee;
|
||||
}
|
||||
/*
|
||||
* 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;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
/* 1 */
|
||||
height: 40px;
|
||||
padding: 0 15px;
|
||||
line-height: 40px;
|
||||
/* 2 */
|
||||
color: #444;
|
||||
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: #444;
|
||||
outline: none;
|
||||
/* 2 */
|
||||
}
|
||||
/* OnClick */
|
||||
.uk-htmleditor-navbar-nav > li > a:active {
|
||||
background-color: #ddd;
|
||||
color: #444;
|
||||
}
|
||||
/* Active */
|
||||
.uk-htmleditor-navbar-nav > li.uk-active > a {
|
||||
background-color: #f5f5f5;
|
||||
color: #444;
|
||||
}
|
||||
/* 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 #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
/*
|
||||
* 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 {
|
||||
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 #eee;
|
||||
}
|
||||
/* 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;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -0,0 +1,229 @@
|
|||
/*! UIkit 2.27.2 | 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, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
}
|
||||
/*
|
||||
* 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;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
/* 1 */
|
||||
height: 41px;
|
||||
padding: 0 15px;
|
||||
line-height: 40px;
|
||||
/* 2 */
|
||||
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;
|
||||
}
|
||||
/*
|
||||
* 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: #444;
|
||||
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: #444;
|
||||
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: #444;
|
||||
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 #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #fff;
|
||||
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 {
|
||||
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 #eee;
|
||||
}
|
||||
/* 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;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-htmleditor-navbar{background:#f7f7f7;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.2);border-top-left-radius:4px;border-top-right-radius:4px;background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee)}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-htmleditor-navbar{background:#eee}.uk-htmleditor-navbar:after,.uk-htmleditor-navbar:before{content:"";display:table}.uk-htmleditor-navbar:after{clear:both}.uk-htmleditor-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-htmleditor-navbar-nav>li{float:left}.uk-htmleditor-navbar-nav>li>a{display:block;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}
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
/*! UIkit 2.27.2 | 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 #ddd;
|
||||
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;
|
||||
}
|
||||
/* Fixes dragging items over iframes */
|
||||
.uk-nestable-moving iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* [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 #fff;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable-empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}.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}
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
/*! UIkit 2.27.2 | 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 #ddd;
|
||||
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;
|
||||
}
|
||||
/* Fixes dragging items over iframes */
|
||||
.uk-nestable-moving iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* [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,143 @@
|
|||
/*! UIkit 2.27.2 | 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 #ddd;
|
||||
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;
|
||||
}
|
||||
/* Fixes dragging items over iframes */
|
||||
.uk-nestable-moving iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* [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, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable-empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}.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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-nestable{padding:0;list-style:none}.uk-nestable a,.uk-nestable img{-webkit-touch-callout:none}.uk-nestable-list{margin:0;padding-left:40px;list-style:none}.uk-nestable-item{touch-action:none}.uk-nestable-item+.uk-nestable-item{margin-top:10px}.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child{margin-top:10px}.uk-nestable-dragged{position:absolute;z-index:1050;pointer-events:none;padding-left:0}.uk-nestable-placeholder{position:relative}.uk-nestable-placeholder>*{opacity:0}.uk-nestable-placeholder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #ddd;opacity:1}.uk-nestable-empty{min-height:30px}.uk-nestable-handle{touch-action:none}.uk-nestable-handle:hover{cursor:move}.uk-nestable-moving,.uk-nestable-moving *{cursor:move}.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}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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: #444;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #444;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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)}
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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: #444;
|
||||
color: #fff;
|
||||
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,98 @@
|
|||
/*! UIkit 2.27.2 | 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;
|
||||
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: #444;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #444;
|
||||
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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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)}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Placeholder
|
||||
========================================================================== */
|
||||
.uk-placeholder {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
border: 1px dashed #ddd;
|
||||
background: #fafafa;
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/placeholder.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/placeholder.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Placeholder
|
||||
========================================================================== */
|
||||
.uk-placeholder {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
border: 1px dashed #ddd;
|
||||
background: #fafafa;
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* 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.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Placeholder
|
||||
========================================================================== */
|
||||
.uk-placeholder {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
border: 1px dashed #ddd;
|
||||
background: #fafafa;
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* 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,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,104 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Progress
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Clearing
|
||||
* 2. Vertical alignment if text is used
|
||||
*/
|
||||
.uk-progress {
|
||||
box-sizing: border-box;
|
||||
height: 20px;
|
||||
margin-bottom: 15px;
|
||||
background: #f5f5f5;
|
||||
/* 1 */
|
||||
overflow: hidden;
|
||||
/* 2 */
|
||||
line-height: 20px;
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
|
||||
border-radius: 4px;
|
||||
}
|
||||
/*
|
||||
* Add margin if adjacent element
|
||||
*/
|
||||
* + .uk-progress {
|
||||
margin-top: 15px;
|
||||
}
|
||||
/* Sub-object: `uk-progress-bar`
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Transition
|
||||
* 2. Needed for text
|
||||
*/
|
||||
.uk-progress-bar {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: #00a8e6;
|
||||
float: left;
|
||||
/* 1 */
|
||||
-webkit-transition: width 0.6s ease;
|
||||
transition: width 0.6s ease;
|
||||
/* 2 */
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/* Size modifiers
|
||||
========================================================================== */
|
||||
/* Mini */
|
||||
.uk-progress-mini {
|
||||
height: 6px;
|
||||
}
|
||||
/* Small */
|
||||
.uk-progress-small {
|
||||
height: 12px;
|
||||
}
|
||||
/* Color modifiers
|
||||
========================================================================== */
|
||||
.uk-progress-success .uk-progress-bar {
|
||||
background-color: #8cc14c;
|
||||
}
|
||||
.uk-progress-warning .uk-progress-bar {
|
||||
background-color: #faa732;
|
||||
}
|
||||
.uk-progress-danger .uk-progress-bar {
|
||||
background-color: #da314b;
|
||||
}
|
||||
/* Modifier: `uk-progress-striped`
|
||||
========================================================================== */
|
||||
.uk-progress-striped .uk-progress-bar {
|
||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-size: 30px 30px;
|
||||
}
|
||||
/*
|
||||
* Animation
|
||||
*/
|
||||
.uk-progress-striped.uk-active .uk-progress-bar {
|
||||
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
@keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
/* Size modifiers
|
||||
========================================================================== */
|
||||
.uk-progress-mini,
|
||||
.uk-progress-small {
|
||||
border-radius: 500px;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Progress
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Clearing
|
||||
* 2. Vertical alignment if text is used
|
||||
*/
|
||||
.uk-progress {
|
||||
box-sizing: border-box;
|
||||
height: 20px;
|
||||
margin-bottom: 15px;
|
||||
background: #eee;
|
||||
/* 1 */
|
||||
overflow: hidden;
|
||||
/* 2 */
|
||||
line-height: 20px;
|
||||
}
|
||||
/*
|
||||
* Add margin if adjacent element
|
||||
*/
|
||||
* + .uk-progress {
|
||||
margin-top: 15px;
|
||||
}
|
||||
/* Sub-object: `uk-progress-bar`
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Transition
|
||||
* 2. Needed for text
|
||||
*/
|
||||
.uk-progress-bar {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: #00a8e6;
|
||||
float: left;
|
||||
/* 1 */
|
||||
-webkit-transition: width 0.6s ease;
|
||||
transition: width 0.6s ease;
|
||||
/* 2 */
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
/* Size modifiers
|
||||
========================================================================== */
|
||||
/* Mini */
|
||||
.uk-progress-mini {
|
||||
height: 6px;
|
||||
}
|
||||
/* Small */
|
||||
.uk-progress-small {
|
||||
height: 12px;
|
||||
}
|
||||
/* Color modifiers
|
||||
========================================================================== */
|
||||
.uk-progress-success .uk-progress-bar {
|
||||
background-color: #8cc14c;
|
||||
}
|
||||
.uk-progress-warning .uk-progress-bar {
|
||||
background-color: #faa732;
|
||||
}
|
||||
.uk-progress-danger .uk-progress-bar {
|
||||
background-color: #da314b;
|
||||
}
|
||||
/* Modifier: `uk-progress-striped`
|
||||
========================================================================== */
|
||||
.uk-progress-striped .uk-progress-bar {
|
||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-size: 30px 30px;
|
||||
}
|
||||
/*
|
||||
* Animation
|
||||
*/
|
||||
.uk-progress-striped.uk-active .uk-progress-bar {
|
||||
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
@keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Progress
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Clearing
|
||||
* 2. Vertical alignment if text is used
|
||||
*/
|
||||
.uk-progress {
|
||||
box-sizing: border-box;
|
||||
height: 20px;
|
||||
margin-bottom: 15px;
|
||||
background: #f7f7f7;
|
||||
/* 1 */
|
||||
overflow: hidden;
|
||||
/* 2 */
|
||||
line-height: 20px;
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
|
||||
border-radius: 4px;
|
||||
}
|
||||
/*
|
||||
* Add margin if adjacent element
|
||||
*/
|
||||
* + .uk-progress {
|
||||
margin-top: 15px;
|
||||
}
|
||||
/* Sub-object: `uk-progress-bar`
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Transition
|
||||
* 2. Needed for text
|
||||
*/
|
||||
.uk-progress-bar {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: #009dd8;
|
||||
float: left;
|
||||
/* 1 */
|
||||
-webkit-transition: width 0.6s ease;
|
||||
transition: width 0.6s ease;
|
||||
/* 2 */
|
||||
font-size: 12px;
|
||||
color: #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, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Size modifiers
|
||||
========================================================================== */
|
||||
/* Mini */
|
||||
.uk-progress-mini {
|
||||
height: 6px;
|
||||
}
|
||||
/* Small */
|
||||
.uk-progress-small {
|
||||
height: 12px;
|
||||
}
|
||||
/* Color modifiers
|
||||
========================================================================== */
|
||||
.uk-progress-success .uk-progress-bar {
|
||||
background-color: #82bb42;
|
||||
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
|
||||
background-image: linear-gradient(to bottom, #9fd256, #6fac34);
|
||||
}
|
||||
.uk-progress-warning .uk-progress-bar {
|
||||
background-color: #f9a124;
|
||||
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
|
||||
background-image: linear-gradient(to bottom, #fbb450, #f89406);
|
||||
}
|
||||
.uk-progress-danger .uk-progress-bar {
|
||||
background-color: #d32c46;
|
||||
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
|
||||
background-image: linear-gradient(to bottom, #ee465a, #c11a39);
|
||||
}
|
||||
/* Modifier: `uk-progress-striped`
|
||||
========================================================================== */
|
||||
.uk-progress-striped .uk-progress-bar {
|
||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-size: 30px 30px;
|
||||
}
|
||||
/*
|
||||
* Animation
|
||||
*/
|
||||
.uk-progress-striped.uk-active .uk-progress-bar {
|
||||
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
animation: uk-progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
@keyframes uk-progress-bar-stripes {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 30px 0;
|
||||
}
|
||||
}
|
||||
/* Size modifiers
|
||||
========================================================================== */
|
||||
.uk-progress-mini,
|
||||
.uk-progress-small {
|
||||
border-radius: 500px;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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}}
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Search
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context for dropdowns
|
||||
* 2. Needed for `form` element
|
||||
*/
|
||||
.uk-search {
|
||||
display: inline-block;
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
}
|
||||
/*
|
||||
* Icon
|
||||
*/
|
||||
.uk-search:before {
|
||||
content: "\f002";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: FontAwesome;
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Sub-object `uk-search-field`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Removes inner padding and border in Firefox 4+.
|
||||
*/
|
||||
.uk-search-field::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/*
|
||||
* Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
|
||||
*/
|
||||
.uk-search-field::-webkit-search-cancel-button,
|
||||
.uk-search-field::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/*
|
||||
* Removes cancel button in IE10
|
||||
*/
|
||||
.uk-search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
* Removes placeholder transparency in Firefox.
|
||||
*/
|
||||
.uk-search-field::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* 1. Define consistent box sizing.
|
||||
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
||||
* 3. Remove `border-radius` in iOS.
|
||||
* 4. Correct `font` properties and `color` not being inherited.
|
||||
* 5. Remove default style in iOS.
|
||||
* 6. Style
|
||||
*/
|
||||
.uk-search-field {
|
||||
/* 1 */
|
||||
box-sizing: border-box;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
border-radius: 0;
|
||||
/* 4 */
|
||||
font: inherit;
|
||||
color: #444;
|
||||
/* 5 */
|
||||
-webkit-appearance: none;
|
||||
/* 6 */
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
padding: 0 0 0 30px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: rgba(0, 0, 0, 0);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Placeholder */
|
||||
.uk-search-field:-ms-input-placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
.uk-search-field::-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.uk-search-field::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
/* Focus */
|
||||
.uk-search-field:focus {
|
||||
outline: 0;
|
||||
}
|
||||
/* Focus + Active */
|
||||
.uk-search-field:focus,
|
||||
.uk-search.uk-active .uk-search-field {
|
||||
width: 180px;
|
||||
}
|
||||
/* Dropdown modifier: `uk-dropdown-search`
|
||||
========================================================================== */
|
||||
.uk-dropdown-search {
|
||||
width: 300px;
|
||||
margin-top: 0;
|
||||
background: #fff;
|
||||
color: #444;
|
||||
}
|
||||
.uk-open > .uk-dropdown-search {
|
||||
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
}
|
||||
/*
|
||||
* Dependency `uk-navbar-flip`
|
||||
*/
|
||||
.uk-navbar-flip .uk-dropdown-search {
|
||||
margin-top: 12px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
/* Nav modifier `uk-nav-search`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-search > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-search > li.uk-active > a {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
/*
|
||||
* Nested items
|
||||
*/
|
||||
.uk-nav-search ul a {
|
||||
color: #07D;
|
||||
}
|
||||
.uk-nav-search ul a:hover {
|
||||
color: #059;
|
||||
}
|
||||
/* Search in offcanvas
|
||||
========================================================================== */
|
||||
.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: rgba(0, 0, 0, 0);
|
||||
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;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{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}
|
||||
|
|
@ -0,0 +1,189 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Search
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context for dropdowns
|
||||
* 2. Needed for `form` element
|
||||
*/
|
||||
.uk-search {
|
||||
display: inline-block;
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
}
|
||||
/*
|
||||
* Icon
|
||||
*/
|
||||
.uk-search:before {
|
||||
content: "\f002";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: FontAwesome;
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Sub-object `uk-search-field`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Removes inner padding and border in Firefox 4+.
|
||||
*/
|
||||
.uk-search-field::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/*
|
||||
* Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
|
||||
*/
|
||||
.uk-search-field::-webkit-search-cancel-button,
|
||||
.uk-search-field::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/*
|
||||
* Removes cancel button in IE10
|
||||
*/
|
||||
.uk-search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
* Removes placeholder transparency in Firefox.
|
||||
*/
|
||||
.uk-search-field::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* 1. Define consistent box sizing.
|
||||
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
||||
* 3. Remove `border-radius` in iOS.
|
||||
* 4. Correct `font` properties and `color` not being inherited.
|
||||
* 5. Remove default style in iOS.
|
||||
* 6. Style
|
||||
*/
|
||||
.uk-search-field {
|
||||
/* 1 */
|
||||
box-sizing: border-box;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
border-radius: 0;
|
||||
/* 4 */
|
||||
font: inherit;
|
||||
color: #444;
|
||||
/* 5 */
|
||||
-webkit-appearance: none;
|
||||
/* 6 */
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
padding: 0 0 0 30px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: rgba(0, 0, 0, 0);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Placeholder */
|
||||
.uk-search-field:-ms-input-placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
.uk-search-field::-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.uk-search-field::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
/* Focus */
|
||||
.uk-search-field:focus {
|
||||
outline: 0;
|
||||
}
|
||||
/* Focus + Active */
|
||||
.uk-search-field:focus,
|
||||
.uk-search.uk-active .uk-search-field {
|
||||
width: 180px;
|
||||
}
|
||||
/* Dropdown modifier: `uk-dropdown-search`
|
||||
========================================================================== */
|
||||
.uk-dropdown-search {
|
||||
width: 300px;
|
||||
margin-top: 0;
|
||||
background: #f5f5f5;
|
||||
color: #444;
|
||||
}
|
||||
.uk-open > .uk-dropdown-search {
|
||||
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
}
|
||||
/*
|
||||
* Dependency `uk-navbar-flip`
|
||||
*/
|
||||
.uk-navbar-flip .uk-dropdown-search {
|
||||
margin-top: 5px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
/* Nav modifier `uk-nav-search`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-search > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-search > li.uk-active > a {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
/*
|
||||
* Nested items
|
||||
*/
|
||||
.uk-nav-search ul a {
|
||||
color: #07D;
|
||||
}
|
||||
.uk-nav-search ul a:hover {
|
||||
color: #059;
|
||||
}
|
||||
/* Search in offcanvas
|
||||
========================================================================== */
|
||||
.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: rgba(0, 0, 0, 0);
|
||||
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;
|
||||
}
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Search
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context for dropdowns
|
||||
* 2. Needed for `form` element
|
||||
*/
|
||||
.uk-search {
|
||||
display: inline-block;
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
}
|
||||
/*
|
||||
* Icon
|
||||
*/
|
||||
.uk-search:before {
|
||||
content: "\f002";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: FontAwesome;
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Sub-object `uk-search-field`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Removes inner padding and border in Firefox 4+.
|
||||
*/
|
||||
.uk-search-field::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/*
|
||||
* Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
|
||||
*/
|
||||
.uk-search-field::-webkit-search-cancel-button,
|
||||
.uk-search-field::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/*
|
||||
* Removes cancel button in IE10
|
||||
*/
|
||||
.uk-search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
* Removes placeholder transparency in Firefox.
|
||||
*/
|
||||
.uk-search-field::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* 1. Define consistent box sizing.
|
||||
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
||||
* 3. Remove `border-radius` in iOS.
|
||||
* 4. Correct `font` properties and `color` not being inherited.
|
||||
* 5. Remove default style in iOS.
|
||||
* 6. Style
|
||||
*/
|
||||
.uk-search-field {
|
||||
/* 1 */
|
||||
box-sizing: border-box;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
border-radius: 0;
|
||||
/* 4 */
|
||||
font: inherit;
|
||||
color: #444;
|
||||
/* 5 */
|
||||
-webkit-appearance: none;
|
||||
/* 6 */
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
padding: 0 0 0 30px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: rgba(0, 0, 0, 0);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Placeholder */
|
||||
.uk-search-field:-ms-input-placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
.uk-search-field::-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.uk-search-field::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
/* Focus */
|
||||
.uk-search-field:focus {
|
||||
outline: 0;
|
||||
}
|
||||
/* Focus + Active */
|
||||
.uk-search-field:focus,
|
||||
.uk-search.uk-active .uk-search-field {
|
||||
width: 180px;
|
||||
}
|
||||
/* Dropdown modifier: `uk-dropdown-search`
|
||||
========================================================================== */
|
||||
.uk-dropdown-search {
|
||||
width: 300px;
|
||||
margin-top: 0;
|
||||
background: #fff;
|
||||
color: #444;
|
||||
}
|
||||
.uk-open > .uk-dropdown-search {
|
||||
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
}
|
||||
/*
|
||||
* Dependency `uk-navbar-flip`
|
||||
*/
|
||||
.uk-navbar-flip .uk-dropdown-search {
|
||||
margin-top: 12px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
/* Nav modifier `uk-nav-search`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-search > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-search > li.uk-active > a {
|
||||
background: #009dd8;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
/*
|
||||
* Nested items
|
||||
*/
|
||||
.uk-nav-search ul a {
|
||||
color: #07D;
|
||||
}
|
||||
.uk-nav-search ul a:hover {
|
||||
color: #059;
|
||||
}
|
||||
/* Search in offcanvas
|
||||
========================================================================== */
|
||||
.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: rgba(0, 0, 0, 0);
|
||||
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;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field::-moz-focus-inner{border:0;padding:0}.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}.uk-search-field{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}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slidenav
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Required for `a` elements
|
||||
* 2. Dimension
|
||||
* 3. Style
|
||||
*/
|
||||
.uk-slidenav {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
box-sizing: border-box;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
/* 3 */
|
||||
line-height: 60px;
|
||||
color: rgba(50, 50, 50, 0.4);
|
||||
font-size: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
* 2. Remove default focus style
|
||||
* 3. Required for `a` elements
|
||||
* 4. Style
|
||||
*/
|
||||
.uk-slidenav:hover,
|
||||
.uk-slidenav:focus {
|
||||
/* 2 */
|
||||
outline: none;
|
||||
/* 3 */
|
||||
text-decoration: none;
|
||||
/* 4 */
|
||||
color: rgba(50, 50, 50, 0.7);
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav:active {
|
||||
color: rgba(50, 50, 50, 0.9);
|
||||
}
|
||||
/*
|
||||
* Icons
|
||||
*/
|
||||
.uk-slidenav-previous:before {
|
||||
content: "\f104";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
.uk-slidenav-next:before {
|
||||
content: "\f105";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
/* Sub-object: `uk-slidenav-position`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Create position context
|
||||
*/
|
||||
.uk-slidenav-position {
|
||||
position: relative;
|
||||
}
|
||||
/*
|
||||
* Center vertically
|
||||
*/
|
||||
.uk-slidenav-position .uk-slidenav {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.uk-slidenav-position:hover .uk-slidenav {
|
||||
display: block;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-previous {
|
||||
left: 20px;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-next {
|
||||
right: 20px;
|
||||
}
|
||||
/* Modifier: `uk-slidenav-contrast`
|
||||
========================================================================== */
|
||||
.uk-slidenav-contrast {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
*/
|
||||
.uk-slidenav-contrast:hover,
|
||||
.uk-slidenav-contrast:focus {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav-contrast:active {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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)}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slidenav
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Required for `a` elements
|
||||
* 2. Dimension
|
||||
* 3. Style
|
||||
*/
|
||||
.uk-slidenav {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
box-sizing: border-box;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
/* 3 */
|
||||
line-height: 60px;
|
||||
color: rgba(50, 50, 50, 0.4);
|
||||
font-size: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
* 2. Remove default focus style
|
||||
* 3. Required for `a` elements
|
||||
* 4. Style
|
||||
*/
|
||||
.uk-slidenav:hover,
|
||||
.uk-slidenav:focus {
|
||||
/* 2 */
|
||||
outline: none;
|
||||
/* 3 */
|
||||
text-decoration: none;
|
||||
/* 4 */
|
||||
color: rgba(50, 50, 50, 0.7);
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav:active {
|
||||
color: rgba(50, 50, 50, 0.9);
|
||||
}
|
||||
/*
|
||||
* Icons
|
||||
*/
|
||||
.uk-slidenav-previous:before {
|
||||
content: "\f104";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
.uk-slidenav-next:before {
|
||||
content: "\f105";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
/* Sub-object: `uk-slidenav-position`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Create position context
|
||||
*/
|
||||
.uk-slidenav-position {
|
||||
position: relative;
|
||||
}
|
||||
/*
|
||||
* Center vertically
|
||||
*/
|
||||
.uk-slidenav-position .uk-slidenav {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.uk-slidenav-position:hover .uk-slidenav {
|
||||
display: block;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-previous {
|
||||
left: 20px;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-next {
|
||||
right: 20px;
|
||||
}
|
||||
/* Modifier: `uk-slidenav-contrast`
|
||||
========================================================================== */
|
||||
.uk-slidenav-contrast {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
*/
|
||||
.uk-slidenav-contrast:hover,
|
||||
.uk-slidenav-contrast:focus {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav-contrast:active {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slidenav
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Required for `a` elements
|
||||
* 2. Dimension
|
||||
* 3. Style
|
||||
*/
|
||||
.uk-slidenav {
|
||||
/* 1 */
|
||||
display: inline-block;
|
||||
/* 2 */
|
||||
box-sizing: border-box;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
/* 3 */
|
||||
line-height: 60px;
|
||||
color: rgba(50, 50, 50, 0.4);
|
||||
font-size: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
* 2. Remove default focus style
|
||||
* 3. Required for `a` elements
|
||||
* 4. Style
|
||||
*/
|
||||
.uk-slidenav:hover,
|
||||
.uk-slidenav:focus {
|
||||
/* 2 */
|
||||
outline: none;
|
||||
/* 3 */
|
||||
text-decoration: none;
|
||||
/* 4 */
|
||||
color: rgba(50, 50, 50, 0.7);
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav:active {
|
||||
color: rgba(50, 50, 50, 0.9);
|
||||
}
|
||||
/*
|
||||
* Icons
|
||||
*/
|
||||
.uk-slidenav-previous:before {
|
||||
content: "\f104";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
.uk-slidenav-next:before {
|
||||
content: "\f105";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
/* Sub-object: `uk-slidenav-position`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Create position context
|
||||
*/
|
||||
.uk-slidenav-position {
|
||||
position: relative;
|
||||
}
|
||||
/*
|
||||
* Center vertically
|
||||
*/
|
||||
.uk-slidenav-position .uk-slidenav {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.uk-slidenav-position:hover .uk-slidenav {
|
||||
display: block;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-previous {
|
||||
left: 20px;
|
||||
}
|
||||
.uk-slidenav-position .uk-slidenav-next {
|
||||
right: 20px;
|
||||
}
|
||||
/* Modifier: `uk-slidenav-contrast`
|
||||
========================================================================== */
|
||||
.uk-slidenav-contrast {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/*
|
||||
* Hover
|
||||
* 1. Apply hover style also to focus state
|
||||
*/
|
||||
.uk-slidenav-contrast:hover,
|
||||
.uk-slidenav-contrast:focus {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
/* Active */
|
||||
.uk-slidenav-contrast:active {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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)}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.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)}
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slider
|
||||
========================================================================== */
|
||||
/*
|
||||
* RTL Compatibility
|
||||
*/
|
||||
[data-uk-slider] {
|
||||
direction: ltr;
|
||||
}
|
||||
html[dir="rtl"] .uk-slider > * {
|
||||
direction: rtl;
|
||||
}
|
||||
/*
|
||||
* 1. Create position context
|
||||
* 2. Create stacking context to prevent z-index issues with other components
|
||||
* 3. Deactivate browser history navigation in IE11
|
||||
*/
|
||||
.uk-slider {
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
z-index: 0;
|
||||
/* 3 */
|
||||
touch-action: pan-y;
|
||||
}
|
||||
/*
|
||||
* 1. Reset list style without interfering with grid
|
||||
*/
|
||||
.uk-slider:not(.uk-grid) {
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object item
|
||||
* 1. Position items above each other
|
||||
*/
|
||||
.uk-slider > * {
|
||||
/* 1 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
/*
|
||||
* Clip child elements
|
||||
*/
|
||||
.uk-slider-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
/*
|
||||
* Dragged
|
||||
*/
|
||||
.uk-slider:not(.uk-drag) {
|
||||
-webkit-transition: -webkit-transform 200ms linear;
|
||||
transition: transform 200ms linear;
|
||||
}
|
||||
/*
|
||||
* 1. Makes text unselectable
|
||||
*/
|
||||
.uk-slider.uk-drag {
|
||||
cursor: col-resize;
|
||||
/* 1 */
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged (default browser behavior)
|
||||
* 2. Disables the default callout shown when you touch and hold a touch target
|
||||
* Currently only works in Webkit
|
||||
*/
|
||||
.uk-slider a,
|
||||
.uk-slider img {
|
||||
/* 1 */
|
||||
-webkit-user-drag: none;
|
||||
user-drag: none;
|
||||
/* 2 */
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged in Firefox
|
||||
*/
|
||||
.uk-slider img {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Modifier: `uk-slider-fullscreen`
|
||||
========================================================================== */
|
||||
.uk-slider-fullscreen,
|
||||
.uk-slider-fullscreen > li {
|
||||
height: 100vh;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
[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}
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slider
|
||||
========================================================================== */
|
||||
/*
|
||||
* RTL Compatibility
|
||||
*/
|
||||
[data-uk-slider] {
|
||||
direction: ltr;
|
||||
}
|
||||
html[dir="rtl"] .uk-slider > * {
|
||||
direction: rtl;
|
||||
}
|
||||
/*
|
||||
* 1. Create position context
|
||||
* 2. Create stacking context to prevent z-index issues with other components
|
||||
* 3. Deactivate browser history navigation in IE11
|
||||
*/
|
||||
.uk-slider {
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
z-index: 0;
|
||||
/* 3 */
|
||||
touch-action: pan-y;
|
||||
}
|
||||
/*
|
||||
* 1. Reset list style without interfering with grid
|
||||
*/
|
||||
.uk-slider:not(.uk-grid) {
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object item
|
||||
* 1. Position items above each other
|
||||
*/
|
||||
.uk-slider > * {
|
||||
/* 1 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
/*
|
||||
* Clip child elements
|
||||
*/
|
||||
.uk-slider-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
/*
|
||||
* Dragged
|
||||
*/
|
||||
.uk-slider:not(.uk-drag) {
|
||||
-webkit-transition: -webkit-transform 200ms linear;
|
||||
transition: transform 200ms linear;
|
||||
}
|
||||
/*
|
||||
* 1. Makes text unselectable
|
||||
*/
|
||||
.uk-slider.uk-drag {
|
||||
cursor: col-resize;
|
||||
/* 1 */
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged (default browser behavior)
|
||||
* 2. Disables the default callout shown when you touch and hold a touch target
|
||||
* Currently only works in Webkit
|
||||
*/
|
||||
.uk-slider a,
|
||||
.uk-slider img {
|
||||
/* 1 */
|
||||
-webkit-user-drag: none;
|
||||
user-drag: none;
|
||||
/* 2 */
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged in Firefox
|
||||
*/
|
||||
.uk-slider img {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Modifier: `uk-slider-fullscreen`
|
||||
========================================================================== */
|
||||
.uk-slider-fullscreen,
|
||||
.uk-slider-fullscreen > li {
|
||||
height: 100vh;
|
||||
}
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slider
|
||||
========================================================================== */
|
||||
/*
|
||||
* RTL Compatibility
|
||||
*/
|
||||
[data-uk-slider] {
|
||||
direction: ltr;
|
||||
}
|
||||
html[dir="rtl"] .uk-slider > * {
|
||||
direction: rtl;
|
||||
}
|
||||
/*
|
||||
* 1. Create position context
|
||||
* 2. Create stacking context to prevent z-index issues with other components
|
||||
* 3. Deactivate browser history navigation in IE11
|
||||
*/
|
||||
.uk-slider {
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
z-index: 0;
|
||||
/* 3 */
|
||||
touch-action: pan-y;
|
||||
}
|
||||
/*
|
||||
* 1. Reset list style without interfering with grid
|
||||
*/
|
||||
.uk-slider:not(.uk-grid) {
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/*
|
||||
* Sub-object item
|
||||
* 1. Position items above each other
|
||||
*/
|
||||
.uk-slider > * {
|
||||
/* 1 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
/*
|
||||
* Clip child elements
|
||||
*/
|
||||
.uk-slider-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
/*
|
||||
* Dragged
|
||||
*/
|
||||
.uk-slider:not(.uk-drag) {
|
||||
-webkit-transition: -webkit-transform 200ms linear;
|
||||
transition: transform 200ms linear;
|
||||
}
|
||||
/*
|
||||
* 1. Makes text unselectable
|
||||
*/
|
||||
.uk-slider.uk-drag {
|
||||
cursor: col-resize;
|
||||
/* 1 */
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged (default browser behavior)
|
||||
* 2. Disables the default callout shown when you touch and hold a touch target
|
||||
* Currently only works in Webkit
|
||||
*/
|
||||
.uk-slider a,
|
||||
.uk-slider img {
|
||||
/* 1 */
|
||||
-webkit-user-drag: none;
|
||||
user-drag: none;
|
||||
/* 2 */
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
/*
|
||||
* 1. Prevents images and links from being dragged in Firefox
|
||||
*/
|
||||
.uk-slider img {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Modifier: `uk-slider-fullscreen`
|
||||
========================================================================== */
|
||||
.uk-slider-fullscreen,
|
||||
.uk-slider-fullscreen > li {
|
||||
height: 100vh;
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
[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}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
[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}
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slideshow
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context
|
||||
* 2. Create stacking context to prevent z-index issues with other components
|
||||
* 3. Set width because child elements are positioned absolute. Height is set via JS
|
||||
* 4. Reset list style
|
||||
* 5. Clip child elements
|
||||
* 6. Deactivate browser history navigation in IE11
|
||||
*/
|
||||
.uk-slideshow {
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
z-index: 0;
|
||||
/* 3 */
|
||||
width: 100%;
|
||||
/* 4 */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
/* 5 */
|
||||
overflow: hidden;
|
||||
/* 6 */
|
||||
touch-action: pan-y;
|
||||
}
|
||||
/*
|
||||
* Sub-object item
|
||||
* 1. Position items above each other
|
||||
* 2. Expand to parent container width
|
||||
* 3. Hide by default
|
||||
*/
|
||||
.uk-slideshow > li {
|
||||
/* 1 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
/* 2 */
|
||||
width: 100%;
|
||||
/* 3 */
|
||||
opacity: 0;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Stack at first
|
||||
* 2. Show slide
|
||||
*/
|
||||
.uk-slideshow > .uk-active {
|
||||
/* 1 */
|
||||
z-index: 10;
|
||||
/* 2 */
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* Hide default images which is only relevant to keep existing proportions
|
||||
*/
|
||||
.uk-slideshow > li > img {
|
||||
visibility: hidden;
|
||||
}
|
||||
/*
|
||||
* Pointer for controls
|
||||
*/
|
||||
[data-uk-slideshow-slide] {
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Modifier: `uk-slideshow-fullscreen`
|
||||
========================================================================== */
|
||||
.uk-slideshow-fullscreen,
|
||||
.uk-slideshow-fullscreen > li {
|
||||
height: 100vh;
|
||||
}
|
||||
/* Animations
|
||||
========================================================================== */
|
||||
/*
|
||||
* Fade
|
||||
*/
|
||||
.uk-slideshow-fade-in {
|
||||
-webkit-animation: uk-fade 0.5s linear;
|
||||
animation: uk-fade 0.5s linear;
|
||||
}
|
||||
.uk-slideshow-fade-out {
|
||||
-webkit-animation: uk-fade 0.5s linear reverse;
|
||||
animation: uk-fade 0.5s linear reverse;
|
||||
}
|
||||
/*
|
||||
* Scroll
|
||||
*/
|
||||
.uk-slideshow-scroll-forward-in {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out;
|
||||
animation: uk-slide-right 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-scroll-forward-out {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-scroll-backward-in {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out;
|
||||
animation: uk-slide-left 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-scroll-backward-out {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
}
|
||||
/*
|
||||
* Scale
|
||||
*/
|
||||
.uk-slideshow-scale-out {
|
||||
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
||||
animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
||||
}
|
||||
/*
|
||||
* Swipe
|
||||
*/
|
||||
.uk-slideshow-swipe-forward-in {
|
||||
-webkit-animation: uk-slide-left-33 0.5s ease-in-out;
|
||||
animation: uk-slide-left-33 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-swipe-forward-out {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-swipe-backward-in {
|
||||
-webkit-animation: uk-slide-right-33 0.5s ease-in-out;
|
||||
animation: uk-slide-right-33 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-swipe-backward-out {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-swipe-forward-in:before,
|
||||
.uk-slideshow-swipe-backward-in:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
-webkit-animation: uk-fade 0.5s ease-in-out reverse;
|
||||
animation: uk-fade 0.5s ease-in-out reverse;
|
||||
}
|
||||
2
portal-2/src/assets/uikit-2.27.2/css/components/slideshow.almost-flat.min.css
vendored
Normal file
2
portal-2/src/assets/uikit-2.27.2/css/components/slideshow.almost-flat.min.css
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-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}
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Slideshow
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context
|
||||
* 2. Create stacking context to prevent z-index issues with other components
|
||||
* 3. Set width because child elements are positioned absolute. Height is set via JS
|
||||
* 4. Reset list style
|
||||
* 5. Clip child elements
|
||||
* 6. Deactivate browser history navigation in IE11
|
||||
*/
|
||||
.uk-slideshow {
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
z-index: 0;
|
||||
/* 3 */
|
||||
width: 100%;
|
||||
/* 4 */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
/* 5 */
|
||||
overflow: hidden;
|
||||
/* 6 */
|
||||
touch-action: pan-y;
|
||||
}
|
||||
/*
|
||||
* Sub-object item
|
||||
* 1. Position items above each other
|
||||
* 2. Expand to parent container width
|
||||
* 3. Hide by default
|
||||
*/
|
||||
.uk-slideshow > li {
|
||||
/* 1 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
/* 2 */
|
||||
width: 100%;
|
||||
/* 3 */
|
||||
opacity: 0;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Stack at first
|
||||
* 2. Show slide
|
||||
*/
|
||||
.uk-slideshow > .uk-active {
|
||||
/* 1 */
|
||||
z-index: 10;
|
||||
/* 2 */
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* Hide default images which is only relevant to keep existing proportions
|
||||
*/
|
||||
.uk-slideshow > li > img {
|
||||
visibility: hidden;
|
||||
}
|
||||
/*
|
||||
* Pointer for controls
|
||||
*/
|
||||
[data-uk-slideshow-slide] {
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Modifier: `uk-slideshow-fullscreen`
|
||||
========================================================================== */
|
||||
.uk-slideshow-fullscreen,
|
||||
.uk-slideshow-fullscreen > li {
|
||||
height: 100vh;
|
||||
}
|
||||
/* Animations
|
||||
========================================================================== */
|
||||
/*
|
||||
* Fade
|
||||
*/
|
||||
.uk-slideshow-fade-in {
|
||||
-webkit-animation: uk-fade 0.5s linear;
|
||||
animation: uk-fade 0.5s linear;
|
||||
}
|
||||
.uk-slideshow-fade-out {
|
||||
-webkit-animation: uk-fade 0.5s linear reverse;
|
||||
animation: uk-fade 0.5s linear reverse;
|
||||
}
|
||||
/*
|
||||
* Scroll
|
||||
*/
|
||||
.uk-slideshow-scroll-forward-in {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out;
|
||||
animation: uk-slide-right 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-scroll-forward-out {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-scroll-backward-in {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out;
|
||||
animation: uk-slide-left 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-scroll-backward-out {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
}
|
||||
/*
|
||||
* Scale
|
||||
*/
|
||||
.uk-slideshow-scale-out {
|
||||
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
||||
animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
||||
}
|
||||
/*
|
||||
* Swipe
|
||||
*/
|
||||
.uk-slideshow-swipe-forward-in {
|
||||
-webkit-animation: uk-slide-left-33 0.5s ease-in-out;
|
||||
animation: uk-slide-left-33 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-swipe-forward-out {
|
||||
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-left 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-swipe-backward-in {
|
||||
-webkit-animation: uk-slide-right-33 0.5s ease-in-out;
|
||||
animation: uk-slide-right-33 0.5s ease-in-out;
|
||||
}
|
||||
.uk-slideshow-swipe-backward-out {
|
||||
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
animation: uk-slide-right 0.5s ease-in-out reverse;
|
||||
}
|
||||
.uk-slideshow-swipe-forward-in:before,
|
||||
.uk-slideshow-swipe-backward-in:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
-webkit-animation: uk-fade 0.5s ease-in-out reverse;
|
||||
animation: uk-fade 0.5s ease-in-out reverse;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue