vendor/assets/stylesheets/uikit.gradient.css in uikit2-rails-0.1.9 vs vendor/assets/stylesheets/uikit.gradient.css in uikit2-rails-0.1.10
- old
+ new
@@ -1,6 +1,6 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Normalize default `font-family` and set `font-size` to support `rem` units
@@ -12,14 +12,14 @@
font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 2 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 3 */
- background: #ffffff;
- color: #444444;
- background-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff);
- background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff);
+ background: #fff;
+ color: #444;
+ background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
+ background-image: radial-gradient(100% 100% at center, #fff, #fff);
}
/*
* Removes default margin.
*/
body {
@@ -43,17 +43,17 @@
/*
* Style
*/
a,
.uk-link {
- color: #0077dd;
+ color: #07D;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
- color: #005599;
+ color: #059;
text-decoration: underline;
}
/* Text-level semantics
========================================================================== */
/*
@@ -79,38 +79,38 @@
/* 1 */
font-size: 12px;
/* 2 */
font-family: Consolas, monospace, serif;
/* 3 */
- color: #dd0055;
+ color: #D05;
white-space: nowrap;
padding: 0 4px;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
border-radius: 3px;
background: #fafafa;
}
/*
* Emphasize
*/
em {
- color: #dd0055;
+ color: #D05;
}
/*
* Insert
*/
ins {
- background: #ffffaa;
- color: #444444;
+ background: #ffa;
+ color: #444;
text-decoration: none;
}
/*
* Mark
* Note: Addresses styling not present in IE 8/9.
*/
mark {
- background: #ffffaa;
- color: #444444;
+ background: #ffa;
+ color: #444;
}
/*
* Quote
*/
q {
@@ -233,11 +233,11 @@
h5,
h6 {
margin: 0 0 15px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
- color: #444444;
+ color: #444;
text-transform: none;
}
/*
* Margins
*/
@@ -316,22 +316,22 @@
box-sizing: content-box;
height: 0;
/* 2 */
margin: 15px 0;
border: 0;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Address
========================================================================== */
address {
font-style: normal;
}
/* Blockquotes
========================================================================== */
blockquote {
padding-left: 15px;
- border-left: 5px solid #dddddd;
+ border-left: 5px solid #ddd;
font-size: 16px;
line-height: 22px;
font-style: italic;
}
/* Preformatted text
@@ -341,28 +341,28 @@
*/
pre {
padding: 10px;
background: #fafafa;
font: 12px / 18px Consolas, monospace, serif;
- color: #444444;
+ color: #444;
-moz-tab-size: 4;
tab-size: 4;
/* 1 */
overflow: auto;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
border-radius: 3px;
}
/* Selection pseudo-element
========================================================================== */
::-moz-selection {
- background: #3399ff;
- color: #ffffff;
+ background: #39f;
+ color: #fff;
text-shadow: none;
}
::selection {
- background: #3399ff;
- color: #ffffff;
+ background: #39f;
+ color: #fff;
text-shadow: none;
}
/* HTML5 elements
========================================================================== */
/*
@@ -608,22 +608,22 @@
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
/*
@@ -646,11 +646,11 @@
* Vertical divider
*/
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Match panels in grids
========================================================================== */
/*
* 1. Behave like a block element
@@ -1319,11 +1319,11 @@
margin-bottom: 15px;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: none;
- color: #444444;
+ color: #444;
}
/* Sub-object: `uk-panel-badge`
========================================================================== */
.uk-panel-badge {
position: absolute;
@@ -1344,19 +1344,19 @@
/* Modifier: `uk-panel-box`
========================================================================== */
.uk-panel-box {
padding: 15px;
background: #fafafa;
- color: #444444;
- border: 1px solid #dddddd;
+ color: #444;
+ border: 1px solid #ddd;
border-radius: 4px;
}
.uk-panel-box-hover:hover {
- color: #444444;
+ color: #444;
}
.uk-panel-box .uk-panel-title {
- color: #444444;
+ color: #444;
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px;
}
@@ -1387,31 +1387,31 @@
}
/*
* Sub-modifier: `uk-panel-box-secondary`
*/
.uk-panel-box-secondary {
- background-color: #ffffff;
- color: #444444;
+ background-color: #fff;
+ color: #444;
}
.uk-panel-box-secondary-hover:hover {
- color: #444444;
+ color: #444;
}
.uk-panel-box-secondary .uk-panel-title {
- color: #444444;
+ color: #444;
}
/* Modifier: `uk-panel-hover`
========================================================================== */
.uk-panel-hover {
padding: 15px;
- color: #444444;
+ color: #444;
border: 1px solid transparent;
border-radius: 4px;
}
.uk-panel-hover:hover {
background: #fafafa;
- color: #444444;
- border-color: #dddddd;
+ color: #444;
+ border-color: #ddd;
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px;
}
@@ -1422,12 +1422,12 @@
}
/* Modifier: `uk-panel-header`
========================================================================== */
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
- border-bottom: 1px solid #dddddd;
- color: #444444;
+ border-bottom: 1px solid #ddd;
+ color: #444;
}
/* Modifier: `uk-panel-space`
========================================================================== */
.uk-panel-space {
padding: 30px;
@@ -1446,11 +1446,11 @@
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 70px !important;
@@ -1525,11 +1525,11 @@
========================================================================== */
/*
* Default
*/
.uk-block-default {
- background: #ffffff;
+ background: #fff;
}
/*
* Muted
*/
.uk-block-muted {
@@ -1543,11 +1543,11 @@
}
/*
* Secondary
*/
.uk-block-secondary {
- background: #222222;
+ background: #222;
}
/*
* Adjust padding between equal colored blocks
*/
.uk-block-default + .uk-block-default,
@@ -1597,42 +1597,42 @@
/* Sub-object `uk-article-meta`
========================================================================== */
.uk-article-meta {
font-size: 12px;
line-height: 18px;
- color: #999999;
+ color: #999;
}
/* Sub-object `uk-article-lead`
========================================================================== */
.uk-article-lead {
- color: #444444;
+ color: #444;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
/* Sub-object `uk-article-divider`
========================================================================== */
.uk-article-divider {
margin-bottom: 25px;
- border-color: #dddddd;
+ border-color: #ddd;
}
* + .uk-article-divider {
margin-top: 25px;
}
.uk-article + .uk-article {
padding-top: 25px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* ========================================================================
Component: Comment
========================================================================== */
/* Sub-object `uk-comment-header`
========================================================================== */
.uk-comment-header {
margin-bottom: 15px;
padding: 10px;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
border-radius: 4px;
background: #fafafa;
}
/*
* Micro clearfix
@@ -1662,11 +1662,11 @@
========================================================================== */
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
- color: #999999;
+ color: #999;
}
/* Sub-object `uk-comment-body`
========================================================================== */
.uk-comment-body {
padding-left: 10px;
@@ -1702,11 +1702,11 @@
========================================================================== */
.uk-comment-primary .uk-comment-header {
border-color: rgba(45, 112, 145, 0.3);
background-color: #ebf7fd;
color: #2d7091;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* ========================================================================
Component: Cover
========================================================================== */
/*
@@ -1829,148 +1829,148 @@
========================================================================== */
/*
* Items
*/
.uk-nav-side > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
background: rgba(0, 0, 0, 0.03);
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
- text-shadow: 0 -1px 0 #ffffff;
+ text-shadow: 0 -1px 0 #fff;
}
/* Active */
.uk-nav-side > li.uk-active > a {
background: #009dd8;
- color: #ffffff;
+ color: #fff;
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-side .uk-nav-header {
- color: #444444;
+ color: #444;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-side .uk-nav-divider {
- border-top: 1px solid #dddddd;
- box-shadow: 0 1px 0 #ffffff;
+ border-top: 1px solid #ddd;
+ box-shadow: 0 1px 0 #fff;
}
/*
* Nested items
*/
.uk-nav-side ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-side ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-dropdown`
========================================================================== */
/*
* Items
*/
.uk-nav-dropdown > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
background: #009dd8;
- color: #ffffff;
+ color: #fff;
/* 2 */
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-dropdown .uk-nav-header {
- color: #999999;
+ color: #999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-dropdown .uk-nav-divider {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/*
* Nested items
*/
.uk-nav-dropdown ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-dropdown ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-navbar`
========================================================================== */
/*
* Items
*/
.uk-nav-navbar > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background: #009dd8;
- color: #ffffff;
+ color: #fff;
/* 2 */
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-navbar .uk-nav-header {
- color: #999999;
+ color: #999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-navbar .uk-nav-divider {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/*
* Nested items
*/
.uk-nav-navbar ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-navbar ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-offcanvas`
========================================================================== */
/*
* Items
*/
.uk-nav-offcanvas > li > a {
- color: #cccccc;
+ color: #ccc;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@@ -1982,28 +1982,28 @@
*/
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
background: #404040;
- color: #ffffff;
+ color: #fff;
/* 2 */
outline: none;
}
/*
* Active
* `html .uk-nav` needed for higher specificity to override hover
*/
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
- color: #ffffff;
+ color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-offcanvas .uk-nav-header {
- color: #777777;
+ color: #777;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: #404040;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
@@ -2021,14 +2021,14 @@
/*
* Nested items
* No hover on touch devices because it behaves buggy in fixed offcanvas
*/
.uk-nav-offcanvas ul a {
- color: #cccccc;
+ color: #ccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
- color: #ffffff;
+ color: #fff;
}
/*
* Modifier `uk-nav-offcanvas`
*/
.uk-nav-offcanvas {
@@ -2045,17 +2045,17 @@
/* ========================================================================
Component: Navbar
========================================================================== */
.uk-navbar {
background: #f7f7f7;
- color: #444444;
+ color: #444;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.3);
border-radius: 4px;
background-origin: border-box;
- background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
- background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: linear-gradient(to bottom, #fff, #eee);
}
/*
* Micro clearfix
*/
.uk-navbar:before,
@@ -2093,19 +2093,19 @@
/* 1 */
height: 41px;
padding: 0 15px;
line-height: 40px;
/* 2 */
- color: #444444;
+ color: #444;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
cursor: text;
}
@@ -2117,11 +2117,11 @@
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: transparent;
- color: #444444;
+ color: #444;
/* 3 */
outline: none;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, 0.1);
@@ -2130,20 +2130,20 @@
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* OnClick */
.uk-navbar-nav > li > a:active {
background-color: #f5f5f5;
- color: #444444;
+ 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-navbar-nav > li.uk-active > a {
background-color: #fafafa;
- color: #444444;
+ 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);
}
@@ -2169,11 +2169,11 @@
display: block;
height: 41px;
padding: 0 15px;
float: left;
margin-top: -1px;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/*
* Helper to center all child elements vertically
*/
.uk-navbar-content:before,
@@ -2194,47 +2194,47 @@
}
/*
* Link colors
*/
.uk-navbar-content > a:not([class]) {
- color: #0077dd;
+ color: #07D;
}
.uk-navbar-content > a:not([class]):hover {
- color: #005599;
+ color: #059;
}
/* Sub-objects: `uk-navbar-brand`
========================================================================== */
.uk-navbar-brand {
font-size: 18px;
- color: #444444;
+ color: #444;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
- color: #444444;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
}
/* Sub-object: `uk-navbar-toggle`
========================================================================== */
.uk-navbar-toggle {
font-size: 18px;
- color: #444444;
+ color: #444;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
- color: #444444;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
}
/*
@@ -2358,26 +2358,26 @@
}
/* Items
========================================================================== */
.uk-subnav > * > * {
display: inline-block;
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
*/
.uk-subnav > * > :hover,
.uk-subnav > * > :focus {
- color: #0077dd;
+ color: #07D;
text-decoration: none;
}
/*
* Active
*/
.uk-subnav > .uk-active > * {
- color: #0077dd;
+ color: #07D;
}
/* Modifier: 'subnav-line'
========================================================================== */
.uk-subnav-line > :before {
content: "";
@@ -2385,11 +2385,11 @@
height: 10px;
vertical-align: middle;
}
.uk-subnav-line > :nth-child(n+2):before {
margin-right: 10px;
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/* Modifier: 'subnav-pill'
========================================================================== */
.uk-subnav-pill > * > * {
padding: 3px 9px;
@@ -2401,11 +2401,11 @@
* 2. Remove default focus style
*/
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
background: #fafafa;
- color: #444444;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
@@ -2413,18 +2413,18 @@
* Active
* `li` needed for higher specificity to override hover
*/
.uk-subnav-pill > .uk-active > * {
background: #009dd8;
- color: #ffffff;
+ color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* Disabled state
========================================================================== */
.uk-subnav > .uk-disabled > * {
background: none;
- color: #999999;
+ color: #999;
text-decoration: none;
cursor: text;
box-shadow: none;
}
/* ========================================================================
@@ -2462,11 +2462,11 @@
}
/*
* Disabled
*/
.uk-breadcrumb > li:not(.uk-active) > span {
- color: #999999;
+ color: #999;
}
/* ========================================================================
Component: Pagination
========================================================================== */
/*
@@ -2531,46 +2531,46 @@
/*
* Links
*/
.uk-pagination > li > a {
background: #f7f7f7;
- color: #444444;
+ color: #444;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.3);
background-origin: border-box;
- background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
- background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
- text-shadow: 0 1px 0 #ffffff;
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: linear-gradient(to bottom, #fff, #eee);
+ text-shadow: 0 1px 0 #fff;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: #fafafa;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
background-image: none;
}
/* OnClick */
.uk-pagination > li > a:active {
background-color: #f5f5f5;
- color: #444444;
+ 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-pagination > .uk-active > span {
background: #009dd8;
- color: #ffffff;
+ 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);
@@ -2579,13 +2579,13 @@
/*
* Disabled
*/
.uk-pagination > .uk-disabled > span {
background-color: #fafafa;
- color: #999999;
+ color: #999;
border: 1px solid rgba(0, 0, 0, 0.2);
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* Previous and next navigation
========================================================================== */
.uk-pagination-previous {
float: left;
@@ -2606,11 +2606,11 @@
========================================================================== */
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
/*
* Micro clearfix on the deepest container
*/
.uk-tab:before,
@@ -2634,14 +2634,14 @@
.uk-tab > li > a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
- color: #0077dd;
+ color: #07D;
text-decoration: none;
border-radius: 4px 4px 0 0;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
.uk-tab > li:nth-child(n+2) > a {
margin-left: 5px;
}
/*
@@ -2651,13 +2651,13 @@
* 3. Remove default focus style
*/
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
- border-color: #dddddd;
+ border-color: #ddd;
background: #fafafa;
- color: #005599;
+ color: #059;
/* 2 */
outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
@@ -2665,18 +2665,18 @@
margin-bottom: 1px;
padding-bottom: 7px;
}
/* Active */
.uk-tab > li.uk-active > a {
- border-color: #dddddd;
+ border-color: #ddd;
border-bottom-color: transparent;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
/* Disabled */
.uk-tab > li.uk-disabled > a {
- color: #999999;
+ color: #999;
cursor: text;
}
.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
@@ -2706,15 +2706,15 @@
font-family: FontAwesome;
}
/* Modifier: 'tab-center'
========================================================================== */
.uk-tab-center {
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
.uk-tab-center-bottom {
border-bottom: none;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
.uk-tab-center:before,
.uk-tab-center:after {
content: "";
display: table;
@@ -2739,11 +2739,11 @@
text-align: center;
}
/* Modifier: 'tab-bottom'
========================================================================== */
.uk-tab-bottom {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
border-bottom: none;
}
.uk-tab-bottom > li {
margin-top: -1px;
margin-bottom: 0;
@@ -2762,11 +2762,11 @@
padding-bottom: 8px;
padding-top: 7px;
}
.uk-tab-bottom > li.uk-active > a {
border-top-color: transparent;
- border-bottom-color: #dddddd;
+ border-bottom-color: #ddd;
}
/* Modifier: 'tab-grid'
========================================================================== */
/*
* 1. Create position context to prevent hidden border because of negative `z-index`
@@ -2782,11 +2782,11 @@
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
/* 1 */
z-index: -1;
}
.uk-tab-grid > li:first-child > a {
margin-left: 5px;
@@ -2827,17 +2827,17 @@
margin-left: 0;
margin-top: 5px;
}
.uk-tab-left > li.uk-active > a,
.uk-tab-right > li.uk-active > a {
- border-color: #dddddd;
+ border-color: #ddd;
}
/*
* Modifier: 'tab-left'
*/
.uk-tab-left {
- border-right: 1px solid #dddddd;
+ border-right: 1px solid #ddd;
}
.uk-tab-left > li {
margin-right: -1px;
}
.uk-tab-left > li > a {
@@ -2856,11 +2856,11 @@
}
/*
* Modifier: 'tab-right'
*/
.uk-tab-right {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
.uk-tab-right > li {
margin-left: -1px;
}
.uk-tab-right > li > a {
@@ -2951,11 +2951,11 @@
}
/* Items
========================================================================== */
.uk-thumbnav > * > * {
display: block;
- background: #ffffff;
+ background: #fff;
}
.uk-thumbnav > * > * > img {
opacity: 0.7;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
@@ -3008,28 +3008,28 @@
/* Modifier: `uk-list-line`
========================================================================== */
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Modifier: `uk-list-striped`
========================================================================== */
.uk-list-striped > li {
padding: 5px 5px;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
.uk-list-striped > li:nth-of-type(odd) {
background: #fafafa;
}
/* Modifier: `uk-list-space`
========================================================================== */
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px;
}
.uk-list-striped > li:first-child {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* ========================================================================
Component: Description list
========================================================================== */
/* Modifier: `uk-description-list-horizontal`
@@ -3057,14 +3057,14 @@
font-weight: normal;
}
.uk-description-list-line > dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
.uk-description-list-line > dd {
- color: #999999;
+ color: #999;
}
/* ========================================================================
Component: Table
========================================================================== */
/*
@@ -3088,11 +3088,11 @@
margin-top: 15px;
}
.uk-table th,
.uk-table td {
padding: 8px 8px;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
/*
* Set alignment
*/
.uk-table th {
@@ -3112,11 +3112,11 @@
font-size: 12px;
font-style: italic;
}
.uk-table caption {
text-align: left;
- color: #999999;
+ color: #999;
}
/*
* Active State
*/
.uk-table tbody tr.uk-active {
@@ -3313,13 +3313,13 @@
/* 2 */
max-width: 100%;
/* 3 */
padding: 4px 6px;
/* 4 */
- border: 1px solid #dddddd;
- background: #ffffff;
- color: #444444;
+ border: 1px solid #ddd;
+ background: #fff;
+ color: #444;
-webkit-transition: all 0.2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all 0.2s linear;
transition-property: border, background, color, box-shadow, padding;
border-radius: 4px;
@@ -3342,11 +3342,11 @@
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
border-color: #99baca;
outline: 0;
background: #f5fbfe;
- color: #444444;
+ color: #444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
@@ -3361,34 +3361,34 @@
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
- border-color: #dddddd;
+ border-color: #ddd;
background-color: #fafafa;
- color: #999999;
+ color: #999;
}
/*
* Placeholder
*/
.uk-form :-ms-input-placeholder {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-form ::-moz-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form ::-webkit-input-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form :disabled:-ms-input-placeholder {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-form :disabled::-moz-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form :disabled::-webkit-input-placeholder {
- color: #999999;
+ color: #999;
}
/*
* Legend
* 1. Behave like block element
* 2. Correct `color` not being inherited in IE 8/9/10/11.
@@ -3414,11 +3414,11 @@
* 1. Fixes IE9
*/
.uk-form legend:after {
content: "";
display: block;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
/* 1 */
width: 100%;
}
/* Size modifiers
* Higher specificity needed to override defaults
@@ -3476,11 +3476,11 @@
border-color: transparent !important;
border-style: dashed !important;
background: none !important;
}
.uk-form-blank:focus {
- border-color: #dddddd !important;
+ border-color: #ddd !important;
}
/* Size sub-modifiers
========================================================================== */
/*
* Fixed widths
@@ -3607,11 +3607,11 @@
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
- color: #999999;
+ color: #999;
text-align: center;
/* 1 */
pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
@@ -3658,11 +3658,11 @@
border: none;
/* 4 */
overflow: visible;
/* 5 */
font: inherit;
- color: #444444;
+ color: #444;
/* 6 */
text-transform: none;
/* 7 */
display: inline-block;
box-sizing: border-box;
@@ -3679,14 +3679,14 @@
text-decoration: none;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.3);
background-origin: border-box;
- background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
- background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: linear-gradient(to bottom, #fff, #eee);
border-radius: 4px;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
.uk-button:not(:disabled) {
cursor: pointer;
}
/*
@@ -3696,22 +3696,22 @@
* 3. Required for `a` elements
*/
.uk-button:hover,
.uk-button:focus {
background-color: #fafafa;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
/* 3 */
text-decoration: none;
background-image: none;
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
background-color: #f5f5f5;
- color: #444444;
+ 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);
}
@@ -3720,87 +3720,87 @@
/*
* Modifier: `uk-button-primary`
*/
.uk-button-primary {
background-color: #009dd8;
- color: #ffffff;
+ color: #fff;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #00aff2;
- color: #ffffff;
+ color: #fff;
background-image: none;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #008abf;
- color: #ffffff;
+ color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, 0.2);
border-top-color: rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/*
* Modifier: `uk-button-success`
*/
.uk-button-success {
background-color: #82bb42;
- color: #ffffff;
+ color: #fff;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
background-color: #8fce48;
- color: #ffffff;
+ color: #fff;
background-image: none;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: #76b430;
- color: #ffffff;
+ color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, 0.2);
border-top-color: rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
/*
* Modifier: `uk-button-danger`
*/
.uk-button-danger {
background-color: #d32c46;
- color: #ffffff;
+ color: #fff;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: #e33551;
- color: #ffffff;
+ color: #fff;
background-image: none;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c91c37;
- color: #ffffff;
+ color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, 0.2);
border-top-color: rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
@@ -3808,15 +3808,15 @@
* Overrides also the color modifiers
========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
background-color: #fafafa;
- color: #999999;
+ color: #999;
border-color: rgba(0, 0, 0, 0.2);
background-image: none;
box-shadow: none;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* Modifier: `uk-button-link`
========================================================================== */
/* Reset */
.uk-button-link,
@@ -3830,21 +3830,21 @@
box-shadow: none;
text-shadow: none;
}
/* Color */
.uk-button-link {
- color: #0077dd;
+ color: #07D;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
- color: #005599;
+ color: #059;
text-decoration: underline;
}
.uk-button-link:disabled {
- color: #999999;
+ color: #999;
}
/* Focus */
.uk-button-link:focus {
outline: 1px dotted;
}
@@ -4009,17 +4009,17 @@
animation: uk-rotate 2s infinite linear;
}
/* Modifier: `uk-icon-hover`
========================================================================== */
.uk-icon-hover {
- color: #999999;
+ color: #999;
}
/*
* Hover
*/
.uk-icon-hover:hover {
- color: #444444;
+ color: #444;
}
/* Modifier: `uk-icon-button`
========================================================================== */
.uk-icon-button {
box-sizing: border-box;
@@ -4027,39 +4027,39 @@
width: 35px;
height: 35px;
border-radius: 100%;
background: #f7f7f7;
line-height: 35px;
- color: #444444;
+ color: #444;
font-size: 18px;
text-align: center;
- border: 1px solid #cccccc;
- border-bottom-color: #bbbbbb;
+ border: 1px solid #ccc;
+ border-bottom-color: #bbb;
background-origin: border-box;
- background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
- background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
- text-shadow: 0 1px 0 #ffffff;
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: linear-gradient(to bottom, #fff, #eee);
+ text-shadow: 0 1px 0 #fff;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #fafafa;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
background-image: none;
}
/* Active */
.uk-icon-button:active {
background-color: #f5f5f5;
- color: #444444;
- border-color: #cccccc;
- border-top-color: #bbbbbb;
+ color: #444;
+ border-color: #ccc;
+ border-top-color: #bbb;
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Icon mapping
========================================================================== */
@@ -5979,19 +5979,24 @@
content: "\f29d";
}
.uk-icon-braille:before {
content: "\f2a1";
}
-.uk-icon-deaf:before {
- content: "\f2a4";
-}
+.uk-icon-deaf:before,
.uk-icon-deafness:before {
content: "\f2a4";
}
.uk-icon-envira:before {
content: "\f299";
}
+.uk-icon-font-awesome:before,
+.uk-icon-fa:before {
+ content: "\f2b4";
+}
+.uk-icon-first-order:before {
+ content: "\f2b0";
+}
.uk-icon-gitlab:before {
content: "\f296";
}
.uk-icon-glide:before {
content: "\f2a5";
@@ -6019,10 +6024,13 @@
content: "\f2ac";
}
.uk-icon-snapchat-square:before {
content: "\f2ad";
}
+.uk-icon-themeisle:before {
+ content: "\f2b2";
+}
.uk-icon-universal-access:before {
content: "\f29a";
}
.uk-icon-viadeo:before {
content: "\f2a9";
@@ -6040,10 +6048,13 @@
content: "\f297";
}
.uk-icon-wpforms:before {
content: "\f298";
}
+.uk-icon-yoast:before {
+ content: "\f2b1";
+}
/* ========================================================================
Component: Close
========================================================================== */
/*
* Removes inner padding and border in Firefox 4+.
@@ -6113,11 +6124,11 @@
/* Modifier
========================================================================== */
.uk-close-alt {
padding: 2px;
border-radius: 50%;
- background: #ffffff;
+ background: #fff;
opacity: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Hover */
.uk-close-alt:hover,
@@ -6140,11 +6151,11 @@
padding: 0 5px;
background: #009dd8;
font-size: 10px;
font-weight: bold;
line-height: 14px;
- color: #ffffff;
+ color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.3);
@@ -6156,11 +6167,11 @@
}
/*
* Keep color when badge is a link
*/
a.uk-badge:hover {
- color: #ffffff;
+ color: #fff;
}
/* Modifier: `uk-badge-notification`;
========================================================================== */
.uk-badge-notification {
box-sizing: border-box;
@@ -6203,11 +6214,11 @@
padding: 10px;
background: #ebf7fd;
color: #2d7091;
border: 1px solid rgba(45, 112, 145, 0.3);
border-radius: 4px;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/*
* Add margin if adjacent element
*/
* + .uk-alert {
@@ -6289,12 +6300,12 @@
box-sizing: border-box;
/* 3 */
margin: 0;
/* 4 */
padding: 4px;
- border: 1px solid #dddddd;
- background: #ffffff;
+ border: 1px solid #ddd;
+ background: #fff;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
/*
* Hover state for `a` elements
@@ -6303,11 +6314,11 @@
* 3. Remove default focus style
*/
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: #aaaaaa;
- background-color: #ffffff;
+ background-color: #fff;
/* 2 */
text-decoration: none;
/* 3 */
outline: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
@@ -6315,11 +6326,11 @@
/* Caption
========================================================================== */
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
- color: #444444;
+ color: #444;
}
/* Sizes
========================================================================== */
.uk-thumbnail-mini {
width: 150px;
@@ -6388,11 +6399,11 @@
bottom: 0;
left: 0;
right: 0;
/* 2 */
padding: 20px;
- color: #ffffff;
+ color: #fff;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-panel > :last-child,
@@ -6465,11 +6476,11 @@
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
- color: #ffffff;
+ color: #fff;
}
/* Transitions
========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
@@ -6619,11 +6630,11 @@
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
- color: #ffffff;
+ color: #fff;
}
/* DEPRECATED
* Sub-object `uk-overlay-area-content`
========================================================================== */
/*
@@ -6658,11 +6669,11 @@
font-size: 1rem;
/* 3 */
text-align: center;
/* 4 */
padding: 0 15px;
- color: #ffffff;
+ color: #fff;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-area-content > :last-child {
@@ -6690,11 +6701,11 @@
left: 0;
right: 0;
/* 2 */
padding: 15px;
background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
+ color: #fff;
/* 3 */
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
@@ -7434,19 +7445,23 @@
* Dropdown style
* 1. Reset button group whitespace hack
*/
.uk-dropdown {
padding: 15px;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
/* 1 */
font-size: 1rem;
vertical-align: top;
border: 1px solid #cbcbcb;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
+/* Focus */
+.uk-dropdown:focus {
+ outline: none;
+}
/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
@@ -7514,11 +7529,11 @@
}
/*
* Column divider
*/
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/*
* Width multiplier for dropdown columns
*/
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
@@ -7577,12 +7592,12 @@
}
/* Modifier: `uk-dropdown-navbar`
========================================================================== */
.uk-dropdown-navbar {
margin-top: 6px;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
left: -1px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
@@ -7670,11 +7685,11 @@
padding: 20px;
width: 600px;
max-width: 100%;
max-width: calc(100% - 20px);
/* 3 */
- background: #ffffff;
+ background: #fff;
/* 4 */
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
@@ -7785,19 +7800,19 @@
========================================================================== */
.uk-modal-header {
margin-bottom: 15px;
margin: -20px -20px 15px -20px;
padding: 20px;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #fafafa;
}
.uk-modal-footer {
margin-top: 15px;
margin: 15px -20px -20px -20px;
padding: 20px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
border-radius: 0 0 4px 4px;
background: #fafafa;
}
/*
* Remove margin from the last-child
@@ -7812,11 +7827,11 @@
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
- color: #ffffff;
+ color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -7870,17 +7885,20 @@
========================================================================== */
/*
* Prepares the whole HTML page to slide-out
* 1. Fix the main page and disallow scrolling
* 2. Side-out transition
+ * 3. Needed for the transition to work instead of just letting it pop to the side
*/
.uk-offcanvas-page {
/* 1 */
position: fixed;
/* 2 */
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
+ /* 3 */
+ margin-left: 0;
}
/* Sub-object `uk-offcanvas-bar`
========================================================================== */
/*
* This is the offcanvas bar
@@ -7900,11 +7918,11 @@
transform: translateX(-100%);
z-index: 1001;
/* 2 */
width: 270px;
max-width: 100%;
- background: #333333;
+ background: #333;
/* 3 */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
/* 4 */
-webkit-transition: -webkit-transform 0.3s ease-in-out;
@@ -7922,25 +7940,53 @@
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
+/* Offcanvase modes
+ ========================================================================== */
+.uk-offcanvas-bar[mode='none'] {
+ -webkit-transition: none;
+ transition: none;
+}
+.uk-offcanvas-bar[mode='reveal'] {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ clip: rect(0, 0, 100vh, 0);
+ -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+}
+.uk-offcanvas-bar-flip[mode='reveal'] {
+ clip: none;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.uk-offcanvas-bar-flip[mode='reveal'] > * {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+}
+.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+}
/* Panel in offcanvas
========================================================================== */
.uk-offcanvas .uk-panel {
margin: 20px 15px;
- color: #777777;
+ color: #777;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.uk-offcanvas .uk-panel-title {
- color: #cccccc;
+ color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
- color: #cccccc;
+ color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
- color: #ffffff;
+ color: #fff;
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
@@ -7997,11 +8043,11 @@
font-weight: bold;
}
/* Color modifiers
========================================================================== */
.uk-text-muted {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
@@ -8012,11 +8058,11 @@
}
.uk-text-danger {
color: #d85030 !important;
}
.uk-text-contrast {
- color: #ffffff !important;
+ color: #fff !important;
}
/* Alignment modifiers
========================================================================== */
.uk-text-left {
text-align: left !important;
@@ -8081,10 +8127,21 @@
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
+/* Transform modifiers
+ ========================================================================== */
+.uk-text-capitalize {
+ text-transform: capitalize !important;
+}
+.uk-text-lowercase {
+ text-transform: lowercase !important;
+}
+.uk-text-uppercase {
+ text-transform: uppercase !important;
+}
/* ========================================================================
Component: Utility
========================================================================== */
/* Container
========================================================================== */
@@ -8393,15 +8450,15 @@
/*
* Let links appear in default text color
*/
.uk-link-muted,
.uk-link-muted a {
- color: #444444;
+ color: #444;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
- color: #444444;
+ color: #444;
}
/*
* Reset link style
*/
.uk-link-reset,
@@ -8429,11 +8486,11 @@
*/
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
border-radius: 3px;
}
@@ -8826,98 +8883,98 @@
}
/* ========================================================================
Component: Contrast
========================================================================== */
.uk-contrast {
- color: #ffffff;
+ color: #fff;
/* Active */
}
.uk-contrast a:not([class]),
.uk-contrast .uk-link {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: underline;
}
.uk-contrast :not(pre) > code,
.uk-contrast :not(pre) > kbd,
.uk-contrast :not(pre) > samp {
- color: #ffffff;
+ color: #fff;
border-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.1);
}
.uk-contrast em {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav li > a,
.uk-contrast .uk-nav li > a:hover {
text-decoration: none;
}
.uk-contrast .uk-nav-side > li > a {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-nav-side > li > a:hover,
.uk-contrast .uk-nav-side > li > a:focus {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
+ color: #fff;
text-shadow: none;
}
.uk-contrast .uk-nav-side > li.uk-active > a {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
text-shadow: none;
}
.uk-contrast .uk-nav-side .uk-nav-header {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-nav-side ul a:hover {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-subnav > * > a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast .uk-subnav > * > a:hover,
.uk-contrast .uk-subnav > * > a:focus {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
}
.uk-contrast .uk-subnav > .uk-active > a {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-subnav-pill > * > a:hover,
.uk-contrast .uk-subnav-pill > * > a:focus {
background: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
text-decoration: none;
}
.uk-contrast .uk-subnav-pill > .uk-active > a {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab > li > a {
@@ -8928,18 +8985,18 @@
.uk-contrast .uk-tab > li > a:hover,
.uk-contrast .uk-tab > li > a:focus,
.uk-contrast .uk-tab > li.uk-open > a {
border-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
text-decoration: none;
}
.uk-contrast .uk-tab > li.uk-active > a {
border-color: rgba(255, 255, 255, 0.2);
border-bottom-color: transparent;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab-grid:before {
@@ -8965,11 +9022,11 @@
.uk-contrast .uk-form input[type="search"],
.uk-contrast .uk-form input[type="tel"],
.uk-contrast .uk-form input[type="color"] {
border-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
background-clip: padding-box;
}
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus,
.uk-contrast .uk-form input:not([type]):focus,
@@ -8985,13 +9042,13 @@
.uk-contrast .uk-form input[type="email"]:focus,
.uk-contrast .uk-form input[type="url"]:focus,
.uk-contrast .uk-form input[type="search"]:focus,
.uk-contrast .uk-form input[type="tel"]:focus,
.uk-contrast .uk-form input[type="color"]:focus {
- border-color: #ffffff;
- background: #ffffff;
- color: #444444;
+ border-color: #fff;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-form :-ms-input-placeholder {
color: rgba(68, 68, 68, 0.7) !important;
}
.uk-contrast .uk-form ::-moz-placeholder {
@@ -8999,59 +9056,59 @@
}
.uk-contrast .uk-form ::-webkit-input-placeholder {
color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-button {
- color: #444444;
- background: #ffffff;
+ color: #444;
+ background: #fff;
border-color: transparent;
}
.uk-contrast .uk-button:hover,
.uk-contrast .uk-button:focus {
background-color: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
border-color: transparent;
}
.uk-contrast .uk-button:active,
.uk-contrast .uk-button.uk-active {
background-color: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
box-shadow: none;
}
.uk-contrast .uk-button-primary {
background-color: #009dd8;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
background-color: #00aff2;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
background-color: #008abf;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-icon-hover:hover {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-icon-button {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
border-color: transparent;
}
.uk-contrast .uk-icon-button:hover,
.uk-contrast .uk-icon-button:focus {
background-color: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
border-color: transparent;
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
box-shadow: none;
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, 0.6) !important;
}