| Current Path : /var/www/templates/jl_minimal_free/less/ |
| Current File : /var/www/templates/jl_minimal_free/less/theme.less |
// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
@import "uikit/uikit.less";
@theme-toolbar-background: #f5f6f8;
@theme-toolbar-color: #8d969a;
@theme-article-background: @global-background;
@theme-article-padding: @global-margin-large;
/* Layout
========================================================================== */
html {
min-height: 100%;
background-color: @block-default-background;
}
//
// Blocks
//
.tm-main-top + .tm-content,
.tm-content + .tm-main-bottom,
.tm-middle + .tm-bottom-a,
.tm-middle + .tm-bottom-b,
.tm-footer-margin-top {
margin-top: @grid-gutter-vertical;
// Large screen
@media (min-width: @breakpoint-xlarge) { margin-top: @grid-gutter-large-vertical; }
}
// Add bottom margin to last element in the page (e.g. footer)
body > .uk-container > *:last-child {
margin-bottom: @grid-gutter-vertical;
// Large screen
@media (min-width: @breakpoint-xlarge) { margin-bottom: @grid-gutter-large-vertical; }
}
.tm-navbar {
position: relative;
padding: 0 40px;
z-index: 999;
}
//
// Block Alternative
//
.tm-block-alt {
background-color: @panel-box-background;
}
.tm-block-alt .uk-panel-box:not(.uk-panel-box-secondary) { background-color: @global-background; }
.tm-block-alt .uk-panel-header > .uk-panel-title:after { background-color: @panel-box-background; }
.tm-fullwidth > .uk-container {
max-width: 100%;
padding: 0;
}
.tm-logo-width {
max-width: inherit;
}
.tm-block-padding-no { padding: 0; }
.tm-block-padding-no > * { padding: 0; }
// Block Padding Large
.tm-block-large {
padding-top: @grid-gutter-horizontal;
padding-bottom: @grid-gutter-horizontal;
// Tablet and bigger
@media (min-width: @breakpoint-medium) {
padding-top: @global-margin-xlarge;
padding-bottom: @global-margin-xlarge;
}
// Large screen
@media (min-width: @breakpoint-xlarge) {
padding-top: 90px;
padding-bottom: 90px;
}
}
// Large screen
@media (min-width: @breakpoint-xlarge) {
.tm-content-width-small {
min-width: @utility-container-max-width;
}
}
.breadcrumbs {
background-color: #ffffff;
border-top: 1px solid #ebebeb;
padding-top: 18px;
}
//
// Toolbar
//
.tm-toolbar {
padding: 10px @global-grid-gutter;
border-bottom: 1px solid #ebedef;
background: @theme-toolbar-background;
color: @theme-toolbar-color;
// Large screen
@media (min-width: @breakpoint-xlarge) {
padding-left: @global-grid-gutter-large;
padding-right: @global-grid-gutter-large;
}
}
#tm-bottom-d .uk-nav > li > a {
padding: 5px 0;
}
//Footer
#tm-footer {
background: #333;
a {
color: #999 !important;
}
}
//
// To-top scroller
//
.tm-totop-scroller {
display: block;
height: @global-height;
right: @global-grid-gutter;
z-index: 1;
// Tablet and desktop
@media (min-width: @breakpoint-medium) { position: absolute; }
// Large screen
@media (min-width: @breakpoint-xlarge) { right: @global-grid-gutter-large; }
&:hover { }
&:after {
content: "\f106";
font-family:FontAwesome;
font-size: 30px;
}
}
/* Blog
========================================================================== */
.tm-noblog .tm-content,
.tm-isblog .tm-article {
padding: @theme-article-padding;
background: @theme-article-background;
}
.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; }