vendor/assets/stylesheets/uikit.almost-flat.css in uikit2-rails-0.1.9 vs vendor/assets/stylesheets/uikit.almost-flat.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,12 +12,12 @@
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: #fff;
+ color: #444;
}
/*
* Removes default margin.
*/
body {
@@ -41,17 +41,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
========================================================================== */
/*
@@ -77,38 +77,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 {
@@ -231,11 +231,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
*/
@@ -314,22 +314,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
@@ -339,28 +339,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
========================================================================== */
/*
@@ -606,22 +606,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) {
/*
@@ -644,11 +644,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
@@ -1317,11 +1317,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;
@@ -1342,19 +1342,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;
}
@@ -1385,31 +1385,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;
}
@@ -1420,12 +1420,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;
@@ -1444,11 +1444,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;
@@ -1523,11 +1523,11 @@
========================================================================== */
/*
* Default
*/
.uk-block-default {
- background: #ffffff;
+ background: #fff;
}
/*
* Muted
*/
.uk-block-muted {
@@ -1541,11 +1541,11 @@
}
/*
* Secondary
*/
.uk-block-secondary {
- background: #222222;
+ background: #222;
}
/*
* Adjust padding between equal colored blocks
*/
.uk-block-default + .uk-block-default,
@@ -1595,42 +1595,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
@@ -1660,11 +1660,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;
@@ -1700,11 +1700,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
========================================================================== */
/*
@@ -1827,148 +1827,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.06);
- text-shadow: 0 -1px 0 #ffffff;
+ text-shadow: 0 -1px 0 #fff;
}
/* Active */
.uk-nav-side > li.uk-active > a {
background: #00a8e6;
- color: #ffffff;
+ 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);
}
/*
* 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: #00a8e6;
- color: #ffffff;
+ color: #fff;
/* 2 */
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-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: #00a8e6;
- color: #ffffff;
+ color: #fff;
/* 2 */
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-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);
}
@@ -1980,28 +1980,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);
@@ -2019,14 +2019,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 {
@@ -2043,11 +2043,11 @@
/* ========================================================================
Component: Navbar
========================================================================== */
.uk-navbar {
background: #f5f5f5;
- color: #444444;
+ color: #444;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
}
/*
* Micro clearfix
@@ -2087,19 +2087,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;
}
@@ -2111,31 +2111,31 @@
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: #fafafa;
- color: #444444;
+ color: #444;
/* 3 */
outline: none;
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-navbar-nav > li > a:active {
- background-color: #eeeeee;
- color: #444444;
+ 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-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.1);
}
/* Sub-objects: `uk-navbar-nav-subtitle`
@@ -2160,11 +2160,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,
@@ -2185,47 +2185,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;
}
/*
@@ -2349,26 +2349,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: "";
@@ -2376,11 +2376,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;
@@ -2392,11 +2392,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.15);
}
@@ -2404,18 +2404,18 @@
* Active
* `li` needed for higher specificity to override hover
*/
.uk-subnav-pill > .uk-active > * {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}
/* Disabled state
========================================================================== */
.uk-subnav > .uk-disabled > * {
background: none;
- color: #999999;
+ color: #999;
text-decoration: none;
cursor: text;
box-shadow: none;
}
/* ========================================================================
@@ -2453,11 +2453,11 @@
}
/*
* Disabled
*/
.uk-breadcrumb > li:not(.uk-active) > span {
- color: #999999;
+ color: #999;
}
/* ========================================================================
Component: Pagination
========================================================================== */
/*
@@ -2523,49 +2523,49 @@
/*
* Links
*/
.uk-pagination > li > a {
background: #f5f5f5;
- color: #444444;
- text-shadow: 0 1px 0 #ffffff;
+ color: #444;
+ 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;
border-color: rgba(0, 0, 0, 0.16);
}
/* OnClick */
.uk-pagination > li > a:active {
- background-color: #eeeeee;
- color: #444444;
+ background-color: #eee;
+ color: #444;
}
/*
* Active
*/
.uk-pagination > .uk-active > span {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
border-color: transparent;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
/*
* Disabled
*/
.uk-pagination > .uk-disabled > span {
background-color: #fafafa;
- color: #999999;
+ color: #999;
border: 1px solid rgba(0, 0, 0, 0.06);
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* Previous and next navigation
========================================================================== */
.uk-pagination-previous {
float: left;
@@ -2586,11 +2586,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,
@@ -2614,14 +2614,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;
}
/*
@@ -2633,11 +2633,11 @@
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
border-color: rgba(0, 0, 0, 0.06);
background: #f5f5f5;
- color: #005599;
+ color: #059;
/* 2 */
outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
@@ -2645,18 +2645,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 {
@@ -2686,15 +2686,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;
@@ -2719,11 +2719,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;
@@ -2742,11 +2742,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`
@@ -2762,11 +2762,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;
@@ -2807,17 +2807,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 {
@@ -2836,11 +2836,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 {
@@ -2931,11 +2931,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;
@@ -2988,28 +2988,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`
@@ -3037,14 +3037,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
========================================================================== */
/*
@@ -3068,11 +3068,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 {
@@ -3092,11 +3092,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 {
@@ -3293,13 +3293,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;
@@ -3322,11 +3322,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,
@@ -3341,34 +3341,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.
@@ -3394,11 +3394,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
@@ -3456,11 +3456,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
@@ -3587,11 +3587,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 {
@@ -3638,11 +3638,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;
@@ -3658,11 +3658,11 @@
/* 11 */
text-decoration: none;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
.uk-button:not(:disabled) {
cursor: pointer;
}
/*
@@ -3672,92 +3672,92 @@
* 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;
border-color: rgba(0, 0, 0, 0.16);
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
- background-color: #eeeeee;
- color: #444444;
+ background-color: #eee;
+ color: #444;
}
/* Color modifiers
========================================================================== */
/*
* Modifier: `uk-button-primary`
*/
.uk-button-primary {
background-color: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #35b3ee;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0091ca;
- color: #ffffff;
+ color: #fff;
}
/*
* Modifier: `uk-button-success`
*/
.uk-button-success {
background-color: #8cc14c;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
background-color: #8ec73b;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: #72ae41;
- color: #ffffff;
+ color: #fff;
}
/*
* Modifier: `uk-button-danger`
*/
.uk-button-danger {
background-color: #da314b;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: #e4354f;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c91032;
- color: #ffffff;
+ color: #fff;
}
/* Disabled state
* 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.06);
box-shadow: none;
- text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #fff;
}
/* Modifier: `uk-button-link`
========================================================================== */
/* Reset */
.uk-button-link,
@@ -3771,21 +3771,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;
}
@@ -3970,17 +3970,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;
@@ -3988,33 +3988,33 @@
width: 35px;
height: 35px;
border-radius: 100%;
background: #f5f5f5;
line-height: 35px;
- color: #444444;
+ color: #444;
font-size: 18px;
text-align: center;
border: 1px solid #e7e7e7;
- text-shadow: 0 1px 0 #ffffff;
+ 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;
border-color: #d3d3d3;
}
/* Active */
.uk-icon-button:active {
- background-color: #eeeeee;
- color: #444444;
+ background-color: #eee;
+ color: #444;
}
/* Icon mapping
========================================================================== */
.uk-icon-glass:before {
content: "\f000";
@@ -5932,19 +5932,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";
@@ -5972,10 +5977,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";
@@ -5993,10 +6001,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+.
@@ -6066,11 +6077,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,
@@ -6093,11 +6104,11 @@
padding: 0 5px;
background: #00a8e6;
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.06);
border-radius: 2px;
@@ -6105,11 +6116,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;
@@ -6146,11 +6157,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 {
@@ -6232,12 +6243,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;
}
/*
* Hover state for `a` elements
* 1. Apply hover style also to focus state
@@ -6245,22 +6256,22 @@
* 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;
}
/* Caption
========================================================================== */
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
- color: #444444;
+ color: #444;
}
/* Sizes
========================================================================== */
.uk-thumbnail-mini {
width: 150px;
@@ -6329,11 +6340,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,
@@ -6406,11 +6417,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,
@@ -6560,11 +6571,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`
========================================================================== */
/*
@@ -6599,11 +6610,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 {
@@ -6631,11 +6642,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);
@@ -7375,18 +7386,22 @@
* 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 #dddddd;
+ border: 1px solid #ddd;
border-radius: 4px;
}
+/* Focus */
+.uk-dropdown:focus {
+ outline: none;
+}
/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
@@ -7454,11 +7469,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) {
@@ -7517,12 +7532,12 @@
}
/* Modifier: `uk-dropdown-navbar`
========================================================================== */
.uk-dropdown-navbar {
margin-top: 6px;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
left: -1px;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
@@ -7609,11 +7624,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;
@@ -7724,19 +7739,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
@@ -7751,11 +7766,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;
}
@@ -7809,17 +7824,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
@@ -7839,11 +7857,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;
@@ -7861,25 +7879,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;
@@ -7936,11 +7982,11 @@
font-weight: bold;
}
/* Color modifiers
========================================================================== */
.uk-text-muted {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
@@ -7951,11 +7997,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;
@@ -8020,10 +8066,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
========================================================================== */
@@ -8332,15 +8389,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,
@@ -8368,11 +8425,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;
}
@@ -8765,98 +8822,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 {
@@ -8867,18 +8924,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 {
@@ -8904,11 +8961,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,
@@ -8924,13 +8981,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 {
@@ -8938,58 +8995,58 @@
}
.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;
}
.uk-contrast .uk-button-primary {
background-color: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
background-color: #35b3ee;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
background-color: #0091ca;
- 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;
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, 0.6) !important;
}
.uk-contrast .uk-text-primary {