Your IP : 216.73.216.240
// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */
@import "uikit/uikit.less";
@import "icons/Pe-icon-7-stroke.less";
// ========================================================================
// Warp theme
// ========================================================================
// Theme variables
// ========================================================================
@theme_global-body-style: 'none';
@theme-logo-position: 'left';
@theme-canvas-background: #fafafa;
@theme-canvas-background-image: 'none';
@global-light-background: #f7f7f7;
@global-primary-color: #ffaa40;
@theme-thin-font-weight: 400;
@theme-top-header-height: 252px;
@theme-top-header-background: #ffffff;
@theme-header-right-color: #696969;
@theme-toolbar-background: #35373c;
@theme-toolbar-color: #ffffff;
@theme-toolbar-link-color: #ffffff;
@theme-toolbar-hover-color: #ffaa40;
@theme-menubar-background: #ffaa40;
@theme-menubar-color: #ffffff;
@theme-menubar-sticky-background: @theme-menubar-background;
@theme-menubar-sticky-color: @theme-menubar-color;
@theme-menubar-active-item-background: rgba(255, 255, 255, 0.1);
@theme-menubar-active-item-color: #ffffff;
@theme-menuitem-hover-background: #ffaa40;
@theme-menuitem-hover-color: #ffffff;
@theme-menubar-dropdown-background: #ffffff;
@theme-menuitem-color: #404040;
@theme-menubar-responsive-background: #ffaa40;
@theme-menubar-responsive-color: #ffffff;
@theme-slider-active-color: #ffaa40;
@theme-slider-caption-background: rgba(0, 0, 0, 0.25);
@theme-slider-caption-color: #ffffff;
@theme-slider-right-background: #35373C;
@theme-slider-right-color: #ffffff;
@theme-slider-right-link-color: #ffffff;
@theme-slider-right-link-hover-color: #ffaa40;
@theme-breadcrumbs-background: #35373C;
@theme-breadcrumbs-color: #ffffff;
@theme-breadcrumbs-link-color: #ffffff;
@breadcrumb-disabled-color: fade(@theme-breadcrumbs-color, 50%);
@theme-spotlight-background: #759048;
@theme-spotlight-color: #ffffff;
@theme-spotlight-link-color: #ffaa40;
@theme-panel-box-background: #ffffff;
@theme_panel-box-border: @global-border;
@theme-border-strip-color: #ffaa40;
@panel-box-top-border-color: @theme-border-strip-color;
@icon-button-background: transparent;
@icon-button-hover-background: transparent;
@icon-button-active-background: transparent;
@icon-button-font-size: 16px;
@theme-utility-background-image: 'none';
@theme-utility-background: #759048;
@theme-utility-color: #ffffff;
@theme-footer-background: #3c3f46;
@theme-footer-background-image: 'none';
@theme-footer-color: #ffffff;
@theme-footer-link-color: #ffffff;
@theme-footer-hover-color: #ffb55a;
@theme-footer-nav-link-color: #ffb55a;
@theme-footer-bottom-border-color: #ffb55a;
@theme-light-font-color: lighten(@global-color, 50%);
@theme_global-light-shadow: rgba(255, 255, 255, 0.05);
@theme-events-monthyear-background: #759048;
@theme-events-monthyear-color: #ffffff;
@theme-events-dates-background: #ffffff;
@theme-events-dates-color: #696969;
// Theme Layout
// ==========================================================================
html {
overflow-y: scroll;
}
body {
position: relative;
z-index: 0;
background-color: @theme-canvas-background;
}
// Blocks
.tm-header-top {
background: @theme-top-header-background;
position: absolute;
height: @theme-top-header-height;
border-bottom: 1px solid @global-border;
}
.tm-sheet{
position: relative;
}
.tm-headerbar {
margin-top: 30px;
margin-bottom: 30px;
min-height: @theme-top-header-height - 160;
}
.tm-mainheader {
margin-bottom: @global-grid-gutter;
}
// Toolbar
.tm-toolbar {
background: @theme-toolbar-background;
border-radius: 0 0 @global-border-radius @global-border-radius;
box-shadow: 1px 1px 0 @theme_global-light-shadow;
min-height: @global-line-height;
padding: 5px 20px;
p{
font-size: @global-font-size - 1;
color: @theme-toolbar-color;
}
a,
.uk-subnav > li > a {
font-size: @global-font-size - 1;
color: @theme-toolbar-link-color;
}
a:hover,
.uk-subnav > li > a:hover {
color: @theme-toolbar-hover-color;
}
a.uk-icon-button {
font-size: @icon-button-font-size;
font-weight: 800;
}
.uk-subnav-line > li:nth-child(n+2):before {
border: 0;
width: 5px;
height: 5px;
box-shadow: 0 1px 0 lighten(@theme-toolbar-background, 10%);
background: darken(@theme-toolbar-background, 10%);
border-radius: @global-border-radius * 4;
position: relative;
top: -2px;
}
.uk-nav li > a > div {
line-height: 24px;
}
.uk-subnav > li {
line-height: @global-line-height;
}
}
.tm-toolbar > div.uk-float-left > .uk-panel {
float: left;
margin-right: @global-grid-gutter;
}
.tm-toolbar > div.uk-float-right > .uk-panel {
float: right;
margin-left: @global-grid-gutter;
}
.tm-toolbar a:hover,
.tm-toolbar .uk-subnav > li > a:hover{
color: @theme-toolbar-hover-color;
}
// Logo
.tm-logo {
display: block;
margin: 0 auto;
&:hover { text-decoration: none; }
}
.tm-logo-small {
letter-spacing: -0.31em;
p {
display: inherit;
}
}
.logo-position ();
// left logo
.logo-position () when (@theme-logo-position = 'left') {
.tm-logo {
float: left;
text-align: left;
}
}
// center logo
.logo-position () when (@theme-logo-position = 'center') {
.tm-logo {
float: none;
text-align: center;
}
}
// header-right
.tm-horizontal-login ul.tm-login-links > li {
float: left;
margin-right: @global-grid-gutter;
}
.tm-label-username,
.tm-label-password {
padding-bottom: 5px;
}
.tm-header-right {
max-width: 60%;
color: @theme-header-right-color;
h1,h2,h3,h4,h5,h6 {
color: @theme-header-right-color;
}
.uk-public-form {
width: 100%;
float: right;
}
.tm-login-grid .uk-width-1-5 {
padding: 0;
}
.uk-subnav.uk-subnav-list {
> li {
padding: 0 10px;
&:nth-child(n+2) {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
}
}
.tm-header-right-small {
display: block;
color: @theme-header-right-color;
clear: both;
h1,h2,h3,h4,h5,h6 {
color: @theme-header-right-color;
}
> div {
padding: @panel-box-padding;
}
.uk-subnav.uk-subnav-list {
> li {
padding: 0 10px;
&:nth-child(n+2) {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
}
}
// login in panel
.uk-panel-box .tm-login-grid > div{
width: 100% !important;
&:last-child .tm-login-button {
position: relative;
float: left;
margin-top: @global-grid-gutter-large;
}
}
.tm-login-grid {
position: relative;
}
.tm-login-button {
white-space: pre;
position: absolute;
bottom: 0;
right: 0;
}
// Navbar
.tm-navbar {
background: @theme-menubar-background;
letter-spacing: 1px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
inset 0 -5px 0 @global-border,
0 1px 0 @global-border inset;
border-radius: @global-border-radius @global-border-radius 0 0;
.uk-navbar-nav > li > a {
color: @theme-menubar-color;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li.uk-active > a {
background-color: @theme-menubar-active-item-background;
color: @theme-menubar-active-item-color;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
}
.uk-nav-navbar > li > a {
color: @theme-menuitem-color;
font-family: @navbar-nav-font-family;
font-weight: @navbar-nav-font-weight;
}
.uk-dropdown-navbar {
background-color: @theme-menubar-dropdown-background;
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background-color: @theme-menuitem-hover-background;
color: @theme-menuitem-hover-color;
}
}
[data-uk-sticky] {
position: relative;
&.uk-active {
z-index: 1001;
}
&.uk-active.tm-navbar {
margin-top: 0;
border-radius: 0;
background-color: @theme-menubar-sticky-background;
.uk-navbar-nav > li > a,
div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a > span.icemega_title{
color: @theme-menubar-sticky-color;
}
}
}
//
// Slideshow
//
.tm-sliderbar {
display: block;
> * {
padding-left: 0 !important;
}
div > .uk-panel-box {
box-shadow: none;
}
}
.tm-sliderbar,
.tm-slider {
background-color: @theme-slider-right-background;
}
.tm-sliderbar:not(:empty) {
margin-left: 0;
margin-right: 0;
}
.tm-caption-block {
padding: @global-grid-gutter;
background-color: @theme_global-light-shadow;
border-width: 0 0 1px 4px;
border-style: solid;
border-color: transparent;
border-bottom-color: @global-border;
box-shadow: inset 0 1px 0 @theme_global-light-shadow;
margin: 0 !important;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
h1,h2,h3,h4,h5,h6 {
padding-top: 10px;
}
p {
margin-bottom: 10px;
font-size: 14px;
}
.uk-block-icon{
color: @theme-slider-right-color;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
&:hover{
border-left-color: @theme-slider-active-color;
background-color: rgba(255, 255, 255, 0.1);
border-left-width: 4px;
.uk-block-icon {
font-size: @base-h1-font-size + 5;
}
}
}
.tm-slider-right {
background-color: @theme-slider-right-background;
color: @theme-slider-right-color;
h1,h2,h3,h4,h5,h6{
color: @theme-slider-right-color;
}
&.uk-scrollable-text {resize: none;}
a {color: @theme-slider-right-link-color;}
a:hover {color: @theme-slider-right-link-hover-color;}
}
//
// Spotlight
//
.tm-spotlight {
background-color: @theme-spotlight-background;
color: @theme-spotlight-color;
box-shadow: inset 0 -5px 0 @global-border;
border-top: 1px solid @theme_global-light-shadow;
padding: @panel-box-padding;
.uk-panel-title {
color: @theme-spotlight-color;
}
}
//
// Countdown
//
#cntdwn {
color: @theme-spotlight-color;
i {
font-style: normal;
text-transform: lowercase;
top: 4px;
position: relative;
}
b {
display: list-item;
font-size: @base-h2-font-size + 6;
font-weight: @base-heading-font-weight;
font-family: @base-heading-font-family;
list-style-type: none;
}
dl {
display: inline-block;
margin: 0 0 0 20px;
width: 60px;
padding: 10px;
text-align: center;
background-color: @global-border;
border-radius: @global-border-radius;
box-shadow: inset 0 1px 2px @global-border,
0 1px 0 rgba(255, 255, 255, 0.1);
}
}
#cntdwn h3,
.tm-cntdwn-title{
color: @theme-spotlight-color;
font-size: @base-h2-font-size + 6;
line-height: @base-h2-font-size + 6;
margin: 10px 0;
text-shadow: 0 2px 3px @global-border;
}
.tm-cntdwn-title > a {
text-decoration: none;
color: inherit;
}
.tm-cntdwn-details p{
margin: 0;
font-size: @global-font-size + 1;
}
// header bottom
.tm-header-bottom {
.uk-panel-box {
border-top: 0;
h3.uk-panel-title {
padding-bottom: 0;
font-size: @base-h2-font-size;
}
}
&.uk-grid {
margin-left: 0;
}
> * {
padding-left: 0 !important;
}
div > .uk-panel-box {
box-shadow: none;
}
}
//
// Middle
//
.tm-main > :nth-child(n+2) { margin-top: @global-grid-gutter; }
.uk-breadcrumb {
padding: 5px 20px;
background: @theme-breadcrumbs-background;
margin: 0;
box-shadow: inset 0 1px 0 @global-border,
inset 0 -1px 0 @global-border,
inset 0 2px 0 @theme_global-light-shadow;
a {
color: @theme-breadcrumbs-color;
}
}
.uk-breadcrumb > li > span{
color: @theme-breadcrumbs-color;
}
.uk-breadcrumb > li {
line-height: 30px;
}
.tm-content {
border-top: 3px solid @theme-border-strip-color;
padding: @panel-box-padding;
background: @global-background;
-webkit-box-shadow: @global-box-shadow-size @global-box-shadow;
box-shadow: @global-box-shadow-size @global-box-shadow;
}
.tm-noblog .tm-content {
.uk-pagination > li > span,
.uk-pagination > li > a {
box-shadow: none;
}
}
.tm-isblog .uk-article,
.tm-noblog .tm-content {
.uk-panel-box {
box-shadow: inset 0 0 0 1px @theme_global-light-shadow;
border: 1px solid @theme_panel-box-border;
}
.uk-panel-header {
box-shadow: none;
border: 1px solid @theme_panel-box-border;
}
}
.tm-content > :last-child { margin-bottom: 0; }
.pagenavcounter {
float: right;
font-size: @global-font-size - 2;
letter-spacing: 1px;
}
//
// Utility
//
.tm-utility > div > .uk-panel-box {
background-color: @theme-utility-background;
color: @theme-utility-color;
}
.tm-utility > div > .uk-panel-box > .uk-panel-title {
color: @theme-utility-color;
padding-bottom: @panel-box-padding / 2;
}
//
// Footer
//
.tm-bottom-b {
margin: 20px 0;
}
.tm-footer {
position: relative;
padding: @panel-box-padding 0 0;
background-color: @theme-footer-background;
color: @theme-footer-color;
margin-top: -200px;
padding-top: 230px;
z-index: -1;
.uk-panel-title {
color: @theme-footer-color;
border-bottom: 2px solid @global-border;
box-shadow: 0 1px 0 @theme_global-light-shadow;
padding-bottom: @global-grid-gutter;
}
a,
a.uk-icon-button,
.uk-subnav > li > a {
color: @theme-footer-link-color;
}
a:hover,
a.uk-icon-button:hover,
.uk-subnav > li > a:hover {
color: @theme-footer-hover-color;
}
// subnav
.uk-subnav-line > li:nth-child(n+2):before {
border-left-color: @global-border;
box-shadow: 1px 0 0 @theme_global-light-shadow;
}
.uk-panel + .uk-panel { margin-top: @global-grid-gutter; }
}
.tm-footer-bottom {
border-bottom: 5px solid @theme-footer-bottom-border-color;
border-top: 1px solid @global-border;
padding-top: 15px;
box-shadow: inset 0 1px 0 @theme_global-light-shadow;
a,
.uk-subnav > li > a {color: @theme-footer-nav-link-color;}
a.uk-icon-button {
line-height: 1;
}
> div {
display: inline-block;
max-width: 50%;
}
}
.tm-footer-nav {
> div {
float: left;
}
div + div {
margin-top: 0;
margin-left: 15px;
}
}
//
// Totop Scroller
//
.tm-totop-scroller {
display: block;
position: absolute;
top: @panel-box-padding - 10px;
right: @panel-box-padding - 10px;
z-index: @global-z-index;
width: @global-mini-height;
height: @global-mini-height;
color: @theme-footer-color;
text-align: center;
line-height: @global-mini-height;
font-size: @global-font-size;
-webkit-transition: all linear 0.05s;
transition: all linear 0.05s;
&:after {
content: "\f077";
font-family: "FontAwesome";
}
&:hover,
&:focus {
outline: none;
text-decoration: none;
font-size: @global-font-size + 2;
}
&:active { font-size: 11px;}
}
//
// Offcanvas
//
.uk-offcanvas .uk-search { margin: 0; }
//
// Tab in Panel
//
.uk-panel-tab {
.tm-tab-content {
padding: @panel-box-padding;
background: @global-background;
}
.uk-tab {
background: @panel-box-primary-background;
}
// Items
.uk-tab > li > a {
border-width: 0;
color: @global-light-color;
}
.uk-tab.uk-tab-grid {
border-bottom: 3px solid @panel-box-primary-background;
}
// Hover
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
background: rgba(0,0,0,0.02);
color: @global-light-color;
}
// Active
.uk-tab > li.uk-active > a {
background: @global-background;
box-shadow: 1px 0 0 @global-border,
-1px 0 0 @global-border;
color: @global-color;
text-shadow: none;
}
.uk-tab > li.uk-active:first-child > a { box-shadow: 1px 0 0 @global-border; }
.uk-tab > li.uk-active:nth-last-child(2) > a { box-shadow: -1px 0 0 @global-border; }
.uk-tab > li.uk-active.uk-tab-responsive > a { box-shadow: none; }
.uk-tab > li.uk-active.uk-tab-responsive { border-left-width: 0; }
.uk-tab > li { margin-bottom: 0; }
.uk-tab > li + li {
border-left: 1px solid @global-border;
box-shadow: inset 1px 0 0 @theme_global-light-shadow;
}
.uk-tab > .uk-active + li,
.uk-tab > li + .uk-active {
border-left-color: rgba(0,0,0,0);
box-shadow: none;
}
.uk-tab > li:nth-child(n+2) > a { margin-left: 0; }
.uk-tab-grid { margin-left: 0; }
.uk-tab-grid > li:first-child > a { margin-left: 0; }
.uk-tab-grid:before { border-top-color: rgba(0,0,0,0); }
}
//
// Colored panels
//
.tm-panel-box-primary-color {
background: @button-background;
color: @global-contrast-color;
a { color: @global-contrast-color; }
}
.tm-panel-box-secondary-color {
background: @button-primary-background;
color: @global-contrast-color;
a { color: @global-contrast-color; }
}
//
// Form select
//
.tm-form-select {
position: relative;
border: 1px solid @form-border;
background: @form-background;
overflow: hidden;
&:after {
content: '\f0d7';
position: absolute;
top: 50%;
right: 10px;
color: @form-color;
font-family: 'FontAwesome';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
select {
border: none;
background: transparent;
background-image: none;
box-shadow: none;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: none;
&::-ms-expand { display: none; }
&:focus { outline: none; }
option { font-family: @base-body-font-family; }
}
}
//
// shortcodes
//
.uk-module-title {
border-bottom: 1px dotted @global-border;
box-shadow: 0 1px 0 @theme_global-light-shadow;
padding-bottom: 15px;
margin-bottom: 10px !important;
}
.uk-switcher {
padding: 25px;
}
//
// blocks
//
.uk-block-number{
display: inline-block;
float: left;
background: @global-background;
border-radius: @global-border-radius;
border: 1px solid @global-border;
text-align: center;
margin: 5px @global-grid-gutter 5px 0;
min-width: 40px;
clear: both;
}
.uk-block-digit {
font-size: @base-h3-font-size;
font-family: @base-heading-font-family;
font-weight: @base-heading-font-weight;
display: block;
box-shadow: inset 0 0px 0 1px @theme_global-light-shadow;
padding: 5px 0;
}
.uk-block-bottom {
display: block;
padding: 0 5px;
border-top: 1px solid @global-border;
background: @global-primary-background;
color: @global-contrast-color;
border-radius: 0 0 @global-border-radius @global-border-radius;
margin: 0 -1px -1px;
letter-spacing: 1px;
font-size: @global-font-size - 2;
text-transform: uppercase;
min-height: 10px;
font-weight: 100;
}
.uk-event-descr {
margin: 0 0 5px;
}
.uk-block-icon {
font-size: @base-h1-font-size;
padding: @global-grid-gutter 5px;
color: inherit;
margin: 5px @global-grid-gutter 5px 0;
clear: both;
float: left;
}
//
// Toggles
//
.tm-toggle{
margin: 20px 0 10px;
padding: 0;
li.uk-toggle-code div,
li.code div{
background: rgba(0, 0, 0, 0.05);
}
> li {
border: 1px solid @global-border;
margin: 20px 0;
list-style-type: none;
border-top: 2px solid @theme-border-strip-color;
}
li > div i {
font-style: normal;
}
li > h3 {
margin: 0;
padding: @global-grid-gutter;
font-size: @base-h3-font-size;
cursor: pointer;
background-color: lighten(@global-background, 2%);
}
li > div {
background: desaturate(darken(@global-background, 3%), 15%);
display: none;
padding: @global-grid-gutter 45px;
border-top: 1px solid @global-border;
}
li > div p {
line-height: 22.9px;
text-shadow: none;
}
li.uk-toggle-open > div{display: block;}
li.uk-toggle-closed > div{
display: none;
}
li.uk-toggle-code div,
li.code div {
font-family: @base-code-font-family;
line-height: @base-pre-line-height;
font-size: @global-font-size;
white-space: pre-wrap;
word-wrap: break-word;
}
li .tm-toggle-button {
font-size: @base-h3-font-size;
position: relative;
margin: 20px 15px 0;
color: @global-primary-color;
cursor: pointer;
}
}
// Icons
#iconfonts .list-icons {
li {
line-height: 35px;
padding-left: 30px;
}
li i {
font-size: 20px;
margin: 5px 0 0 -30px;
}
}
.hook-icon-button() {
height: 20px;
line-height: 32px;
width: 20px;
margin-left: 5px;
}
.shortcode-icons {
padding-left: 0;
li {
display: inline-block;
list-style-type: none;
a {
font-size: @base-h3-font-size;
}
}
}
.list-icons {
&.uk-grid {margin: 0;}
padding-top: 10px;
li {
padding-left: 30px;
position: relative;
i {
position: absolute;
margin: 5px 0 0 -25px;
}
}
&.uk-icons-large li i{
font-size: 20px;
margin: 5px 0 0 -30px;
}
&.uk-icons-xlarge li {
padding-left: 40px;
}
&.uk-icons-xlarge li i {
font-size: 32px;
margin: 5px 0 0 -45px;
}
}
.uk-plain-list {
padding-left: 0;
}
.uk-list > li:before,
.uk-list > li:after {
display: inline;
}
// tags
.tagspopular ul {
padding-left: 0;
li {
list-style-type: none;
float: left;
}
}
.tag-body,
.tm-tags-list a,
.tagspopular ul li a{
background-color: @global-primary-background;
color: @global-contrast-color;
margin: 0 8px 8px 0;
padding: 0 10px;
display: inline-block;
border-radius: @global-border-radius;
border: 1px solid @global-border;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
text-decoration: none;
font-size: @global-font-size - 1;
}
.tag-body:hover,
.tm-tags-list a:hover,
.tagspopular ul li a:hover{
color: @global-contrast-color;
text-decoration: none;
background-color: desaturate(darken(@global-primary-background, 3%), 10%);
}
.tag-body:active,
.tm-tags-list a:active,
.tagspopular ul li a:active{
background-color: darken(@global-primary-background, 3%);
box-shadow: inset 0 2px 2px @global-border;
}
.tm-tags-list {
ul {
padding-left: 0;
li {
margin: 0;
display: inline-block;
a {
margin: 0 8px 8px 0;
}
}
}
}
// images
img.uk-image-round {
border-radius: @global-border-radius;
}
// modal box
.uk-modal-dialog.uk-modal-small {
width: 350px;
}
.uk-modal-dialog .uk-panel-title {
border-bottom: 1px dotted @global-border;
}
//
// Helper classes
//
.tm-border-top-grey {border-top-color: @global-border;}
.tm-border-top-none {border-top-color: rgba(0, 0, 0, 0)}
.tm-primary-color { color: @global-primary-color !important; }
.tm-secondary-color { color: @global-secondary-color !important;}
.tm-muted-background { background-color: @global-light-background; }
.tm-overflow-hidden { overflow: hidden; }
.tm-heading{
font-size: 30px;
padding-bottom: 20px;
border-bottom: 1px dotted @global-border;
}
.tm-text-large {
line-height: 1;
font-size: round(@base-h1-font-size * 2.5);
font-weight: @theme-thin-font-weight;
}
.tm-caps > .uk-panel-title {
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
}
.tm-padding {
padding: @panel-box-padding;
&.uk-panel-box {
padding: 2% 4% 2%;
}
}
.tm-hidden-img {
position: absolute;
right: 0;
bottom: 0;
}
p:empty {
margin: 0;
}
.tm-padding-remove { padding: 0 !important; }
// Tablet and bigger
@media (min-width: @breakpoint-medium) {
.tm-margin-right-gutter-medium { margin-right: -@global-grid-gutter; }
}
// Panel
.tm-panel-box-teaser { margin: -@panel-box-padding!important; }
.tm-panel-space-teaser { margin: -@panel-space-padding -@panel-space-padding ((@panel-space-padding / 2)) -@panel-space-padding; }
.tm-panel-space-teaser:before,
.tm-panel-box-image-teaser:before {
content: '';
display: block;
position: absolute;
right: 0;
left: 0;
z-index: 10;
border-bottom: 1px solid @global-border;
}
// Large screen and bigger
@media (min-width: @breakpoint-xlarge) {
.tm-margin-right-gutter { margin-right: -@global-grid-gutter-large; }
}
//
// Article style
//
// Featured article image offset
.tm-article-featured-image {
position: relative;
margin: 0 -@panel-box-padding 0 -@panel-box-padding;
&:before {
content: '';
display: block;
position: absolute;
right: 0;
left: 0;
z-index: 10;
border-bottom: 1px solid @global-border;
}
}
.uk-article-meta {
letter-spacing: 1px;
margin: 0 0 10px;
}
.uk-article-title {
line-height: @article-title-line-height;
font-size: @article-title-font-size;
margin-top: 0;
}
.tm-article-content {
padding-top: @global-grid-gutter;
border-top: 1px dotted @global-border;
box-shadow: inset 0 1px 0 @theme_global-light-shadow;
}
.tm-article-date-true {
// Featured article image offset
.tm-article-featured-image {
margin-bottom: 0;
padding-top: @panel-box-padding / 2;
}
.tm-article-wrapper {
position: relative;
.uk-article-title {
margin-right: 80px;
}
}
.tm-article-date {
position: absolute;
top: 10px;
right: 0;
min-width: 35px;
padding: 8px;
color: @theme-light-font-color;
.tm-article-date-day {
font-size: round(@base-h1-font-size * 1.5);
font-family: @base-heading-font-family;
font-weight: @theme-thin-font-weight;
}
}
}
.tm-noblog .uk-article + .uk-article {
padding-top: @article-margin-top;
border-top: 1px solid @global-border;
}
.tm-content > h1,
.tm-title {
font-size: @global-font-size - 2;
color: @theme-light-font-color;
text-transform: uppercase;
letter-spacing: 5px;
}
//
// Animation
//
a {
-webkit-transition: color 50ms ease-in-out;
-moz-transition: color 50ms ease-in-out;
transition: color 50ms ease-in-out;
}
.uk-button {
-webkit-transition: all 50ms ease-in-out;
-moz-transition: all 50ms ease-in-out;
transition: all 50ms ease-in-out;
}
//
// 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;
}
}
//
// Canvase Background Style
//
.canvas-bg-style ();
// 1. light wood
.canvas-bg-style () when (@theme-canvas-background-image = 'light-wood') {
body { background: @theme-canvas-background url(../images/texture/1.jpg) 0 0 repeat; }
}
// 2. oak wood
.canvas-bg-style () when (@theme-canvas-background-image = 'oak-wood') {
body { background: @theme-canvas-background url(../images/texture/2.jpg) 0 0 repeat; }
}
// 3. ply wood
.canvas-bg-style () when (@theme-canvas-background-image = 'ply-wood') {
body { background: @theme-canvas-background url(../images/texture/3.jpg) 0 0 repeat; }
}
// 4. grunge wood
.canvas-bg-style () when (@theme-canvas-background-image = 'grunge-wood') {
body { background: @theme-canvas-background url(../images/texture/4.jpg) 0 0 repeat; }
}
// 5. parquet floor
.canvas-bg-style () when (@theme-canvas-background-image = 'parquet') {
body { background: @theme-canvas-background url(../images/texture/10.jpg) 50% 0;
background-size: contain;
}
}
// 6. rough
.canvas-bg-style () when (@theme-canvas-background-image = 'rough') {
body { background: @theme-canvas-background url(../images/overlay/1.png) 0 0 repeat; }
}
// 7. small boxes
.canvas-bg-style () when (@theme-canvas-background-image = 'small-boxes') {
body { background: @theme-canvas-background url(../images/overlay/2.png) 0 0 repeat; }
}
// 8. vertical
.canvas-bg-style () when (@theme-canvas-background-image = 'vertical') {
body { background: @theme-canvas-background url(../images/overlay/3.png) 0 0 repeat; }
}
// 9. horizontal
.canvas-bg-style () when (@theme-canvas-background-image = 'horizontal') {
body { background: @theme-canvas-background url(../images/overlay/4.png) 0 0 repeat; }
}
// 10. vintage
.canvas-bg-style () when (@theme-canvas-background-image = 'vintage') {
body { background: @theme-canvas-background url(../images/overlay/5.png) 0 0 repeat; }
}
// 11. diagonal
.canvas-bg-style () when (@theme-canvas-background-image = 'diagonal') {
body { background: @theme-canvas-background url(../images/overlay/6.png) 0 0 repeat; }
}
// 12. fine-print
.canvas-bg-style () when (@theme-canvas-background-image = 'fine-print') {
body { background: @theme-canvas-background url(../images/overlay/7.png) 0 0 repeat; }
}
//
// Utility Background Style
//
.utility-bg-style ();
// 1. light wood
.utility-bg-style () when (@theme-utility-background-image = 'light-wood') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/texture/1.jpg) 0 0 repeat; }
}
// 2. oak wood
.utility-bg-style () when (@theme-utility-background-image = 'oak-wood') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/texture/2.jpg) 0 0 repeat; }
}
// 3. ply wood
.utility-bg-style () when (@theme-utility-background-image = 'ply-wood') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/texture/3.jpg) 0 0 repeat; }
}
// 4. grunge wood
.utility-bg-style () when (@theme-utility-background-image = 'grunge-wood') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/texture/4.jpg) 0 0 repeat; }
}
// 5. parquet floor
.utility-bg-style () when (@theme-utility-background-image = 'parquet') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/texture/10.jpg) 50% 0; background-size: contain;
}
}
// 6. rough
.utility-bg-style () when (@theme-utility-background-image = 'rough') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/1.png) 0 0 repeat; }
}
// 7. small boxes
.utility-bg-style () when (@theme-utility-background-image = 'small-boxes') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/2.png) 0 0 repeat; }
}
// 8. vertical
.utility-bg-style () when (@theme-utility-background-image = 'vertical') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/3.png) 0 0 repeat; }
}
// 9. horizontal
.utility-bg-style () when (@theme-utility-background-image = 'horizontal') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/4.png) 0 0 repeat; }
}
// 10. vintage
.utility-bg-style () when (@theme-utility-background-image = 'vintage') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/5.png) 0 0 repeat; }
}
// 11. diagonal
.utility-bg-style () when (@theme-utility-background-image = 'diagonal') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/6.png) 0 0 repeat; }
}
// 12. fine-print
.utility-bg-style () when (@theme-utility-background-image = 'fine-print') {
.tm-utility > div > .uk-panel-box { background: @theme-utility-background url(../images/overlay/7.png) 0 0 repeat; }
}
// Footer Background Style
.footer-bg-style ();
// 1. rough
.footer-bg-style () when (@theme-footer-background-image = 'rough') {
.tm-footer { background: @theme-footer-background url(../images/overlay/1.png) 0 0 repeat; }
}
// 2. small-boxes
.footer-bg-style () when (@theme-footer-background-image = 'small-boxes') {
.tm-footer { background: @theme-footer-background url(../images/overlay/2.png) 0 0 repeat; }
}
// 3. vertical
.footer-bg-style () when (@theme-footer-background-image = 'vertical') {
.tm-footer { background: @theme-footer-background url(../images/overlay/3.png) 0 0 repeat; }
}
// 4. horizontal
.footer-bg-style () when (@theme-footer-background-image = 'horizontal') {
.tm-footer { background: @theme-footer-background url(../images/overlay/4.png) 0 0 repeat; }
}
// 5. vintage
.footer-bg-style () when (@theme-footer-background-image = 'vintage') {
.tm-footer { background: @theme-footer-background url(../images/overlay/5.png) 0 0 repeat; }
}
// 6. diagonal
.footer-bg-style () when (@theme-footer-background-image = 'diagonal') {
.tm-footer { background: @theme-footer-background url(../images/overlay/6.png) 0 0 repeat; }
}
// 7. fine-print
.footer-bg-style () when (@theme-footer-background-image = 'fine-print') {
.tm-footer { background: @theme-footer-background url(../images/overlay/7.png) 0 0 repeat; }
}
//
// pricing tables
//
.pricing {
&.two .price-col{width: 49.8%;}
&.three .price-col{width: 33%;}
&.four .price-col{width: 24.8%;}
&.five .price-col{width: 19.8%;}
&.six .price-col{width: 16.5%;}
}
.price-col{
border-top: 3px solid @theme-border-strip-color;
border-bottom: 1px solid @global-border;
border-right: 1px solid @global-border;
margin: 0;
position: relative;
box-shadow: 1px 1px 0 @theme_global-light-shadow,
inset 0 1px 20px rgba(0, 0, 0, 0.025);
li {
margin-bottom: 0;
}
&:first-child {
border-left: 1px solid @global-border;
border-radius: 0 0 0 @global-border-radius;
}
&:last-child {
border-right: 1px solid @global-border;
border-radius: 0 0 @global-border-radius 0;
}
.post ol{
margin: 1em -8px 1em 13px !important;
padding-left: 11px !important;
}
&.tm-shift-top {
margin-top: -20px !important;
}
&.focus{
z-index: 1;
box-shadow: 1px 1px 10px @global-border,
inset 0 0 0 1px @theme_global-light-shadow;
}
&.focus{
border-radius: @global-border-radius;
.price-tag {
border-radius: @global-border-radius @global-border-radius 0 0;
}
}
}
.price-head{
padding: 10px 0 5px;
margin-bottom: 20px;
position: relative;
z-index: 0;
background-color: @global-primary-background;
border-bottom: 1px solid @global-border;
border-top: 1px solid @global-border;
.title{
color: @global-contrast-color;
padding: 0 5px 5px !important;
margin: 0;
}
}
ul.feature {
margin: 0;
padding: 0;
> li {
text-align: left;
padding: 7px @panel-box-padding;
line-height: @base-h6-line-height;
border-bottom: 1px dashed @global-border;
list-style-type: none;
border-top: 1px dashed @theme_global-light-shadow;
i {
float: right;
color: @global-primary-color;
font-size: @base-h3-font-size;
}
}
> li:first-child {
border-top: 0;
}
> li:last-child {
border-bottom: 0;
}
}
.price-tag{
padding: @global-grid-gutter 0;
line-height: @base-h1-line-height;
font-size: @base-h1-font-size;
margin: 0;
font-family: @base-heading-font-family;
font-weight: @base-heading-font-weight;
color: @global-heading-color;
sup{
top: -1em;
}
sup,
sub {
font-size: @base-h3-font-size;
}
}
.call-action{
display: inline-block;
padding: @global-grid-gutter;
}
//
// Widgetkit
//
// lightbox
a[data-lightbox],
a[data-lightbox] img,
.spotlight .overlay-default{
border-radius: @global-border-radius;
}
a[data-lightbox]:hover,
a[data-lightbox]:hover img,
.spotlight .overlay-default:hover{
border-radius: 0;
}
#lightbox-title{
font-size: @global-font-size - 1;
-webkit-animation-name: uk-slide-top-fixed;
animation-name: uk-slide-top-fixed;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
&.lightbox-title-float {
font-weight: normal;
margin-left: -35px;
}
}
a.spotlight:hover img,
a.uk-overlay:hover img{
-webkit-transform: @global-hover-transform;
-moz-transform: @global-hover-transform;
transform: @global-hover-transform;
}
a.spotlight img,
a.uk-overlay img{
-webkit-transition: @global-transition;
-moz-transition: @global-transition;
transition: @global-transition;
}
// audio/video
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail .mejs-time-current{
height: 13px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
background: @global-primary-background;
}
.mejs-button.mejs-volume-button.mejs-mute {
margin-right: 10px;
}
.mejs-button.mejs-fullscreen-button {
margin-right: 10px !important;
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total{
border: 0 none;
background: @global-border;
border-radius: @global-border-radius;
}
.mejs-controls .mejs-time-rail .mejs-time-total{
box-shadow: 0 1px 0 @theme_global-light-shadow, 0 -1px 2px @global-border;
}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded{border: 0 none;}
.mejs-controls .mejs-time-rail .mejs-time-float-current, .mejs-time-float{
background: #EEEEEE !important;
border: 0 none;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
filter: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
box-shadow: 0 -1px 0 @theme_global-light-shadow inset;
}
.mejs-controls .mejs-button button {
font-size: @global-font-size - 2;
color: @global-contrast-color;
margin: 11px;
}
.mejs-container,
.mejs-container .mejs-controls{
border: 0 none;
border-radius: @global-border-radius;
background: @panel-box-secondary-background;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.075) inset, 0 0 0 1px @global-border;
}
.mejs-overlay,
.mejs-mediaelement video,
.mejs-poster,
.mejs-video,
.mejs-audio {
display: table;
width: 100% !important;
}
.mejs-container .mejs-controls .mejs-time {
padding-top: 14px;
span {
margin: 6px 4px 0 5px;
}
}
.mejs-controls {
a.mejs-horizontal-volume-slider {
margin-top: 3px;
}
div.mejs-horizontal-volume-slider {
margin: 3px;
}
div.mejs-time-rail{
padding-top: 8px;
}
.mejs-button button:focus{
outline: 1px dotted @theme_global-light-shadow;
}
.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fefefe
}
}
.mejs-container.mejs-video{background: #000}
.mejs-container .mejs-controls{text-shadow: none;}
.mejs-overlay-button{
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
.mejs-poster img {
max-width: 100%;
max-height: 100%;
}
.mejs-container .mejs-controls {
height: 40px;
}
#lightbox-outer,
#lightbox-content{
border: 0 solid #202020;
}
#lightbox-outer{
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#lightbox-title-over {
text-shadow: 0 1px 0 black;
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
#lightbox-wrap {
padding: 20px 0;
}
#slide-zone > div img {
display: block;
}
//
// Widgetkit 1 :: Home-slide Slideshow
// ===================================
.wk-slideshow-home {
.nav {
position: absolute;
left: 20px;
top: 15px;
z-index: 2;
li {
margin-left: 8px;
display: inline-block;
&:first-child { margin-left: 0; }
}
span {
width: 13px;
height: 13px;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.35);
}
span:hover,
.active span {
border: 1px solid rgba(0, 0, 0, 0.35);
background-color: @theme-slider-active-color;
}
}
.caption {
border-top: 1px solid @theme-slider-active-color;
background: @theme-slider-caption-background;
color: @theme-slider-caption-color;
padding: 20px;
text-shadow: 2px 0 3px rgba(0, 0, 0, 0.5);
a {text-decoration: none;}
p {margin: 0;}
}
h1 {
color: @theme-slider-caption-color;
font-size: 28px;
}
iframe {
width: 100% !important;
}
}
// Buttons
.wk-slideshow-home > div {
position: relative;
.next,
.prev {
top: 0;
width: 35px;
height: 35px;
background-color: @theme-slider-caption-background;
&:hover {
-webkit-box-shadow: inset 0 -50px 50px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 -50px 50px rgba(255, 255, 255, 0.15);
}
}
.next:after,
.prev:after {
text-align: center;
position: absolute;
width: 35px;
line-height: 32px;
font-size: @base-h2-font-size;
color: @theme-slider-caption-color;
font-family: 'FontAwesome';
}
.next { right: 0; }
.prev { right: 35px; }
.next:after { content: "\f105"; }
.prev:after { content: "\f104"; }
}
@media (max-width: @breakpoint-medium-max) {
.wk-slideshow-home {
h1 {
margin: 0;
font-size: @base-h2-font-size;
}
> div .next,
> div .prev {
display: none;
}
.caption {
font-size: @global-font-size - 1;
line-height: 22px;
}
}
}
@media (max-width: @breakpoint-mini-max) {
.wk-slideshow-home .caption p {
display: none;
}
}
//
// Widgetkit 2 :: Slideshow Home
// =============================
.tm-slideshow-home {
overflow: hidden;
.tm-dotnav-top {
position: absolute;
top: 0;
left: 20px;
}
.uk-dotnav {
> * {
padding-left: 8px;
}
li a {
width: 13px;
height: 13px;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.35);
}
li a:hover,
> .uk-active > * {
border: 1px solid rgba(0, 0, 0, 0.35);
background-color: @theme-slider-active-color;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.uk-button {
margin-left: 20px;
}
.uk-overlay-panel{
border-top: 1px solid @theme-slider-active-color;
background: @theme-slider-caption-background;
color: @theme-slider-caption-color;
padding: 20px;
text-shadow: 2px 0 3px rgba(0, 0, 0, 0.5);
h1,h2,h3,h4,h5,h6{
font-size: 28px;
line-height: 42px;
margin: 0 0 15px 0;
display: block;
}
> div {
.uk-button {
float: right;
}
> div {
text-align: right;
font-size: round((@global-font-size*1.2));
line-height: @base-h2-line-height;
}
}
}
// slidenav
.uk-slidenav {
top: 25px;
width: 35px;
height: 35px;
display: inline-block;
background-color: @theme-slider-caption-background;
}
.uk-slidenav-next:before,
.uk-slidenav-previous:before {
text-align: center;
position: absolute;
width: 35px;
left: 0;
top: 0;
line-height: 32px;
font-family: 'FontAwesome';
font-size: @base-h2-font-size;
color: @theme-slider-caption-color;
}
.uk-slidenav-next:hover,
.uk-slidenav-previous:hover {
box-shadow: inset 0 -50px 50px rgba(255, 255, 255, 0.15);
}
.uk-slidenav-next {
right: 0;
}
.uk-slidenav-previous {
right: 35px;
left: auto;
}
.uk-slidenav-next:before { content: "\f105"; }
.uk-slidenav-previous:before { content: "\f104"; }
}
//
// Widgetkit 1: scoller Slideshow
// ==============================
.wk-slideshow-scroll {
background-color: @global-background;
color: @global-color;
margin-bottom: 30px !important;
.nav {
position: absolute;
bottom: -35px;
left: 0;
text-align: center;
width: 100%;
li {
display: inline-block;
margin-left: 8px;
&:first-child {margin-left: 0;}
}
span,
.active span{
font-family: 'FontAwesome';
color: inherit;
font-size: 16px;
width: 16px;
height: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
span:before {
content: "\f10c";
}
.active span:before {
content: "\f192";
}
}
.caption {
background-color: rgba(0, 0, 0, 0);
left: auto;
padding: 0;
}
> div .next:after,
> div .prev:after {
font-family: 'FontAwesome';
font-size: 32px;
color: @global-color;
}
> div .next:after { content: "\f105"; }
> div .prev:after { content: "\f104"; }
.prev,
.next {
border-radius: 100%;
z-index: 0;
top: 35%;
padding: 10px;
width: 24px;
height: 24px;
line-height: 23px;
background-color: @global-background;
text-align: center;
}
.prev {
left: -24px;
text-indent: -10px;
box-shadow: -3px 0 2px @global-border;
}
.next {
right: -24px;
text-indent: 10px;
box-shadow: 3px 0 2px @global-border;
}
.uk-grid {
margin-left: 0 !important;
}
}
.tm-scroller-content {
padding: 10px;
border-right: 3px solid @theme-border-strip-color;
}
.tm-scroller-border {
border: 1px dashed @global-border;
padding: 20px;
}
.tm-utility {
.wk-slideshow-scroll .nav span,
.wk-slideshow-scroll .nav .active span {
color: @theme-utility-color;
}
.wk-slideshow-scroll {
box-shadow: @panel-box-box-shadow-size @panel-box-box-shadow;
}
}
@media (max-width: @breakpoint-medium-max) {
.wk-slideshow-scroll .caption {
bottom: 30%;
right: 30px;
}
.tm-scroller-content {
width: 100%;
border-right: 0;
blockquote {
width: 85%;
}
}
.tm-scroll-avatar {
right: 25px;
bottom: 30%;
img {
border-radius: 100%;
border: 3px solid @theme-border-strip-color;
background: @global-background;
}
}
.wk-slideshow-scroll > div .next,
.wk-slideshow-scroll > div .prev {
display: none;
}
}
//
// Widgetkit 2: Slideshow Scroll
// =============================
.tm-slideshow-scroll {
background-color: @global-background;
color: @global-color;
margin-bottom: 30px !important;
.uk-slideshow {
overflow: visible;
}
// dotnav
.tm-dotnav-scroll {
position: absolute;
left: 0;
bottom: -30px;
text-align: center;
width: 100%;
.uk-dotnav {
margin-top: 0;
height: 35px;
li {
padding-left: 8px;
}
li a {
font-family: 'FontAwesome';
color: @global-contrast-color;
font-size: 16px;
width: 16px;
height: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
background-color: transparent;
text-indent: 100%;
}
> * > :active,
> .uk-active > * {
-webkit-transform: none;
transform: none;
}
li > a:before {
content: "\f10c";
text-indent: 0;
position: absolute;
display: block;
width: 16px;
}
> li.uk-active {
> a:before {
content: "\f192";
}
}
}
}
// slidenav
.uk-slidenav {
border-radius: 100%;
z-index: 0;
top: 35%;
padding: 10px;
width: 44px;
height: 44px;
line-height: 23px;
background-color: @global-background;
text-align: center;
display: block;
position: absolute;
&:before{
text-align: center;
position: absolute;
width: 35px;
left: 10%;
line-height: 24px;
font-family: 'FontAwesome';
font-size: 32px;
color: @global-color;
}
}
.uk-slidenav-previous {
left: -24px;
right: auto;
text-indent: -10px;
box-shadow: -3px 0 2px @global-border;
}
.uk-slidenav-next {
right: -24px;
text-indent: 10px;
box-shadow: 3px 0 2px @global-border;
}
.uk-slidenav-next:hover,
.uk-slidenav-previous:hover {
box-shadow: inset 0 -50px 50px rgba(255, 255, 255, 0.15);
}
.uk-slidenav-next:before { content: "\f105"; }
.uk-slidenav-previous:before { content: "\f104"; }
}
//
// General responsive
//
// Only Tablets (Landscape)
@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-large) {
.uk-navbar-nav > li > a { padding: 0 20px; }
}
// Only tablets (Portrait)
@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {
.uk-navbar-nav > li > a { padding: 0 15px; }
.tm-hidden-img {right: auto;}
.tm-slider {
width: 100%;
}
.tm-slider-right {
width: 100%;
margin-top: 0 !important;
&.uk-scrollable-text {
height: 100%;
}
}
.tm-caption-block .uk-block-icon {
float: right;
}
}
// All Phones
@media (max-width: @breakpoint-small-max) {
.tm-sheet {
padding: 0;
}
.tm-toolbar,
.tm-navbar {
border-radius: 0;
}
.tm-navbar,
[data-uk-sticky].uk-active.tm-navbar {
background-color: @theme-menubar-responsive-background;
}
.uk-navbar-toggle {
color: @theme-menubar-responsive-color;
}
.tm-caption-block .uk-block-icon {
float: right;
}
.tm-article-date-true .tm-article-wrapper .uk-article-title {
margin-right: 0;
}
.tm-padding-top-remove-small { padding-top: 0 !important; }
.tm-margin-bottom-small { margin-bottom: 40px !important; }
.tm-mainheader {
margin-bottom: 0;
background-color: @theme-top-header-background;
}
.uk-grid > * > .uk-panel + .uk-panel,
.uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
margin-top: 0;
}
.tm-content,
.uk-panel-box {
border-top-color: transparent;
box-shadow: none;
}
.tm-header-right {
max-width: 100%;
background-color: @theme-top-header-background;
display: block;
float: left;
> div,
.tm-horizontal-login {
margin: @panel-box-padding;
display: inline-block;
}
.uk-public-form {
width: 100%;
}
.uk-form label {
display: block;
}
&.uk-visible-small {
.tm-login-grid > div{
width: 100% !important;
}
.tm-login-grid > div:last-child .tm-login-button {
position: relative;
float: left;
margin-top: @global-grid-gutter-large;
}
.tm-login-grid {
position: relative;
}
.tm-login-button {
white-space: pre;
position: absolute;
bottom: 0;
}
}
}
.tm-counter {
float: none;
text-align: center;
margin-bottom: 15px;
}
.tm-hidden-img {
position: relative;
}
#cntdwn {
padding: @panel-box-padding / 2;
}
#cntdwn dl {
width: 45px;
margin: 0 0 0 5px;
padding: 8px;
}
#cntdwn b {
font-size: 24px;
}
#cntdwn i {
font-size: 11px;
}
#cntdwn h3,
.tm-cntdwn-title {
font-size: 24px;
line-height: 1.6;
text-align: center;
}
.price-col{
width: 99% !important;
padding-right: 0;
margin-bottom: 5px;
}
ul.feature > li {padding: 7px 15px 7px 20px !important}
.price-col .price-tag{padding: 15px 5px 10px !important}
.call-action {padding: 20px 5px 25px;}
.tm-cntdwn-details p {
text-align: center;
margin: 0 10px;
}
.tm-slider-right.uk-scrollable-text {
height: 100%;
}
.tm-footer-bottom {
text-align: center;
> div {
float: none;
text-align: center;
display: inline-block;
}
}
.uk-nav-offcanvas .uk-nav-sub li {
line-height: 32px;
}
#jevents_header ul.actions {display: none}
.ev_navigation td{display: none;}
.ev_navigation td.iconic_td{
width: 45px;
display: table-cell;
}
div.nav_bar_cal {width: 43px}
}
// Phones portrait
@media (max-width: @breakpoint-mini-max) {
.tm-article-date-true .tm-article-wrapper .uk-article-title {
clear: both;
}
.tm-article-content p {
clear: both;
}
.tm-spotlight {
padding: @panel-box-padding/2;
}
#cntdwn {
padding: 0;
}
.tm-caption-block .uk-block-icon {
float: right;
}
}
//
// Jevents Calendar
//
.mod_events_monthyear{
border-color: @global-border;
border-style: solid;
border-width: 1px 1px 4px;
font-weight: normal;
width: 100% !important;
height: 45px !important;
text-shadow: none;
background-color: @theme-events-monthyear-background;
box-shadow: inset 0 1px 2px @theme_global-light-shadow;
border-radius: @global-border-radius + 1 @global-border-radius + 1 0 0;
}
.mod_events_monthyear tr > td:nth-child(2),
.mod_events_monthyear tr > td:nth-child(4) {
padding: 0 10px 0;
}
.mod_events_monthyear tr > td:nth-child(2){
border-right: 1px solid @global-border;
box-shadow: 2px 0 0 @theme_global-light-shadow;
}
.mod_events_monthyear tr > td:nth-child(4){
border-left: 1px solid @global-border;
box-shadow: inset 1px 0 0 @theme_global-light-shadow;
}
.mod_events_monthyear tr > td:nth-child(2) > div,
.mod_events_monthyear tr > td:nth-child(4) > div {
color: @theme-events-monthyear-background;
font-size: 0;
}
.mod_events_monthyear tr > td:nth-child(2) > div:before,
.mod_events_monthyear tr > td:nth-child(4) > div:before {
color: @theme-events-monthyear-color;
font-size: @base-h4-font-size;
font-family: "FontAwesome";
line-height: @global-line-height;
top: 2px;
position: relative;
}
.mod_events_monthyear tr > td:nth-child(2) > div:before {
content: "\f104";
}
.mod_events_monthyear tr > td:nth-child(4) > div:before {
content: "\f105";
}
.ev_fieldset,
.ev_td_left, a.ev_link_row:link,
a.ev_link_weekday:link,
a.ev_link_weekday:hover,
.mod_events_table {
font-family: @base-body-font-family;
color: @global-color;
font-size: @base-body-font-size - 1;
}
dt.tabs h3 {margin: 3px;}
dt.tabs h3 a {
font-size: @base-h3-font-size;
font-weight: normal;
color: #FFF;
}
.ev_fieldset{
font-size: @global-font-size;
font-weight: normal;
}
.mod_events_monthyear td:first-child,
.mod_events_monthyear td:last-child{
display: none;
}
.mod_events_monthyear a.mod_events_link {
color: @theme-events-monthyear-color !important;
font-size: @base-h4-font-size + 2;
font-family: @base-heading-font-family;
font-weight: @base-heading-font-weight !important;
line-height: @global-line-height;
}
a.mod_events_daylink:visited,
a.mod_events_daylink:link {
color: @theme-events-dates-color;
}
.mod_events_td_daywithevents > a.mod_events_daylink:visited,
.mod_events_td_daywithevents > a.mod_events_daylink:link {
color: @panel-box-primary-color;
}
.mod_events_table{
border: 1px solid @global-border;
background-color: @theme-events-dates-background;
width: 100% !important;
position: relative;
}
.mod_events_monthyear,
.mod_events_table{
margin: 0 auto;
border-collapse: collapse;
border-style: hidden;
border-bottom-style: solid;
}
.mod_events_td_daynoevents {
padding: 3px !important;
}
.mod_events_td_todaynoevents {
border-radius: @global-border-radius;
background-color: @global-light-background;
color: @theme-events-monthyear-color;
border: 0;
}
.ev_table,
#jevents_body .ev_table{
border-width: 0 1px 1px;
border-style: solid;
border-color: @global-border;
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.ev_td_right,
#jevents_body .ev_td_right{
border-top: 1px solid @global-border;
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.ev_td_left,
.ev_td_today,
#jevents_body .ev_td_left{
border-width: 1px 1px 0 0;
border-style: solid;
border-color: @global-border;
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#jevents_body .ev_td_left {
background-color: darken(@global-background, 2%);
width: 30%;
}
#jevents .jevbootstrap input,
#jevents .jevbootstrap button,
#jevents .jevbootstrap select,
#jevents .jevbootstrap textarea {
font-family: @base-body-font-family;
font-weight: @base-body-font-weight;
font-size: @global-font-size;
}
#cu_until,
#cu_count,
#interval_div > div,
#byyearday,
#bymonth,
#bymonthday,
#byweekno,
#byday,
#bysetpos {
background: transparent !important;
}
a.addjevent {
background: none !important;
}
a.addjevent:before {
content: "\f055";
font-family: "fontAwesome";
font-size: @global-font-size + 2;
}
div.pagetitle h2 {
white-space: nowrap;
}
.mod_events_dayname {
border-bottom: 1px dotted @global-border;
}
.mod_events_td_dayname,
.mod_events_td_dayname .sunday {
color: @global-color;
}
.mod_events_td_dayname,
.cal_td_daysnames{
border: 0 none;
height: 24px !important;
font-weight: normal
}
.mod_events_td_dayname{
background: none;
height: 30px !important;
}
.cal_td_daysnames,
.cal_td_weeklink,
#jevents_body .event_legend_container{
background-color: darken(@global-background, 4%);
}
.cal_table,
#jevents_body .event_legend_container {
border: 1px solid @global-border;
}
.cal_td_daysnoevents{
background: darken(@global-background, 2%);
}
a.cal_titlelink:link,
a.cal_titlelink:visited,
a.cal_titlelink:hover {
font-family: @base-body-font-family;
font-weight: @base-body-font-weight;
font-size: @global-font-size - 2;
}
div.event_legend_name {
font-weight: @base-body-font-weight;
font-size: @global-font-size;
}
div.event_legend_name a,
.cal_td_daysnames,
.cal_td_weeklink,
#jevents .jevbootstrap a,
.cal_td_weeklink a{
color: @global-color;
}
.cal_td_weeklink a{
font-weight: @base-body-font-weight;
font-family: @base-body-font-family;
color: lighten(@global-color,5%) !important;
font-size: @global-font-size - 2;
}
a.cal_daylink {
font-weight: @base-body-font-weight;
font-family: @base-body-font-family;
&:link {
font-weight: @base-body-font-weight;
font-family: @base-body-font-family;
font-size: @global-font-size - 2;
display: block;
padding-left: 5px;
color: fade(@global-color, 50%);
}
&:visited {
color: fade(@global-color, 50%);
}
&:hover{
color: @global-primary-color;
}
}
.cal_td_weeklink,
.cal_td_daysnoevents{
border: 1px solid @global-border;
box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
background-image: -webkit-linear-gradient(top, @theme_global-light-shadow, rgba(0, 0, 0, 0.035));
background-image: linear-gradient(to bottom, @theme_global-light-shadow, rgba(0, 0, 0, 0.035));
}
.cal_td_weeklink{border: 0 none;}
.cal_td_today{
background-color: transparent;
border: 2px solid @global-primary-color;
}
.mod_events_td_dayoutofmonth{
background: none;
color: @theme-light-font-color;
}
.mod_events_td_daywithevents{
border: 0 none;
border-radius: @global-border-radius;
background-color: lighten(@global-primary-background, 10%);
color: @global-contrast-color;
}
tr.icon_labels {
font-size: @global-font-size - 2;
}
.uk-event-time{
display: inline-block;
float: left;
background: @global-background;
color: @global-color;
border-radius: @global-border-radius;
border: 1px solid @global-border;
text-align: center;
margin: 5px @global-grid-gutter 5px 0;
min-width: 45px;
}
.mod_events_latest_table .uk-event-time {
float: right;
margin: 5px 0 5px @global-grid-gutter;
}
.mod_events_latest_date:nth-child(1) {
font-size: @base-h3-font-size;
font-family: @base-heading-font-family;
display: block;
padding: 5px 0;
}
.mod_events_latest_date:nth-child(2) {
display: block;
padding: 0 5px;
border-top: 1px solid @global-border;
background: @global-primary-background;
color: @global-contrast-color;
border-radius: 0 0 @global-border-radius @global-border-radius;
margin: 0 -1px -1px;
letter-spacing: 1px;
font-size: @global-font-size - 2;
text-transform: uppercase;
}
.uk-panel-box-secondary span.mod_events_latest_date:nth-child(2) {
-webkit-box-shadow: inset 0 1px 0 @theme_global-light-shadow, 0 2px 0 1px @global-border;
box-shadow: inset 0 1px 0 @theme_global-light-shadow, 0 2px 0 1px @global-border;
}
// admin
#jevents_body {
padding: @global-grid-gutter-large 0;
}
div#jevents table.adminform,
.jeventslight div#jevents div.current{
background-color: transparent;
}
div#jevents div.current,
.ev_adminpanel table{
border: 1px solid @global-border;
border-radius: @global-border-radius + 1;
}
dt.tabs{
border-radius: 3px 3px 0 0 !important;
}
div#jevents table.adminform{
border: 1px solid @global-border;
box-shadow: none;
}
.nav_bar_cell {
background-color: transparent;
padding: @global-grid-gutter 0;
}
td.nav_bar_cell a b {
font-size: @base-h3-font-size;
border-bottom: 1px solid;
margin-bottom: @global-grid-gutter * 2;
position: relative;
display: block;
}
.nav_bar_cell div {margin-bottom: 5px;}
div.ev_adminpanel table {
border: 0;
}
div.icon-48-jevents {
background: none;
padding-left: 0 !important;
}
div.toolbar-list a,
div.toolbar-list a:hover {
border: 0 none;
}
.jeventslight #toolbar {
border: 0 none;
margin-bottom: 20px;
}
div.toolbar-list li {margin-left: 5px;}
#jumpto button,
div#jevents dl.tabs dt{
box-shadow: 0 1px 0 @theme_global-light-shadow inset;
}
div#jevents fieldset legend {color: inherit;}
#jumpto select{
font-size: @global-font-size - 1 !important;
margin-right: 5px;
}
div#jevents dl.tabs dt{
text-shadow: none !important;
border: 1px solid @global-border !important;
margin: 0 5px 0 0 !important;
border-radius: @global-border-radius * 2;
}
.cal_td_daysoutofmonth {
border: 1px solid @global-border;
color: @global-light-color;
background-color: @global-background;
font-size: @global-font-size - 2;
padding-left: 5px;
}
.cal_td_dayshasevents {
background-color: lighten(@global-primary-background, 35%);
}
// styles
#extcal_minical .extcal_daylink, #extcal_minical .extcal_sundaylink, #extcal_minical .extcal_busylink{font-size: 11px}
#extcal_minical TABLE.extcal_weekdays{
width: 250px;
}
// event page
.cal_td_daysnames{font-weight: normal}
// jevents calendar
#jevents_header ul.actions li {padding-left: 2px !important;}
.ev_navigation table{border: 0 none;}
.ev_navigation td{min-width: 30px}
#main .jevents_body,
#main .jevents_body a,
.cal_td_weeklink a,
.mod_events_td_dayname, .cal_td_daysnames{
text-shadow: none !important;
}
#cal_title {
font-weight: @base-heading-font-weight;
font-size: @base-h3-font-size;
font-family: @base-heading-font-family;
color: @global-color;
}
// jevents latest
td.mod_events_latest_first,
td.mod_events_latest {
background-color: transparent;
border-color: transparent;
border-style: none;
border-width: 1px;
padding: 10px 0 @global-grid-gutter;
border-top: 1px dashed @theme_global-light-shadow;
}
table.mod_events_latest_table {
border: 0 none;
}
//
// K2
//
.k2FeedIcon a,
a.k2FeedIcon {
display: block;
float: right;
height: 21px;
line-height: 21px;
padding: 5px 0 0 0;
font-family: inherit;
}
.k2FeedIcon a:before,
a.k2FeedIcon:before{
font-family: "fontAwesome";
}
.k2FeedIcon a:hover,
a:hover.k2FeedIcon {
color: #222;
}
.k2FeedIcon a {
float: none;
}
#k2container article ul{
padding: 0;
margin-bottom: 0
}
#k2Container {
display: block;
}
#k2Container header {
position: relative;
margin-bottom: 20px;
ul{
margin: 5px 0 0;
padding: 0 0 10px;
min-height: 18px;
li{
float: left;
font-size: @global-font-size - 2;
letter-spacing: 1px;
line-height: @global-line-height;
margin-right: 10px;
text-transform: none;
list-style-type: none;
}
}
> h1 {
margin: 0 75px 15px 0;
line-height: @article-title-line-height;
font-size: @article-title-font-size;
> sup {
display: inline-block;
color: #FFF;
font-weight: bold;
font-size: @global-font-size - 4;
line-height: 14px;
text-align: center;
vertical-align: middle;
text-transform: none;
border: 1px solid @global-border;
border-radius: 2px;
letter-spacing: 1px;
text-shadow: none;
padding: 1px 6px;
top: -10px;
color: @global-contrast-color;
background-color: @global-danger-background;
}
}
h2 {
clear: both;
margin: 0 75px 0 0;
}
}
// category list
.k2CategoriesListBlock ul{
padding: 0;
line-height: 22px;
color: #606060;
list-style-type: none;
}
.k2CategoriesListBlock a {
margin: 0 8px 8px 0;
}
.k2CommentItem .tm-tags-list a {
margin: 0;
}
ul li.itemResizer a {
display: inline-block;
height: 26px;
width: 15px;
}
ul li.itemResizer span {
padding: 0 6px 0 0;
}
.smallerFontSize {
font-size: 90% !important;
}
.largerFontSize {
font-size: 115% !important;
}
.itemImageBlock {
overflow: hidden;
clear: both;
}
.itemImageBlock:before {border-bottom: 0 none;}
.itemImage {
display: block;
line-height: 0;
overflow: hidden;
img{
width: 100% !important
}
}
.itemImageBlock > a {width: 100%; margin: 15px 0;}
table.admintable tr{border: 5px solid transparent;}
th.k2ProfileHeading{text-align: left; line-height: 48px;}
.itemExtraFields ul li span.itemExtraFieldsValue,
.itemLinks .itemCategory a,
.itemLinks .itemAttachmentsBlock ul,
.itemLinks .itemTagsBlock{
margin-top: 10px;
}
.itemLinks .itemCategory a{
margin-left: 10px;
}
.itemLinks .itemTagsBlock ul {
display: block;
margin: 0 0 0 8%;
li {
margin: -3px -5px 0 10px;
}
}
.itemBottom .itemRatingBlock span,
.itemBottom .itemRatingBlock .itemRatingList,
.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,
.itemLinks .itemCategory span,.itemLinks .itemAttachmentsBlock > span,
.itemExtraFields ul li span.itemExtraFieldsLabel,
.itemLinks .itemTagsBlock span,
.itemLinks .itemTagsBlock ul li,
.latestView .itemsContainer {
float: left;
}
.itemAuthorContent ul,
.itemExtraFields ul{
padding: 0;
}
.itemBottom {
clear: both;
margin: 0 0 6px;
}
.itemLinks {
clear: both;
margin: 0 0 38px 0;
}
.itemLinks .itemTagsBlock,
.itemLinks .itemSocialSharing {
clear: both;
}
.itemSocialSharing {
min-height: 38px;
margin: 42px 0 0 !important;
overflow: visible !important;
padding: 20px 0 0 0;
border-top: 1px solid rgba(0,0,0,0.05);
box-shadow: 0 1px 0 @theme_global-light-shadow inset;
}
.itemExtraFields {
margin: 0 20px 25px 0;
float: left;
padding: 10px 20px;
h3 {
padding: 0 0 15px !important;
}
}
.itemBottom small.itemDateModified {
display: block;
text-align: right;
}
.itemRatingBlock span {
float: left;
}
.itemRatingLog {
float: left;
line-height: 25px;
margin: -2px 0 0;
padding: 0 0 0 4px;
font-size: @global-font-size - 3;
}
span#formLog {
clear: both;
color: inherit;
display: block;
float: none;
margin: 10px 0;
position: relative;
text-align: center;
top: 10px;
}
.itemRatingForm {
display: block;
line-height: 25px;
margin-left: 10px;
vertical-align: middle;
.formLogLoading {
width: 16px;
height: 24px;
font-family: "fontAwesome";
font-size: 17px;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
overflow: hidden;
margin: 0;
padding: 0;
&:before{
content: "\f110";
}
}
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
background: url(../images/k2/star.png) left -1000px repeat-x;
}
.itemRatingList {
background-position: left top;
float: left;
height: 25px;
list-style: none;
margin: 0 6px !important;
overflow: hidden;
padding: 0;
position: relative;
width: 125px;
}
#k2Container header .itemRatingList{
height: 18px !important;
margin: 18px 5px 0 !important;
}
#k2Container header .itemRatingLog{
margin: 19px 0 0;
}
.itemRatingList li {
background: none;
border: none !important;
display: inline;
padding: 0;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
border: none;
cursor: pointer;
height: 25px;
left: 0;
line-height: 25px;
outline: none;
overflow: hidden;
position: absolute;
text-align: right;
top: 0;
text-indent: 9em;
}
.itemRatingList a:hover {
background-position: left center;
}
.itemRatingList a.one-star {
width: 20%;
z-index: 6;
}
.itemRatingList a.two-stars {
width: 40%;
z-index: 5;
}
.itemRatingList a.three-stars {
width: 60%;
z-index: 4;
}
.itemRatingList a.four-stars {
width: 80%;
z-index: 3;
}
.itemRatingList a.five-stars {
width: 100%;
z-index: 2;
}
.itemRatingList .itemCurrentRating {
background-position: 0 bottom;
margin: 0;
padding: 0;
z-index: 1;
}
.itemTags li{
margin-right: 5px;
margin-top: -8px;
}
.itemExtraFields ul li {
list-style: none;
padding: 5px 0;
}
.itemLinks ul li {
list-style: none;
}
.itemLinks .itemAttachmentsBlock ul li a span {
color: #676767;
}
.itemLinks .itemAttachmentsBlock span{
margin-right: 10px
}
.itemLinks .itemSocialSharing > div {
float: left;
}
//
// Blog date
//
.uk-blog-date{
position: absolute;
right: 0;
min-width: 35px;
color: @theme-light-font-color;
.tm-article-date-day {
font-size: round(@base-h1-font-size * 1.5);
font-family: @base-heading-font-family;
font-weight: @theme-thin-font-weight;
}
}
.latestView .uk-blog-date {
top: 20px;
}
.itemAuthorBlock {
clear: both;
margin: 10px 0 25px;
overflow: hidden;
padding: 24px;
> .tm-avatar {
float: left;
padding: 12px;
max-width: 120px;
}
> .tm-avatar > img {
display: block;
}
.itemAuthorDetails {
margin: 0 0 0 130px;
}
.itemAuthorDetails a {
font-weight: 400;
}
.itemAuthorDetails p {
margin: 0.5em 0;
}
}
.itemAuthorEmail {
margin-right: 5px;
}
.itemAuthorContent {
margin: 20px 0 32px 0;
overflow: hidden;
}
.itemAuthorContent div {
float: left;
margin-right: 4%;
width: 45%;
}
.itemAuthorContent div ul li {
line-height: 1.7;
list-style-type: none;
padding: 5px 0;
}
.itemAuthorContent div ul li a,
.itemNavigation {
clear: both;
padding: 0;
}
.k2CommentItem > a {
color: @global-color;
}
.itemCommentsForm label {
clear: both;
display: block;
width: 30%;
float: left;
}
.commentReportLink.modal {
font-size: 12px;
border: 1px solid @global-border;
border-radius: 2px;
padding: 3px 5px;
top: 25px;
}
.itemCommentsForm textarea,
.itemCommentsForm .inputbox {
float: left;
}
.itemCommentsForm textarea.inputbox {
height: 200px;
}
.itemCommentsForm .inputbox {
width: 400px;
margin-bottom: 15px;
}
.itemCommentsForm #submitCommentButton {
clear: both;
float: left;
margin: 20px 0 0;
}
.itemCommentsForm .itemCommentsFormNotes {
font-size: 13px;
margin: 24px 0;
}
#itemCommentsAnchor {
clear: both;
margin: 48px 0 0;
}
.itemComments h3 {
font-weight: normal;
line-height: 1;
margin: 0;
padding: 14px 0 12px;
border-width: 0 0 1px;
border-radius: 0;
border-color: @global-border;
}
#k2Container .itemComments .itemCommentsList li {
background-image: none!important;
border-bottom: 0 none!important;
padding: 25px 0!important;
list-style-type: none;
> span.tm-avatar {
float: left;
margin: 0;
}
> span > img {
display: block;
}
> div {
margin: 0 0 0 82px;
background: rgba(0, 0, 0, 0.02);
border-radius: 0 3px 3px 0;
padding: 20px 30px;
box-shadow: 0 0 0 1px @theme_global-light-shadow inset, 1px 1px 0 rgba(0,0,0,0.05);
border: 1px solid @global-border;
border-left: 3px solid rgba(173, 173, 173, 0.3);
border-width: 0 0 0 3px
}
div div {
text-align: right;
}
div div span {
color: #999;
font-size: 13px;
margin-left: 24px;
}
}
.itemBackToTop {
float: right;
}
// Items views
.itemList article header h1,
.itemList article header h2,
.itemsContainerWrap article header h1 {
line-height: @base-h1-line-height;
}
.itemList ul.itemTags {
clear: both;
padding: 12px 0 0 0;
}
.itemTags {
padding-left: 4px !important;
}
.itemList ul.itemTags li {
float: left;
list-style-type: none
}
.clr {
clear: both;
}
.itemListSubCategories {
overflow: hidden;
}
.userView article,
.genericView article,
.itemList article {
clear: both;
margin-bottom: 24px;
position: relative;
}
.has-caption {
.uk-image-round,
.itemImage{
border-radius: @global-border-radius @global-border-radius 0 0;
}
.k2ImageCaption{
background: @global-light-background;
letter-spacing: 2px;
font-size: 10px;
text-transform: uppercase;
border: 1px solid @global-border;
border-radius: 0 0 @global-border-radius @global-border-radius;
margin-top: -6px;
padding: 10px 10px 4px;
box-shadow: -1px -1px 0 @theme_global-light-shadow inset;
}
}
.itemListSubCategories h2
.subCategoryContainer {
float: left;
margin-bottom: 32px;
}
.subCategoryContainer .subCategory {
margin: 0 32px 24px 0;
}
.itemContainer {
float: left;
}
.itemList article {
padding-bottom: 24px;
}
.latestView .itemsContainerWrap {
margin: 0;
}
.itemContainerLast article {
margin: 0;
}
#itemListLinks {
clear: both;
}
#itemListLinks ul {
margin: 12px 0 0 0;
}
#itemListLinks li {
background: url(../images/k2/bullet.png) no-repeat 0 6px;
font-size: @global-font-size - 1;
padding-left: 24px;
}
#itemListLinks a {
color: #737373;
}
#k2Container .uk-pagination {
margin-top: 20px;
}
//
// Modules
// mod_k2_comments
// Latest Comments & Author module
.k2LatestCommentsBlock ul{
padding-left: 0;
padding-right: 0;
}
.k2LatestCommentsBlock .k2FeedIcon {
margin-top: 16px;
}
.k2LatestCommentsBlock ul li,
.k2TopCommentersBlock ul li {
list-style: none !important;
padding: 5px 0 10px !important;
}
.k2Avatar {
display: block !important;
float: left;
margin: 3px 12px 0 0;
}
.k2CommentItem p{
margin: 0 0 8px;
}
.lcItemTitle {
font-size: 13px;
padding: 10px 0;
text-align: right;
}
.k2CommentItem span {
display: block;
}
.k2CommentItem span.lcItemCategory{
font-size: 12px;
padding: 0 4px;
border: 1px solid @global-border;
border-radius: 3px;
background: rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 0 @theme_global-light-shadow inset;
display: inline-block;
}
.k2CommentItem span.lcCommentDate {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.k2AuthorsListBlock ul li {
border: none;
border-bottom: 1px solid #eee;
padding: 12px 0;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem {
clear: both;
display: inline-block;
font-size: 12px;
line-height: 14px;
margin: 12px 0 0;
padding: 0;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem span {
color: #777;
display: block;
font-size: 10px;
}
// Top Commenters
.tcUsername {
color: #333;
font-size: 18px;
}
.tcLatestComment {
display: block;
color: #737373;
font-size: 13px;
margin: 6px 0;
}
.tcLatestCommentDate {
color: #999;
display: block;
font-size: 11px;
}
//
// mod_k2_content
//
div .k2ItemsBlock ul {
margin: 0;
padding: 0;
}
div .k2ItemsBlock ul li {
background: none !important;
list-style: none !important;
margin: 0 0 12px;
padding: 12px 20px 12px 0 !important;
}
a.moduleItemTitle {
display: block;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.moduleItemAuthor {
border-bottom: 1px dotted #E0E0E0;
margin: 0 0 16px;
overflow: hidden;
}
.moduleItemAuthor a {
padding: 0 0 12px;
}
.moduleItemAuthor p {
clear: both;
}
.moduleItemIntrotext {
display: block;
padding: 12px 0 0;
line-height: 1.6 !important;
}
.moduleItemIntrotext a.moduleItemImage img {
float: left;
overflow: hidden;
margin: 4px 0;
}
.moduleItemDateCreated,
.moduleItemCategory {
color: #999;
}
.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
display: block;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
width: 30%;
}
.itemExtraFieldsLabel {
margin-right: 100px
}
.itemExtraFieldsLabel{
display: inline-block;
}
.moduleItemTags,
.moduleAttachments {
border-top: 1px dotted #e5e5e5;
margin: 12px 0 0;
overflow: hidden;
padding: 12px 0 0;
}
.moduleItemTags strong {
font-size: 12px;
}
.moduleItemTags a {
float: right;
}
a.moduleItemComments {
font-size: 12px;
}
a:hover.moduleItemComments {
background-position: 0 100%;
color: #fff;
}
.k2ItemsBlock ul li span.moduleItemHits {
font-size: 90%;
}
.moduleItemImage {
display: block;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
.uk-overlay.itemImage .uk-overlay-area:before{
content: "\e618";
font-family: @line-font-icon;
}
.moduleItemReadMore {
clear: both;
display: block;
}
//
// mod_k2_login
//
.k2LoginBlock fieldset.input {
margin: 0;
padding: 0 0 8px 0;
}
.k2LoginBlock fieldset.input p {
margin: 0;
padding: 0 0 4px 0;
}
.k2LoginBlock fieldset.input p label,
.k2LoginBlock fieldset.input p input {
display: block;
}
.k2LoginBlock fieldset.input p#form-login-remember label,
.k2LoginBlock fieldset.input p#form-login-remember input {
display: inline;
}
.k2UserBlock p.ubGreeting {
border-bottom: 1px dotted #eee;
}
.k2UserBlock .k2UserBlockDetails span.ubName {
display: block;
font-weight: bold;
font-size: 14px;
}
.k2LoginBlock ul li {
font-size: 11px;
}
.k2UserBlock .k2UserBlockActions li,
.k2UsersBlock .ubUserItems li,
.k2UsersBlock .ubUserAdditionalInfo a {
background: url(../images/k2/bullet.png) no-repeat 0 4px;
font-size: 12px;
padding-left: 16px;
}
.k2UserBlock .k2UserBlockActions {
margin-bottom: 10px;
}
.k2UserBlock .ubAvatar {
margin-right: 12px;
}
.k2UserBlock .ubName {
font-size: 13px;
}
.k2UserBlock .k2UserBlockDetails > span {
display: block;
font-size: 11px;
line-height: 16px;
margin: 3px 0;
}
//
// mod_k2_tools
//
// Breadcrumbs
.k2BreadcrumbsBlock span.bcTitle {
color: #999;
padding: 0 4px 0 0;
}
.k2BreadcrumbsBlock span.bcSeparator {
font-size: 14px;
padding: 0 4px;
}
// Calendar
.k2CalendarBlock {
margin-bottom: 8px;
}
.k2CalendarBlock table.calendar {
border-collapse: collapse;
margin: 0 auto;
width: 100%;
}
.k2CalendarLoader {
background: @global-contrast-color;
}
.k2CalendarBlock table.calendar {
border: 1px solid @global-border;
}
.k2CalendarBlock table.calendar tr {
td {
padding: 3px;
text-align: center;
vertical-align: middle;
}
td {
background: rgba(0,0,0,0.03);
}
td.calendarDate,
td.calendarDateEmpty,
td.calendarDateLinked,
td.calendarTodayLinked{
box-shadow: none;
}
td.calendarNavMonthPrev,
td.calendarNavMonthNext {
font-size: @global-font-size + 1 !important;
text-align: center;
}
td.calendarDayName {
font-size: 12px;
font-weight: 400;
width: 14.2%;
}
td.calendarDayName {
color: inherit;
}
td.calendarDayName {
background: rgba(255,255,255,0.1);
}
td.calendarDateEmpty {
background: rgba(255,255,255,0.1);
}
td.calendarNavMonthPrev,
td.calendarNavMonthNext {
background: rgba(0,0,0,0.03);
}
td.calendarDate {
font-size: 13px;
}
td.calendarDateLinked {
padding: 0;
}
td.calendarDateLinked a {
display: block;
padding: 2px;
}
td.calendarDateLinked a:hover {
display: block;
padding: 2px;
}
td.calendarToday {
color: #606060;
}
td.calendarTodayLinked {
color: #fff;
padding: 0;
}
td.calendarTodayLinked a:hover {
background-color: #f4f4f4;
color: #404040;
display: block;
padding: 2px;
}
}
table.calendar tr td.calendarTodayLinked a {
color: #606060 !important;
background: rgba(0, 0, 0, 0.06);
font-weight: normal;
display: block;
padding: 3px;
box-shadow: 0 -1px 4px rgba(0,0,0, 0.05) inset;
}
// Category Tree Select Box
.k2CategorySelectBlock form select {
width: auto;
}
// Tag Cloud
.k2TagCloudBlock {
font-size: 15px;
padding: 8px 0 0 4px;
}
// Google Search
#k2Container .gsc-branding-text {
text-align: right;
}
#k2Container .gsc-control {
width: 100%;
}
#k2Container .gs-visibleUrl {
display: none;
}
a.ubUserURL,
a.ubUserFeedIcon {
clear: both;
display: block;
font-size: 12px;
}
span.ubUserEmail {
display: inline-block;
height: 16px;
margin: 0 2px 0 0;
overflow: hidden;
padding: 0;
width: 16px;
}
span.ubUserEmail a {
display: inline-block;
height: 16px;
margin: 0;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.k2UsersBlock{
ul li h3 {
clear: both;
margin: 8px 0 0 0;
padding: 0;
}
.ubUserDescription p {
font-size: @global-font-size - 2;
}
.ubUserAvatar {
margin-right: 12px;
}
.ubUserName {
display: block;
line-height: 11px;
}
h3 {
font-size: @base-h4-font-size;
}
.ubUserItems {
font-size: @global-font-size - 2;
}
}
.catCounter {
font-size: 13px;
font-weight: normal;
}
// Rating form fix
article header .itemRatingBlock > span {
display: none;
}
article header .itemRatingBlock > div {
margin: -16px 0 0 0;
float: right;
}
// Fix for the categories view
.itemContainerLast:first-child .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
padding: 0;
}
.itemCommentsPagination ul li {
display: inline-block;
font-size: 80%;
margin: 0 3px;
}
.itemCommentsPagination ul {
text-align: right;
}
#k2Container .pagination a,
#k2Container .pagination strong{
padding: 5px 10px 5px;
}
.itemsContainer{
max-width: 100%;
}
.k2UsersBlock li {
list-style-type: none;
}
// K2 responsiveness
@media (max-width: @breakpoint-small-max) {
#k2Container .itemContainer{
width: 100% !important;
}
.itemCommentsForm .inputbox {
width: 100%;
}
ul.itemCommentsList{
padding-left: 0;
}
.itemAuthorBlock .itemAuthorDetails{
margin-left: 0;
}
.itemComments .itemCommentsList li > div {
margin-left: 32px;
}
.itemAuthorContent div {
width: 100%;
}
#k2Container header h2 {
margin: 0;
}
#k2Container header > h1 {
font-size: 24px;
line-height: 40px;
margin: 0 0 15px 0;
}
.itemView span.uk-blog-date {
display: none;
}
}
@media (max-width: @breakpoint-mini-max) {
.itemExtraFields {
float: none;
margin: 0;
}
article header .itemRatingBlock > div {
float: left;
}
.itemList article header h1,
.itemList article header h2,
.itemsContainerWrap article header h1 {
font-size: 24px;
line-height: 40px;
}
}
//
// Mega menu
//
.icemegamenu {
ul,
li {
list-style-type: none;
padding: 0;
margin: 0;
}
> ul {
position: relative;
margin:0;
padding:0;
z-index: 999;
clear: both;
width: 100%;
background: none;
border: 0;
height: @navbar-nav-height;
> li {
position: relative;
display: block;
float: left;
// all levels
a.iceMenuTitle {
position: relative;
display: block;
font-family: @navbar-nav-font-family;
font-weight: @navbar-nav-font-weight;
font-size: @navbar-nav-font-size;
color: @theme-menuitem-color;
text-decoration: none;
}
// level 1
&.iceMenuLiLevel_1 > a.iceMenuTitle {
padding: 0 @navbar-nav-padding-horizontal;
height: @navbar-nav-height;
line-height: @navbar-nav-line-height;
text-transform: @navbar-nav-text-transform;
border-right: 1px solid @navbar-nav-item-border;
box-shadow: 1px 0 0 @navbar-nav-item-box-shadow;
}
span.icemega_title {
line-height: 2.3;
}
// subtitles
span.icemega_desc {
display:block;
line-height: @navbar-nav-line-height;
font-size: @navbar-nav-font-size - 1;
}
// when dont have subtitle
> a.iceMenuTitle > span.icemega_nosubtitle {
padding-top: 7px;
display: block;
}
// when is current
&.active:first-child {
border-radius: 0;
}
span.icemega_title.icemega_nosubtitle,
> a.iceMenuTitle > span.icemega_nosubtitle {
padding: 0;
line-height: inherit;
}
}
}
}
div.icemegamenu ul#icemegamenu{
li.iceMenuLiLevel_1:hover > a,
li.iceMenuLiLevel_1.active a.icemega_active {
background-color: @theme-menubar-active-item-background;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
color: @theme-menubar-active-item-color;
}
li.iceMenuLiLevel_1 > a > span.icemega_title{
color: @theme-menubar-active-item-color;
display: block;
}
}
// menu item divider
.icemegamenu ul.icesubMenu {
ul li:last-child,
.icemega_modulewrap ul li{
border-bottom: 0 none;
box-shadow: none;
}
}
.ice-megamenu-toggle {
display: none;
}
// Submenu
ul.icesubMenu {
position: absolute;
z-index: 600;
padding: 0;
margin: 0;
opacity: 0;
top: @navbar-nav-height - 10;
background-color: @theme-menubar-dropdown-background;
visibility: visible;
max-height: 0;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-webkit-transition: @global-transition;
-moz-transition: @global-transition;
transition: @global-transition;
ul > li {
position:relative;
&:hover > a.iceMenuTitle {
background-color: @theme-menuitem-hover-background;
color: @theme-menuitem-hover-color;
}
}
> li a.iceMenuTitle {
height: auto;
display: block;
padding: 8px @dropdown-small-padding;
letter-spacing: 0;
font-size: @dropdown-font-size;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 0 @theme_global-light-shadow;
&:hover{
background-color: @theme-menuitem-hover-background;
color: @theme-menuitem-hover-color;
}
}
li.active > a.iceMenuTitle {
color: @theme-menuitem-hover-color;
background-color: @theme-menuitem-hover-background;
}
// when is parent
li.parent > a:before {
content: "\f105";
float: right;
font-family: "fontAwesome";
color: inherit;
}
ul > li:hover > ul {
opacity: 1;
max-height: 1000px;
overflow: visible;
visibility: visible;
margin-left:-5px;
}
}
#icemegamenu > li:hover > ul.icesubMenu {
opacity: 1;
max-height: 1000px;
overflow: visible;
top: @navbar-nav-height;
}
// Second Level Dropdown
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
top: -1px;
left: 100%;
margin-left: -15px;
z-index: 99999;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
// Modules inside dropdown
.icesubMenu {
.icemega_cover_module {
padding: 15px;
}
.icemega_cover_module span.iceModuleTile {
font-size: 18px;
margin-bottom: 6px;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.icemega_cover_module {
width: auto !important;
}
}
.ice_righttoleft{
left:auto!important;
right:100%;
}
@media (max-width: @breakpoint-small-max) {
.icemegamenu {
display: none;
}
}
@media (max-width: @breakpoint-medium-max) and (min-width: @breakpoint-medium){
.icemegamenu > ul > li.iceMenuLiLevel_1 > a.iceMenuTitle{
padding: 0 15px;
}
}
//
// RokSprocket
//
.sprocket-mosaic {
.sprocket-mosaic-filter {
li {
background: none;
border: 1px solid @global-border;
border-radius: @global-border-radius;
text-transform: lowercase;
line-height: @global-line-height;
margin-right: 5px;
box-shadow: 0 0 0 1px @theme_global-light-shadow inset;
}
li:hover{
background-color: @global-light-background;
}
li.active {
background-color: @global-primary-background;
color: @global-contrast-color;
}
}
.sprocket-mosaic-order{
li {
background: none;
border: 1px solid @global-border;
text-transform: lowercase;
margin-left: 5px;
box-shadow: 0 0 0 1px @theme_global-light-shadow inset;
}
li:hover{
background-color: @global-light-background;
}
}
.sprocket-mosaic-item {
border: 0 solid @global-border;
border-radius: 0;
box-shadow: 0 1px 1px @global-border,
1px 1px 0 0px rgba(0, 0, 0, 0.045),
0 0 0 1px @theme_global-light-shadow inset;
.sprocket-padding {
padding: 0;
}
.sprocket-mosaic-title{
margin: 0;
font-size: @base-h3-font-size;
}
.sprocket-mosaic-text{
margin: @panel-box-padding/2;
}
.sprocket-mosaic-head {
margin: @panel-box-padding 0 0;
padding: 0 @panel-box-padding/2 10px;
}
}
.sprocket-mosaic-tags,
ul.sprocket-mosaic-tags{
margin: 0;
background: transparent;
padding: 10px 6px;
}
.sprocket-mosaic-tags li{
font-size: @global-font-size - 3;
font-style: normal;
margin: 0 5px 10px;
padding: 1px 15px;
text-transform: @navbar-nav-text-transform;
letter-spacing: 1px;
background-color: @global-light-background;
}
.sprocket-mosaic-header {
padding-bottom: 20px;
position: relative;
margin-bottom: @panel-box-padding;
}
}
.sprocket-readmore,
.sprocket-features-desc .readon{
padding-right: 20px;
margin: 10px;
float: right;
text-transform: lowercase;
}
.sprocket-mosaic-hovercontent{
display: none;
}
.sprocket-mosaic-hover{
border: 0 none;
background-color: @overlay-area-background;
margin: 0;
width: 100%;
height: auto;
top: 0;
opacity: 0;
text-align: center;
}
.sprocket-mosaic-loadmore {
background: transparent;
border: 0 none;
padding: 20px;
width: 20px;
height: 22px;
margin: 20px auto -8px;
}
.active .indicator {opacity: 1}
.roksprocket-ellipsis{display: inline-block;}
.sprocket-mosaic-image-container {
a:hover .sprocket-mosaic-hover{
opacity: 1;
}
a:hover img{
-webkit-transform: @global-hover-transform;
-moz-transform: @global-hover-transform;
transform: @global-hover-transform;
}
a .sprocket-mosaic-hover,
a img{
box-shadow: 0 0 10px 2px @global-border inset;
}
a .sprocket-mosaic-hover,
a img{
-webkit-transition: @global-transition;
-moz-transition: @global-transition;
transition: @global-transition;
}
}
.loadmore-more,
.loadmore-all{
display: none !important;
}
.sprocket-mosaic-loadmore {
font-size: 20px;
color: @global-primary-color;
font-family: @line-font-icon;
&:before{
content: "\e632";
}
&.loader:before{
content: "\e6c2";
-webkit-animation: uk-rotate 500ms infinite linear;
animation: uk-rotate 500ms infinite linear;
}
}
// import custom less
@import "custom-theme.less";