Your IP : 216.73.216.89
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
@import "uikit/uikit.less";
/* Jdirect Aviato default variables
======================================================================== */
@jd-top-drawer-background: #404040;
@jd-top-drawer-color: #959595;
@jd-top-a-background: #f2f2f2;
@jd-top-b-background: #ffffff;
@jd-top-c-background: #ffffff;
@jd-bottom-a-background: #f2f2f2;
@jd-bottom-b-background: #ffffff;
@jd-bottom-c-background: #404040;
@jd-bottom-c-color: #959595;
@jd-background-style: '';
/* ========================================================================
Warp theme
========================================================================== */
/* Layout
========================================================================== */
/* Force vertical scrollbar */
html { overflow-y: scroll; }
/* Styles */
html[data-config*='"style":"default"'] {
.man-default {
display: block;
}
.man-night {
display: none;
}
.businesswoman {
display: none;
}
}
html[data-config*='"style":"night"'] {
.man-default {
display: none;
}
.man-night {
display: block;
}
.businesswoman {
display: none;
}
}
html[data-config*='"style":"sky"'] {
.man-default {
display: none;
}
.man-night {
display: none;
}
.businesswoman {
display: block;
}
}
.background-style() when (@jd-background-style = corporate) {
.jd-top-a { background: url(../images/jd-bg-corporate.jpg); }
.jd-top-c, .jd-bottom-a {
background: url(../images/jd-bg-corporate.jpg);
&:before {
content: '';
position: absolute;
z-index: @global-z-index + 18;
width: 100%;
height: 100%;
top: 0;
background: fade(@jd-top-c-background, 50%);
}
}
}
.background-style() when (@jd-background-style = night) {
.jd-top-a { background: url(../images/jd-bg-night.jpg); }
.jd-top-c, .jd-bottom-a {
background: url(../images/jd-bg-night.jpg);
&:before {
content: '';
position: absolute;
z-index: @global-z-index + 18;
width: 100%;
height: 100%;
top: 0;
background: fade(@jd-top-c-background, 50%);
}
}
}
.background-style() when (@jd-background-style = sky) {
.jd-top-a { background: url(../images/jd-bg-sky.jpg); }
.jd-top-c, .jd-bottom-a {
background: url(../images/jd-bg-sky.jpg);
&:before {
content: '';
position: absolute;
z-index: @global-z-index + 18;
width: 100%;
height: 100%;
top: 0;
background: fade(@jd-top-c-background, 50%);
}
}
}
.background-style();
/* Blocks */
.jd-top-drawer,
.jd-headerbar,
.jd-top-b,
.jd-top-c,
.jd-middle,
.jd-bottom-a,
.jd-bottom-b,
.jd-bottom-c {
padding-top: @global-grid-gutter;
padding-bottom: @global-grid-gutter;
}
.jd-toolbar {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid @global-border;
}
.jd-navbar {
border-bottom: 1px solid @global-border;
z-index: @dropdown-z-index;
.tm-logo {
line-height: @navbar-nav-line-height;
}
}
.sticky-wrapper {
.jd-navbar.stuck {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: fade(@navbar-background, 95%);
.uk-navbar, .uk-navbar-nav>li.uk-active>a {
background: transparent !important;
}
}
}
.jd-top-a {
.uk-panel-box, .uk-panel-header {
margin-top: @global-grid-gutter;
margin-bottom: @global-grid-gutter;
}
}
.jd-footer {
padding-top: 15px;
padding-bottom: 15px;
}
.jd-top-drawer {
background-color: @jd-top-drawer-background;
}
.jd-toolbar, .jd-headerbar, .jd-navbar {
background-color: @navbar-background;
}
.jd-top-a {
background-color: @jd-top-a-background;
margin-top: -1px;
}
.jd-top-b {
background-color: @jd-top-b-background;
}
.jd-top-c {
background-color: @jd-top-c-background;
position: relative;
}
.jd-bottom-a {
background-color: @jd-bottom-a-background;
}
.jd-bottom-b {
background-color: @jd-bottom-b-background;
}
.jd-bottom-c {
background-color: @jd-bottom-c-background;
}
.jd-bottom-c {
border-top: 10px solid darken(@jd-bottom-c-background, 7%);
.uk-panel {
color: @jd-bottom-c-color;
a {
color: @jd-bottom-c-color;
&:hover {
color: lighten(@jd-bottom-c-color, 25%);
text-decoration: none;
}
}
.uk-panel-title {
color: lighten(@jd-bottom-c-color, 30%);
}
&.uk-panel-header {
.uk-panel-title {
border-bottom-color: darken(@jd-bottom-c-color, 25%);
}
}
}
}
.jd-top-drawer {
.uk-panel {
color: @jd-top-drawer-color;
a {
color: @jd-top-drawer-color;
&:hover {
color: lighten(@jd-top-drawer-color, 25%);
text-decoration: none;
}
}
.uk-panel-title {
color: lighten(@jd-top-drawer-color, 30%);
}
&.uk-panel-header {
.uk-panel-title {
border-bottom-color: darken(@jd-top-drawer-color, 25%);
}
}
}
}
.jd-footer {
font-size: 90%;
a:hover {
color: lighten(@jd-bottom-c-color, 25%);
text-decoration: none;
}
}
.jd-top-a, .jd-top-c, .jd-bottom-a {
position: relative;
border-top: 1px solid @global-border;
border-bottom: 1px solid @global-border;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: fixed;
}
.jd-top-c, .jd-bottom-a {
.uk-container {
position: relative;
z-index: @global-z-index + 19;
}
}
.drop-container {
.toggle {
z-index: @global-z-index + 1000;
top: 0;
right: 0;
position: fixed;
color: @global-background;
width: 38px;
height: 38px;
font-size: 12px;
&:after {
position: absolute;
top: 0;
right: 0;
display: inline-block;
border-right: 38px solid @jd-top-drawer-background;
border-bottom: 38px solid transparent;
content: '';
}
.uk-icon-plus {
z-index: @global-z-index + 101;
position: absolute;
right: 7px;
top: 7px;
}
}
&.uk-open {
.toggle {
.uk-icon-plus:before {
content: '\f068'; // .uk-icon-minus
}
}
}
.uk-dropdown {
width: 100%;
top: 0;
margin-top: 0;
}
}
.jd-top-drawer {
+ .toggle-open {
z-index: @global-z-index + 101;
top: 0;
}
&.uk-dropdown {
position: fixed;
z-index: @global-z-index + 100;
}
}
.jd-footer {
background: darken(@jd-bottom-c-background, 10%);
color: lighten(@jd-bottom-c-background, 20%);
}
.jd-toolbar {
a [class*='uk-icon-'] {
font-size: 18px;
padding: 0 10px;
color: @global-muted-color;
}
font-size: 14px;
}
.tm-navbar { float: right; }
/* Only large screens */
@media (min-width: @breakpoint-xlarge) {
.jd-top-drawer,
.jd-headerbar,
.jd-top-b,
.jd-top-c,
.jd-middle,
.jd-bottom-a,
.jd-bottom-b,
.jd-bottom-c {
padding-top: @global-grid-gutter-large;
padding-bottom: @global-grid-gutter-large;
}
.jd-top-a {
.uk-panel-box, .uk-panel-header {
margin-top: @global-grid-gutter-large;
margin-bottom: @global-grid-gutter-large;
}
}
.jd-bottom-c {
padding-top: @global-grid-gutter-large + 15px;
padding-bottom: @global-grid-gutter-large + 20px;
}
}
/* Only medium screens */
@media (min-width: @breakpoint-medium) {
.uk-panel.stretch, .jd-top-a .uk-panel.stretch {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: round(@panel-box-padding * 2);
padding-right: round(@panel-box-padding * 2);
border-radius: 0;
&.uk-panel-box-secondary {
border: none;
}
}
}
/* Only phones */
@media (max-width: @breakpoint-small-max) {
.tm-navbar {
margin: 0 -@utility-container-padding-horizontal 0 -@utility-container-padding-horizontal;
border-width: 0 0 1px 0;
float: none;
}
.tm-logo-small:hover { text-decoration: none; };
.tm-navbar:not(.uk-navbar-attached) { border-radius: 0; }
.jd-top-a {
.uk-panel-box, .uk-panel-header, .uk-grid>.uk-grid-margin {
margin-top: 0;
}
.uk-grid > .uk-width-1-1:first-child {
&:first-child {
margin-top: @global-grid-gutter;
}
}
}
}
/*
* Logo small
* Remove whitespace caused by vertical centering to prevent logo wrapping into the next line
*/
.tm-logo-small { letter-spacing: -0.31em; }
/*
* Toolbar
*/
.tm-toolbar .uk-float-left .uk-panel {
margin: 0 @global-grid-gutter 0 0;
float: left;
}
.tm-toolbar .uk-float-right .uk-panel {
margin: 0 0 0 @global-grid-gutter;
float: right;
}
/*
* Headerbar
*/
.jd-headerbar {
border-bottom: 1px solid @global-border;
text-align: center;
}
.tm-headerbar .uk-panel {
//max-width: 300px;
margin-right: 0;
float: none;
}
/*
* Navbar
*/
.jd-navbar .tm-logo { float: left; }
.uk-dropdown-grid {
.uk-nav-navbar>li>a {
color: @dropdown-navbar-link-color;
}
}
/*
* Middle
*/
.tm-main > :nth-child(n+2) { margin-top: @global-grid-gutter; }
.tm-content > :last-child { margin-bottom: 0; }
/*
* Footer
*/
.tm-footer {
position: relative;
text-align: center;
}
.tm-footer .uk-panel + .uk-panel { margin-top: @global-grid-gutter; }
/*
* To-top scroller
*/
.tm-totop-scroller {
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: @global-z-index;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
color: @global-color;
text-align: center;
-webkit-transition: all linear 0.05s;
transition: all linear 0.05s;
}
.tm-totop-scroller:after {
content: "\f077";
font-family: "FontAwesome";
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.tm-totop-scroller:hover,
.tm-totop-scroller:focus { /* 1 */
color: lighten(@global-color, 20%);
font-size: 16px;
outline: none; /* 2 */
text-decoration: none;
}
/* Active */
.tm-totop-scroller:active {
color: darken(@global-color, 20%);
font-size: 11px;
}
/* Blog
========================================================================== */
/*
* Leading article
* Joomla only
*/
.tm-leading-article .uk-article:last-child {
padding-bottom: @article-margin-top;
border-bottom: 1px solid @base-hr-border;
}
/* Error
========================================================================== */
.tm-error-icon { font-size: 250px; }
.tm-error-headline { font-size: 100px; }
/* Offline
========================================================================== */
.tm-offline { width: 300px; }
/* Socialbuttons
========================================================================== */
.tm-socialbuttons {
line-height: 1;
> div {
margin-right: 10px;
float: left;
}
}
/* Icon demo page
========================================================================== */
.tm-icons {
li {
margin: 25px 0;
padding: 5px 0;
text-align: center;
padding-left: 0 !important;
}
[class*='uk-icon-'] {
font-size: 30px;
}
}
/* Home page article layout
========================================================================== */
.jd-home {
.page-header {
margin: 2px 0px 30px 0px;
padding-bottom: 10px;
h1 {
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
}
.uk-article {
.uk-article-title {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-bottom: 5px;
a {
color: contrast(@global-background);
}
}
.uk-article-meta {
margin-top: 0;
}
.jd-article-content {
display: none;
}
}
}
/* Testomonial module style
========================================================================== */
.testimonial {
> .uk-panel {
font-size: @global-font-size * 0.9;
position: relative;
}
> .uk-panel-box:after {
position: absolute;
bottom: -32px;
right: -1px;
display: inline-block;
border-left: 32px solid darken(@global-border, 10%);
border-bottom: 32px solid transparent;
content: '';
}
h6 {
margin-left: @panel-box-padding;
margin-top: @panel-box-padding;
}
}
.uk-panel-title.testimonial-title {
text-align: center;
margin-bottom: 40px;
}