Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time over which you have any control: now. Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it.
Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time over which you have any control: now. Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it. Do it now, not tomorrow. Always continue the climb. It is possible for you to do whatever you choose, if you first get to know who you are and are willing to work with a power that is greater than ourselves to do it. We are taught you must blame your father, your sisters, your brothers, the school, the teachers - but never blame yourself
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium investigationes demonstraverunt.
Britney SimpsonRecover Manager
Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time over which you have any control: now. Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it. Do it now, not tomorrow. Always continue the climb. It is possible for you to do whatever you choose, if you first get to know who you are and are willing to work with a power that is greater than ourselves to do it. We are taught you must blame your father, your sisters, your brothers, the school, the teachers - but never blame yourself
You have made some really good points there. I checked on the internet for additional information about the issue and found most individuals will go along with
your views on this site.
Nice post. I was checking constantly this blog and I'm impressed!
Very helpful information particularly the last part :)
I care for such information a lot. I was looking for this particular info
for a long time. Thank you and good luck.
Thanks for one's marvelous posting! I quite enjoyed reading it, you might be a
great author.I will remember to bookmark your blog and will come
back in the foreseeable future. I want to encourage
continue your great work, have a nice evening!
Hi there, I think your web site could be having web browser compatibility problems.
When I look at your site in Safari, it looks fine however, when opening in Internet Explorer,
it's got some overlapping issues. I merely wanted to provide you with
a quick heads up! Aside from that, excellent website!
Do you mind if I quote a few of your posts as long as I provide credit and sources back to your site?
My website is in the exact same area of interest as yours and my
visitors would definitely benefit from a lot of the information you provide
here. Please let me know if this alright with you. Thanks! https://casedamoa.co.kr/bbs/board.php?bo_table=free&wr_id=2009
\/*
* Emulates image cover, works with video and image elements
* 1. Parent container which clips resized object
* 2. Resizes the object to always covers its container
* 3. Reset the responsive image CSS
* 4. Center object
*\/
\/*
* Hover
* No hover on touch devices because it behaves buggy in fixed offcanvas
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
\/*
* 1. Space is allocated solely based on content
dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be
applied
* 3. Create position context for dropdowns
*\/
\/* ========================================================================
Component: Form
========================================================================== *\/
\/*
* 1. Define consistent box sizing.
* Default is `content-box` with following exceptions set to `border-box`
* `button`, `select`, `input[type=\"checkbox\"]` and `input[type=\"radio\"]`
* `input[type=\"search\"]` in Chrome, Safari
and Opera
* `input[type=\"color\"]` in Firefox
* 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.
* 3. Remove `border-radius` in iOS.
* 4. Correct `font` properties and `color`
not being inherited.
*\/
\/*
* Fix the cursor style for Chrome's increment\/decrement buttons.
For certain
* `font-size` values of the `input`, it causes
the cursor style of the
* decrement button to change from `default` to `text`.
\/*
* Controls
* Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
* 1. Must be `height` because `min-height` is not working in OSX
* 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
* 3. Vertical `padding` needed for `select` elements in Firefox
* 4. Style
*\/
You really make it appear really easy along with your presentation however I
find this matter to be really something that I believe I'd by no means understand.
It sort of feels too complicated and extremely huge for me.
I'm taking a look ahead to your next submit, I will try to get the grasp of it!
Recover Manager
slot demo
You have made some really good points there. I checked on the internet for additional information about the issue and found most individuals will go along with
24 Mai 2024 Comment Linkyour views on this site.
warung makan
Nice post. I was checking constantly this blog and I'm impressed!
24 Mai 2024 Comment LinkVery helpful information particularly the last part :)
I care for such information a lot. I was looking for this particular info
for a long time. Thank you and good luck.
define customer relation
WOW just what I was looking for. Came here by searching for construction
24 Mai 2024 Comment Linkcabemanis88
Thanks for one's marvelous posting! I quite enjoyed reading it, you might be a
24 Mai 2024 Comment Linkgreat author.I will remember to bookmark your blog and will come
back in the foreseeable future. I want to encourage
continue your great work, have a nice evening!
what is a crm platform
Hi there, I think your web site could be having web browser compatibility problems.
24 Mai 2024 Comment LinkWhen I look at your site in Safari, it looks fine however, when opening in Internet Explorer,
it's got some overlapping issues. I merely wanted to provide you with
a quick heads up! Aside from that, excellent website!
Laminectomy laser surgery long island
hello!,I like your writing very much! share we keep in touch extra about your post on AOL?
24 Mai 2024 Comment LinkI require an expert on this area to resolve my problem.
May be that is you! Taking a look ahead to peer you.
https://casedamoa.co.kr/bbs/board.php?bo_table=freewr_id=2009
Do you mind if I quote a few of your posts as long as I provide credit and sources back to your site?
24 Mai 2024 Comment LinkMy website is in the exact same area of interest as yours and my
visitors would definitely benefit from a lot of the information you provide
here. Please let me know if this alright with you. Thanks! https://casedamoa.co.kr/bbs/board.php?bo_table=free&wr_id=2009
Spine surgery disc replacement
This is my first time pay a quick visit at here and i am truly
24 Mai 2024 Comment Linkhappy to read everthing at alone place.
Pain Management Long Island
Thanks for finally writing about >
24 Mai 2024 Comment Link\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@article-margin-top: 25px;
@article-title-font-size: 36px;
@article-title-line-height: 42px;
@article-title-font-weight: normal;
@article-title-text-transform: none;
@article-meta-font-size: 12px;
@article-meta-line-height: 18px;
@article-meta-color: #999;
@article-lead-color: #444;
@article-lead-font-size: 18px;
@article-lead-line-height: 24px;
@article-lead-font-weight: normal;
@article-divider-margin: 25px;
@article-divider-border: #ddd;
\/* ========================================================================
Component: Article
========================================================================== *\/
\/*
* Micro clearfix to make articles more robust
*\/
.uk-article:before,
.uk-article:after
content: \"\";
display: table;
.uk-article:after clear: both;
\/*
* Remove margin from the last-child
*\/
.uk-article >:last-child margin-bottom: 0;
\/*
* Vertical gutter for articles
*\/
.uk-article + .uk-article margin-top: @article-margin-top;
\/* Sub-object `uk-article-title`
========================================================================== *\/
.uk-article-title
font-size: @article-title-font-size;
line-height: @article-title-line-height;
font-weight: @article-title-font-weight;
text-transform: @article-title-text-transform;
.hook-article-title;
.uk-article-title a
color: inherit;
text-decoration: none;
\/* Sub-object `uk-article-meta`
========================================================================== *\/
.uk-article-meta
font-size: @article-meta-font-size;
line-height: @article-meta-line-height;
color: @article-meta-color;
.hook-article-meta;
\/* Sub-object `uk-article-lead`
========================================================================== *\/
.uk-article-lead
color: @article-lead-color;
font-size: @article-lead-font-size;
line-height: @article-lead-line-height;
font-weight: @article-lead-font-weight;
.hook-article-lead;
\/* Sub-object `uk-article-divider`
========================================================================== *\/
.uk-article-divider
margin-bottom: @article-divider-margin;
border-color: @article-divider-border;
.hook-article-divider;
* + .uk-article-divider margin-top: @article-divider-margin;
\/\/ Hooks
\/\/ ========================================================================
.hook-article-misc;
.hook-article-title() {}
.hook-article-meta() {}
.hook-article-lead() {}
.hook-article-divider() {}
.hook-article-misc() {}
\/\/ Name: Comment
\/\/ Description: Defines styles for comment threads
\/\/
\/\/ Component: `uk-comment`
\/\/
\/\/ Sub-objects: `uk-comment-header`
\/\/ `uk-comment-avatar`
\/\/ `uk-comment-title`
\/\/ `uk-comment-meta`
\/\/ `uk-comment-body`
\/\/ `uk-comment-list`
\/\/ `uk-comment-primary`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@comment-header-margin-bottom: 15px;
@comment-avatar-margin-right: 15px;
@comment-title-margin-top: 5px;
@comment-title-font-size: 16px;
@comment-title-line-height: 22px;
@comment-meta-margin-top: 2px;
@comment-meta-color: #999;
@comment-meta-font-size: 11px;
@comment-meta-line-height: 16px;
@comment-list-margin-top: 15px;
@comment-list-padding-left: 100px;
\/* ========================================================================
Component: Comment
========================================================================== *\/
.uk-comment
.hook-comment;
\/* Sub-object `uk-comment-header`
==========================================================================
*\/
.uk-comment-header
margin-bottom: @comment-header-margin-bottom;
.hook-comment-header;
\/*
* Micro clearfix
*\/
.uk-comment-header:before,
.uk-comment-header:after
content: \"\";
display: table;
.uk-comment-header:after clear: both;
\/* Sub-object `uk-comment-avatar`
========================================================================== *\/
.uk-comment-avatar
margin-right: @comment-avatar-margin-right;
float: left;
.hook-comment-avatar;
\/* Sub-object `uk-comment-title`
========================================================================== *\/
.uk-comment-title
margin: @comment-title-margin-top 0 0 0;
font-size: @comment-title-font-size;
line-height: @comment-title-line-height;
.hook-comment-title;
\/* Sub-object `uk-comment-meta`
========================================================================== *\/
.uk-comment-meta
margin: @comment-meta-margin-top 0 0 0;
font-size: @comment-meta-font-size;
line-height: @comment-meta-line-height;
color: @comment-meta-color;
.hook-comment-meta;
\/* Sub-object `uk-comment-body`
==========================================================================
*\/
.uk-comment-body
.hook-comment-body;
\/*
* Remove margin from the last-child
*\/
.uk-comment-body >:last-child margin-bottom: 0;
\/* Sub-object `uk-comment-list`
========================================================================== *\/
.uk-comment-list
padding: 0;
list-style: none;
.uk-comment-list .uk-comment + ul
margin: @comment-list-margin-top 0 0 0;
list-style: none;
.uk-comment-list >li:nth-child(n+2),
.uk-comment-list .uk-comment + ul >li:nth-child(n+2) margin-top: @comment-list-margin-top;
\/* Tablet and bigger *\/
@media (min-width: @breakpoint-medium)
.uk-comment-list .uk-comment + ul padding-left: @comment-list-padding-left;
\/* Modifier `uk-comment-primary`
========================================================================== *\/
.uk-comment-primary
.hook-comment-primary;
\/\/ Hooks
\/\/ ========================================================================
.hook-comment-misc;
.hook-comment() {}
.hook-comment-header() {}
.hook-comment-avatar() {}
.hook-comment-title() {}
.hook-comment-meta() {}
.hook-comment-body() {}
.hook-comment-primary() {}
.hook-comment-misc() {}
\/\/ Name: Cover
\/\/ Description: Defines styles for images
and videos to cover their container in a centered position
\/\/
\/\/ Component: `uk-cover-*`
\/\/
\/\/ Used by: Slideshow
\/\/
\/\/ ========================================================================
\/* ========================================================================
Component: Cover
========================================================================== *\/
\/*
* Background image always covers and centers its element
*\/
.uk-cover-background
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
\/*
* Emulates image cover, works with video and image elements
* 1. Parent container which clips resized object
* 2. Resizes the object to always covers its container
* 3. Reset the responsive image CSS
* 4. Center object
*\/
\/* 1 *\/
.uk-cover overflow: hidden;
.uk-cover-object
\/* 2 *\/
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
\/* 3 *\/
max-width: none;
\/* 4 *\/
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
\/*
* To center iframes use `data-uk-cover` JavaScript
*\/
[data-uk-cover]
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
\/\/ Hooks
\/\/ ========================================================================
.hook-cover-misc;
.hook-cover-misc() {}
\/\/ Navs
\/\/ Name: Nav
\/\/ Description: Defines styles for list navigations
\/\/
\/\/ Component: `uk-nav`
\/\/
\/\/ Sub-objects: `uk-nav-header`
\/\/ `uk-nav-divider`
\/\/ `uk-nav-sub`
\/\/
\/\/ Modifiers: `uk-nav-parent-icon`
\/\/ `uk-nav-side`
\/\/ `uk-nav-dropdown`
\/\/ `uk-nav-navbar`
\/\/ `uk-nav-offcanvas`
\/\/
\/\/ States: `uk-active`
\/\/ `uk-parent`
\/\/ `uk-open`
\/\/ `uk-touch`
\/\/
\/\/ Uses: Icon: FontAwesome
\/\/
\/\/ Used by: Panel
\/\/ Dropdown
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@nav-padding-vertical: 5px;
@nav-padding-horizontal: 15px;
@nav-header-padding-vertical: @nav-padding-vertical;
@nav-header-padding-horizontal: @nav-padding-horizontal;
@nav-header-font-size: 12px;
@nav-header-font-weight: bold;
@nav-header-text-transform: uppercase;
@nav-header-margin-top: 15px;
@nav-divider-margin-vertical: 9px;
@nav-divider-margin-horizontal: @nav-padding-horizontal;
@nav-subtitle-font-size: 12px;
@nav-subtitle-line-height: 18px;
@nav-nested-padding-left: 15px;
@nav-nested-padding-vertical: 2px;
@nav-nested-padding-horizontal: 0;
@nav-sub-padding-vertical: 5px;
@nav-sub-padding-left: @nav-padding-horizontal;
@nav-parent-icon: \"\\f104\";
@nav-parent-open-icon: \"\\f107\";
@nav-parent-icon-width: 20px;
@nav-parent-icon-margin-right: -10px;
@nav-side-color: #444;
@nav-side-hover-background: rgba(0,0,0,0.05);
@nav-side-hover-color: #444;
@nav-side-active-background: #00a8e6;
@nav-side-active-color: #fff;
@nav-side-header-color: #444;
@nav-side-divider-border: #ddd;
@nav-side-divider-border-width: 1px;
@nav-side-nested-color: #07D;
@nav-side-nested-hover-color: #059;
@nav-dropdown-color: #444;
@nav-dropdown-hover-background: #00a8e6;
@nav-dropdown-hover-color: #fff;
@nav-dropdown-header-color: #999;
@nav-dropdown-divider-border: #ddd;
@nav-dropdown-divider-border-width: 1px;
@nav-dropdown-nested-color: #07D;
@nav-dropdown-nested-hover-color: #059;
@nav-navbar-color: #444;
@nav-navbar-hover-background: #00a8e6;
@nav-navbar-hover-color: #fff;
@nav-navbar-header-color: #999;
@nav-navbar-divider-border: #ddd;
@nav-navbar-divider-border-width: 1px;
@nav-navbar-nested-color: #07D;
@nav-navbar-nested-hover-color: #059;
@nav-offcanvas-padding-vertical: 10px;
@nav-offcanvas-padding-horizontal: 15px;
@nav-offcanvas-color: #ccc;
@nav-offcanvas-hover-background: #404040;
@nav-offcanvas-hover-color: #fff;
@nav-offcanvas-active-background: #1a1a1a;
@nav-offcanvas-active-color: #fff;
@nav-offcanvas-header-color: #777;
@nav-offcanvas-divider-border: #1a1a1a;
@nav-offcanvas-divider-border-width: 1px;
@nav-offcanvas-nested-color: #ccc;
@nav-offcanvas-nested-hover-color: #fff;
\/* ========================================================================
Component: Nav
========================================================================== *\/
.uk-nav,
.uk-nav ul
margin: 0;
padding: 0;
list-style: none;
\/*
* Items
*\/
.uk-nav li >a
display: block;
text-decoration: none;
.uk-nav >li >a padding: @nav-padding-vertical @nav-padding-horizontal;
\/*
* Nested items
*\/
.uk-nav ul padding-left: @nav-nested-padding-left;
.uk-nav ul a padding: @nav-nested-padding-vertical @nav-nested-padding-horizontal;
\/*
* Item subtitle
*\/
.uk-nav li >a >div
font-size: @nav-subtitle-font-size;
line-height: @nav-subtitle-line-height;
\/* Sub-object: `uk-nav-header`
========================================================================== *\/
.uk-nav-header
padding: @nav-header-padding-vertical @nav-header-padding-horizontal;
text-transform: @nav-header-text-transform;
font-weight: @nav-header-font-weight;
font-size: @nav-header-font-size;
.hook-nav-header;
.uk-nav-header:not(:first-child) margin-top: @nav-header-margin-top;
\/* Sub-object: `uk-nav-divider`
========================================================================== *\/
.uk-nav-divider
margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;
.hook-nav-divider;
\/* Sub-object: `uk-nav-sub`
========================================================================== *\/
\/*
* `ul` needed for higher specificity to override padding
*\/
ul.uk-nav-sub
padding: @nav-sub-padding-vertical 0 @nav-sub-padding-vertical @nav-sub-padding-left;
.hook-nav-sub;
\/* Modifier: `uk-nav-parent-icon`
========================================================================== *\/
.uk-nav-parent-icon >.uk-parent >a:after
content: @nav-parent-icon;
width: @nav-parent-icon-width;
margin-right: @nav-parent-icon-margin-right;
float: right;
font-family: FontAwesome;
text-align: center;
.hook-nav-parent-icon;
.uk-nav-parent-icon >.uk-parent.uk-open >a:after content: @nav-parent-open-icon;
\/* Modifier `uk-nav-side`
========================================================================== *\/
\/*
* Items
*\/
.uk-nav-side >li >a
color: @nav-side-color;
.hook-nav-side;
\/*
* 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 \/\/ 1
background: @nav-side-hover-background;
color: @nav-side-hover-color;
\/* 2 *\/
outline: none;
.hook-nav-side-hover;
\/* Active *\/
.uk-nav-side >li.uk-active >a
background: @nav-side-active-background;
color: @nav-side-active-color;
.hook-nav-side-active;
\/*
* Sub-object: `uk-nav-header`
*\/
.uk-nav-side .uk-nav-header
color: @nav-side-header-color;
.hook-nav-side-header;
\/*
* Sub-object: `uk-nav-divider`
*\/
.uk-nav-side .uk-nav-divider
border-top: @nav-side-divider-border-width solid @nav-side-divider-border;
.hook-nav-side-divider;
\/*
* Nested items
*\/
.uk-nav-side ul a color: @nav-side-nested-color;
.uk-nav-side ul a:hover color: @nav-side-nested-hover-color;
\/* Modifier `uk-nav-dropdown`
========================================================================== *\/
\/*
* Items
*\/
.uk-nav-dropdown >li >a
color: @nav-dropdown-color;
.hook-nav-dropdown;
\/*
* 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 \/\/ 1
background: @nav-dropdown-hover-background;
color: @nav-dropdown-hover-color;
\/* 2 *\/
outline: none;
.hook-nav-dropdown-hover;
\/*
* Sub-object: `uk-nav-header`
*\/
.uk-nav-dropdown .uk-nav-header
color: @nav-dropdown-header-color;
.hook-nav-dropdown-header;
\/*
* Sub-object: `uk-nav-divider`
*\/
.uk-nav-dropdown .uk-nav-divider
border-top: @nav-dropdown-divider-border-width solid @nav-dropdown-divider-border;
.hook-nav-dropdown-divider;
\/*
* Nested items
*\/
.uk-nav-dropdown ul a color: @nav-dropdown-nested-color;
.uk-nav-dropdown ul a:hover color: @nav-dropdown-nested-hover-color;
\/* Modifier `uk-nav-navbar`
========================================================================== *\/
\/*
* Items
*\/
.uk-nav-navbar >li >a
color: @nav-navbar-color;
.hook-nav-navbar;
\/*
* 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 \/\/ 1
background: @nav-navbar-hover-background;
color: @nav-navbar-hover-color;
\/* 2 *\/
outline: none;
.hook-nav-navbar-hover;
\/*
* Sub-object: `uk-nav-header`
*\/
.uk-nav-navbar .uk-nav-header
color: @nav-navbar-header-color;
.hook-nav-navbar-header;
\/*
* Sub-object: `uk-nav-divider`
*\/
.uk-nav-navbar .uk-nav-divider
border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;
.hook-nav-navbar-divider;
\/*
* Nested items
*\/
.uk-nav-navbar ul a color: @nav-navbar-nested-color;
.uk-nav-navbar ul a:hover color: @nav-navbar-nested-hover-color;
\/* Modifier `uk-nav-offcanvas`
========================================================================== *\/
\/*
* Items
*\/
.uk-nav-offcanvas >li >a
color: @nav-offcanvas-color;
padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;
.hook-nav-offcanvas;
\/*
* Hover
* No hover on touch devices because it behaves buggy in fixed offcanvas
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
.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 \/\/ 1
background: @nav-offcanvas-hover-background;
color: @nav-offcanvas-hover-color;
\/* 2 *\/
outline: none;
.hook-nav-offcanvas-hover;
\/*
* Active
* `html .uk-nav` needed for higher specificity to override hover
*\/
html .uk-nav.uk-nav-offcanvas >li.uk-active >a
background: @nav-offcanvas-active-background;
color: @nav-offcanvas-active-color;
.hook-nav-offcanvas-active;
\/*
* Sub-object: `uk-nav-header`
*\/
.uk-nav-offcanvas .uk-nav-header
color: @nav-offcanvas-header-color;
.hook-nav-offcanvas-header;
\/*
* Sub-object: `uk-nav-divider`
*\/
.uk-nav-offcanvas .uk-nav-divider
border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;
.hook-nav-offcanvas-divider;
\/*
* Nested items
* No hover on touch devices because it behaves buggy in fixed offcanvas
*\/
.uk-nav-offcanvas ul a color: @nav-offcanvas-nested-color;
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover color: @nav-offcanvas-nested-hover-color;
\/\/ Hooks
\/\/ ========================================================================
.hook-nav-misc;
.hook-nav-header() {}
.hook-nav-divider() {}
.hook-nav-sub() {}
.hook-nav-parent-icon() {}
.hook-nav-side() {}
.hook-nav-side-hover() {}
.hook-nav-side-active() {}
.hook-nav-side-header() {}
.hook-nav-side-divider() {}
.hook-nav-dropdown() {}
.hook-nav-dropdown-hover() {}
.hook-nav-dropdown-header() {}
.hook-nav-dropdown-divider() {}
.hook-nav-navbar() {}
.hook-nav-navbar-hover() {}
.hook-nav-navbar-header() {}
.hook-nav-navbar-divider() {}
.hook-nav-offcanvas() {}
.hook-nav-offcanvas-hover() {}
.hook-nav-offcanvas-active() {}
.hook-nav-offcanvas-header() {}
.hook-nav-offcanvas-divider() {}
.hook-nav-misc() {}
\/\/ Name: Navbar
\/\/ Description: Defines styles for the navigation bar
\/\/
\/\/ Component: `uk-navbar`
\/\/
\/\/ Sub-objects: `uk-navbar-nav`
\/\/ `uk-navbar-nav-subtitle`
\/\/ `uk-navbar-content`
\/\/ `uk-navbar-brand`
\/\/ `uk-navbar-toggle`
\/\/ `uk-navbar-toggle-alt`
\/\/ `uk-navbar-center`
\/\/ `uk-navbar-flip`
\/\/
\/\/ Modifiers: `uk-navbar-attached`
\/\/
\/\/ States: `uk-active`
\/\/ `uk-parent`
\/\/ `uk-open`
\/\/
\/\/ Used by: Dropdown
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@navbar-background: #eee;
@navbar-color: #444;
@navbar-link-color: #07D;
@navbar-link-hover-color: #059;
@navbar-nav-height: 40px;
@navbar-nav-line-height: @navbar-nav-height;
@navbar-nav-padding-horizontal: 15px;
@navbar-nav-color: #444;
@navbar-nav-font-size: 14px;
@navbar-nav-font-weight: normal;
@navbar-nav-font-family: \"Helvetica Neue\", Helvetica, Arial,
sans-serif;
@navbar-nav-hover-background: #f5f5f5;
@navbar-nav-hover-color: #444;
@navbar-nav-onclick-background: #ddd;
@navbar-nav-onclick-color: #444;
@navbar-nav-active-background: #f5f5f5;
@navbar-nav-active-color: #444;
@navbar-nav-subtitle-font-size: 10px;
@navbar-nav-subtitle-offset: 2px;
@navbar-brand-font-size: 18px;
@navbar-brand-color: #444;
@navbar-brand-hover-color: #444;
@navbar-toggle-font-size: 18px;
@navbar-toggle-color: #444;
@navbar-toggle-hover-color: #444;
@navbar-toggle-icon: \"\\f0c9\";
@navbar-toggle-icon-alt: \"\\f002\";
\/* ========================================================================
Component: Navbar
========================================================================== *\/
.uk-navbar
background: @navbar-background;
color: @navbar-color;
.hook-navbar;
\/*
* Micro clearfix
*\/
.uk-navbar:before,
.uk-navbar:after
content: \"\";
display: table;
.uk-navbar:after clear: both;
\/* Sub-object: `uk-navbar-nav`
==========================================================================
*\/
.uk-navbar-nav
margin: 0;
padding: 0;
list-style: none;
float: left;
\/*
* 1. Create position context for dropdowns
*\/
.uk-navbar-nav >li
float: left;
\/* 1 *\/
position: relative;
\/*
* 1. Dimensions
* 2. Style
*\/
.uk-navbar-nav >li >a
display: block;
box-sizing: border-box;
text-decoration: none;
\/* 1 *\/
height: @navbar-nav-height;
padding: 0 @navbar-nav-padding-horizontal;
line-height: @navbar-nav-line-height;
\/* 2 *\/
color: @navbar-nav-color;
font-size: @navbar-nav-font-size;
font-family: @navbar-nav-font-family;
font-weight: @navbar-nav-font-weight;
.hook-navbar-nav;
\/* Appear not as link *\/
.uk-navbar-nav >li >a[href='#'] cursor: text;
\/*
* Hover
* 1. Apply hover style also to focus state
* 2. Also apply if dropdown is opened
* 3. Remove default focus style
*\/
.uk-navbar-nav >li:hover >a,
.uk-navbar-nav >li >a:focus, \/\/ 1
.uk-navbar-nav >li.uk-open >a \/\/ 2
background-color: @navbar-nav-hover-background;
color: @navbar-nav-hover-color;
\/* 3 *\/
outline: none;
.hook-navbar-nav-hover;
\/* OnClick *\/
.uk-navbar-nav >li >a:active
background-color: @navbar-nav-onclick-background;
color: @navbar-nav-onclick-color;
.hook-navbar-nav-onclick;
\/* Active *\/
.uk-navbar-nav >li.uk-active >a
background-color: @navbar-nav-active-background;
color: @navbar-nav-active-color;
.hook-navbar-nav-active;
\/* Sub-objects: `uk-navbar-nav-subtitle`
========================================================================== *\/
.uk-navbar-nav .uk-navbar-nav-subtitle line-height: @navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-subtitle-offset;
.uk-navbar-nav-subtitle >div
margin-top: ((@navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-font-size) \/ -2) + @navbar-nav-subtitle-offset;
font-size: @navbar-nav-subtitle-font-size;
line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;
\/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`,
`uk-navbar-toggle`
========================================================================== *\/
\/*
* Imitate navbar items
*\/
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle
box-sizing: border-box;
display: block;
height: @navbar-nav-height;
padding: 0 @navbar-nav-padding-horizontal;
float: left;
.hook-navbar-content;
\/*
* Helper to center all child elements vertically
*\/
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
\/* Sub-objects: `uk-navbar-content`
========================================================================== *\/
\/*
* Better sibling spacing
*\/
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) padding-left: 0;
\/*
* Link colors
*\/
.uk-navbar-content >a:not([class]) color: @navbar-link-color;
.uk-navbar-content >a:not([class]):hover color: @navbar-link-hover-color;
\/* Sub-objects: `uk-navbar-brand`
========================================================================== *\/
.uk-navbar-brand
font-size: @navbar-brand-font-size;
color: @navbar-brand-color;
text-decoration: none;
\/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
.uk-navbar-brand:hover,
.uk-navbar-brand:focus \/\/ 1
color: @navbar-brand-hover-color;
text-decoration: none;
\/* 2 *\/
outline: none;
\/* Sub-object: `uk-navbar-toggle`
========================================================================== *\/
.uk-navbar-toggle
font-size: @navbar-toggle-font-size;
color: @navbar-toggle-color;
text-decoration: none;
\/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus \/\/ 1
color: @navbar-toggle-hover-color;
text-decoration: none;
\/* 2 *\/
outline: none;
\/*
* 1. Center icon vertically
*\/
.uk-navbar-toggle:after
content: @navbar-toggle-icon;
font-family: FontAwesome;
\/* 1 *\/
vertical-align: middle;
.uk-navbar-toggle-alt:after content: @navbar-toggle-icon-alt;
\/* Sub-object: `uk-navbar-center`
========================================================================== *\/
\/*
* The element with this class needs to be last child in the navbar
* 1. This hack is needed because other float elements shift centered text
*\/
.uk-navbar-center
float: none;
text-align: center;
\/* 1 *\/
max-width: 50%;
margin-left: auto;
margin-right: auto;
\/* Sub-object: `uk-navbar-flip`
========================================================================== *\/
.uk-navbar-flip float: right;
\/\/ Hooks
\/\/ ========================================================================
.hook-navbar-misc;
.hook-navbar() {}
.hook-navbar-nav() {}
.hook-navbar-nav-hover() {}
.hook-navbar-nav-onclick() {}
.hook-navbar-nav-active() {}
.hook-navbar-content() {}
.hook-navbar-misc() {}
\/\/ Name: Subnav
\/\/ Description: Defines styles for the sub navigation
\/\/
\/\/ Component: `uk-subnav`
\/\/
\/\/ Modifiers: `uk-subnav-line`
\/\/ `uk-subnav-pill`
\/\/
\/\/ States: `uk-active`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@subnav-margin-horizontal: 10px;
@subnav-margin-vertical: @subnav-margin-horizontal;
@subnav-color: #444;
@subnav-hover-color: #07D;
@subnav-hover-text-decoration: none;
@subnav-active-color: #07D;
@subnav-line-border-height: 10px;
@subnav-line-border: #ddd;
@subnav-line-border-width: 1px;
@subnav-pill-padding-vertical: 3px;
@subnav-pill-padding-horizontal: 9px;
@subnav-pill-hover-background: #eee;
@subnav-pill-hover-color: #444;
@subnav-pill-active-background: #00a8e6;
@subnav-pill-active-color: #fff;
@subnav-disabled-color: #999;
\/* ========================================================================
Component: Subnav
========================================================================== *\/
\/*
* 1. Gutter
* 2. Remove default list style
*\/
.uk-subnav
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
\/* 1 *\/
margin-left: -@subnav-margin-horizontal;
margin-top: -@subnav-margin-vertical;
\/* 2 *\/
padding: 0;
list-style: none;
\/*
* 1. Space is allocated solely based on content
dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be
applied
* 3. Create position context for dropdowns
*\/
.uk-subnav >*
\/* 1 *\/
-ms-flex: none;
-webkit-flex: none;
flex: none;
\/* 2 *\/
padding-left: @subnav-margin-horizontal;
margin-top: @subnav-margin-vertical;
\/* 3 *\/
position: relative;
\/*
* DEPRECATED IE9 Support
*\/
.uk-subnav:before,
.uk-subnav:after
content: \"\";
display: block;
overflow: hidden;
.uk-subnav:after clear: both;
.uk-subnav >* float: left;
\/* Items
========================================================================== *\/
.uk-subnav >* >*
display: inline-block;
color: @subnav-color;
.hook-subnav;
\/*
* Hover
* 1. Apply hover style also to focus state
*\/
.uk-subnav >* >:hover,
.uk-subnav >* >:focus \/\/ 1
color: @subnav-hover-color;
text-decoration: @subnav-hover-text-decoration;
.hook-subnav-hover;
\/*
* Active
*\/
.uk-subnav >.uk-active >*
color: @subnav-active-color;
.hook-subnav-active;
\/* Modifier: 'subnav-line'
==========================================================================
*\/
.uk-subnav-line >:before
content: \"\";
display: inline-block;
height: @subnav-line-border-height;
vertical-align: middle;
.uk-subnav-line >:nth-child(n+2):before
margin-right: @subnav-margin-horizontal;
border-left: @subnav-line-border-width solid @subnav-line-border;
.hook-subnav-line-divider;
\/* Modifier: 'subnav-pill'
==========================================================================
*\/
.uk-subnav-pill >* >*
padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;
.hook-subnav-pill;
\/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
.uk-subnav-pill >* >:hover,
.uk-subnav-pill >* >:focus \/\/ 1
background: @subnav-pill-hover-background;
color: @subnav-pill-hover-color;
text-decoration: none;
\/* 2 *\/
outline: none;
.hook-subnav-pill-hover;
\/*
* Active
* `li` needed for higher specificity to override hover
*\/
.uk-subnav-pill >.uk-active >*
background: @subnav-pill-active-background;
color: @subnav-pill-active-color;
.hook-subnav-pill-active;
\/* Disabled state
========================================================================== *\/
.uk-subnav >.uk-disabled >*
background: none;
color: @subnav-disabled-color;
text-decoration: none;
cursor: text;
.hook-subnav-disabled;
\/\/ Hooks
\/\/ ========================================================================
.hook-subnav-misc;
.hook-subnav() {}
.hook-subnav-hover() {}
.hook-subnav-active() {}
.hook-subnav-line-divider() {}
.hook-subnav-pill() {}
.hook-subnav-pill-hover() {}
.hook-subnav-pill-active() {}
.hook-subnav-disabled() {}
.hook-subnav-misc() {}
\/\/ Name: Breadcrumb
\/\/ Description: Defines styles for a breadcrumb navigation
\/\/
\/\/ Component: `uk-breadcrumb`
\/\/
\/\/ States: `uk-active`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@breadcrumb-font-size: 1rem;
@breadcrumb-divider: \"\/\";
@breadcrumb-divider-margin: 8px;
@breadcrumb-disabled-color: #999;
\/* ========================================================================
Component: Breadcrumb
==========================================================================
*\/
\/*
* 1. Remove default list style
* 2. Remove whitespace between child elements when using `inline-block`
*\/
.uk-breadcrumb
\/* 1 *\/
padding: 0;
list-style: none;
\/* 2 *\/
font-size: 0.001px;
.hook-breadcrumb;
\/* Items
========================================================================== *\/
\/*
* Reset whitespace hack
*\/
.uk-breadcrumb >li
font-size: @breadcrumb-font-size;
vertical-align: top;
.uk-breadcrumb >li,
.uk-breadcrumb >li >a,
.uk-breadcrumb >li >span display: inline-block;
.uk-breadcrumb >li:nth-child(n+2):before
content: @breadcrumb-divider;
display: inline-block;
margin: 0 @breadcrumb-divider-margin;
.hook-breadcrumb-divider;
\/*
* Disabled
*\/
.uk-breadcrumb >li:not(.uk-active) >span color: @breadcrumb-disabled-color;
\/\/ Hooks
\/\/ ========================================================================
.hook-breadcrumb-misc;
.hook-breadcrumb() {}
.hook-breadcrumb-divider() {}
.hook-breadcrumb-misc() {}
\/\/ Name: Pagination
\/\/ Description: Defines styles for a navigation between pages
\/\/
\/\/ Component: `uk-pagination`
\/\/
\/\/ Sub-objects: `uk-pagination-previous`
\/\/ `uk-pagination-next`
\/\/
\/\/ Modifiers: `uk-pagination-left`
\/\/ `uk-pagination-right`
\/\/
\/\/ States: `uk-active`
\/\/ `uk-disabled`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@pagination-font-size: 1rem;
@pagination-margin-left: 5px;
@pagination-padding-vertical: 3px;
@pagination-padding-horizontal: 5px;
@pagination-line-height: 20px;
@pagination-background: #eee;
@pagination-color: #444;
@pagination-hover-background: #f5f5f5;
@pagination-hover-color: #444;
@pagination-onclick-background: #ddd;
@pagination-onclick-color: #444;
@pagination-active-background: #00a8e6;
@pagination-active-color: #fff;
@pagination-disabled-background: #f5f5f5;
@pagination-disabled-color: #999;
\/* ========================================================================
Component: Pagination
========================================================================== *\/
\/*
* 1. Remove default list style
* 2. Center pagination by default
* 3. Remove whitespace between child elements when using `inline-block`
*\/
.uk-pagination
\/* 1 *\/
padding: 0;
list-style: none;
\/* 2 *\/
text-align: center;
\/* 3 *\/
font-size: 0.001px;
\/*
* Micro clearfix
* Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
*\/
.uk-pagination:before,
.uk-pagination:after
content: \"\";
display: table;
.uk-pagination:after clear: both;
\/* Items
========================================================================== *\/
\/*
* 1. Reset whitespace hack
* 2. Remove the gap at the bottom of it container
*\/
.uk-pagination >li
display: inline-block;
\/* 1 *\/
font-size: @pagination-font-size;
\/* 2 *\/
vertical-align: top;
.uk-pagination >li:nth-child(n+2) margin-left: @pagination-margin-left;
\/*
* 1. Makes pagination more robust against different
box-sizing use
* 2. Reset text-align to center if alignment modifier
is used
*\/
.uk-pagination >li >a,
.uk-pagination >li >span
display: inline-block;
min-width: @pagination-line-height + (2 * @pagination-padding-vertical)
- (2 * @pagination-padding-horizontal);
padding: @pagination-padding-vertical @pagination-padding-horizontal;
line-height: @pagination-line-height;
text-decoration: none;
\/* 1 *\/
box-sizing: content-box;
\/* 2 *\/
text-align: center;
.hook-pagination-item;
\/*
* Links
*\/
.uk-pagination >li >a
background: @pagination-background;
color: @pagination-color;
.hook-pagination-link;
\/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*\/
.uk-pagination >li >a:hover,
.uk-pagination >li >a:focus \/\/ 1
background-color: @pagination-hover-background;
color: @pagination-hover-color;
\/* 2 *\/
outline: none;
.hook-pagination-link-hover;
\/* OnClick *\/
.uk-pagination >li >a:active
background-color: @pagination-onclick-background;
color: @pagination-onclick-color;
.hook-pagination-link-active;
\/*
* Active
*\/
.uk-pagination >.uk-active >span
background: @pagination-active-background;
color: @pagination-active-color;
.hook-pagination-active;
\/*
* Disabled
*\/
.uk-pagination >.uk-disabled >span
background-color: @pagination-disabled-background;
color: @pagination-disabled-color;
.hook-pagination-disabled;
\/* Previous and next navigation
========================================================================== *\/
.uk-pagination-previous float: left;
.uk-pagination-next float: right;
\/* Alignment modifiers
========================================================================== *\/
.uk-pagination-left text-align: left;
.uk-pagination-right text-align: right;
\/\/ Hooks
\/\/ ========================================================================
.hook-pagination-misc;
.hook-pagination-item() {}
.hook-pagination-link() {}
.hook-pagination-link-hover() {}
.hook-pagination-link-active() {}
.hook-pagination-active() {}
.hook-pagination-disabled() {}
.hook-pagination-misc() {}
\/\/ Name: Tab
\/\/ Description: Defines styles for a tabbed navigation
\/\/
\/\/ Component: `uk-tab`
\/\/
\/\/ Modifiers: `uk-tab-flip`
\/\/ `uk-tab-center`
\/\/ `uk-tab-grid`
\/\/ `uk-tab-bottom`
\/\/ `uk-tab-left`
\/\/ `uk-tab-right`
\/\/ `uk-tab-responsive`
\/\/
\/\/ States: `uk-active`
\/\/ `uk-disabled`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@tab-border: #ddd;
@tab-border-width: 1px;
@tab-padding-horizontal: 12px;
@tab-padding-vertical: 8px;
@tab-padding-top: @tab-padding-vertical;
@tab-padding-bottom: @tab-padding-vertical;
@tab-margin-horizontal: 5px;
@tab-margin-vertical: 5px;
@tab-color: #07D;
@tab-hover-border: #f5f5f5;
@tab-hover-background: #f5f5f5;
@tab-hover-color: #059;
@tab-active-border: #ddd;
@tab-active-background: #fff;
@tab-active-color: #444;
@tab-disabled-color: #999;
\/* ========================================================================
Component: Tab
==========================================================================
*\/
.uk-tab
margin: 0;
padding: 0;
list-style: none;
border-bottom: @tab-border-width solid @tab-border;
\/*
* Micro clearfix on the deepest container
*\/
.uk-tab:before,
.uk-tab:after
content: \"\";
display: table;
.uk-tab:after clear: both;
\/*
* Items
* 1. Create position context for dropdowns
*\/
.uk-tab >li
margin-bottom: -@tab-border-width;
float: left;
\/* 1 *\/
position: relative;
.uk-tab >li >a
display: block;
padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;
border: @tab-border-width solid transparent;
border-bottom-width: 0;
color: @tab-color;
text-decoration: none;
.hook-tab;
.uk-tab >li:nth-child(n+2) >a margin-left: @tab-margin-horizontal;
\/*
* Hover
* 1. Apply hover style also to focus state
* 2. Also apply if dropdown is opened
* 3. Remove default focus style
*\/
.uk-tab >li >a:hover,
.uk-tab >li >a:focus, \/\/ 1
.uk-tab >li.uk-open >a \/\/ 2
border-color: @tab-hover-border;
background: @tab-hover-background;
color: @tab-hover-color;
\/* 2 *\/
outline: none;
.hook-tab-hover;
.uk-tab >li:not(.uk-active) >a:hover,
.uk-tab >li:not(.uk-active) >a:focus,
.uk-tab >li.uk-open:not(.uk-active) >a
margin-bottom: @tab-border-width;
padding-bottom: @tab-padding-bottom - @tab-border-width;
\/* Active *\/
.uk-tab >li.uk-active >a
border-color: @tab-active-border;
border-bottom-color: transparent;
background: @tab-active-background;
color: @tab-active-color;
.hook-tab-active;
\/* Disabled *\/
.uk-tab >li.uk-disabled >a
color: @tab-disabled-color;
cursor: text;
.hook-tab-disabled;
.uk-tab >li.uk-disabled >a:hover,
.uk-tab >li.uk-disabled >a:focus,
.uk-tab >li.uk-disabled.uk-active >a
background: none;
border-color: transparent;
\/* Modifier: 'tab-flip'
========================================================================== *\/
.uk-tab-flip >li float: right;
.uk-tab-flip >li:nth-child(n+2) >a
margin-left: 0;
margin-right: @tab-margin-horizontal;
\/* Modifier: 'tab-responsive'
========================================================================== *\/
.uk-tab >li.uk-tab-responsive >a
margin-left: 0;
margin-right: 0;
\/*
* Icon
*\/
.uk-tab-responsive >a:before
content: \"\\f0c9\\00a0\";
font-family: FontAwesome;
\/* Modifier: 'tab-center'
========================================================================== *\/
.uk-tab-center border-bottom: @tab-border-width solid @tab-border;
.uk-tab-center-bottom
border-bottom: none;
border-top: @tab-border-width solid @tab-border;
.uk-tab-center:before,
.uk-tab-center:after
content: \"\";
display: table;
.uk-tab-center:after clear: both;
\/*
* 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
*\/
.uk-tab-center .uk-tab
position: relative;
right: 50%;
border: none;
float: right;
.uk-tab-center .uk-tab >li
position: relative;
right: -50%;
.uk-tab-center .uk-tab >li >a text-align: center;
\/* Modifier: 'tab-bottom'
========================================================================== *\/
.uk-tab-bottom
border-top: @tab-border-width solid @tab-border;
border-bottom: none;
.uk-tab-bottom >li
margin-top: -@tab-border-width;
margin-bottom: 0;
.uk-tab-bottom >li >a
padding-top: @tab-padding-bottom;
padding-bottom: @tab-padding-top;
border-bottom-width: @tab-border-width;
border-top-width: 0;
.uk-tab-bottom >li:not(.uk-active) >a:hover,
.uk-tab-bottom >li:not(.uk-active) >a:focus,
.uk-tab-bottom >li.uk-open:not(.uk-active) >a
margin-bottom: 0;
margin-top: @tab-border-width;
padding-bottom: @tab-padding-top;
padding-top: @tab-padding-bottom - @tab-border-width;
.uk-tab-bottom >li.uk-active >a
border-top-color: transparent;
border-bottom-color: @tab-active-border;
\/* Modifier: 'tab-grid'
========================================================================== *\/
\/*
* 1. Create position context to prevent hidden border because of
negative `z-index`
*\/
.uk-tab-grid
margin-left: -@tab-margin-horizontal;
border-bottom: none;
\/* 1 *\/
position: relative;
z-index: 0;
.uk-tab-grid:before
display: block;
position: absolute;
left: @tab-margin-horizontal;
right: 0;
bottom: -@tab-border-width;
border-top: @tab-border-width solid @tab-border;
\/* 1 *\/
z-index: -1;
.uk-tab-grid >li:first-child >a margin-left:
@tab-margin-horizontal;
.uk-tab-grid >li >a text-align: center;
\/*
* If `uk-tab-bottom`
*\/
.uk-tab-grid.uk-tab-bottom border-top: none;
.uk-tab-grid.uk-tab-bottom:before
top: -@tab-border-width;
bottom: auto;
\/* Modifier: 'tab-left', 'tab-right'
========================================================================== *\/
\/* Tablet and bigger *\/
@media (min-width: @breakpoint-medium)
.uk-tab-left,
.uk-tab-right border-bottom: none;
.uk-tab-left >li,
.uk-tab-right >li
margin-bottom: 0;
float: none;
.uk-tab-left >li >a,
.uk-tab-right >li >a
padding-top: @tab-padding-vertical;
padding-bottom: @tab-padding-vertical;
.uk-tab-left >li:nth-child(n+2) >a,
.uk-tab-right >li:nth-child(n+2) >a
margin-left: 0;
margin-top: @tab-margin-vertical;
.uk-tab-left >li.uk-active >a,
.uk-tab-right >li.uk-active >a border-color: @tab-active-border;
\/*
* Modifier: 'tab-left'
*\/
.uk-tab-left border-right: @tab-border-width solid @tab-border;
.uk-tab-left >li margin-right: -@tab-border-width;
.uk-tab-left >li >a
border-bottom-width: @tab-border-width;
border-right-width: 0;
.uk-tab-left >li:not(.uk-active) >a:hover,
.uk-tab-left >li:not(.uk-active) >a:focus
margin-bottom: 0;
margin-right: @tab-border-width;
padding-bottom: @tab-padding-vertical;
padding-right: @tab-padding-horizontal - @tab-border-width;
.uk-tab-left >li.uk-active >a border-right-color: transparent;
\/*
* Modifier: 'tab-right'
*\/
.uk-tab-right border-left: @tab-border-width solid @tab-border;
.uk-tab-right >li margin-left: -@tab-border-width;
.uk-tab-right >li >a
border-bottom-width: @tab-border-width;
border-left-width: 0;
.uk-tab-right >li:not(.uk-active) >a:hover,
.uk-tab-right >li:not(.uk-active) >a:focus
margin-bottom: 0;
margin-left: @tab-border-width;
padding-bottom: @tab-padding-vertical;
padding-left: @tab-padding-horizontal - @tab-border-width;
.uk-tab-right >li.uk-active >a border-left-color: transparent;
\/\/ Hooks
\/\/ ========================================================================
.hook-tab-misc;
.hook-tab() {}
.hook-tab-hover() {}
.hook-tab-active() {}
.hook-tab-disabled() {}
.hook-tab-misc() {}
\/\/ Name: Thumbnav
\/\/ Description: Defines styles for a thumbnail navigation
\/\/
\/\/ Component: `uk-thumbnav`
\/\/
\/\/ States: `uk-active`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@thumbnav-margin-horizontal: 10px;
@thumbnav-margin-vertical: @thumbnav-margin-horizontal;
@thumbnav-background: #fff;
@thumbnav-opacity: 0.7;
@thumbnav-hover-opacity: 1;
@thumbnav-active-opacity: 1;
\/* ========================================================================
Component: Thumbnav
========================================================================== *\/
\/*
* 1. Gutter
* 2. Remove default list style
*\/
.uk-thumbnav
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
\/* 1 *\/
margin-left: -@thumbnav-margin-horizontal;
margin-top: -@thumbnav-margin-vertical;
\/* 2 *\/
padding: 0;
list-style: none;
\/*
* 1. Space is allocated solely based on content dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
*\/
.uk-thumbnav >*
\/* 1 *\/
-ms-flex: none;
-webkit-flex: none;
flex: none;
\/* 2 *\/
padding-left: @thumbnav-margin-horizontal;
margin-top: @thumbnav-margin-vertical;
\/*
* DEPRECATED IE9 Support
*\/
.uk-thumbnav:before,
.uk-thumbnav:after
content: \"\";
display: block;
overflow: hidden;
.uk-thumbnav:after clear: both;
.uk-thumbnav >* float: left;
\/* Items
========================================================================== *\/
.uk-thumbnav >* >*
display: block;
background: @thumbnav-background;
.hook-thumbnav;
.uk-thumbnav >* >* >img
opacity: @thumbnav-opacity;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
\/*
* Hover
*\/
.uk-thumbnav >* >:hover >img,
.uk-thumbnav >* >:focus >img opacity: @thumbnav-hover-opacity;
\/*
* Active
*\/
.uk-thumbnav >.uk-active >* >img opacity: @thumbnav-active-opacity;
\/\/ Hooks
\/\/ ========================================================================
.hook-thumbnav-misc;
.hook-thumbnav() {}
.hook-thumbnav-misc() {}
\/\/ Elements
\/\/ Name: List
\/\/ Description: Defines styles for ordered and unordered lists
\/\/
\/\/ Component: `uk-list`
\/\/
\/\/ Modifiers: `uk-list-line`
\/\/ `uk-list-striped`
\/\/ `uk-list-space`
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@list-nested-padding-left: 20px;
@list-line-margin-top: 5px;
@list-line-border: #ddd;
@list-line-border-width: 1px;
@list-striped-padding-vertical: 5px;
@list-striped-padding-horizontal: 5px;
@list-striped-background: #f5f5f5;
@list-space-margin-top: 10px;
\/* ========================================================================
Component: List
========================================================================== *\/
.uk-list
padding: 0;
list-style: none;
\/*
* Micro clearfix to make list more robust
*\/
.uk-list >li:before,
.uk-list >li:after
content: \"\";
display: table;
.uk-list >li:after clear: both;
\/*
* Remove margin from the last-child
*\/
.uk-list >li >:last-child margin-bottom: 0;
\/*
* Nested lists
*\/
.uk-list ul
margin: 0;
padding-left: @list-nested-padding-left;
list-style: none;
\/* Modifier: `uk-list-line`
========================================================================== *\/
.uk-list-line >li:nth-child(n+2)
margin-top: @list-line-margin-top;
padding-top: @list-line-margin-top;
border-top: @list-line-border-width solid @list-line-border;
.hook-list-line;
\/* Modifier: `uk-list-striped`
==========================================================================
*\/
.uk-list-striped >li
padding: @list-striped-padding-vertical @list-striped-padding-horizontal;
.hook-list-striped;
.uk-list-striped >li:nth-of-type(odd) background: @list-striped-background;
\/* Modifier: `uk-list-space`
========================================================================== *\/
.uk-list-space >li:nth-child(n+2) margin-top: @list-space-margin-top;
\/\/ Hooks
\/\/ ========================================================================
.hook-list-misc;
.hook-list-line() {}
.hook-list-striped() {}
.hook-list-misc() {}
\/\/ Name: Description list
\/\/ Description: Defines styles for description lists
\/\/
\/\/ Component: `uk-description-list`
\/\/
\/\/ Modifiers: `uk-description-list-horizontal`
\/\/ `uk-description-list-line`
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@description-list-horizontal-width: 160px;
@description-list-horizontal-margin-left: 180px;
@description-list-line-margin-top: 5px;
@description-list-line-border-width: 1px;
@description-list-line-border: #ddd;
@description-list-line-color: #999;
@description-list-line-font-weight: normal;
\/* ========================================================================
Component: Description list
========================================================================== *\/
\/* Modifier: `uk-description-list-horizontal`
========================================================================== *\/
\/* Tablet and bigger *\/
@media (min-width: @breakpoint-medium)
.uk-description-list-horizontal overflow: hidden;
.uk-description-list-horizontal >dt
width: @description-list-horizontal-width;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.uk-description-list-horizontal >dd margin-left: @description-list-horizontal-margin-left;
\/* Modifier: `uk-description-list-line`
========================================================================== *\/
.uk-description-list-line >dt font-weight: @description-list-line-font-weight;
.uk-description-list-line >dt:nth-child(n+2)
margin-top: @description-list-line-margin-top;
padding-top: @description-list-line-margin-top;
border-top: @description-list-line-border-width solid @description-list-line-border;
.uk-description-list-line >dd color: @description-list-line-color;
\/\/ Hooks
\/\/ ========================================================================
.hook-description-list-misc;
.hook-description-list-misc() {}
\/\/ Name: Table
\/\/ Description: Defines styles for tables
\/\/
\/\/ Component: `uk-table`
\/\/
\/\/ Modifiers: `uk-table-middle`
\/\/ `uk-table-striped`
\/\/ `uk-table-condensed`
\/\/ `uk-table-hover`
\/\/
\/\/ States: `uk-active`
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@table-margin-vertical: 15px;
@table-padding-vertical: 8px;
@table-padding-horizontal: 8px;
@table-caption-color: #999;
@table-caption-font-size: 12px;
@table-striped-background: #f5f5f5;
@table-condensed-padding-vertical: 4px;
@table-condensed-padding-horizontal: 8px;
@table-hover-background: #EEE;
@table-active-background: @table-hover-background;
\/* ========================================================================
Component: Table
========================================================================== *\/
\/*
* 1. Remove most spacing between table cells.
* 2. Block element behavior
* 3. Style
*\/
.uk-table
\/* 1 *\/
border-collapse: collapse;
border-spacing: 0;
\/* 2 *\/
width: 100%;
\/* 3 *\/
margin-bottom: @table-margin-vertical;
\/*
* Add margin if adjacent element
*\/
* + .uk-table margin-top: @table-margin-vertical;
.uk-table th,
.uk-table td
padding: @table-padding-vertical @table-padding-horizontal;
.hook-table;
\/*
* Set alignment
*\/
.uk-table th text-align: left;
.uk-table td vertical-align: top;
.uk-table thead th vertical-align: bottom;
\/*
* Caption and footer
*\/
.uk-table caption,
.uk-table tfoot
font-size: @table-caption-font-size;
font-style: italic;
.uk-table caption
text-align: left;
color: @table-caption-color;
\/*
* Active State
*\/
.uk-table tbody tr.uk-active
background: @table-active-background;
.hook-table-active;
\/* Sub-modifier: `uk-table-middle`
==========================================================================
*\/
.uk-table-middle,
.uk-table-middle td vertical-align: middle !important;
\/* Modifier: `uk-table-striped`
========================================================================== *\/
.uk-table-striped tbody tr:nth-of-type(odd)
background: @table-striped-background;
.hook-table-striped;
\/* Modifier: `uk-table-condensed`
========================================================================== *\/
.uk-table-condensed td
padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;
.hook-table-condensed;
\/* Modifier: `uk-table-hover`
==========================================================================
*\/
.uk-table-hover tbody tr:hover
background: @table-hover-background;
.hook-table-hover;
\/\/ Hooks
\/\/ ========================================================================
.hook-table-misc;
.hook-table() {}
.hook-table-active() {}
.hook-table-striped() {}
.hook-table-condensed() {}
.hook-table-hover() {}
.hook-table-misc() {}
\/\/ Name: Form
\/\/ Description: Defines styles for forms
\/\/
\/\/ Component: `uk-form`
\/\/
\/\/ Sub-objects: `uk-form-row`
\/\/ `uk-form-help-inline`
\/\/ `uk-form-help-block`
\/\/ `uk-form-label`
\/\/ `uk-form-controls`
\/\/ `uk-form-controls-condensed`
\/\/ `uk-form-icon`
\/\/
\/\/ Modifiers: `uk-form-stacked`
\/\/ `uk-form-horizontal`
\/\/
\/\/ Sub-modifiers: `uk-form-danger`
\/\/ `uk-form-success`
\/\/ `uk-form-small`
\/\/ `uk-form-large`
\/\/ `uk-form-blank`
\/\/ `uk-form-width-mini`
\/\/ `uk-form-width-small`
\/\/ `uk-form-width-medium`
\/\/ `uk-form-width-large`
\/\/ `uk-form-controls-text`
\/\/
\/\/ Markup:
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/
\/\/ ========================================================================
\/\/ Variables
\/\/ ========================================================================
@form-height: 30px;
@form-padding: 4px 6px;
@form-border: #ddd;
@form-border-width: 1px;
@form-background: #fff;
@form-color: #444;
@form-focus-border: #99baca;
@form-focus-background: #f5fbfe;
@form-focus-color: #444;
@form-disabled-border: #ddd;
@form-disabled-background: #f5f5f5;
@form-disabled-color: #999;
@form-placeholder-color: #999;
@form-gutter: 15px;
@form-legend-border: #ddd;
@form-legend-border-width: 1px;
@form-legend-font-size: 18px;
@form-legend-line-height: 30px;
@form-small-height: 25px;
@form-large-height: 40px;
@form-small-padding: 3px 3px;
@form-large-padding: 8px 6px;
@form-small-font-size: 12px;
@form-large-font-size: 16px;
@form-danger-border: #dc8d99;
@form-danger-background: #fff7f8;
@form-danger-color: #d85030;
@form-success-border: #8ec73b;
@form-success-background: #fafff2;
@form-success-color: #659f13;
@form-blank-border: #ddd;
@form-blank-border-style: dashed;
@form-mini-width: 40px;
@form-small-width: 130px;
@form-medium-width: 200px;
@form-large-width: 500px;
@form-help-inline-margin-left: 10px;
@form-help-block-margin-top: 5px;
@form-controls-condensed-margin-vertical: 5px;
@form-stacked-margin-bottom: 5px;
@form-stacked-font-weight: bold;
@form-horizontal-label-width: 200px;
@form-horizontal-label-margin-top: 5px;
@form-horizontal-controls-margin-left: 215px;
@form-horizontal-controls-text-padding-top: 5px;
@form-icon-width: 30px;
@form-icon-font-size: 14px;
@form-icon-color: #999;
\/* ========================================================================
Component: Form
========================================================================== *\/
\/*
* 1. Define consistent box sizing.
* Default is `content-box` with following exceptions set to `border-box`
* `button`, `select`, `input[type=\"checkbox\"]` and `input[type=\"radio\"]`
* `input[type=\"search\"]` in Chrome, Safari
and Opera
* `input[type=\"color\"]` in Firefox
* 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.
* 3. Remove `border-radius` in iOS.
* 4. Correct `font` properties and `color`
not being inherited.
*\/
.uk-form input,
.uk-form select,
.uk-form textarea
\/* 1 *\/
box-sizing: border-box;
\/* 2 *\/
margin: 0;
\/* 3 *\/
border-radius: 0;
\/* 4 *\/
font: inherit;
color: inherit;
\/*
* Address inconsistent `text-transform` inheritance which is only inherit in Firefox
*\/
.uk-form select text-transform: none;
\/*
* 1. Correct `font` properties not being inherited.
* 2. Don't inherit the `font-weight` and use `bold` instead.
* NOTE: Both declarations don't work in Chrome, Safari and Opera.
*\/
.uk-form optgroup
\/* 1 *\/
font: inherit;
\/* 2 *\/
font-weight: bold;
\/*
* Removes inner padding and border in Firefox 4+.
*\/
.uk-form input::-moz-focus-inner
border: 0;
padding: 0;
\/*
* Removes excess padding in IE 8\/9\/10.
*\/
.uk-form input[type=\"checkbox\"],
.uk-form input[type=\"radio\"] padding: 0;
\/*
* Improves consistency of cursor style for clickable elements
*\/
.uk-form input[type=\"checkbox\"]:not(:disabled),
.uk-form input[type=\"radio\"]:not(:disabled) cursor: pointer;
\/*
* Remove default style in iOS.
*\/
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type=\"text\"],
.uk-form input[type=\"password\"],
.uk-form input[type=\"email\"],
.uk-form input[type=\"url\"],
.uk-form input[type=\"search\"],
.uk-form input[type=\"tel\"],
.uk-form input[type=\"number\"],
.uk-form input[type=\"datetime\"] -webkit-appearance: none;
\/*
* Remove inner padding and search cancel button in Chrome, Safari
and Opera on OS X.
*\/
.uk-form input[type=\"search\"]::-webkit-search-cancel-button,
.uk-form input[type=\"search\"]::-webkit-search-decoration -webkit-appearance: none;
\/*
* Fix the cursor style for Chrome's increment\/decrement buttons.
For certain
* `font-size` values of the `input`, it causes
the cursor style of the
* decrement button to change from `default` to `text`.
*\/
.uk-form input[type=\"number\"]::-webkit-inner-spin-button,
.uk-form input[type=\"number\"]::-webkit-outer-spin-button height: auto;
\/*
* Define consistent border, margin, and padding.
*\/
.uk-form fieldset
border: none;
margin: 0;
padding: 0;
\/*
* 1. Remove default vertical scrollbar in IE 8\/9\/10\/11.
* 2. Improve readability and alignment in all browsers.
*\/
.uk-form textarea
\/* 1 *\/
overflow: auto;
\/* 2 *\/
vertical-align: top;
\/*
* Removes placeholder transparency in Firefox.
*\/
.uk-form ::-moz-placeholder opacity: 1;
\/*
* Removes `box-shadow` for invalid controls in Firefox.
*\/
.uk-form :invalid box-shadow: none;
\/*
* Vertical alignment
*\/
.uk-form input:not([type=\"radio\"]):not([type=\"checkbox\"]),
.uk-form select vertical-align: middle;
\/* Style
========================================================================== *\/
\/*
* Remove margin from the last-child
*\/
.uk-form >:last-child margin-bottom: 0;
\/*
* Controls
* Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
* 1. Must be `height` because `min-height` is not working in OSX
* 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
* 3. Vertical `padding` needed for `select` elements in Firefox
* 4. Style
*\/
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type=\"text\"],
.uk-form input[type=\"password\"],
.uk-form input[type=\"datetime\"],
.uk-form input[type=\"datetime-local\"],
.uk-form input[type=\"date\"],
.uk-form input[type=\"month\"],
.uk-form input[type=\"time\"],
.uk-form input[type=\"week\"],
.uk-form input[type=\"number\"],
.uk-form input[type=\"email\"],
.uk-form input[type=\"url\"],
.uk-form input[type=\"search\"],
.uk-form input[type=\"tel\"],
.uk-form input[type=\"color\"]
\/* 1 *\/
height: @form-height;
\/* 2 *\/
max-width: 100%;
\/* 3 *\/
padding: @form-padding;
\/* 4 *\/
border: @form-border-width solid @form-border;
background: @form-background;
color: @form-color;
-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;
.hook-form;
\/\/ Focus state
&:focus
border-color: @form-focus-border;
outline: 0;
background: @form-focus-background;
color: @form-focus-color;
.hook-form-focus;
\/\/ Disabled state
&:disabled
border-color: @form-disabled-border;
background-color: @form-disabled-background;
color: @form-disabled-color;
.hook-form-disabled;
\/*
* Placeholder
*\/
.uk-form :-ms-input-placeholder color: @form-placeholder-color !important;
.uk-form ::-moz-placeholder color: @form-placeholder-color;
.uk-form ::-webkit-input-placeholder color: @form-placeholder-color;
.uk-form :disabled:-ms-input-placeholder color: @form-disabled-color !important;
.uk-form :disabled::-moz-placeholder color: @form-disabled-color;
.uk-form :disabled::-webkit-input-placeholder color: @form-disabled-color;
\/*
* Legend
* 1. Behave like block element
* 2. Correct `color` not being inherited in IE 8\/9\/10\/11.
* 3. Remove padding
* 4. `margin-bottom` is not working in Safari and Opera.
* Using `padding` and :after instead to create the border
* 5. Style
*\/
.uk-form legend
\/* 1 *\/
width: 100%;
\/* 2 *\/
border: 0;
\/* 3 *\/
padding: 0;
\/* 4 *\/
padding-bottom: @form-gutter;
\/* 5 *\/
font-size: @form-legend-font-size;
line-height: @form-legend-line-height;
.hook-form-legend;
\/*
* 1. Fixes IE9
*\/
.uk-form legend:after
content: \"\";
display: block;
border-bottom: @form-legend-border-width solid @form-legend-border;
\/* 1 *\/
width: 100%;
\/* Size modifiers
* Higher specificity needed to override defaults
========================================================================== *\/
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small
height: @form-small-height;
padding: @form-small-padding;
font-size: @form-small-font-size;
select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large
height: @form-large-height;
padding: @form-large-padding;
font-size: @form-large-font-size;
\/* Reset height
* Must be after size modifiers
==========================================================================
*\/
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] height: auto;
\/* Validation states
* Using !important to keep the selector simple
========================================================================== *\/
\/*
* Error state
*\/
.uk-form-danger
border-color: @form-danger-border !important;
background: @form-danger-background !important;
color: @form-danger-color !important;
.hook-form-danger;
\/*
* Success state
*\/
.uk-form-success
border-color: @form-success-border !important;
background: @form-success-background !important;
color: @form-success-color !important;
.hook-form-success;
\/* Style modifiers
* Using !important to keep the selector simple
========================================================================== *\/
\/*
* Blank form
*\/
.uk-form-blank
border-color: transparent !important;
border-style: @form-blank-border-style !important;
background: none !important;
.hook-form-blank;
.uk-form-blank:focus
border-color: @form-blank-border !important;
.hook-form-blank-focus;
\/* Size sub-modifiers
========================================================================== *\/
\/*
* Fixed widths
* Different widths for mini sized `input` and `select` elements
*\/
input.uk-form-width-mini width: @form-mini-width;
select.uk-form-width-mini width: (@form-mini-width + 25px);
.uk-form-width-small width: @form-small-width;
.uk-form-width-medium width: @form-medium-width;
.uk-form-w
cracked pc software
You really make it appear really easy along with your presentation however I
24 Mai 2024 Comment Linkfind this matter to be really something that I believe I'd by no means understand.
It sort of feels too complicated and extremely huge for me.
I'm taking a look ahead to your next submit, I will try to get the grasp of it!
Leave a comment