First Commit
This commit is contained in:
Kevin Adametz
commit
610aa1e202
4204 changed files with 636764 additions and 0 deletions
530
_static/assets/LESS/LESS_BS3/smarty/color_scheme.less
Normal file
530
_static/assets/LESS/LESS_BS3/smarty/color_scheme.less
Normal file
|
|
@ -0,0 +1,530 @@
|
|||
/** Color Scheme
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: @primary-color;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: @primary-color; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: @primary-color; /* Safari */
|
||||
}
|
||||
|
||||
|
||||
a,
|
||||
a:focus:not(.btn),
|
||||
section.dark a,
|
||||
#slidetop a:hover,
|
||||
h1 > span,
|
||||
h2 > span,
|
||||
h3 > span,
|
||||
h4 > span,
|
||||
h5 > span,
|
||||
h6 > span,
|
||||
.pagination>li>a,
|
||||
.pagination>li>a:hover,
|
||||
.pagination>li>span,
|
||||
ul.list-links>li>a:hover,
|
||||
#sidepanel ul li a[data-toggle="collapse"],
|
||||
#sidepanel ul li a[data-toggle="collapse"]:hover,
|
||||
#sidepanel ul li a:hover,
|
||||
.menu-list ul li a:hover, /* header-0.css */
|
||||
.menu-list ul li.active a, /* header-0.css */
|
||||
#menu_overlay_close:hover, /* header-0.css */
|
||||
#topMain.nav-pills>li.active>a>span.topMain-icon,
|
||||
#page-menu.page-menu-light ul>li:hover>a>i,
|
||||
#page-menu.page-menu-dark ul>li:hover>a>i,
|
||||
#page-menu.page-menu-transparent ul>li:hover>a>i,
|
||||
#page-menu.page-menu-light ul>li.active>a>i,
|
||||
#page-menu.page-menu-dark ul>li.active>a>i,
|
||||
#page-menu.page-menu-transparent ul>li.active>a>i,
|
||||
.tp-caption.block_white,
|
||||
section span.theme-color,
|
||||
section em.theme-color,
|
||||
section i.theme-color,
|
||||
section b.theme-color,
|
||||
section div.theme-color,
|
||||
section p.theme-color,
|
||||
.owl-carousel.featured a.figure>span>i,
|
||||
.owl-carousel.featured a:hover,
|
||||
figure.zoom>a.lightbox:hover,
|
||||
#portfolio h2>a:hover,
|
||||
#portfolio h3>a:hover,
|
||||
#portfolio h4>a:hover,
|
||||
#portfolio h5>a:hover,
|
||||
#portfolio h6>a:hover,
|
||||
.tab-post a:hover,
|
||||
.tag:hover>span.txt,
|
||||
section.dark .tag:hover>span.txt,
|
||||
ul.widget-twitter li>small>a:hover,
|
||||
.blog-post-item h2>a:hover,
|
||||
.blog-post-item h3>a:hover,
|
||||
.blog-post-item h4>a:hover,
|
||||
.blog-post-item h5>a:hover,
|
||||
.item-box .item-hover .inner .ico-rounded:hover>span,
|
||||
ul.side-nav>li:hover>a,
|
||||
ul.side-nav>li a:hover,
|
||||
ul.side-nav>li.active>a,
|
||||
a.href-reset:hover,
|
||||
a.href-reset.active,
|
||||
.href-reset a.active,
|
||||
.href-reset a:hover,
|
||||
.href-reset a.active,
|
||||
.price-clean-popular h4,
|
||||
.box-icon.box-icon-color i,
|
||||
.switch-primary.switch-round > input:checked + .switch-label:after,
|
||||
.mdl-badge.mdl-badge--no-background[data-badge]:after,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
#sidepanel.sidepanel-theme-color,
|
||||
div.alert.alert-theme-color,
|
||||
div.alert.alert-primary,
|
||||
span.badge-default,
|
||||
span.label-default,
|
||||
.list-group-item.active>.badge.badge-default,
|
||||
.nav-tabs.nav-alternate>li.active>a,
|
||||
.datepicker table tr td.active.active,
|
||||
.callout-theme-color,
|
||||
.progress-bar-primary,
|
||||
.toast-primary,
|
||||
.owl-theme .owl-controls .owl-page span,
|
||||
.open>.dropdown-toggle.btn-primary,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:hover,
|
||||
#header li.quick-cart .quick-cart-box a.btn,
|
||||
#header li.quick-cart .quick-cart-box a.btn:hover, /* used by dark & transparent header */
|
||||
#topMain.nav-pills>li.active>a>span.theme-color ,
|
||||
.ei-slider-thumbs li.ei-slider-element, /* elastic slider active indicator */
|
||||
.flex-control-paging li a.flex-active, /* flex slider bullets */
|
||||
.tp-caption.block_theme_color,
|
||||
.tp-bullets.simplebullets.round .bullet.selected,
|
||||
i.ico-color,
|
||||
.caption-primary,
|
||||
.shop-list-options .btn.active,
|
||||
.box-static.box-color,
|
||||
.switch.switch-primary > input:checked + .switch-label,
|
||||
.fancy-file-upload.fancy-file-primary>span.button,
|
||||
.primary-slider .ui-slider .ui-slider-handle:before,
|
||||
.primary-slider .ui-slider .ui-slider-range,
|
||||
.ribbon-inner,
|
||||
.info-bar.info-bar-color,
|
||||
.music-album-title:hover,
|
||||
.inews-item .inews-thumbnail .inews-sticky,
|
||||
#progressBar #bar, /* OWL */
|
||||
.mdl-badge[data-badge]:after,
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:@primary-color;
|
||||
}
|
||||
|
||||
/* !important required */
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-current,
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
|
||||
section .theme-background,
|
||||
.swiper-pagination-bullet-active {
|
||||
background-color:@primary-color !important;
|
||||
}
|
||||
.inews-content-inner h3>a,
|
||||
div.side-nav ul>li:hover>a,
|
||||
div.side-nav ul>li.active>a,
|
||||
.pagination.pagination-simple>li.active>a,
|
||||
div.side-nav ul.list-group-bordered>li>a:hover,
|
||||
section .theme-color {
|
||||
color:@primary-color !important;
|
||||
}
|
||||
|
||||
.primary-slider .ui-slider .ui-slider-handle,
|
||||
.switch.switch-primary > input:checked + .switch-label,
|
||||
.timeline_center li h3:before,
|
||||
.timeline_center:after,
|
||||
a.thumbnail.active,
|
||||
a.thumbnail:hover,
|
||||
.hvr-reveal:before,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:@primary-color;
|
||||
}
|
||||
|
||||
.open>.dropdown-toggle.btn-primary,
|
||||
.btn-primary,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:hover
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:hover {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:@primary-color;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:@primary-color;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: @primary-color #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: @primary-color #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: @primary-color #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: @primary-color 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:@primary-color;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 @primary-color @primary-color;
|
||||
}
|
||||
|
||||
#topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle {
|
||||
background-image: url('../../images/_smarty/submenu_light.png');
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu li.active>a,
|
||||
#topNav div.submenu-color ul.dropdown-menu li.active:hover>a,
|
||||
#topNav div.submenu-color ul.dropdown-menu li.active:focus>a,
|
||||
#topNav div.submenu-color ul.dropdown-menu li:hover>a,
|
||||
#topNav div.submenu-color ul.dropdown-menu li:focus>a,
|
||||
#topNav div.submenu-color ul.dropdown-menu li:focus>a {
|
||||
color:#fff;
|
||||
background-color:rgba(0,0,0,0.15);
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu li.divider {
|
||||
background-color:rgba(255,255,255,0.3);
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu>li a {
|
||||
color:#fff;
|
||||
}
|
||||
#topNav div.submenu-color #topMain>li.mega-menu div.row div>ul>li>span {
|
||||
color:#fff;
|
||||
}
|
||||
#topNav div.submenu-color #topMain>li.mega-menu div.row div {
|
||||
border-left: rgba(0,0,0,0.2) 1px solid;
|
||||
}
|
||||
|
||||
|
||||
/* Theme Color Section */
|
||||
section.theme-color,
|
||||
section.theme-color div.heading-title.heading-dotted h1,
|
||||
section.theme-color div.heading-title.heading-dotted h2,
|
||||
section.theme-color div.heading-title.heading-dotted h3,
|
||||
section.theme-color div.heading-title.heading-dotted h4,
|
||||
section.theme-color div.heading-title.heading-dotted h5,
|
||||
section.theme-color div.heading-title.heading-dotted h6 {
|
||||
color:#fff;
|
||||
background-color: @primary-color;
|
||||
}
|
||||
section.theme-color div.heading-title h1,
|
||||
section.theme-color div.heading-title h2,
|
||||
section.theme-color div.heading-title h3,
|
||||
section.theme-color div.heading-title h4,
|
||||
section.theme-color div.heading-title h5,
|
||||
section.theme-color div.heading-title h6 {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
section.theme-color div.heading-title h1 span,
|
||||
section.theme-color div.heading-title h2 span,
|
||||
section.theme-color div.heading-title h3 span,
|
||||
section.theme-color div.heading-title h4 span,
|
||||
section.theme-color div.heading-title h5 span,
|
||||
section.theme-color div.heading-title h6 span {
|
||||
color:#fff;
|
||||
}
|
||||
section.theme-color a {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
section.theme-color a:hover {
|
||||
color:#111;
|
||||
}
|
||||
section.theme-color pre {
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
section.theme-color div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Vertical Menu
|
||||
*************************************************** **/
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a {
|
||||
color:@primary-color !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: @primary-color;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: @primary-color !important;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Dividers
|
||||
*************************************************** **/
|
||||
div.divider.divider-color i {
|
||||
color:#fff;
|
||||
}
|
||||
div.divider.divider-color:before,
|
||||
div.divider.divider-color:after {
|
||||
border-top:@primary-color 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:@primary-color;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: @primary-color;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:@primary-color;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:@primary-color;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:@primary-color;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:@primary-color;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:@primary-color;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:@primary-color;
|
||||
}
|
||||
.box-icon a.box-icon-more {
|
||||
color:#111;
|
||||
}
|
||||
.box-icon a.box-icon-more:hover,
|
||||
section.dark .box-icon a.box-icon-more:hover {
|
||||
color:@primary-color;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:@primary-color;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:@primary-color;
|
||||
}
|
||||
|
||||
.box-flip .box2 h1,
|
||||
.box-flip .box2 h2,
|
||||
.box-flip .box2 h3,
|
||||
.box-flip .box2 h4,
|
||||
.box-flip .box2 h5,
|
||||
.box-flip .box2 h6 {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.box-static.box-border-top {
|
||||
border-color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:@primary-color !important;
|
||||
background-color:@primary-color !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:@primary-color;
|
||||
background-color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:@primary-color;
|
||||
}
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot:after {
|
||||
background-color:rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
ul.process-steps li.active a,
|
||||
ul.process-steps li.active a:focus,
|
||||
ul.process-steps li.active:hover>a {
|
||||
background-color:@primary-color !important;
|
||||
border-color:@primary-color !important;
|
||||
}
|
||||
|
||||
ul.process-steps li.active h1,
|
||||
ul.process-steps li.active h2,
|
||||
ul.process-steps li.active h3,
|
||||
ul.process-steps li.active h4,
|
||||
ul.process-steps li.active h5,
|
||||
ul.process-steps li.active h6 {
|
||||
color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:@primary-color;
|
||||
border-color:@primary-color;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:@primary-color !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:@primary-color !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: @primary-color !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: @primary-color !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: @primary-color;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px @primary-color, 0 0 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active,
|
||||
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active,
|
||||
.hvr-sweep-to-right:before,
|
||||
.hvr-sweep-to-left:before,
|
||||
.hvr-sweep-to-bottom:before,
|
||||
.hvr-sweep-to-top:before,
|
||||
.hvr-bounce-to-right:before,
|
||||
.hvr-bounce-to-left:before,
|
||||
.hvr-bounce-to-bottom:before,
|
||||
.hvr-bounce-to-top:before ,
|
||||
.hvr-radial-out:before,
|
||||
.hvr-radial-in,
|
||||
.hvr-rectangle-inm
|
||||
.hvr-rectangle-out:before,
|
||||
.hvr-shutter-in-horizontal,
|
||||
.hvr-shutter-out-horizontal:before,
|
||||
.hvr-shutter-in-vertical,
|
||||
.hvr-shutter-out-vertical:before,
|
||||
.hvr-underline-from-left:before,
|
||||
.hvr-underline-from-center:before,
|
||||
.hvr-underline-from-right:before,
|
||||
.hvr-overline-from-left:before,
|
||||
.hvr-overline-from-center:before,
|
||||
.hvr-overline-from-right:before,
|
||||
.hvr-underline-reveal:before,
|
||||
.hvr-overline-reveal:before {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
242
_static/assets/LESS/LESS_BS3/smarty/custom-forms-v2.less
Normal file
242
_static/assets/LESS/LESS_BS3/smarty/custom-forms-v2.less
Normal file
|
|
@ -0,0 +1,242 @@
|
|||
/** CUSTOM FORM ELEMENTS [OPTIONAL]
|
||||
|
||||
This CSS file will must be included after all other CSS's.
|
||||
Nothing special - will only rewrite the form elements (input, textarea, select2, buttons)
|
||||
to look more clean, professional.
|
||||
|
||||
|
||||
**************************************************************** **/
|
||||
|
||||
|
||||
/** CUSTOM : FORM ELEMENTS
|
||||
*************************** **/
|
||||
.btn {
|
||||
height:auto;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
input.form-control,
|
||||
select.form-control,
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
color: #121212;
|
||||
background-color: #fff;
|
||||
border-color: #dee5ed;
|
||||
width: 100%;
|
||||
|
||||
border-width:1px;
|
||||
font-size: 16px;
|
||||
padding: 14px 20px;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 15px;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
|
||||
input.form-control:hover,
|
||||
select.form-control:hover,
|
||||
textarea.form-control:hover {
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
|
||||
section.dark input.form-control:hover,
|
||||
section.dark select.form-control:hover,
|
||||
section.dark textarea.form-control:hover {
|
||||
background-color: #1c2125 !important;
|
||||
}
|
||||
|
||||
section.dark .select2-container .select2-selection--single .select2-selection__rendered,
|
||||
section.dark input.form-control,
|
||||
section.dark select.form-control,
|
||||
section.dark textarea.form-control {
|
||||
color: #ffffff;
|
||||
background-color: #272e33 ;
|
||||
border-color: #272e33;
|
||||
}
|
||||
|
||||
section.dark input::placeholder,
|
||||
section.dark select::placeholder,
|
||||
section.dark textarea::placeholder {
|
||||
color: #a3a9b0 !important;
|
||||
}
|
||||
|
||||
/* textarea */
|
||||
textarea.form-control {
|
||||
min-height:100px;
|
||||
}
|
||||
|
||||
/* normal select */
|
||||
select.form-control:not([size]):not([multiple]) {
|
||||
height: 50px;
|
||||
-webkit-appearance:none;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) no-repeat;
|
||||
background-position: center right 20px;
|
||||
background-color: #fff;
|
||||
color:#a3a9b0;
|
||||
}
|
||||
section.dark select.form-control:not([size]):not([multiple]) {
|
||||
background: #272e33 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 15px center no-repeat;
|
||||
background-position: center right 20px;
|
||||
color:# c9c9c9;
|
||||
}
|
||||
|
||||
|
||||
/* SELECT2 CUSTOM */
|
||||
.select2 {
|
||||
position: relative;
|
||||
}
|
||||
.select2-container--default .select2-selection--single {
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
font-size: 16px;
|
||||
height: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
@media (min-width: 64em) {
|
||||
.select2-container.select2-container--open {
|
||||
max-width: 393px !important;
|
||||
}
|
||||
}
|
||||
.select2-container .select2-selection--single {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
}
|
||||
.select2-container .select2-selection--single .select2-selection__rendered {
|
||||
font-size: 16px;
|
||||
max-width: 100%;
|
||||
padding: 16px 20px;
|
||||
border-radius: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #dee5ed;
|
||||
resize: none;
|
||||
line-height: 1;
|
||||
outline: none;
|
||||
color: #a3a9b0;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
height: 50px;
|
||||
}
|
||||
.select2-container .select2-selection--single .select2-selection__rendered:after {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 0 center no-repeat;
|
||||
width: 20px;
|
||||
}
|
||||
.select2-container .select2-results .select2-results__options {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
}
|
||||
.select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #ccc;
|
||||
}
|
||||
section.dark .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
background-color: #272e33;
|
||||
border-color: #272e33;
|
||||
color: #a3a9b0;
|
||||
}
|
||||
section.dark .select2-container .select2-selection--single .select2-selection__rendered,
|
||||
.select2-container .select2-selection--single .select2-selection__rendered {
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
.select2-container .select2-selection--single .select2-selection__rendered:hover {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
section.dark .select2-container .select2-selection--single .select2-selection__rendered:hover {
|
||||
background-color: #1c2125;
|
||||
}
|
||||
section.dark .select2-container .select2-selection--single .select2-selection__rendered:focus {
|
||||
border-color: #c1d120;
|
||||
}
|
||||
section.dark .select2-container .select2-results .select2-results__options {
|
||||
border-color: #a3a9b0;
|
||||
}
|
||||
section.dark .select2-container .select2-results .select2-results__options .select2-results__option {
|
||||
background-color: #272e33;
|
||||
color: #a3a9b0;
|
||||
}
|
||||
section.dark .select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #333a3f;
|
||||
}
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 0 center no-repeat;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
margin-top: -9px;
|
||||
}
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
display: none;
|
||||
}
|
||||
.select2-results__option {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.select2-container.select2-container--open {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
section.dark .select2-dropdown {
|
||||
border: 0;
|
||||
}
|
||||
.select2-dropdown {
|
||||
border-color: #dee5ed;
|
||||
border-width:1px;
|
||||
}
|
||||
.select2-container--focus {
|
||||
outline: 1px solid transparent;
|
||||
z-index: 102;
|
||||
}
|
||||
/* search field */
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
padding: 6px !important;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** RTL
|
||||
Add .rtl class to body
|
||||
*************************** **/
|
||||
/* forms */
|
||||
body.rtl .select2-container .select2-results .select2-results__options,
|
||||
body.rtl .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
text-align: right !important;
|
||||
}
|
||||
body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
left:15px;
|
||||
}
|
||||
body.rtl .select2-results__option,
|
||||
body.rtl .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
padding-left:20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
body.rtl input, body.rtl select, body.rtl textarea {
|
||||
text-align:right !important;
|
||||
}
|
||||
|
||||
/* normal select */
|
||||
body.rtl select.form-control:not([size]):not([multiple]) {
|
||||
background-position: center left 15px;
|
||||
}
|
||||
body.rtl section.dark select.form-control:not([size]):not([multiple]) {
|
||||
background-position: center left 15px;
|
||||
}
|
||||
251
_static/assets/LESS/LESS_BS3/smarty/header-0.less
Normal file
251
_static/assets/LESS/LESS_BS3/smarty/header-0.less
Normal file
|
|
@ -0,0 +1,251 @@
|
|||
#topMain {
|
||||
position:fixed;
|
||||
left:0; top:0;
|
||||
right:0; bottom:0;
|
||||
background-color:rgba(0,0,0,0.95);
|
||||
height:100%;
|
||||
width:100%;
|
||||
display:table;
|
||||
z-index:9999;
|
||||
|
||||
-webkit-transform: translate3d(-100%,0,0);
|
||||
transform: translate3d(-100%,0,0);
|
||||
-webkit-transition: -webkit-transform 0.4s;
|
||||
transition: transform 0.4s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
}
|
||||
|
||||
#topMain .menu-content {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
color:#fff;
|
||||
}
|
||||
#topMain .menu-content span a:hover,
|
||||
#topMain .menu-content p a:hover {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
#topMain .menu-content>.container {
|
||||
position:inherit;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Shown Menu */
|
||||
body.show-menu {
|
||||
overflow: hidden;
|
||||
}
|
||||
body.show-menu #topMain {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-webkit-transition: -webkit-transform 0.34s;
|
||||
transition: transform 0.34s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
}
|
||||
|
||||
body.show-menu .menu-list,
|
||||
body.show-menu .menu-list ul li {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-webkit-transition: -webkit-transform 0.8s;
|
||||
transition: transform 0.8s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
|
||||
}
|
||||
|
||||
body.show-menu .menu-list ul li {
|
||||
-webkit-transition-duration: 0.9s;
|
||||
transition-duration: 0.9s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* menu list */
|
||||
.menu-list ul {
|
||||
font-family:sans-serif;
|
||||
}
|
||||
.menu-list ul li {
|
||||
line-height: 54px;
|
||||
}
|
||||
.menu-list ul li a {
|
||||
color:#fff;
|
||||
font-weight: 900;
|
||||
font-size: 30px;
|
||||
text-decoration:none;
|
||||
letter-spacing: 2.5pt;
|
||||
}
|
||||
|
||||
/* open button */
|
||||
ul.topNavBtn {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button) {
|
||||
display: block;
|
||||
border: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
z-index: 1000;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
background: transparent;
|
||||
outline: 0;
|
||||
float: right;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
margin-top:50%;
|
||||
}
|
||||
#header.header-sm #menu_overlay_open {
|
||||
margin-top:8px;
|
||||
}
|
||||
#header.header-md #menu_overlay_open {
|
||||
margin-top:12px;
|
||||
}
|
||||
#header.fixed #menu_overlay_open {
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button):hover{
|
||||
border: 0;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button)>span {
|
||||
-webkit-transition: all 0.1s ease 0s;
|
||||
transition: all 0.1s ease 0s;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top:21px;
|
||||
margin: auto;
|
||||
background: #545454;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button)>span:before,
|
||||
#menu_overlay_open:not(.custom-button)>span:after {
|
||||
-webkit-transition: all 0.2s ease 0s;
|
||||
transition: all 0.2s ease 0s;
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 25px;
|
||||
height: 2px;
|
||||
background: #545454;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button)>span:after{
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button)>span:before{
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
#menu_overlay_open:not(.custom-button)>span:before {
|
||||
bottom: -5px;
|
||||
}
|
||||
#menu_overlay_open:not(.custom-button)>span:after {
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
html.no-touch #menu_overlay_open:not(.custom-button):hover>span:after {
|
||||
top: -7px;
|
||||
}
|
||||
|
||||
html.no-touch #menu_overlay_open:not(.custom-button):hover>span:before {
|
||||
bottom: -7px;
|
||||
}
|
||||
|
||||
/* close button */
|
||||
#menu_overlay_close {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
left: 50%; margin-left:-20px;
|
||||
top: 0;
|
||||
font-size: 25px;
|
||||
width:60px;
|
||||
height:60px;
|
||||
cursor: pointer;
|
||||
border:0;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
#menu_overlay_close:hover {
|
||||
background-color: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* search */
|
||||
#header li.search {
|
||||
padding-top:35px;
|
||||
}
|
||||
#header li.search .search-box {
|
||||
display:none;
|
||||
right: 0;
|
||||
top: 100%;
|
||||
padding: 15px;
|
||||
background: #fcfafb;
|
||||
position: absolute;
|
||||
border-top: solid 2px #333;
|
||||
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
|
||||
width: 274px;
|
||||
margin: -5px 0 0 0;
|
||||
z-index: 22;
|
||||
}
|
||||
#header li.search i.sepy {
|
||||
width: 1px;
|
||||
height: 25px;
|
||||
background: #eaeaea;
|
||||
position: relative;
|
||||
margin: 0 18px 0 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
#header li.search i.fa {
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
form.mobile-search {
|
||||
display:none;
|
||||
}
|
||||
#header li.search .search-box form {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
/*
|
||||
#topMain {
|
||||
position:absolute;
|
||||
}
|
||||
*/
|
||||
#menu_overlay_close {
|
||||
left: auto; right:0;
|
||||
margin-left:0;
|
||||
}
|
||||
.menu-list ul li a {
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
102
_static/assets/LESS/LESS_BS3/smarty/header-1.less
Normal file
102
_static/assets/LESS/LESS_BS3/smarty/header-1.less
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
#topMain>li>a {
|
||||
height:96px;
|
||||
line-height:76px;
|
||||
}
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#1F262D;
|
||||
font-weight:400;
|
||||
background-color:transparent;
|
||||
}
|
||||
#topMain.nav-pills>li:hover>a,
|
||||
#topMain.nav-pills>li:focus>a {
|
||||
color:#1F262D;
|
||||
background-color:lighten(@primary-color, 20%)
|
||||
}
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:darken(@primary-color, 20%);
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a.dropdown-toggle {
|
||||
padding-right:25px;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#topMain.nav-pills>li>a.dropdown-toggle:after {
|
||||
display: block;
|
||||
content: "\f107";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
margin: -5px 0 0;
|
||||
font-family: FontAwesome;
|
||||
font-size: 12px;
|
||||
opacity: .3;
|
||||
line-height: 1em;
|
||||
|
||||
-webkit-transition: -webkit-transform .2s ease-in;
|
||||
-moz-transition: -moz-transform .2s ease-in;
|
||||
-ms-transition: -ms-transform .2s ease-in;
|
||||
-o-transition: -o-transform .2s ease-in;
|
||||
transition: transform .2s ease-in;
|
||||
}
|
||||
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
#topNav .navbar-collapse {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#topNav a.logo {
|
||||
height:96px;
|
||||
line-height:96px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1215px) {
|
||||
#topMain.nav-pills>li>a {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
/* Force 60px */
|
||||
#header {
|
||||
height:60px !important;
|
||||
}
|
||||
#header #topNav a.logo {
|
||||
height:60px !important;
|
||||
line-height:50px !important;
|
||||
}
|
||||
#header #topNav a.logo>img {
|
||||
max-height:60px !important;
|
||||
}
|
||||
#header #topNav #topMain>li>a {
|
||||
height:40px !important;
|
||||
line-height:40px !important;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
|
||||
#topMain>li {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
#header li.search .search-box {
|
||||
margin:0 !important;
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
top:60px !important;
|
||||
width:100%;
|
||||
background-color:#fff;
|
||||
border-top:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
}
|
||||
113
_static/assets/LESS/LESS_BS3/smarty/header-2.less
Normal file
113
_static/assets/LESS/LESS_BS3/smarty/header-2.less
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
#topMain {
|
||||
border-right:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li>a {
|
||||
height:96px;
|
||||
line-height:76px;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#1F262D;
|
||||
font-weight:400;
|
||||
background-color:transparent;
|
||||
border-left:rgba(0,0,0,0.05) 1px solid;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#topMain.nav-pills>li:hover>a,
|
||||
#topMain.nav-pills>li:focus>a {
|
||||
color:#1F262D;
|
||||
background-color:rgba(0,0,0,0.01);
|
||||
}
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#687482;
|
||||
background-color:rgba(0,0,0,0.01);
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a.dropdown-toggle {
|
||||
padding-left:20px;
|
||||
padding-right:20px;
|
||||
}
|
||||
|
||||
#topNav .navbar-collapse {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#topNav a.logo {
|
||||
height:96px;
|
||||
line-height:96px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#header ul.nav-second-main {
|
||||
border-left:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#topMain.nav-pills>li>a {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#topMain,
|
||||
#topMain>li>a {
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a.dropdown-toggle:after {
|
||||
display: block;
|
||||
content: "\f107";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
margin: -5px 0 0;
|
||||
font-family: FontAwesome;
|
||||
font-size: 12px;
|
||||
opacity: .3;
|
||||
line-height: 1em;
|
||||
|
||||
}
|
||||
|
||||
/* Force 60px */
|
||||
#header {
|
||||
height:60px !important;
|
||||
}
|
||||
#header #topNav a.logo {
|
||||
height:60px !important;
|
||||
line-height:50px !important;
|
||||
}
|
||||
#header #topNav a.logo>img {
|
||||
max-height:60px !important;
|
||||
}
|
||||
#header #topNav #topMain>li>a {
|
||||
height:40px !important;
|
||||
line-height:40px !important;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
|
||||
#topMain>li {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
#header li.search .search-box {
|
||||
margin:0 !important;
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
top:60px !important;
|
||||
width:100%;
|
||||
background-color:#fff;
|
||||
border-top:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
}
|
||||
118
_static/assets/LESS/LESS_BS3/smarty/header-3.less
Normal file
118
_static/assets/LESS/LESS_BS3/smarty/header-3.less
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
#topMain>li>a {
|
||||
height:96px;
|
||||
line-height:76px;
|
||||
}
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:10px !important;
|
||||
}
|
||||
#topMain.nav-pills>li:first-child {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#topMain>li>a>span.bordered {
|
||||
padding:10px 15px;
|
||||
border:rgba(0,0,0,0.05) 1px solid;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#header.fixed #topMain>li>a {
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#1F262D;
|
||||
font-weight:400;
|
||||
background-color:transparent;
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
}
|
||||
#topMain.nav-pills>li:hover>a,
|
||||
#topMain.nav-pills>li:focus>a {
|
||||
color:#1F262D;
|
||||
}
|
||||
#topMain.nav-pills>li.active>a>span.bordered,
|
||||
#topMain.nav-pills>li:hover>a>span.bordered,
|
||||
#topMain.nav-pills>li:focus>a>span.bordered {
|
||||
background-color:rgba(0,0,0,0.01);
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#687482;
|
||||
}
|
||||
#header.fixed #topNav #topMain>li>a {
|
||||
margin-top:0px;
|
||||
}
|
||||
#topNav .navbar-collapse {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#topNav a.logo {
|
||||
height:96px;
|
||||
line-height:96px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#header ul.nav-second-main {
|
||||
border-left:0;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#topMain.nav-pills>li>a {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#topMain>li>a>span.bordered {
|
||||
color:#151515;
|
||||
display:block !important;
|
||||
padding-top:0;
|
||||
height:40px;
|
||||
border:0;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Force 60px */
|
||||
#header {
|
||||
height:60px !important;
|
||||
}
|
||||
#header #topNav a.logo {
|
||||
height:60px !important;
|
||||
line-height:50px !important;
|
||||
}
|
||||
#header #topNav a.logo>img {
|
||||
max-height:60px !important;
|
||||
}
|
||||
#header #topNav #topMain>li>a {
|
||||
height:40px !important;
|
||||
line-height:40px !important;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
|
||||
#topMain>li {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
#header li.search .search-box {
|
||||
margin:0 !important;
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
top:60px !important;
|
||||
width:100%;
|
||||
background-color:#fff;
|
||||
border-top:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
}
|
||||
123
_static/assets/LESS/LESS_BS3/smarty/header-4.less
Normal file
123
_static/assets/LESS/LESS_BS3/smarty/header-4.less
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
#topMain>li>a {
|
||||
height:96px;
|
||||
line-height:76px;
|
||||
}
|
||||
|
||||
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:3px !important;
|
||||
}
|
||||
#topMain.nav-pills>li:first-child {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#topMain>li>a>span.theme-color {
|
||||
padding:10px 15px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#header.fixed #topMain>li>a {
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#1F262D;
|
||||
font-weight:400;
|
||||
background-color:transparent;
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
}
|
||||
#topMain.nav-pills>li:hover>a,
|
||||
#topMain.nav-pills>li:focus>a {
|
||||
color:#1F262D;
|
||||
}
|
||||
#topMain.nav-pills>li.active>a>span.theme-color,
|
||||
#topMain.nav-pills>li:hover>a>span.theme-color,
|
||||
#topMain.nav-pills>li:focus>a>span.theme-color {
|
||||
background-color:rgba(0,0,0,0.01);
|
||||
}
|
||||
#header.fixed #topNav #topMain>li>a {
|
||||
margin-top:0px;
|
||||
}
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#topNav .navbar-collapse {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#topNav a.logo {
|
||||
height:96px;
|
||||
line-height:96px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
#header ul.nav-second-main {
|
||||
border-left:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#topMain.nav-pills>li>a {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#topMain>li>a>span.theme-color {
|
||||
color:#151515;
|
||||
display:block !important;
|
||||
padding-top:0;
|
||||
height:40px;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#topMain>li.active>a>span.theme-color {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* Force 60px */
|
||||
#header {
|
||||
height:60px !important;
|
||||
}
|
||||
#header #topNav a.logo {
|
||||
height:60px !important;
|
||||
line-height:50px !important;
|
||||
}
|
||||
#header #topNav a.logo>img {
|
||||
max-height:60px !important;
|
||||
}
|
||||
#header #topNav #topMain>li>a {
|
||||
height:40px !important;
|
||||
line-height:40px !important;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
|
||||
#topMain>li {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
#header li.search .search-box {
|
||||
margin:0 !important;
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
top:60px !important;
|
||||
width:100%;
|
||||
background-color:#fff;
|
||||
border-top:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
}
|
||||
132
_static/assets/LESS/LESS_BS3/smarty/header-5.less
Normal file
132
_static/assets/LESS/LESS_BS3/smarty/header-5.less
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
#topMain>li>a {
|
||||
height:96px;
|
||||
line-height:76px;
|
||||
}
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:10px !important;
|
||||
}
|
||||
#topMain.nav-pills>li:first-child,
|
||||
#header.fixed #topMain.nav-pills>li {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
|
||||
#topMain>li>a>span.topMain-icon {
|
||||
padding:0 10px 0 10px;
|
||||
display:block;
|
||||
margin-top:15px;
|
||||
}
|
||||
#header.fixed #topMain>li>a>span.topMain-icon {
|
||||
padding:0 15px;
|
||||
}
|
||||
#header.fixed #topMain>li>a>span.topMain-icon {
|
||||
margin-top:13px;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#1F262D;
|
||||
font-weight:400;
|
||||
background-color:transparent;
|
||||
padding-left:0 !important;
|
||||
padding-right:0 !important;
|
||||
line-height:15px !important;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li:hover>a,
|
||||
#topMain.nav-pills>li:focus>a {
|
||||
color:#1F262D;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a>span.topMain-icon>i {
|
||||
display:block;
|
||||
font-size:22px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#header.fixed #topMain.nav-pills>li>a>span.topMain-icon>i {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#687482;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
#topNav .navbar-collapse {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#topNav a.logo {
|
||||
height:96px;
|
||||
line-height:96px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#topMain.nav-pills>li>a {
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#topMain.nav-pills>li {
|
||||
margin-left:0 !important;
|
||||
}
|
||||
#topMain>li>a>span.topMain-icon {
|
||||
color:#151515;
|
||||
display:block !important;
|
||||
padding-top:0;
|
||||
margin-top:0;
|
||||
height:40px;
|
||||
border:0;
|
||||
text-align:left;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#topMain.nav-pills>li>a>span.topMain-icon>i {
|
||||
display:inline-block;
|
||||
font-size:15px;
|
||||
margin:0;
|
||||
padding:0 15px 0 0;
|
||||
}
|
||||
|
||||
/* Force 60px */
|
||||
#header {
|
||||
height:60px !important;
|
||||
}
|
||||
#header #topNav a.logo {
|
||||
height:60px !important;
|
||||
line-height:50px !important;
|
||||
}
|
||||
#header #topNav a.logo>img {
|
||||
max-height:60px !important;
|
||||
}
|
||||
#header #topNav #topMain>li>a {
|
||||
height:40px !important;
|
||||
line-height:40px !important;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
|
||||
#topMain>li {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
#topMain>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
#header li.search .search-box {
|
||||
margin:0 !important;
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
top:60px !important;
|
||||
width:100%;
|
||||
background-color:#fff;
|
||||
border-top:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
}
|
||||
30
_static/assets/LESS/LESS_BS3/smarty/layout-404.less
Normal file
30
_static/assets/LESS/LESS_BS3/smarty/layout-404.less
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
/** Error 404
|
||||
**************************************************************** **/
|
||||
.error-404 {
|
||||
content: '404';
|
||||
font-size:200px;
|
||||
line-height:200px;
|
||||
font-weight:bold;
|
||||
color:#ddd;
|
||||
text-align:center;
|
||||
left:0; right:0;
|
||||
top:0; bottom:0;
|
||||
}
|
||||
section.dark .error-404 {
|
||||
color:#666;
|
||||
}
|
||||
.inline-search-404 {
|
||||
margin-top:60px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 482px) {
|
||||
.inline-search-404 {
|
||||
margin-top:20px;
|
||||
}
|
||||
footer.footer-err-404 {
|
||||
display:none;
|
||||
}
|
||||
.err-404-row>div {
|
||||
margin-bottom:15px !important;
|
||||
}
|
||||
}
|
||||
1317
_static/assets/LESS/LESS_BS3/smarty/layout-RTL.less
Normal file
1317
_static/assets/LESS/LESS_BS3/smarty/layout-RTL.less
Normal file
File diff suppressed because it is too large
Load diff
107
_static/assets/LESS/LESS_BS3/smarty/layout-aside.less
Normal file
107
_static/assets/LESS/LESS_BS3/smarty/layout-aside.less
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
/** Aside
|
||||
**************************************************************** **/
|
||||
.tab-post {
|
||||
padding-bottom: 20px;
|
||||
margin: 0 0 20px 0;
|
||||
border-bottom: rgba(0,0,0,0.06) 1px solid;
|
||||
}
|
||||
.tab-post a {
|
||||
color:#666;
|
||||
text-decoration:none;
|
||||
}
|
||||
section.dark .tab-post a {
|
||||
color:#ddd;
|
||||
}
|
||||
.tab-post small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Aside Navigation
|
||||
********************* **/
|
||||
ul.side-nav span.badge {
|
||||
float:right;
|
||||
margin-top:3px;
|
||||
font-weight:400;
|
||||
}
|
||||
ul.side-nav>li>span.badge {
|
||||
margin-top:12px;
|
||||
margin-right:6px;
|
||||
}
|
||||
ul.side-nav li.list-group-item>a>.label {
|
||||
margin-right:20px;
|
||||
}
|
||||
|
||||
ul.side-nav li {
|
||||
list-style:none;
|
||||
}
|
||||
ul.side-nav ul {
|
||||
margin:0 0 20px 0;
|
||||
padding:0;
|
||||
}
|
||||
ul.side-nav ul li {
|
||||
padding:0 15px;
|
||||
}
|
||||
ul.side-nav ul li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul.side-nav a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:#333;
|
||||
font-size:13px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
ul.side-nav a i.fa {
|
||||
width:10px;
|
||||
}
|
||||
ul.side-nav ul li a {
|
||||
padding:3px;
|
||||
font-size:12px;
|
||||
}
|
||||
ul.side-nav>li {
|
||||
padding:0;
|
||||
}
|
||||
ul.side-nav>li>a {
|
||||
padding:7px 10px;
|
||||
}
|
||||
ul.side-nav>li.list-group-item.active {
|
||||
border:0;
|
||||
background-color:transparent;
|
||||
}
|
||||
ul.side-nav>li.active>a {
|
||||
background-color:transparent;
|
||||
}
|
||||
ul.side-nav li.list-toggle.active:after,
|
||||
ul.side-nav > li.active>a {
|
||||
font-weight:700;
|
||||
}
|
||||
ul.side-nav li.list-toggle:after {
|
||||
content: "\f104";
|
||||
font-family: FontAwesome;
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
right: 10px;
|
||||
top: 7px;
|
||||
font-weight:normal;
|
||||
color:#999;
|
||||
}
|
||||
ul.side-nav li.list-toggle.active:after {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
ul.side-nav .list-group-item {
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
section.dark ul.side-nav .list-group-item {
|
||||
border-bottom-color:#333;
|
||||
border-top-color:#333;
|
||||
}
|
||||
135
_static/assets/LESS/LESS_BS3/smarty/layout-background.less
Normal file
135
_static/assets/LESS/LESS_BS3/smarty/layout-background.less
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
/** Color Background
|
||||
**************************************************************** **/
|
||||
/*
|
||||
GRAIN BLUE BACKGROUND
|
||||
*/
|
||||
body.grain-blue,
|
||||
body.grain-blue #wrapper,
|
||||
body.grain-blue #topBar,
|
||||
body.grain-blue #header.fixed,
|
||||
body.grain-blue #header li.search .search-box,
|
||||
body.grain-blue #header li.quick-cart .quick-cart-box,
|
||||
body.grain-blue div.heading-title h1,
|
||||
body.grain-blue div.heading-title h2,
|
||||
body.grain-blue div.heading-title h3,
|
||||
body.grain-blue div.heading-title h4,
|
||||
body.grain-blue div.heading-title h5,
|
||||
body.grain-blue div.heading-title h6 {
|
||||
background:#dce4e9 url("@{image-path}grain_bg.png") repeat;
|
||||
}
|
||||
/*
|
||||
GRAIN GREY BACKGROUND
|
||||
*/
|
||||
body.grain-grey,
|
||||
body.grain-grey #wrapper,
|
||||
body.grain-grey #topBar,
|
||||
body.grain-grey #header.fixed,
|
||||
body.grain-grey #header li.search .search-box,
|
||||
body.grain-grey #header li.quick-cart .quick-cart-box,
|
||||
body.grain-grey div.heading-title h1,
|
||||
body.grain-grey div.heading-title h2,
|
||||
body.grain-grey div.heading-title h3,
|
||||
body.grain-grey div.heading-title h4,
|
||||
body.grain-grey div.heading-title h5,
|
||||
body.grain-grey div.heading-title h6 {
|
||||
background:#f1f2f7 url("@{image-path}grain_bg.png") repeat;
|
||||
}
|
||||
/*
|
||||
GRAIN GREEN BACKGROUND
|
||||
*/
|
||||
body.grain-green,
|
||||
body.grain-green #wrapper,
|
||||
body.grain-green #topBar,
|
||||
body.grain-green #header.fixed,
|
||||
body.grain-green #header li.search .search-box,
|
||||
body.grain-green #header li.quick-cart .quick-cart-box,
|
||||
body.grain-green div.heading-title h1,
|
||||
body.grain-green div.heading-title h2,
|
||||
body.grain-green div.heading-title h3,
|
||||
body.grain-green div.heading-title h4,
|
||||
body.grain-green div.heading-title h5,
|
||||
body.grain-green div.heading-title h6 {
|
||||
background:#e6eeea url("@{image-path}grain_bg.png") repeat;
|
||||
}
|
||||
/*
|
||||
GRAIN ORANGE BACKGROUND
|
||||
*/
|
||||
body.grain-orange,
|
||||
body.grain-orange #wrapper,
|
||||
body.grain-orange #topBar,
|
||||
body.grain-orange #header.fixed,
|
||||
body.grain-orange #header li.search .search-box,
|
||||
body.grain-orange #header li.quick-cart .quick-cart-box,
|
||||
body.grain-orange div.heading-title h1,
|
||||
body.grain-orange div.heading-title h2,
|
||||
body.grain-orange div.heading-title h3,
|
||||
body.grain-orange div.heading-title h4,
|
||||
body.grain-orange div.heading-title h5,
|
||||
body.grain-orange div.heading-title h6 {
|
||||
background:#fff4ea url("@{image-path}grain_bg.png") repeat;
|
||||
}
|
||||
/*
|
||||
GRAIN YELLOW BACKGROUND
|
||||
*/
|
||||
body.grain-yellow,
|
||||
body.grain-yellow #wrapper,
|
||||
body.grain-yellow #topBar,
|
||||
body.grain-yellow #header.fixed,
|
||||
body.grain-yellow #header li.search .search-box,
|
||||
body.grain-yellow #header li.quick-cart .quick-cart-box,
|
||||
body.grain-yellow div.heading-title h1,
|
||||
body.grain-yellow div.heading-title h2,
|
||||
body.grain-yellow div.heading-title h3,
|
||||
body.grain-yellow div.heading-title h4,
|
||||
body.grain-yellow div.heading-title h5,
|
||||
body.grain-yellow div.heading-title h6 {
|
||||
background:#ffffe6 url("@{image-path}grain_bg.png") repeat;
|
||||
}
|
||||
|
||||
/* essentials.css rewrite : heading shortcode */
|
||||
body.grain-blue div.heading-title.heading-line-single:before,
|
||||
body.grain-grey div.heading-title.heading-line-single:before,
|
||||
body.grain-green div.heading-title.heading-line-single:before,
|
||||
body.grain-orange div.heading-title.heading-line-single:before,
|
||||
body.grain-yellow div.heading-title.heading-line-single:before,
|
||||
|
||||
body.grain-blue div.heading-title.heading-line-double:before,
|
||||
body.grain-grey div.heading-title.heading-line-double:before,
|
||||
body.grain-green div.heading-title.heading-line-double:before
|
||||
body.grain-orange div.heading-title.heading-line-double:before,
|
||||
body.grain-yellow div.heading-title.heading-line-double:before {
|
||||
border-top: 3px double #ccc;
|
||||
}
|
||||
|
||||
|
||||
/* color header */
|
||||
body.grain-blue #header,
|
||||
body.grain-grey #header,
|
||||
body.grain-green #header,
|
||||
body.grain-orange #header,
|
||||
body.grain-yellow #header {
|
||||
background-color:rgba(0,0,0,0.16);
|
||||
}
|
||||
|
||||
body.grain-blue #header.dark,
|
||||
body.grain-grey #header.dark,
|
||||
body.grain-green #header.dark,
|
||||
body.grain-orange #header.dark,
|
||||
body.grain-yellow #header.dark {
|
||||
background-color:rgba(33,33,33,0.8);
|
||||
}
|
||||
body.grain-blue #header.dark.fixed,
|
||||
body.grain-grey #header.dark.fixed,
|
||||
body.grain-green #header.dark.fixed,
|
||||
body.grain-orange #header.dark.fixed,
|
||||
body.grain-yellow #header.dark .fixed{
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
body.grain-blue section.page-header,
|
||||
body.grain-grey section.page-header,
|
||||
body.grain-green section.page-header,
|
||||
body.grain-orange section.page-header,
|
||||
body.grain-yellow section.page-header {
|
||||
border:0;
|
||||
}
|
||||
24
_static/assets/LESS/LESS_BS3/smarty/layout-block-review.less
Normal file
24
_static/assets/LESS/LESS_BS3/smarty/layout-block-review.less
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/** Block Review
|
||||
example usage: page-forum-post.html
|
||||
**************************************************************** **/
|
||||
.block-review-content div.block-review-body {
|
||||
position:relative;
|
||||
padding:20px 0 20px 150px;
|
||||
}
|
||||
.block-review-content div.block-review-avatar {
|
||||
width:130px;
|
||||
float:left;
|
||||
margin-left:-140px;
|
||||
}
|
||||
@media only screen and (max-width: 482px) {
|
||||
.block-review-content div.block-review-body {
|
||||
padding:20px 0 20px 100px;
|
||||
}
|
||||
.block-review-content div.block-review-avatar {
|
||||
width:80px;
|
||||
margin-left:-90px;
|
||||
}
|
||||
.block-review-content div.block-review-avatar img {
|
||||
width:70px;
|
||||
}
|
||||
}
|
||||
192
_static/assets/LESS/LESS_BS3/smarty/layout-blog.less
Normal file
192
_static/assets/LESS/LESS_BS3/smarty/layout-blog.less
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
/** Blog
|
||||
**************************************************************** **/
|
||||
.blog-post-item {
|
||||
display:block;
|
||||
margin-bottom:80px;
|
||||
padding-bottom:60px;
|
||||
border-bottom:#eee 1px solid;
|
||||
position:relative;
|
||||
}
|
||||
section.dark .blog-post-item {
|
||||
border-bottom:#444 1px solid;
|
||||
}
|
||||
|
||||
h1.blog-post-title,
|
||||
.blog-post-item h2 {
|
||||
letter-spacing:0;
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
font-size:22px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
ul.blog-post-info {
|
||||
display:block;
|
||||
border-bottom:#eaeaea 1px dotted;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
section.dark ul.blog-post-info {
|
||||
border-bottom-color:#444;
|
||||
}
|
||||
ul.blog-post-info li {
|
||||
margin-right:20px;
|
||||
}
|
||||
ul.blog-post-info li>a {
|
||||
color:#888;
|
||||
}
|
||||
ul.blog-post-info li i {
|
||||
color:#888;
|
||||
margin-right:5px;
|
||||
}
|
||||
ul.blog-post-info li a:after {
|
||||
content:' , ';
|
||||
}
|
||||
ul.blog-post-info li a:last-child:after {
|
||||
content:'';
|
||||
}
|
||||
|
||||
/* blog misc */
|
||||
.blog-post-item .flexslider {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
h1.blog-post-title {
|
||||
font-size:24px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Blog Small Image
|
||||
****************** **/
|
||||
.blog-post-item .blog-item-small-image {
|
||||
width:300px;
|
||||
float:left;
|
||||
}
|
||||
.blog-post-item .blog-item-small-image + .blog-item-small-content {
|
||||
padding-left:330px;
|
||||
}
|
||||
.blog-post-item.blog-post-item-inverse .blog-item-small-image {
|
||||
width:300px;
|
||||
float:right;
|
||||
}
|
||||
.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
|
||||
padding-left:0;
|
||||
padding-right:330px;
|
||||
}
|
||||
|
||||
.blog-both-sidebar .blog-post-item .blog-item-small-image {
|
||||
width:200px;
|
||||
}
|
||||
.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
|
||||
padding-left:230px;
|
||||
}
|
||||
|
||||
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image {
|
||||
width:200px;
|
||||
float:right;
|
||||
}
|
||||
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
|
||||
padding-left:0;
|
||||
padding-right:230px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.blog-post-item .blog-item-small-image,
|
||||
.blog-post-item.blog-post-item-inverse .blog-item-small-image,
|
||||
.blog-both-sidebar .blog-post-item .blog-item-small-image,
|
||||
.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
|
||||
width:100%;
|
||||
display:block;
|
||||
float:none;
|
||||
}
|
||||
.blog-post-item .blog-item-small-image + .blog-item-small-content,
|
||||
.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content,
|
||||
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image,
|
||||
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Isotope Blog
|
||||
****************** **/
|
||||
#blog.blog-isotope {
|
||||
display:block;
|
||||
margin:auto;
|
||||
width:100%;
|
||||
}
|
||||
#blog.blog-isotope-3 .blog-post-item .flexslider,
|
||||
#blog.blog-isotope-4 .blog-post-item .flexslider,
|
||||
#blog.blog-isotope-5 .blog-post-item .flexslider,
|
||||
#blog.blog-isotope-6 .blog-post-item .flexslider {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
/* 2 columns */
|
||||
#blog.blog-isotope-2 .blog-post-item {
|
||||
margin: 0 20px 20px 0;
|
||||
float:left;
|
||||
border:0;
|
||||
}
|
||||
#blog.blog-isotope-2.blog-post-item h2 {
|
||||
font-size:17px;
|
||||
line-height:17px;
|
||||
}
|
||||
|
||||
/* 3 columns */
|
||||
#blog.blog-isotope-3 .blog-post-item {
|
||||
margin: 0 15px 15px 0;
|
||||
border:0;
|
||||
}
|
||||
#blog.blog-isotope-3 .blog-post-item h2 {
|
||||
font-size:17px;
|
||||
line-height:17px;
|
||||
}
|
||||
|
||||
/* 4 columns */
|
||||
#blog.blog-isotope-4 .blog-post-item {
|
||||
margin: 0;
|
||||
padding:0 15px 60px 15px;
|
||||
border:0;
|
||||
}
|
||||
#blog.blog-isotope-4 .blog-post-item h2 {
|
||||
font-size:17px;
|
||||
line-height:17px;
|
||||
}
|
||||
|
||||
/* 5 columns */
|
||||
#blog.blog-isotope-5 .blog-post-item {
|
||||
margin: 0 10px 10px 0;
|
||||
border:0;
|
||||
}
|
||||
#blog.blog-isotope-5 .blog-post-item h2 {
|
||||
font-size:16px;
|
||||
line-height:16px;
|
||||
}
|
||||
|
||||
/* 6 columns */
|
||||
#blog.blog-isotope-6 .blog-post-item {
|
||||
margin: 0 6px 6px 0;
|
||||
border:0;
|
||||
}
|
||||
#blog.blog-isotope-6 .blog-post-item h2 {
|
||||
font-size:15px;
|
||||
line-height:15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Blog Single
|
||||
****************** **/
|
||||
.blog-single-small-media {
|
||||
width:350px;
|
||||
float:left;
|
||||
margin-right:30px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.blog-single-small-media.inverse {
|
||||
float:right;
|
||||
margin-right:0;
|
||||
margin-left:30px;
|
||||
}
|
||||
29
_static/assets/LESS/LESS_BS3/smarty/layout-boxed.less
Normal file
29
_static/assets/LESS/LESS_BS3/smarty/layout-boxed.less
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/** Boxed
|
||||
**************************************************************** **/
|
||||
body.boxed {
|
||||
background-color:#f1f2f7;
|
||||
}
|
||||
body.boxed section {
|
||||
background-color:#fff;
|
||||
}
|
||||
body.boxed #wrapper {
|
||||
max-width:1170px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:50px;
|
||||
margin-bottom:50px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
@media only screen and (max-width: 992px) {
|
||||
body.boxed #wrapper {
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
90
_static/assets/LESS/LESS_BS3/smarty/layout-bullet-nav.less
Normal file
90
_static/assets/LESS/LESS_BS3/smarty/layout-bullet-nav.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/** BULLET NAV
|
||||
********************* */
|
||||
#nav-bullet {
|
||||
position: fixed;
|
||||
padding: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 1em;
|
||||
z-index: 100;
|
||||
}
|
||||
#nav-bullet ul {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
padding: 0.92857143em;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 1.85714286em;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
#nav-bullet ul:hover {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#nav-bullet ul li:not(:last-child) {
|
||||
margin-bottom: 1.85714286em;
|
||||
}
|
||||
@media all and (max-width: 767px) {
|
||||
#nav-bullet {
|
||||
right: 0;
|
||||
}
|
||||
#nav-bullet ul {
|
||||
border-radius: 1.85714286em 0 0 1.85714286em;
|
||||
padding: 1.85714286em 0.92857143em;
|
||||
}
|
||||
}
|
||||
#nav-bullet li a {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
transition: all .2s ease;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
#nav-bullet li a:not(:hover) {
|
||||
opacity: .5;
|
||||
}
|
||||
#nav-bullet li.active a {
|
||||
opacity: 1;
|
||||
animation: bulge .5s ease;
|
||||
-webkit-animation: bulge .5s ease;
|
||||
}
|
||||
@keyframes bulge {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes bulge {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
#nav-bullet li a[data-title]:before {
|
||||
content: attr(data-title);
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: -14px;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
border-radius: 6px;
|
||||
padding: 4px 8px;
|
||||
display: inline-block;
|
||||
transition: all .2s ease;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#nav-bullet li a[data-title]:not(:hover):before {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
79
_static/assets/LESS/LESS_BS3/smarty/layout-captions.less
Normal file
79
_static/assets/LESS/LESS_BS3/smarty/layout-captions.less
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
|
||||
/** Captions
|
||||
**************************************************************** **/
|
||||
.caption-default,
|
||||
.caption-light,
|
||||
.caption-dark,
|
||||
.caption-color,
|
||||
.caption-primary,
|
||||
.caption-warning,
|
||||
.caption-info,
|
||||
.caption-danger {
|
||||
color:#fff;
|
||||
padding:10px;
|
||||
font-size:13px;
|
||||
background-color:rgba(0,0,0,0.9);
|
||||
}
|
||||
.caption-default {
|
||||
color:inherit;
|
||||
border:#666 1px solid;
|
||||
background-color:transparent;
|
||||
}
|
||||
.caption-light {
|
||||
color:#333;
|
||||
background-color:#eaeaea;
|
||||
}
|
||||
.caption-dark {
|
||||
color:#eee;
|
||||
background-color:#666;
|
||||
}
|
||||
.caption-primary,
|
||||
.caption-warning,
|
||||
.caption-info,
|
||||
.caption-danger {
|
||||
color:#fff;
|
||||
background-color:#333;
|
||||
}
|
||||
.caption-warning {
|
||||
background-color:#f0ad4e;
|
||||
}
|
||||
.caption-info {
|
||||
background-color:#5bc0de;
|
||||
}
|
||||
.caption-danger {
|
||||
background-color:#d9534f;
|
||||
}
|
||||
|
||||
/*
|
||||
Slider Default Caption
|
||||
Example usage: shop-4col-left.html (top banner)
|
||||
|
||||
*/
|
||||
.caption-slider-default {
|
||||
position:absolute !important;
|
||||
left:0; right:0;
|
||||
top:0; bottom:0;
|
||||
color:#000 !important;
|
||||
}
|
||||
.caption-slider-default .caption-container {
|
||||
margin:0 50px;
|
||||
}
|
||||
.caption-slider-default h1,
|
||||
.caption-slider-default h2,
|
||||
.caption-slider-default h3,
|
||||
.caption-slider-default h4,
|
||||
.caption-slider-default p {
|
||||
margin:0;
|
||||
color:#000 !important;
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.caption-slider-default .caption-container {
|
||||
margin:0 30px;
|
||||
}
|
||||
.caption-slider-default h2 {
|
||||
font-size:16px;
|
||||
}
|
||||
.caption-slider-default p {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
60
_static/assets/LESS/LESS_BS3/smarty/layout-cards.less
Normal file
60
_static/assets/LESS/LESS_BS3/smarty/layout-cards.less
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
** Cards
|
||||
**************************************************************** **/
|
||||
.card {
|
||||
margin-bottom: 26px;
|
||||
overflow-y: auto;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
|
||||
box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
|
||||
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0,0,0,.125);
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.card img {
|
||||
width: 100%;
|
||||
}
|
||||
.card-block {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 1 auto;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
section.dark-2 div.category-grid .card {
|
||||
background-color: rgba(0,0,0,0.08);
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
border-top-right-radius: calc(.25rem - 1px);
|
||||
border-top-left-radius: calc(.25rem - 1px);
|
||||
}
|
||||
|
||||
|
||||
section.dark .card {
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
section.dark .alternate,
|
||||
section.dark .alternate-2,
|
||||
section.dark .alternate-3,
|
||||
section.dark .lightblue,
|
||||
section.dark .lightgreen {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
/** Category Grid
|
||||
**************************************************************** **/
|
||||
div.category-grid>div {
|
||||
margin:30px 0;
|
||||
}
|
||||
div.category-grid .card {
|
||||
border:0;
|
||||
background-color: rgba(0,0,0,0.02);
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
|
||||
}
|
||||
section.section-dark div.category-grid .card {
|
||||
background-color: rgba(0,0,0,0.08);
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
/*
|
||||
6 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.category-grid>div.col-sm-2:nth-child(6n+1),
|
||||
.category-grid>div.col-lg-2:nth-child(6n+1),
|
||||
.category-grid>div.col-md-2:nth-child(6n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
5 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.category-grid>div.col-sm-5th:nth-child(5n+1),
|
||||
.category-grid>div.col-lg-5th:nth-child(5n+1),
|
||||
.category-grid>div.col-md-5th:nth-child(5n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
4 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.category-grid>div.col-sm-3:nth-child(4n+1),
|
||||
.category-grid>div.col-lg-3:nth-child(4n+1),
|
||||
.category-grid>div.col-md-3:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
3 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.category-grid>div.col-sm-4:nth-child(3n+1),
|
||||
.category-grid>div.col-lg-4:nth-child(3n+1),
|
||||
.category-grid>div.col-md-4:nth-child(3n+1) {
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
/*
|
||||
2 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.category-grid>div.col-sm-6:nth-child(2n+1),
|
||||
.category-grid>div.col-lg-6:nth-child(2n+1),
|
||||
.category-grid>div.col-md-6:nth-child(2n+1) {
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
161
_static/assets/LESS/LESS_BS3/smarty/layout-comments.less
Normal file
161
_static/assets/LESS/LESS_BS3/smarty/layout-comments.less
Normal file
|
|
@ -0,0 +1,161 @@
|
|||
/** Comments
|
||||
**************************************************************** **/
|
||||
.comments {
|
||||
margin-top:60px;
|
||||
}
|
||||
.comments .comment-item {
|
||||
margin:40px 0;
|
||||
}
|
||||
.comments a.comment-reply {
|
||||
float:right;
|
||||
font-size:11px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.comments span.user-avatar {
|
||||
background:#eee;
|
||||
width:64px; height:64px;
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
}
|
||||
section.dark .comments span.user-avatar {
|
||||
background:transparent;
|
||||
}
|
||||
.comments small {
|
||||
font-size:12px;
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
color:#aaa;
|
||||
}
|
||||
.comments h4 {
|
||||
font-size:15px;
|
||||
}
|
||||
section.dark .comments small {
|
||||
color:#666;
|
||||
}
|
||||
|
||||
|
||||
/* BORDERED COMMENTS */
|
||||
.comment-list p,
|
||||
.comment-list .row {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.comment-list .panel .panel-heading {
|
||||
padding: 4px 15px;
|
||||
position: absolute;
|
||||
border:none;
|
||||
border-top-right-radius:0px;
|
||||
top: 1px;
|
||||
}
|
||||
.comment-list .panel .panel-heading.right {
|
||||
border-right-width: 0px;
|
||||
border-top-left-radius:0px;
|
||||
right: 16px;
|
||||
}
|
||||
.comment-list .panel .panel-heading .panel-body {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.comment-list figcaption {
|
||||
/*For wrapping text in thumbnail*/
|
||||
word-wrap: break-word;
|
||||
}
|
||||
/* Portrait tablets and medium desktops */
|
||||
@media (min-width: 768px) {
|
||||
.comment-list .arrow:after,
|
||||
.comment-list .arrow:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
.comment-list .panel.arrow.left:after,
|
||||
.comment-list .panel.arrow.left:before {
|
||||
border-left: 0;
|
||||
}
|
||||
/*****Left Arrow*****/
|
||||
.comment-list .panel.arrow.left:before {
|
||||
left: 0px;
|
||||
top: 30px;
|
||||
border-right-color: inherit;
|
||||
border-width: 16px;
|
||||
}
|
||||
/*Background color effect*/
|
||||
.comment-list .panel.arrow.left:after {
|
||||
left: 1px;
|
||||
top: 31px;
|
||||
border-right-color: #FFFFFF;
|
||||
border-width: 15px;
|
||||
}
|
||||
/*****Right Arrow*****/
|
||||
.comment-list .panel.arrow.right:before {
|
||||
right: -16px;
|
||||
top: 30px;
|
||||
border-left-color: inherit;
|
||||
border-width: 16px;
|
||||
}
|
||||
/*Background color effect*/
|
||||
.comment-list .panel.arrow.right:after {
|
||||
right: -14px;
|
||||
top: 31px;
|
||||
border-left-color: #FFFFFF;
|
||||
border-width: 15px;
|
||||
}
|
||||
|
||||
section.dark .comment-list .thumbnail {
|
||||
border-color:#666;
|
||||
background-color:#666;
|
||||
}
|
||||
section.dark .comment-list .panel.arrow.left:after {
|
||||
border-right-color: #212121;
|
||||
}
|
||||
section.dark .comment-list .panel.arrow.right:after {
|
||||
border-left-color: #212121;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-list .comment-post {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
article default comments
|
||||
usage example: page-profile-comments.html
|
||||
*/
|
||||
ul.comment {
|
||||
margin-bottom:30px;
|
||||
}
|
||||
li.comment {
|
||||
position:relative;
|
||||
margin-bottom:25px;
|
||||
font-size:13px;
|
||||
}
|
||||
li.comment p {
|
||||
margin:0; padding:0;
|
||||
}
|
||||
li.comment img.avatar {
|
||||
position:absolute;
|
||||
left:0; top:0;
|
||||
display:inline-block;
|
||||
}
|
||||
li.comment.comment-reply img.avatar {
|
||||
left:6px; top:6px;
|
||||
}
|
||||
li.comment .comment-body {
|
||||
position:relative;
|
||||
padding-left:60px;
|
||||
}
|
||||
li.comment.comment-reply {
|
||||
margin-left:60px;
|
||||
background-color:rgba(0,0,0,0.04);
|
||||
padding:6px;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
li.comment a.comment-author {
|
||||
margin-bottom:6px;
|
||||
display:block;
|
||||
}
|
||||
li.comment a.comment-author span {
|
||||
font-size:15px;
|
||||
}
|
||||
28
_static/assets/LESS/LESS_BS3/smarty/layout-contact.less
Normal file
28
_static/assets/LESS/LESS_BS3/smarty/layout-contact.less
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/** Contact
|
||||
**************************************************************** **/
|
||||
.contact-over-map {
|
||||
position:absolute;
|
||||
z-index:1;
|
||||
top:0; right:0;
|
||||
bottom:0; left:0;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.contact-over-box {
|
||||
position:relative;
|
||||
z-index:5;
|
||||
background-color:#fff;
|
||||
width:100%;
|
||||
max-width:380px;
|
||||
min-height:300px;
|
||||
padding:20px;
|
||||
box-shadow:#888 0 0 16px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
section.dark .contact-over-box {
|
||||
background-color:#212121;
|
||||
}
|
||||
|
|
@ -0,0 +1,104 @@
|
|||
/** Simple Gallery [CSS ONLY]
|
||||
**************************************************************** **/
|
||||
.gallery-simple {
|
||||
margin: 1rem 0;
|
||||
|
||||
-webkit-column-gap: 1rem;
|
||||
-moz-column-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
column-count: 3;
|
||||
|
||||
-webkit-column-width: 33.33333333333333%;
|
||||
-moz-column-width: 33.33333333333333%;
|
||||
column-width: 33.33333333333333%;
|
||||
}
|
||||
.gallery-simple.gallery-simple-columns-5 {
|
||||
-webkit-column-count: 5;
|
||||
-moz-column-count: 5;
|
||||
column-count: 5;
|
||||
|
||||
-webkit-column-width: 20%;
|
||||
-moz-column-width: 20%;
|
||||
column-width: 20%;
|
||||
}
|
||||
.gallery-simple.gallery-simple-columns-4 {
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
column-count: 4;
|
||||
|
||||
-webkit-column-width: 25%;
|
||||
-moz-column-width: 25%;
|
||||
column-width: 25%;
|
||||
}
|
||||
.gallery-simple.gallery-simple-columns-3 {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
column-count: 3;
|
||||
|
||||
-webkit-column-width: 33.33333333333333%;
|
||||
-moz-column-width: 33.33333333333333%;
|
||||
column-width: 33.33333333333333%;
|
||||
}
|
||||
.gallery-simple.gallery-simple-columns-2 {
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
column-count: 2;
|
||||
|
||||
-webkit-column-width: 50%;
|
||||
-moz-column-width: 50%;
|
||||
column-width: 50%;
|
||||
}
|
||||
.gallery-simple.gallery-simple-columns-1 {
|
||||
-webkit-column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
column-count: 1;
|
||||
|
||||
-webkit-column-width: 100%;
|
||||
-moz-column-width: 100%;
|
||||
column-width: 100%;
|
||||
}
|
||||
|
||||
.gallery-simple img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.gallery-simple>a>img {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.gallery-simple>a {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.gallery-simple .image-hover-overlay::before {
|
||||
bottom:10px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.gallery-simple {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
column-count: 3;
|
||||
|
||||
-webkit-column-width: 33.33333333333333%;
|
||||
-moz-column-width: 33.33333333333333%;
|
||||
column-width: 33.33333333333333%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 482px) {
|
||||
.gallery-simple {
|
||||
-webkit-column-count: 2 !important;
|
||||
-moz-column-count: 2 !important;
|
||||
column-count: 2 !important;
|
||||
|
||||
-webkit-column-width: 50% !important;
|
||||
-moz-column-width: 50% !important;
|
||||
column-width: 50% !important;
|
||||
}
|
||||
}
|
||||
1877
_static/assets/LESS/LESS_BS3/smarty/layout-dark.less
Normal file
1877
_static/assets/LESS/LESS_BS3/smarty/layout-dark.less
Normal file
File diff suppressed because it is too large
Load diff
303
_static/assets/LESS/LESS_BS3/smarty/layout-datatables.less
Normal file
303
_static/assets/LESS/LESS_BS3/smarty/layout-datatables.less
Normal file
|
|
@ -0,0 +1,303 @@
|
|||
div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
width:40%;
|
||||
line-height:38px;
|
||||
}
|
||||
div.dataTables_length label select,
|
||||
div.dataTables_length label .select2-container {
|
||||
width:70px;
|
||||
float:left;
|
||||
margin-right:10px !important;
|
||||
}
|
||||
div.dataTables_length label .select2-container {
|
||||
width:100px;
|
||||
}
|
||||
table thead .table-checkbox {
|
||||
width:20px;
|
||||
}
|
||||
|
||||
div.dataTables_filter label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
line-height:38px;
|
||||
}
|
||||
|
||||
div.dataTables_filter input {
|
||||
width: 16em;
|
||||
float:right;
|
||||
margin-left:10px;
|
||||
width:150px;
|
||||
|
||||
}
|
||||
div.tabletools-topbar {
|
||||
margin-top:-56px;
|
||||
margin-right:30px;
|
||||
}
|
||||
div.tabletools-topbar .btn {
|
||||
background-color:#fff !important;
|
||||
}
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.dataTable .row-details.row-details-close {
|
||||
background: url("../images/_smarty/datatable-row-openclose.png") no-repeat 0 0;
|
||||
}
|
||||
.dataTable .row-details.row-details-open {
|
||||
background: url("../images/_smarty/datatable-row-openclose.png") no-repeat 0 -23px;
|
||||
}
|
||||
.dataTable .row-details {
|
||||
margin-top: 3px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.dataTable .details {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
table button,
|
||||
table input[type=text] {
|
||||
height:30px;
|
||||
margin:2px 0;
|
||||
}
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting,
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting_asc_disabled,
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDMDM5NjkyMkMxMTFFMUExRjFBREFENUIyQTUzOEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDMDM5NkEyMkMxMTFFMUExRjFBREFENUIyQTUzOEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNEMwMzk2NzIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNEMwMzk2ODIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm8NGvcAAADkSURBVHjaYvz//z8DtQATAxUBCzbBu3fvInO5gLgNiMuA+BdMUFlZmSyXZQNxFhCnUupNLSDOA2JWIC4AOYhcwxiBuBiIZaB8FajBjOQY5gDEgWhiiUBsTaphvEBcC8SCWMRrgJidFMNCoC74gQU7AnEQ1nChZqLFlc4igdQCIP6HwzcZwHQ2n1hvrgPi/UDMgQUfBeI1pITZTyBuAeLPaOLvgbgZizjBpAFyAbpX1gPxAXLSGShmJgHxHSj/CRD3QsXJyk6gHD8BiH9DDb5GcmyigdlArArEUwkpZBy0hSNAgAEA5Ho0sMdEmU8AAAAASUVORK5CYII=') no-repeat center right; }
|
||||
table.dataTable thead .sorting_asc { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQjM4MkY2QzVGRUYwRTJDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkFEQzYxNjIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkFEQzYxNTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z5ABTAAAAI5JREFUeNpi/P//PwO1ABMDFQELIQXVjfe4gFQbEJe11iv9otRl2UCcBcSphBQy4gszoKu0gNROIJYB4jtA7AF03V2SXQY0iBFIFUMNAgEVIM6DipPsTQcgDkQTSwRia5IMA9rOC6RqgVgQTQokXgOUZyfFZSFQF/zAgh2BOIjkCBjQRDtq2Khh9DAMIMAAT9AmNBDSXegAAAAASUVORK5CYII=') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQjM4MkY2QzVGRUYwRTJDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkFEQzYxQTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkFEQzYxOTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1fsfwAAAAJdJREFUeNpi/P//PwO1ABMDFcGoYaOG0cMwFmyC1Y33IoHUAiD+h8MBGa31SvOJddk6IN4PxBxY8FEgXkO0N4G2/gRSLUD8GU3qPRA3A+U/kxpmIBege2U9EB/ApYERX6kBDDtlILUDiFWA+AkQuwNddY2s2ARqvAukJgDxbyCehM8gnLGJBmYDsSoQTyWkkHHQFo4AAQYAAA0piq4hbqwAAAAASUVORK5CYII=') no-repeat center right; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAI9JREFUeNrs0iEKAlEUheFvRBEEg932TG7BoktQ3IDBoiCCYNLqLmcfYhnLE0Remecghjlwwznh59zLLaqq0pQ6GlQ3FZZl+W4HuOGMxysMIWQ122OH7bdrTnFAD0eEXFiBE8bRTyK4yIHNsfzINpjVhQ1xxSiRX9CvA1vHBvfELLBK3uVvn7aFtbBfwJ4DADKcFwD71DDFAAAAAElFTkSuQmCC') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc_disabled { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAI9JREFUeNrs0iEKAlEUheFvRBEEg932TG7BoktQ3IDBoiCCYNLqLmcfYhnLE0Remecghjlwwznh59zLLaqq0pQ6GlQ3FZZl+W4HuOGMxysMIWQ122OH7bdrTnFAD0eEXFiBE8bRTyK4yIHNsfzINpjVhQ1xxSiRX9CvA1vHBvfELLBK3uVvn7aFtbBfwJ4DADKcFwD71DDFAAAAAElFTkSuQmCC') no-repeat center right; }
|
||||
|
||||
table.dataTable th:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Scrolling */
|
||||
div.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||||
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody tbody tr:first-child th,
|
||||
div.dataTables_scrollBody tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
|
||||
width calculations when using scrolling impossible to align columns. We have
|
||||
to use separate
|
||||
*/
|
||||
table.table-bordered.dataTable {
|
||||
border-collapse: separate !important;
|
||||
}
|
||||
table.table-bordered thead th,
|
||||
table.table-bordered thead td {
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
table.table-bordered tbody th,
|
||||
table.table-bordered tbody td {
|
||||
border-left-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
table.table-bordered th:last-child,
|
||||
table.table-bordered td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* TableTools styles
|
||||
*/
|
||||
.table tbody tr.active td,
|
||||
.table tbody tr.active th {
|
||||
background-color: #08C;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table tbody tr.active:hover td,
|
||||
.table tbody tr.active:hover th {
|
||||
background-color: #0075b0 !important;
|
||||
}
|
||||
|
||||
.table tbody tr.active a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table-striped tbody tr.active:nth-child(odd) td,
|
||||
.table-striped tbody tr.active:nth-child(odd) th {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTTT .btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.DTTT .btn:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2003;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu a {
|
||||
color: #333 !important; /* needed only when demo_page.css is included */
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
z-index: 2002;
|
||||
}
|
||||
|
||||
/* TableTools information display */
|
||||
div.DTTT_print_info.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
div.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* FixedColumns styles
|
||||
*/
|
||||
div.DTFC_LeftHeadWrapper table,
|
||||
div.DTFC_LeftFootWrapper table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
div.DTFC_RightFootWrapper table,
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table ,
|
||||
div.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper table,
|
||||
div.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.DTFC_RightFootWrapper table,
|
||||
div.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* FixedHeader styles
|
||||
*/
|
||||
div.FixedHeader_Cloned table {
|
||||
margin: 0 !important
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Dark
|
||||
*/
|
||||
section.dark div.tabletools-topbar .btn {
|
||||
background-color:#666 !important;
|
||||
}
|
||||
230
_static/assets/LESS/LESS_BS3/smarty/layout-demo.less
Normal file
230
_static/assets/LESS/LESS_BS3/smarty/layout-demo.less
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
/** DEMO ONLY
|
||||
DO NOT USE THIS CSS - USED FOR DEMO ONLY!
|
||||
**************************************************************** **/
|
||||
.iconsPreview a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.iconsPreview .fa-hover a {
|
||||
display:block;
|
||||
padding:4px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.iconsPreview .fa-hover a:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
.iconsPreview .fa-hover i {
|
||||
width:20px;
|
||||
margin-right:10px;
|
||||
color:#333 !important;
|
||||
}
|
||||
.iconsPreview .fa-hover a span {
|
||||
color:#666;
|
||||
}
|
||||
/** *** **/
|
||||
padding: 10px 4px !important;
|
||||
}
|
||||
/** *** **/
|
||||
|
||||
.iconFlags a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.iconFlags .flag-icon {
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
}
|
||||
.iconFlags .flag-icon img {
|
||||
display:inline-block;
|
||||
margin-right:6px;
|
||||
}
|
||||
.iconFlags .flag-icon:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
|
||||
.bs-glyphicons a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.bs-glyphicons .glyphicon-class {
|
||||
display: block;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.bs-glyphicons .glyphicon {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.bs-glyphicons li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 115px;
|
||||
padding: 10px;
|
||||
font-size: 10px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
border: 1px solid #fff;
|
||||
background-color: #f9f9f9;
|
||||
cursor:pointer;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.bs-glyphicons li:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.bs-glyphicons li {
|
||||
width: 12.5%;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.iconExamples a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.iconExamples .example {
|
||||
text-align: center;
|
||||
cursor:pointer;
|
||||
padding:6px 3px;
|
||||
}
|
||||
.iconExamples .example:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
.iconExamples .example:before,
|
||||
.iconExamples .example:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.iconExamples .example .icon {
|
||||
font-size: 20px;
|
||||
float: left;
|
||||
width: 35px;
|
||||
}
|
||||
.iconExamples .example .class {
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
font-weight: 400;
|
||||
margin-left: 10px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** *** **/
|
||||
.row.show-grid,
|
||||
.row.show-grid>div {
|
||||
padding:0;
|
||||
}
|
||||
.grid-block {
|
||||
background-color: #EEE;
|
||||
border: 1px solid #FFF;
|
||||
display: block;
|
||||
line-height: 40px;
|
||||
min-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.grid-color span {
|
||||
display:block;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
.grid-demo [class*="col-"] {
|
||||
background: #fafafa;
|
||||
border: 1px solid;
|
||||
border-color: #ddd;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.grid-demo .row {
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
/** *** **/
|
||||
.linecon a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.linecon .icon {
|
||||
width: 12.5%;
|
||||
float: left;
|
||||
height: 115px;
|
||||
text-align: center;
|
||||
padding: 22px 10px;
|
||||
margin: 0 -1px -1px 0;
|
||||
border: 1px solid #fff;
|
||||
background-color: #f6f6f6;
|
||||
word-wrap: break-word;
|
||||
cursor:pointer;
|
||||
}
|
||||
.linecon .icon:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
.linecon .icon i {
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/** *** **/
|
||||
.colors-bg-demo {
|
||||
padding:3px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
|
||||
/** et line icons */
|
||||
|
||||
|
||||
.et-line-icons li>i {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 26px;
|
||||
display:block;
|
||||
text-align:center;
|
||||
color:#000;
|
||||
margin-top:25px;
|
||||
}
|
||||
.et-line-icons li>span {
|
||||
font-size:13px;
|
||||
}
|
||||
.et-line-icons li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 115px;
|
||||
padding: 10px;
|
||||
font-size: 10px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
border: 1px solid #fff;
|
||||
background-color: #f9f9f9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.et-line-icons li:hover {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.et-line-icons li {
|
||||
width: 12.5%;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* material design demo */
|
||||
.mdl-demo-grid .mdl-cell {
|
||||
box-sizing: border-box;
|
||||
background-color: #BDBDBD;
|
||||
height: 50px;
|
||||
padding-left: 8px;
|
||||
padding-top: 4px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* start.html demo */
|
||||
.start-new-and-popular {
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
left:20px;
|
||||
color:#999 !important;
|
||||
z-index:100;
|
||||
}
|
||||
95
_static/assets/LESS/LESS_BS3/smarty/layout-font-rewrite.less
Normal file
95
_static/assets/LESS/LESS_BS3/smarty/layout-font-rewrite.less
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
/**
|
||||
DO NOT USE IT IF YOU DON'T NEED IT!
|
||||
|
||||
This file is not used - you can use it on your custom.css
|
||||
if you want to rewrite the fonts.
|
||||
** ***************************** **/
|
||||
|
||||
|
||||
|
||||
/** essentials.css
|
||||
*********************** **/
|
||||
.countTo-sm,
|
||||
.countTo-md,
|
||||
.countTo-lg,
|
||||
.countdown,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: @font-family-1;
|
||||
}
|
||||
.ribbon-inner {
|
||||
font-family: @font-family;
|
||||
}
|
||||
div.mega-price-table .pricing-head small {
|
||||
font-family: @font-family;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
font-family: @font-family-2;
|
||||
}
|
||||
.time_pick .time,
|
||||
.time_pick .mins,
|
||||
.time_pick .meridian,
|
||||
.mfp-close,
|
||||
.price-clean {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
||||
font-family: @font-family-2;
|
||||
}
|
||||
|
||||
.flex-caption {
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
.switch > .switch-label {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** layout.css
|
||||
*********************** **/
|
||||
body {
|
||||
font-family: @font-family;
|
||||
}
|
||||
small {
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
/* fonts */
|
||||
.font-open-sans {
|
||||
font-family: @font-family !important;
|
||||
}
|
||||
.timeline .timeline-entry,
|
||||
.font-lato {
|
||||
font-family: @font-family-3 !important;
|
||||
}
|
||||
.font-raleway {
|
||||
font-family: @font-family-1 !important;
|
||||
}
|
||||
/* elastic slider */
|
||||
.ei-title h3 {
|
||||
font-family: @font-family;
|
||||
}
|
||||
|
||||
.maintenance,
|
||||
.timeline .timeline-entry>span,
|
||||
#footer ul.footer-list li small,
|
||||
.comments small,
|
||||
h1.blog-post-title,
|
||||
.blog-post-item h2 {
|
||||
font-family: @font-family;
|
||||
}
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
/** FOOTABLE MINMAL SKIN
|
||||
*************************************************** **/
|
||||
.footable.fooMinimal {
|
||||
border:0;
|
||||
}
|
||||
table.fooMinimal {
|
||||
font-size: 13px;
|
||||
font-weight:400;
|
||||
}
|
||||
table.fooMinimal td {
|
||||
padding: 3px 15px !important;
|
||||
vertical-align: top !important;
|
||||
border-top: 1px solid #efefef !important;
|
||||
line-height: 1.4 !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
table.fooMinimal td.foo-cell {
|
||||
text-align: left !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
table.fooMinimal th {
|
||||
background:#fff !important;
|
||||
border-right:0 !important;
|
||||
border-left:0 !important;
|
||||
}
|
||||
table.fooMinimal th.foo-cell {
|
||||
text-align: left;
|
||||
}
|
||||
table.fooMinimal th:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.fooMinimal td, .g-mobile-table {
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
color: #555;
|
||||
}
|
||||
table.fooMinimal td {
|
||||
padding: 12px 15px;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #efefef;
|
||||
line-height: 1.4;
|
||||
}
|
||||
table.fooMinimal td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.fooMinimal tr:first-child td {
|
||||
|
||||
}
|
||||
table.fooMinimal th:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.fooMinimal th {
|
||||
vertical-align: bottom;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
padding: 5px 15px 8px 15px;
|
||||
}
|
||||
table.fooMinimal td.highlight {
|
||||
background: #e1f1f6 !important;
|
||||
border-top: 1px solid white !important;
|
||||
}
|
||||
html:not(.viewport-medium-10) table.fooMinimal th {
|
||||
font-size: 13px;
|
||||
padding: 4px 15px 4px 15px;
|
||||
text-align: right;
|
||||
padding-right: 0px;
|
||||
}
|
||||
html:not(.viewport-medium-10) table.fooMinimal th:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
html:not(.viewport-medium-10) table.fooMinimal td {
|
||||
font-size: 13px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
table.fooMinimal .footable-row-detail-name {
|
||||
text-align: left;
|
||||
}
|
||||
table.fooMinimal th {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
table.fooMinimal.g-fixed-header th {
|
||||
padding-top: 30px;
|
||||
}
|
||||
table.fooMinimal th {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 6px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
409
_static/assets/LESS/LESS_BS3/smarty/layout-footer.less
Normal file
409
_static/assets/LESS/LESS_BS3/smarty/layout-footer.less
Normal file
|
|
@ -0,0 +1,409 @@
|
|||
/** Footer
|
||||
**************************************************************** **/
|
||||
#footer {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
|
||||
background: #fff;
|
||||
/*background: -moz-linear-gradient(top, #555555 0%, #313131 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131));
|
||||
background: -webkit-linear-gradient(top, #555555 0%, #313131 100%);
|
||||
background: -o-linear-gradient(top, #555555 0%, #313131 100%);
|
||||
background: -ms-linear-gradient(top, #555555 0%, #313131 100%);
|
||||
background: linear-gradient(to bottom, #555555 0%,#313131 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );*/
|
||||
}
|
||||
#footer>.container {
|
||||
padding-top:60px;
|
||||
margin-bottom:60px;
|
||||
}
|
||||
|
||||
#footer>.copyright {
|
||||
background-color:#dff0d8;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
|
||||
padding:25px 0;
|
||||
font-size:13px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
#footer>.copyright.has-social {
|
||||
padding:8px;
|
||||
}
|
||||
#footer>.copyright.has-social .social-icon {
|
||||
margin-top:8px;
|
||||
margin-bottom:0;
|
||||
line-height:0;
|
||||
}
|
||||
#footer>.copyright .copyright-text {
|
||||
margin-top:14px;
|
||||
}
|
||||
#footer canvas {
|
||||
width:auto !important;
|
||||
height:auto !important;
|
||||
}
|
||||
|
||||
|
||||
/* Footer Logo */
|
||||
#footer img.footer-logo {
|
||||
margin-bottom:20px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
#footer .footer-logo.footer-2 {
|
||||
float:left;
|
||||
margin:0 20px 10px 0;
|
||||
border-right:rgba(255,255,255,0.1) 1px solid;
|
||||
padding-right:20px;
|
||||
}
|
||||
|
||||
/* Footer Typography */
|
||||
#footer h2 {
|
||||
font-size:26px;
|
||||
text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
|
||||
}
|
||||
#footer h3 {
|
||||
font-size:18px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
#footer h4 {
|
||||
font-size:15px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: #000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#footer a:hover {
|
||||
color: #000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#footer a>i.fa {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
#footer ul {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
#footer hr {
|
||||
border:0;
|
||||
margin:20px 0;
|
||||
border-bottom:rgba(255,255,255,0.1) 1px solid;
|
||||
border-top:rgba(0,0,0,0.4) 1px solid;
|
||||
}
|
||||
|
||||
#footer address {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
#footer h1,
|
||||
#footer h2,
|
||||
#footer h3,
|
||||
#footer h4,
|
||||
#footer h5,
|
||||
#footer h6 {
|
||||
color: #000;
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
/* footer form */
|
||||
#footer form input,
|
||||
#footer form textarea {
|
||||
color: #999;
|
||||
background-color: rgba(0,0,0,.2);
|
||||
border-color: rgba(0,0,0,.25);
|
||||
margin-bottom:6px;
|
||||
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
-o-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
#footer form input[type="submit"]:hover,
|
||||
#footer form input:focus,
|
||||
#footer form textarea:focus {
|
||||
background-color: rgba(0,0,0,.3);
|
||||
}
|
||||
#footer form .input-group-addon {
|
||||
color: #999;
|
||||
background-color: rgba(0,0,0,.4);
|
||||
border-color: rgba(0,0,0,.25);
|
||||
}
|
||||
#footer form .input-group input,
|
||||
#footer form .input-group textarea {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#footer h4 {
|
||||
margin-top:60px;
|
||||
display:block;
|
||||
}
|
||||
#footer .mobile-block {
|
||||
margin-bottom:25px !important;
|
||||
}
|
||||
#footer.footer-fixed .mobile-block {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
#footer .copyright {
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
/* footer list links */
|
||||
#footer ul.footer-links>li {
|
||||
padding-bottom:10px;
|
||||
font-weight:300;
|
||||
}
|
||||
#footer ul.footer-links>li>a {
|
||||
color: rgba(0,0,0,0.8);
|
||||
}
|
||||
#footer ul.footer-links>li>a:hover {
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
#footer ul.footer-links>li>a:before {
|
||||
content: "\f105";
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
/* footer news list */
|
||||
#footer ul.footer-list li {
|
||||
padding:10px 0;
|
||||
border-bottom:rgba(0,0,0,0.2) 1px solid;
|
||||
}
|
||||
#footer ul.footer-list li small {
|
||||
display:block;
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
color:#ddd;
|
||||
}
|
||||
#footer.footer-light ul.footer-list li small {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#footer ul.footer-list.half-paddings li {
|
||||
padding:6px 0;
|
||||
}
|
||||
#footer ul.footer-list.half-paddings.noborder li {
|
||||
border:0;
|
||||
}
|
||||
|
||||
/* footer posts */
|
||||
#footer ul.footer-posts>li {
|
||||
padding: 15px 0;
|
||||
border-bottom:rgba(255,255,255,0.07) 1px solid;
|
||||
}
|
||||
#footer ul.footer-posts>li:first-child {
|
||||
padding-top:0;
|
||||
}
|
||||
#footer ul.footer-posts>li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
#footer ul.footer-posts>li>small {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* footer contact text */
|
||||
#footer address {
|
||||
background:url('../images/_smarty/world-map.png') no-repeat center;
|
||||
}
|
||||
#footer address .footer-sprite {
|
||||
margin-bottom:20px;
|
||||
padding-left:30px;
|
||||
background:url('../images/_smarty/footer_sprite.png') no-repeat 0 0;
|
||||
}
|
||||
#footer address .footer-sprite:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
#footer p {
|
||||
line-height:18px;
|
||||
}
|
||||
#footer p.contact-desc {
|
||||
margin:0 0 30px 0;
|
||||
padding:0 0 10px 0;
|
||||
border-bottom:#403E44 1px dashed;
|
||||
}
|
||||
#footer address .footer-sprite.address {
|
||||
background-position:0 0;
|
||||
}
|
||||
#footer address .footer-sprite.phone {
|
||||
background-position:0 -138px;
|
||||
line-height:30px;
|
||||
}
|
||||
#footer address .footer-sprite.email {
|
||||
background-position:0 -247px;
|
||||
}
|
||||
|
||||
|
||||
/* footer links - breadcrumbs like */
|
||||
#footer ul.inline-links>li+li:before {
|
||||
padding: 0 5px 0 0;
|
||||
content: "/\00a0";
|
||||
color:rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
|
||||
/* footer images gallery */
|
||||
#footer .footer-gallery>a {
|
||||
display:inline-block;
|
||||
margin-bottom:3px;
|
||||
margin-right:3px;
|
||||
float:left;
|
||||
}
|
||||
#footer .footer-gallery>a:hover {
|
||||
opacity:0.8;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#footer .footer-gallery {
|
||||
text-align:center;
|
||||
}
|
||||
#footer .footer-gallery>a,
|
||||
#footer .footer-gallery>img {
|
||||
float:none;
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
#footer .row>div {
|
||||
margin-bottom:60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* sticky footer */
|
||||
footer.sticky {
|
||||
width: 100%;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
footer.sticky {
|
||||
top:auto !important;
|
||||
position:relative !important;
|
||||
}
|
||||
}
|
||||
|
||||
#footer .btn,
|
||||
#footer .form-control {
|
||||
height:36px;
|
||||
}
|
||||
#footer .btn-sm,
|
||||
#footer .btn-xs,
|
||||
#footer .btn-lg,
|
||||
#footer .btn-xlg {
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
#footer .copyright ul.list-social-icons {
|
||||
height:30px;
|
||||
}
|
||||
#footer .copyright ul.list-social-icons a.social-icon {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* footer social icons */
|
||||
#footer a.social-icon {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Footer Light
|
||||
** ************************ **/
|
||||
#footer.footer-light {
|
||||
color:#666;
|
||||
background-color:#fbfbfb;
|
||||
background-image: none;
|
||||
}
|
||||
#footer.footer-light form input,
|
||||
#footer.footer-light form textarea,
|
||||
#footer.footer-light form .input-group-addon {
|
||||
color:#eaeaea;
|
||||
}
|
||||
#footer.footer-light .copyright {
|
||||
background-color: rgba(0,0,0,0.04);
|
||||
}
|
||||
#footer.footer-light .copyright,
|
||||
#footer.footer-light .copyright a {
|
||||
color:#414141;
|
||||
}
|
||||
#footer.footer-light h1,
|
||||
#footer.footer-light h2,
|
||||
#footer.footer-light h3,
|
||||
#footer.footer-light h4,
|
||||
#footer.footer-light h5,
|
||||
#footer.footer-light h6 {
|
||||
color:#414141;
|
||||
}
|
||||
#footer.footer-light p,
|
||||
#footer.footer-light a,
|
||||
#footer.footer-light ul.footer-links>li>a {
|
||||
color:#666;
|
||||
}
|
||||
#footer.footer-light a:hover,
|
||||
#footer.footer-light ul.footer-links>li>a:hover {
|
||||
color:#000;
|
||||
}
|
||||
#footer.footer-light ul.footer-posts>li {
|
||||
border-bottom-color:rgba(0,0,0,0.07);
|
||||
}
|
||||
#footer.footer-light form textarea::-webkit-input-placeholder,
|
||||
#footer.footer-light form input::-webkit-input-placeholder {
|
||||
color: #eaeaea; /* WebKit browsers */
|
||||
}
|
||||
|
||||
#footer.footer-light form textarea:-moz-placeholder,
|
||||
#footer.footer-light form input:-moz-placeholder {
|
||||
color: #eaeaea; /* Mozilla Firefox 4 to 18 */
|
||||
}
|
||||
|
||||
#footer.footer-light form textarea::-moz-placeholder,
|
||||
#footer.footer-light form input::-moz-placeholder {
|
||||
color: #eaeaea; /* Mozilla Firefox 19+ */
|
||||
}
|
||||
|
||||
#footer.footer-light form textarea:-ms-input-placeholder,
|
||||
#footer.footer-light form input:-ms-input-placeholder {
|
||||
color: #eaeaea; /* Internet Explorer 10+ */
|
||||
}
|
||||
|
||||
/* footer social icons */
|
||||
#footer.footer-light a.social-icon {
|
||||
color: #666 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Fixed Footer
|
||||
** ************************ **/
|
||||
#footer.footer-fixed {
|
||||
position:fixed;
|
||||
left:0; right:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
z-index:30;
|
||||
padding:10px 0;
|
||||
|
||||
filter: Alpha(Opacity=95);
|
||||
opacity:0.95;
|
||||
}
|
||||
#footer.footer-fixed .social-icon {
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
#footer.footer-fixed .footer-links>span,
|
||||
#footer.footer-fixed .footer-links>a {
|
||||
line-height:30px;
|
||||
font-size:13px;
|
||||
padding:6px 10px;
|
||||
border-right:rgba(255,255,255,0.1) 1px solid;
|
||||
}
|
||||
#footer.footer-fixed.footer-light .footer-links>a {
|
||||
border-right:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
426
_static/assets/LESS/LESS_BS3/smarty/layout-globals.less
Normal file
426
_static/assets/LESS/LESS_BS3/smarty/layout-globals.less
Normal file
|
|
@ -0,0 +1,426 @@
|
|||
/** Globals
|
||||
**************************************************************** **/
|
||||
html, body {
|
||||
height:100%;
|
||||
}
|
||||
body {
|
||||
color: @body-color;
|
||||
background-color: @background-color;
|
||||
font-family: @font-family;
|
||||
font-weight: @body-font-weight;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
font-size: @body-font-size;
|
||||
line-height: @body-line-height;
|
||||
margin:0; padding:0;
|
||||
}
|
||||
/* example usage: index-onepage-youtube.html */
|
||||
body.has-image-bg section,
|
||||
body.has-video-bg section {
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
body #wrapper {/* used by RTL*/
|
||||
overflow:hidden;
|
||||
min-height:100%; /* because short page hide long menus */
|
||||
}
|
||||
|
||||
body.bg-grey,
|
||||
body.bg-grey #wrapper {
|
||||
background-color:#f1f2f7;
|
||||
}
|
||||
|
||||
section {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 40px 0;
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
background-color: #fff;
|
||||
|
||||
-webkit-transition: all .400s;
|
||||
-moz-transition: all .400s;
|
||||
-o-transition: all .400s;
|
||||
transition: all .400s;
|
||||
|
||||
/*background-attachment: fixed;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
-webkit-background-size: cover !important;
|
||||
-moz-background-size: cover !important;
|
||||
-o-background-size: cover !important;
|
||||
background-size: cover !important;
|
||||
*/
|
||||
|
||||
-webkit-box-sizing: border-box !important;
|
||||
-moz-box-sizing: border-box !important;
|
||||
box-sizing: border-box !important;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
-webkit-background-size: auto 100% !important;
|
||||
-moz-background-size: auto 100% !important;
|
||||
-o-background-size: auto 100% !important;
|
||||
background-size: auto 100% !important;}
|
||||
section:after,
|
||||
section:before {
|
||||
content:" ";
|
||||
display:table;
|
||||
}
|
||||
|
||||
/* remove effect on parallax */
|
||||
section.parallax {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
Static background image
|
||||
add to HTML: background-image:url();
|
||||
**/
|
||||
section.static-bg,
|
||||
div.static-bg {
|
||||
background-position: center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
section header.section-header {
|
||||
margin-bottom:80px;
|
||||
}
|
||||
|
||||
div.alternate,
|
||||
section.alternate {
|
||||
background-color:rgba(0,0,0,0.02);
|
||||
}
|
||||
|
||||
section.dark {
|
||||
background-color:#212121;
|
||||
border-bottom:rgba(255,255,255,0.1) 1px solid;
|
||||
}
|
||||
section.dark.alternate {
|
||||
background-color:#151515;
|
||||
}
|
||||
|
||||
div.alternate-2,
|
||||
section.alternate-2,
|
||||
section.alternate-2 div.heading-title h1,
|
||||
section.alternate-2 div.heading-title h2,
|
||||
section.alternate-2 div.heading-title h3,
|
||||
section.alternate-2 div.heading-title h4,
|
||||
section.alternate-2 div.heading-title h5,
|
||||
section.alternate-2 div.heading-title h6 {
|
||||
background-color: #f4f4f4;
|
||||
|
||||
}
|
||||
|
||||
|
||||
div.alternate-3,
|
||||
section.alternate-3,
|
||||
section.alternate-3 div.heading-title h1,
|
||||
section.alternate-3 div.heading-title h2,
|
||||
section.alternate-3 div.heading-title h3,
|
||||
section.alternate-3 div.heading-title h4,
|
||||
section.alternate-3 div.heading-title h5,
|
||||
section.alternate-3 div.heading-title h6 {
|
||||
background-color: #eae7e2;
|
||||
|
||||
}
|
||||
|
||||
|
||||
div.lightgreen,
|
||||
section.lightgreen,
|
||||
section.lightgreen div.heading-title h1,
|
||||
section.lightgreen div.heading-title h2,
|
||||
section.lightgreen div.heading-title h3,
|
||||
section.lightgreen div.heading-title h4,
|
||||
section.lightgreen div.heading-title h5,
|
||||
section.lightgreen div.heading-title h6 {
|
||||
background-color: #eef4f2;
|
||||
}
|
||||
|
||||
|
||||
div.lightblue,
|
||||
section.lightblue,
|
||||
section.lightblue div.heading-title h1,
|
||||
section.lightblue div.heading-title h2,
|
||||
section.lightblue div.heading-title h3,
|
||||
section.lightblue div.heading-title h4,
|
||||
section.lightblue div.heading-title h5,
|
||||
section.lightblue div.heading-title h6 {
|
||||
background-color: #dfe5ea;
|
||||
}
|
||||
|
||||
/* different dark color */
|
||||
div.dark-2,
|
||||
section.dark-2,
|
||||
section.dark-2 div.heading-title h1,
|
||||
section.dark-2 div.heading-title h2,
|
||||
section.dark-2 div.heading-title h3,
|
||||
section.dark-2 div.heading-title h4,
|
||||
section.dark-2 div.heading-title h5,
|
||||
section.dark-2 div.heading-title h6 {
|
||||
color: #fff;
|
||||
background-color: #333a3f;
|
||||
|
||||
}
|
||||
|
||||
.dark-2 a,
|
||||
.dark-2 label,
|
||||
.dark-2 h1,
|
||||
.dark-2 h2,
|
||||
.dark-2 h3,
|
||||
.dark-2 h4,
|
||||
.dark-2 h5,
|
||||
.dark-2 h6 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
section.theme-color,
|
||||
section.theme-color h1,
|
||||
section.theme-color h2,
|
||||
section.theme-color h3,
|
||||
section.theme-color h4,
|
||||
section.theme-color h5,
|
||||
section.theme-color h6,
|
||||
section.theme- p,
|
||||
section.dark,
|
||||
section.dark p,
|
||||
section.dark h1,
|
||||
section.dark h2,
|
||||
section.dark h3,
|
||||
section.dark h4,
|
||||
section.dark h5,
|
||||
section.dark h6 {
|
||||
color:#fff;
|
||||
}
|
||||
section.padding-xxs {
|
||||
padding:30px 0;
|
||||
}
|
||||
section.padding-xs {
|
||||
padding:60px 0;
|
||||
}
|
||||
section.padding-md {
|
||||
padding:80px 0;
|
||||
}
|
||||
section.padding-lg {
|
||||
padding:120px 0;
|
||||
}
|
||||
section.padding-xlg {
|
||||
padding:140px 0;
|
||||
}
|
||||
section.dark a {
|
||||
color:#999;
|
||||
}
|
||||
section.parallax {
|
||||
border:0;
|
||||
}
|
||||
|
||||
body.bg-grey,
|
||||
body.bg-grey #wrapper {
|
||||
background-color:#f1f2f7;
|
||||
}
|
||||
.container {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #212121;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
/* black link color - override theme color link */
|
||||
a.href-reset,
|
||||
.href-reset a {
|
||||
color:#121212;
|
||||
}
|
||||
section.dark a.href-reset,
|
||||
section.dark .href-reset a {
|
||||
color:#eee;
|
||||
}
|
||||
|
||||
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a {
|
||||
color:#121212;
|
||||
}
|
||||
h1 a:hover,
|
||||
h2 a:hover,
|
||||
h3 a:hover,
|
||||
h4 a:hover,
|
||||
h5 a:hover,
|
||||
h6 a:hover {
|
||||
color:#888;
|
||||
}
|
||||
|
||||
section.dark h1 a,
|
||||
section.dark h2 a,
|
||||
section.dark h3 a,
|
||||
section.dark h4 a,
|
||||
section.dark h5 a,
|
||||
section.dark h6 a {
|
||||
color:#eee;
|
||||
}
|
||||
|
||||
section.dark h1 a:hover,
|
||||
section.dark h2 a:hover,
|
||||
section.dark h3 a:hover,
|
||||
section.dark h4 a:hover,
|
||||
section.dark h5 a:hover,
|
||||
section.dark h6 a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
section header>h1,
|
||||
section header>h2,
|
||||
section header>h3,
|
||||
section header>h4,
|
||||
section header>h5,
|
||||
section header>h6 {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
small {
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
label {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
/* form control: inputs, textarea, etc */
|
||||
.btn {
|
||||
position:relative;
|
||||
}
|
||||
.btn-default {
|
||||
border-width:2px;
|
||||
}
|
||||
|
||||
.btn>.label-absolute {
|
||||
position:absolute;
|
||||
right:-6px;
|
||||
top:-8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.input-group-addon {
|
||||
border:#ddd 2px solid;
|
||||
border-right:0;
|
||||
}
|
||||
section.dark .input-group-addon {
|
||||
background-color:#212121;
|
||||
border-color:#666;
|
||||
color:#eaeaea;
|
||||
}
|
||||
.form-control {
|
||||
border:#ddd 2px solid;
|
||||
box-shadow:none;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
section .input-group-btn .btn.btn-default,
|
||||
section .input-group-btn button.btn-default {
|
||||
border-width:2px;
|
||||
border-color:#ddd;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color:#c6c6c6;
|
||||
}
|
||||
section.dark .form-control {
|
||||
border-color:#666;
|
||||
background-color: rgba(255,255,255,0.05);
|
||||
}
|
||||
section.dark .form-control:focus {
|
||||
border-color:#999;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.nav-tabs>li>a {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
padding:.4em .6em .4em;
|
||||
}
|
||||
|
||||
|
||||
/* DARK PRESETS */
|
||||
section.dark input,
|
||||
section.dark select,
|
||||
section.dark textarea {
|
||||
color:#fff;
|
||||
}
|
||||
section.dark .btn {
|
||||
color:#fff;
|
||||
}
|
||||
section.dark .thumbnail {
|
||||
border-color:#444;
|
||||
background-color:transparent;
|
||||
}
|
||||
section.dark h1.page-header,
|
||||
section.dark h2.page-header,
|
||||
section.dark h3.page-header,
|
||||
section.dark h4.page-header,
|
||||
section.dark h5.page-header,
|
||||
section.dark h6.page-header {
|
||||
border-bottom-color:#666;
|
||||
}
|
||||
|
||||
|
||||
/* fonts */
|
||||
.font-open-sans {
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
.font-lato {
|
||||
font-weight:300;
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
.font-raleway {
|
||||
font-family:'Raleway',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
GLOBAL RADIUS
|
||||
Add here all needed bootstrap elements
|
||||
*/
|
||||
pre,
|
||||
.alert,
|
||||
.panel,
|
||||
.navbar-toggle,
|
||||
.btn {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/*
|
||||
bootstrap rewrite
|
||||
*/
|
||||
img.img-responsive {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
/* cover video */
|
||||
.cover-video {
|
||||
|
||||
}
|
||||
91
_static/assets/LESS/LESS_BS3/smarty/layout-image-hover.less
Normal file
91
_static/assets/LESS/LESS_BS3/smarty/layout-image-hover.less
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
/** Image Hover
|
||||
**************************************************************** **/
|
||||
.image-hover {
|
||||
position:relative;
|
||||
display:table;
|
||||
}
|
||||
.image-hover>img {
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
}
|
||||
.image-hover:hover>img {
|
||||
/* IE 8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
|
||||
|
||||
/* IE 5-7 */
|
||||
filter: alpha(opacity=90);
|
||||
|
||||
/* Netscape */
|
||||
-moz-opacity: 0.9;
|
||||
|
||||
/* Safari 1.x */
|
||||
-khtml-opacity: 0.9;
|
||||
|
||||
/* Good browsers */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.image-hover-icon {
|
||||
position:absolute;
|
||||
left:0; top:0;
|
||||
bottom:0; right:0;
|
||||
z-index:3;
|
||||
|
||||
/* IE 8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
|
||||
/* IE 5-7 */
|
||||
filter: alpha(opacity=0);
|
||||
|
||||
/* Netscape */
|
||||
-moz-opacity: 0;
|
||||
|
||||
/* Safari 1.x */
|
||||
-khtml-opacity: 0;
|
||||
|
||||
/* Good browsers */
|
||||
opacity: 0;
|
||||
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
-o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
|
||||
}
|
||||
.image-hover-icon.image-hover-dark {
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
.image-hover-icon.image-hover-light {
|
||||
background-color:rgba(255,255,255,0.3);
|
||||
}
|
||||
.image-hover-icon.image-hover-light>i {
|
||||
color:#111;
|
||||
}
|
||||
.image-hover-icon>i {
|
||||
font-size:40px;
|
||||
position:absolute;
|
||||
left:50%; top:50%;
|
||||
margin-left:-15px;
|
||||
margin-top:-15px;
|
||||
z-index:2;
|
||||
color:#fff;
|
||||
}
|
||||
.image-hover:hover>.image-hover-icon {
|
||||
/* IE 8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
|
||||
/* IE 5-7 */
|
||||
filter: alpha(opacity=100);
|
||||
|
||||
/* Netscape */
|
||||
-moz-opacity: 1;
|
||||
|
||||
/* Safari 1.x */
|
||||
-khtml-opacity: 1;
|
||||
|
||||
/* Good browsers */
|
||||
opacity: 1;
|
||||
}
|
||||
141
_static/assets/LESS/LESS_BS3/smarty/layout-item-box.less
Normal file
141
_static/assets/LESS/LESS_BS3/smarty/layout-item-box.less
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
/** Item Box
|
||||
**************************************************************** **/
|
||||
.item-box {
|
||||
overflow:hidden;
|
||||
margin:0;
|
||||
position:relative;
|
||||
box-shadow:rgba(0,0,0,0.1) 0 0 5px;
|
||||
|
||||
|
||||
-webkit-border-radius:0;
|
||||
-moz-border-radius:0;
|
||||
border-radius:0;
|
||||
}
|
||||
.mix-grid .item-box,
|
||||
#portfolio .item-box {
|
||||
box-shadow:none;
|
||||
}
|
||||
.item-box.fullwidth {
|
||||
max-width:100%;
|
||||
}
|
||||
section.alternate .item-box {
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
|
||||
.item-box figure {
|
||||
width:100%;
|
||||
display:block;
|
||||
margin-bottom:0;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
}
|
||||
.item-box.fixed-box figure img {
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
.item-box-desc {
|
||||
padding:30px 20px 20px 20px;
|
||||
overflow:hidden;
|
||||
margin-bottom:10px;
|
||||
text-align:left !important;
|
||||
}
|
||||
.item-box-desc p {
|
||||
margin-top:20px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
/*white-space: nowrap;*/
|
||||
}
|
||||
.item-box.fixed-box .item-box-desc p {
|
||||
height:98px;
|
||||
}
|
||||
.item-box-desc h2,
|
||||
.item-box-desc h3,
|
||||
.item-box-desc h4,
|
||||
.item-box-desc h5 {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
.item-box .item-box-desc small {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.item-box.fixed-box .item-box-desc {
|
||||
height:256px;
|
||||
}
|
||||
|
||||
.item-box.fixed-box figure {
|
||||
max-height:263px;
|
||||
}
|
||||
|
||||
.item-box .socials {
|
||||
border-top:#eee 1px solid;
|
||||
text-align:center;
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
/* hover */
|
||||
.item-box .item-hover {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
position:absolute;
|
||||
left:0; right:0; top:0; bottom:0;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.item-box .item-hover,
|
||||
.item-box .item-hover button,
|
||||
.item-box .item-hover a {
|
||||
color:#fff;
|
||||
}
|
||||
.item-box .item-hover .inner {
|
||||
position:absolute;
|
||||
display:block;
|
||||
left:0; right:0; top:50%;
|
||||
margin-top:-10px;
|
||||
margin-bottom:0;
|
||||
width:100%;
|
||||
z-index:100;
|
||||
line-height:23px;
|
||||
}
|
||||
.item-box:hover .item-hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
.item-box .item-hover .inner .ico-rounded>span {
|
||||
color:#666;
|
||||
background-color:#fff;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:50px !important;
|
||||
margin:-20px 5px 0 5px;
|
||||
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
|
||||
-webkit-border-bottom-right-radius: 20px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius-bottomright: 20px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
|
||||
|
||||
.nav-pills>li.active>a,
|
||||
.nav-pills>li.active>a:hover,
|
||||
.nav-pills>li.active>a:focus {
|
||||
color:#333;
|
||||
background-color:rgba(0,0,0,0.07);
|
||||
}
|
||||
539
_static/assets/LESS/LESS_BS3/smarty/layout-jqgrid.less
Normal file
539
_static/assets/LESS/LESS_BS3/smarty/layout-jqgrid.less
Normal file
|
|
@ -0,0 +1,539 @@
|
|||
/** **/
|
||||
table.table input#cb_jqgrid {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
margin-top:-10px;
|
||||
margin-left:3px;
|
||||
}
|
||||
table.table #jqgrid_cb .icheckbox_minimal {
|
||||
margin-top:-21px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-hdiv {
|
||||
background-color:#f8f8f9 !important;
|
||||
padding-right:0 !important;
|
||||
}
|
||||
table.table.ui-jqgrid-htable tr th:last-child {
|
||||
border-right:0 !important;
|
||||
}
|
||||
.ui-jqgrid .btn-default {
|
||||
background-color:#fff !important;
|
||||
}
|
||||
.ui-jqgrid .btn-quick {
|
||||
margin-right:2px;
|
||||
}
|
||||
|
||||
/* search */
|
||||
.ui-widget-overlay {
|
||||
background-color:rgba(0,0,0,0.5);
|
||||
}
|
||||
.ui-widget-header {
|
||||
font-weight: bold;
|
||||
background-color: #F5F5F5;
|
||||
color: #333;
|
||||
}
|
||||
.ui-jqdialog-title {
|
||||
float:none !important;
|
||||
font-size:14px;
|
||||
}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar {
|
||||
padding:6px;
|
||||
}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close span:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close span {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
display: inline-block;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
font-size:15px;
|
||||
}
|
||||
.searchFilter {
|
||||
padding:15px;
|
||||
}
|
||||
.searchFilter select,
|
||||
.searchFilter input {
|
||||
padding:6px;
|
||||
border:#ccc 1px solid;
|
||||
height:30px;
|
||||
margin-right:6px;
|
||||
border-radius:2px;
|
||||
}
|
||||
.fm-button {
|
||||
border:#ccc 1px solid;
|
||||
padding:6px 15px;
|
||||
background-color:#fff;
|
||||
font-size:14px;
|
||||
border-radius:2px;
|
||||
}
|
||||
.EditTable {
|
||||
background-color:#eee;
|
||||
}
|
||||
.EditButton {
|
||||
padding:0 15px;
|
||||
}
|
||||
.ui-widget-content {
|
||||
padding:0 !important;
|
||||
}
|
||||
|
||||
.s-ico {
|
||||
position:absolute;
|
||||
right:15px; top:14px;
|
||||
}
|
||||
.ui-grid-ico-sort {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display:inline-block;
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAsCAYAAACpOaImAAAAXElEQVQ4je2UwQnAIBAEV7EDf1mEs/8iUowkVSyYTw5C0DQQ5zmz7wVuSGYz20lmdwEASilbSulwKYmttTO8w3MQRwEAZn6xWPyXUGvtsxglcRQk8fukXPjAAwBc9jonxB51QWoAAAAASUVORK5CYII=');
|
||||
background-position:right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.ui-icon-triangle-1-n {
|
||||
background-position: 0 6px;
|
||||
}
|
||||
.ui-icon-triangle-1-s {
|
||||
background-position: 0 -33px;
|
||||
}
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter: alpha(opacity=35);
|
||||
}
|
||||
/** **/
|
||||
|
||||
#jqgrid,
|
||||
.ui-jqgrid,
|
||||
#gview_jqgrid,
|
||||
.ui-jqgrid-bdiv,
|
||||
.ui-jqgrid .ui-jqgrid-hdiv,
|
||||
.ui-jqgrid-hdiv .ui-jqgrid-htable,
|
||||
#ui-jqgrid-bdiv,
|
||||
#pager_jqgrid {
|
||||
width:100% !important;
|
||||
}
|
||||
|
||||
#jqgrid button>i,
|
||||
#jqgrid .btn>i {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.ui-jqgrid-btable input,.ui-jqgrid-btable select,.ui-jqgrid-btable textarea {
|
||||
padding: 2px;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-jqgrid-btable select {
|
||||
padding: 1px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-view button,.ui-jqgrid .ui-jqgrid-view input,.ui-jqgrid .ui-jqgrid-view select,.ui-jqgrid .ui-jqgrid-view textarea {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
|
||||
height: 30px;
|
||||
padding-top: 2px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-view,.ui-jqgrid .ui-paging-info,.ui-jqgrid .ui-pg-selbox,.ui-jqgrid .ui-pg-table {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-title {
|
||||
float: left;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-title-rtl {
|
||||
float: right;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.ui-jqgrid-view>.ui-jqgrid-titlebar {
|
||||
height: 40px;
|
||||
line-height: 24px;
|
||||
color: #31708f;
|
||||
background: #D6DDE7;
|
||||
padding: 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
|
||||
color: #31708f !important;
|
||||
}
|
||||
.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
|
||||
border-right: none;
|
||||
border-left: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-hdiv {
|
||||
background-color: #eff3f8;
|
||||
border: 1px solid #D3D3D3;
|
||||
border-width: 1px 0 0 1px;
|
||||
line-height: 15px;
|
||||
font-weight: 700;
|
||||
color: #777;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable thead {
|
||||
background-color: #eff3f8;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
|
||||
height: 45px!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable th div {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.ui-jqgrid-hdiv .ui-jqgrid-htable {
|
||||
border-top: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid-titlebar {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ui-jqgrid tr.jqgrow,.ui-jqgrid tr.ui-row-ltr,.ui-jqgrid tr.ui-row-rtl {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ui-jqgrid tr.ui-row-ltr td,.ui-jqgrid tr.ui-row-rtl td {
|
||||
border-bottom: 1px solid #E1E1E1;
|
||||
padding: 6px 4px;
|
||||
border-color: #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
|
||||
border-right-color: #C7D3A9;
|
||||
}
|
||||
|
||||
.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
|
||||
border-left-color: #C7D3A9;
|
||||
}
|
||||
|
||||
.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
|
||||
background-image: none;
|
||||
background-color: #F9F9F9;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ui-jqgrid-btable .ui-widget-content.ui-state-hover {
|
||||
background-image: none;
|
||||
background-color: #EFF4F7;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
|
||||
background-color: #E4EFC9;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-pager {
|
||||
line-height: 15px;
|
||||
height: 55px;
|
||||
padding-top: 3px!important;
|
||||
padding-bottom: 5px!important;
|
||||
background-color: #eff3f8!important;
|
||||
border-bottom: 1px solid #E1E1E1!important;
|
||||
border-top: 1px solid #E1E1E1!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-input {
|
||||
font-size: inherit;
|
||||
width: 24px;
|
||||
height: 20px;
|
||||
line-height: 16px;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
text-align: center;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-selbox {
|
||||
display: block;
|
||||
height: 24px;
|
||||
width: 60px;
|
||||
margin: 0;
|
||||
padding: 1px;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable th div {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pager-control {
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-toppager {
|
||||
height: auto!important;
|
||||
background-color: #eff3f8;
|
||||
border-bottom: 1px solid #E1E1E1!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid .jqgrow .editable {
|
||||
max-width: 90%;
|
||||
max-width: calc(92%)!important;
|
||||
}
|
||||
|
||||
.ui-pg-table .navtable .ui-corner-all {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-button:hover {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-button .ui-separator {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
border-color: #C9D4DB;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-btable {
|
||||
border-left: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-bdiv {
|
||||
border-top: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .loading {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: 101;
|
||||
padding: 6px;
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
background-color: #FFF;
|
||||
border: 2px solid #8EB8D1;
|
||||
color: #E2B018;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-search-toolbar {
|
||||
border-top: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-labels {
|
||||
border-bottom: none;
|
||||
background: #F2F2F2 repeat-x;
|
||||
background-image: -webkit-linear-gradient(top,#f8f8f8 0,#ececec 100%);
|
||||
background-image: -o-linear-gradient(top,#f8f8f8 0,#ececec 100%);
|
||||
background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
|
||||
padding: 0!important;
|
||||
border-left: 1px solid #E1E1E1!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-labels th {
|
||||
border-right: 1px solid #E1E1E1!important;
|
||||
text-align: left!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid-labels th[id*="_cb"]:first-child>div {
|
||||
padding-top: 0;
|
||||
text-align: center!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid-sortable {
|
||||
padding-left: 4px;
|
||||
font-size: 13px;
|
||||
color: #777;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ui-jqgrid-sortable:hover {
|
||||
color: #547ea8;
|
||||
}
|
||||
|
||||
th[aria-selected=true] {
|
||||
background-image: -webkit-linear-gradient(top,#eff3f8 0,#e3e7ed 100%);
|
||||
background-image: -o-linear-gradient(top,#eff3f8 0,#e3e7ed 100%);
|
||||
background-image: linear-gradient(to bottom,#eff3f8 0,#e3e7ed 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
|
||||
}
|
||||
|
||||
th[aria-selected=true] .ui-jqgrid-sortable {
|
||||
color: #307ecc;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
height: 30px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close {
|
||||
top: 10%;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
margin: 2px 8px 0 0;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
|
||||
background-color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
content: "\f077";
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
|
||||
content: "\f078";
|
||||
}
|
||||
|
||||
.ui-jqgrid .tree-wrap-ltr {
|
||||
margin: 0 4px;
|
||||
float: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.ui-jqgrid .tree-wrap-rtl {
|
||||
margin: 2px 4px 0;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid {
|
||||
border-bottom: 1px solid #E1E1E1;
|
||||
background-color: #F6FAFF;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
|
||||
background-color: transparent;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels {
|
||||
border-bottom: 1px solid #E1E1E1;
|
||||
background: #F1F1F1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected=true] {
|
||||
background: #E5E9EF;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize {
|
||||
height: 36px!important;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
|
||||
height: auto!important;
|
||||
max-height: 150px;
|
||||
margin-bottom: 4px;
|
||||
border-top-width: 0;
|
||||
border-bottom: 1px solid #E1E1E1;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-sgcollapsed>a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
table.ui-widget {
|
||||
margin:0;
|
||||
}
|
||||
.ui-widget-content {
|
||||
background:#fff;
|
||||
}
|
||||
.ui-accordion-content {
|
||||
border:#ccc 1px solid !important;
|
||||
border-top: 0 !important;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:900px) {
|
||||
.ui-pg-selbox,
|
||||
#pager_jqgrid_right,
|
||||
#first_pager_jqgrid,
|
||||
#last_pager_jqgrid {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:767px) {
|
||||
.ui-jqgrid .ui-jqgrid-pager {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control {
|
||||
height: 85px;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center {
|
||||
width: 0!important;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center>.ui-pg-table {
|
||||
margin: 36px auto 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#pager_jqgrid_center {
|
||||
float:none !important;
|
||||
display:block !important;
|
||||
margin-top:40px;
|
||||
margin-left:-110px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {
|
||||
.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center>.ui-pg-table {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
/** Login & Register
|
||||
**************************************************************** **/
|
||||
ul.login-features>li {
|
||||
content: ' ';
|
||||
clear: both;
|
||||
padding: 8px 0;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
line-height: 30px;
|
||||
}
|
||||
ul.login-features>li>i {
|
||||
font-size:30px;
|
||||
float:left;
|
||||
padding-right:20px;
|
||||
}
|
||||
.login-forgot-password {
|
||||
display: inline-block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.modal-short {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
@media only screen and (max-width: 992px) {
|
||||
form div.col-xs-6>button {
|
||||
margin:0 !important;
|
||||
}
|
||||
}
|
||||
24
_static/assets/LESS/LESS_BS3/smarty/layout-maintenance.less
Normal file
24
_static/assets/LESS/LESS_BS3/smarty/layout-maintenance.less
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/** Maintenance
|
||||
**************************************************************** **/
|
||||
.maintenance {
|
||||
padding: 20px;
|
||||
margin-top: 10%;
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
font-family:'Open Sans';
|
||||
font-size:14px;
|
||||
line-height:23px;
|
||||
text-align: center;
|
||||
font-weight:300;
|
||||
}
|
||||
.maintenance h1 {
|
||||
font-size:50px;
|
||||
line-height:50px;
|
||||
font-weight:300;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.maintenance h1 {
|
||||
font-size:40px;
|
||||
line-height:40px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
/** Masonry Gallery
|
||||
**************************************************************** **/
|
||||
.masonry-gallery {
|
||||
position: relative;
|
||||
}
|
||||
.masonry-gallery a,
|
||||
.masonry-gallery img {
|
||||
display: block;
|
||||
height: auto!important;
|
||||
}
|
||||
.masonry-gallery a {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 25%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.masonry-gallery img {
|
||||
width: 100%;
|
||||
border-radius: 0!important;
|
||||
padding: 0 1px 1px 0;
|
||||
}
|
||||
|
||||
/* columns */
|
||||
.masonry-gallery.columns-2 a {
|
||||
width: 50%;
|
||||
}
|
||||
.masonry-gallery.columns-3 a {
|
||||
width: 33.30%;
|
||||
}
|
||||
.masonry-gallery.columns-4 a {
|
||||
width: 25%;
|
||||
}
|
||||
.masonry-gallery.columns-5 a {
|
||||
width: 20%;
|
||||
}
|
||||
.masonry-gallery.columns-6 a {
|
||||
width: 16.60%;
|
||||
}
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
/** Material Design
|
||||
******************** **/
|
||||
div.side-nav[class*=" mdl-shadow--"] {
|
||||
padding: 15px 15px 1px 15px;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
div.side-nav[class*=" mdl-shadow--"] {
|
||||
padding: 0 !important;
|
||||
}
|
||||
div.side-nav[class*=" mdl-shadow--"] ul>li {
|
||||
margin: 5px 15px !important;
|
||||
border: 0 !important;
|
||||
font-size:16px;
|
||||
}
|
||||
}
|
||||
.mdl-badge.mdl-badge--no-background[data-badge]:after {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* WIDE CARD */
|
||||
.mdl-card-wide.mdl-card {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* IMAGE CARD */
|
||||
.mdl-card-image > .mdl-card__actions {
|
||||
height: 52px;
|
||||
padding: 16px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.mdl-card-image__filename {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* EVENT CARD */
|
||||
.mdl-card-event > .mdl-card__actions {
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.mdl-card-event > .mdl-card__title {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.mdl-card-event > .mdl-card__title > h4 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.mdl-card-event > .mdl-card__actions {
|
||||
display: flex;
|
||||
box-sizing:border-box;
|
||||
align-items: center;
|
||||
}
|
||||
.mdl-card-event > .mdl-card__actions > .material-icons {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.mdl-card-event > .mdl-card__title,
|
||||
.mdl-card-event > .mdl-card__actions,
|
||||
.mdl-card-event > .mdl-card__actions > .mdl-button {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* checkbox fix */
|
||||
.mdl-checkbox__tick-outline {
|
||||
width: 101%;
|
||||
height: 101%;
|
||||
}
|
||||
|
||||
/* table fix */
|
||||
table.mdl-data-table {
|
||||
width: 100%;
|
||||
}
|
||||
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
|
||||
padding-left: 20px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
|
||||
/* text fields fix */
|
||||
label.mdl-textfield__label {
|
||||
margin-bottom:0;
|
||||
text-indent:1;
|
||||
}
|
||||
|
||||
|
||||
/* RESPONSIVE CARDS */
|
||||
@media only screen and (max-width: 768px) {
|
||||
.mdl-mobile-fullwidth,
|
||||
.mdl-card-image.mdl-card,
|
||||
.mdl-card-square.mdl-card,
|
||||
.mdl-card-event.mdl-card,
|
||||
.mdl-card-wide.mdl-card {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
1333
_static/assets/LESS/LESS_BS3/smarty/layout-misc.less
Normal file
1333
_static/assets/LESS/LESS_BS3/smarty/layout-misc.less
Normal file
File diff suppressed because it is too large
Load diff
12
_static/assets/LESS/LESS_BS3/smarty/layout-mixitup.less
Normal file
12
_static/assets/LESS/LESS_BS3/smarty/layout-mixitup.less
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/** Mixitup
|
||||
**************************************************************** **/
|
||||
.mix-grid .mix {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
.mix.nogutter,
|
||||
.mix.nogutter>.item-box {
|
||||
padding:0 !important;
|
||||
margin:0 !important;
|
||||
line-height:0;
|
||||
}
|
||||
317
_static/assets/LESS/LESS_BS3/smarty/layout-page-header.less
Normal file
317
_static/assets/LESS/LESS_BS3/smarty/layout-page-header.less
Normal file
|
|
@ -0,0 +1,317 @@
|
|||
/** Page Header
|
||||
**************************************************************** **/
|
||||
section.page-header {
|
||||
position: relative;
|
||||
padding: 50px 0 50px 0;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0 !important;
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
border-bottom: rgba(0,0,0,0.05) 1px solid;
|
||||
|
||||
-webkit-transition: all 0s;
|
||||
-moz-transition: all 0s;
|
||||
-o-transition: all 0s;
|
||||
transition: all 0s;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
section.page-header {
|
||||
background-position: center !important;
|
||||
|
||||
background-attachment: inherit;
|
||||
|
||||
-webkit-background-size: auto 100% !important;
|
||||
-moz-background-size: auto 100% !important;
|
||||
-o-background-size: auto 100% !important;
|
||||
background-size: auto 100% !important;
|
||||
|
||||
-webkit-box-sizing: inherit !important;
|
||||
-moz-box-sizing: inherit !important;
|
||||
box-sizing: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* shadows */
|
||||
section.page-header.shadow-after-1:before {
|
||||
content:' ';
|
||||
position:absolute;
|
||||
left:0; right:0;
|
||||
width:100%; height:60px;
|
||||
bottom:-60px;
|
||||
background-image:url("@{image-path}misc/shadow1.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
section.page-header.shadow-after-2:before {
|
||||
content:' ';
|
||||
position:absolute;
|
||||
left:0; right:0;
|
||||
width:100%; height:60px;
|
||||
bottom:-60px;
|
||||
background-image:url("@{image-path}misc/shadow2.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
section.page-header.shadow-after-3:before {
|
||||
content:' ';
|
||||
position:absolute;
|
||||
left:0; right:0;
|
||||
width:100%; height:60px;
|
||||
bottom:-60px;
|
||||
background-image:url("@{image-path}misc/shadow3.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
section.dark.page-header {
|
||||
color:#fff;
|
||||
background-color:#151515;
|
||||
}
|
||||
section.light.page-header {
|
||||
color:#151515;
|
||||
background-color:transparent;
|
||||
border-top: rgba(0,0,0,0.05) 1px solid;
|
||||
|
||||
}
|
||||
section.page-header.page-header-xs {
|
||||
padding: 20px 0 20px 0;
|
||||
}
|
||||
section.page-header.page-header-md {
|
||||
padding: 50px 0 50px 0;
|
||||
}
|
||||
section.page-header.page-header-lg {
|
||||
padding: 80px 0 80px 0;
|
||||
}
|
||||
section.page-header.page-header-xlg {
|
||||
padding: 130px 0 130px 0;
|
||||
}
|
||||
section.page-header.page-header-2xlg {
|
||||
padding: 250px 0 250px 0;
|
||||
}
|
||||
@media only screen and (max-width: 482px) {
|
||||
section.page-header.page-header-2xlg {
|
||||
padding: 130px 0 130px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* page header tabs */
|
||||
.page-header.page-header-xs ul.page-header-tabs {
|
||||
display:block;
|
||||
text-align:left;
|
||||
margin-bottom:-21px;
|
||||
margin-top:40px;
|
||||
}
|
||||
.page-header.page-header-md ul.page-header-tabs {
|
||||
display:block;
|
||||
text-align:left;
|
||||
margin-bottom:-51px;
|
||||
margin-top:70px;
|
||||
}
|
||||
.page-header.page-header-lg ul.page-header-tabs {
|
||||
display:block;
|
||||
text-align:left;
|
||||
margin-bottom:-81px;
|
||||
margin-top:80px;
|
||||
}
|
||||
.page-header.page-header-2xlg ul.page-header-tabs {
|
||||
display:block;
|
||||
text-align:left;
|
||||
margin-bottom:-250px;
|
||||
margin-top:143px;
|
||||
}
|
||||
.page-header ul.page-header-tabs>li {
|
||||
background-color: rgba(0,0,0,0.02);
|
||||
padding:0;
|
||||
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-moz-border-top-left-radius: 3px;
|
||||
-moz-border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
.page-header ul.page-header-tabs>li>a {
|
||||
display:inline-block;
|
||||
padding:6px 20px;
|
||||
color:#111;
|
||||
text-decoration:none;
|
||||
}
|
||||
.page-header.page-header-xs ul.page-header-tabs li a>span.label {
|
||||
padding:1px 5px;
|
||||
}
|
||||
|
||||
.page-header.dark ul.page-header-tabs>li {
|
||||
background-color:rgba(255,255,255,0.1);
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
.page-header.dark ul.page-header-tabs>li:hover {
|
||||
background-color:rgba(255,255,255,0.2);
|
||||
}
|
||||
.page-header.dark ul.page-header-tabs>li>a {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.page-header ul.page-header-tabs>li:hover {
|
||||
background-color:rgba(0,0,0,0.03);
|
||||
}
|
||||
.page-header ul.page-header-tabs.dark>li:hover {
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.page-header ul.page-header-tabs>li.active>a {
|
||||
color:#000;
|
||||
}
|
||||
.page-header.dark ul.page-header-tabs>li.active:hover,
|
||||
.page-header ul.page-header-tabs>li.active {
|
||||
font-weight:bold;
|
||||
background-color:#fff;
|
||||
}
|
||||
.page-header ul.page-header-tabs.dark>li.active>a {
|
||||
color:#fff;
|
||||
}
|
||||
.page-header ul.page-header-tabs.dark>li.active {
|
||||
background-color: #212121;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.page-header ul.page-header-tabs {
|
||||
background-color:rgba(0,0,0,0.03);
|
||||
padding:6px;
|
||||
margin-left:-15px;
|
||||
margin-right:-15px;
|
||||
}
|
||||
|
||||
.page-header.page-header-2xlg ul.page-header-tabs {
|
||||
margin-top:143px;
|
||||
margin-bottom:-135px;
|
||||
}
|
||||
|
||||
.page-header ul.page-header-tabs.dark {
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
.page-header ul.page-header-tabs>li,
|
||||
.page-header ul.page-header-tabs>li>a {
|
||||
display:block;
|
||||
float:none !important;
|
||||
text-align:center;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.page-header ul.page-header-tabs.dark>li {
|
||||
border:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
section.page-header h1 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:26px;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
section.page-header .breadcrumb {
|
||||
position:absolute;
|
||||
font-size:12px;
|
||||
top:50%; left:0;
|
||||
margin-top:-15px;
|
||||
background:transparent;
|
||||
margin-bottom:0;
|
||||
z-index:10;
|
||||
}
|
||||
section.page-header .breadcrumb>li+li:before {
|
||||
content:"•";
|
||||
}
|
||||
section.page-header .breadcrumb a {
|
||||
color:#333;
|
||||
}
|
||||
section.page-header.parallax .breadcrumb li.active,
|
||||
section.page-header.parallax .breadcrumb a {
|
||||
color:#fff;
|
||||
}
|
||||
section.page-header .breadcrumb {
|
||||
right:0; left:auto;
|
||||
}
|
||||
section.page-header .breadcrumb.breadcrumb-inverse {
|
||||
left:0; right:auto;
|
||||
}
|
||||
section.page-header .breadcrumb.breadcrumb-center {
|
||||
left:auto; right:auto;
|
||||
position:relative;
|
||||
margin-top:20px;
|
||||
}
|
||||
section.dark.page-header .breadcrumb a {
|
||||
color:#ccc;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
section.page-header {
|
||||
text-align:center;
|
||||
}
|
||||
section.page-header .breadcrumb {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
section.page-header .container.text-right,
|
||||
section.page-header .container.text-left {
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* options - like buttons */
|
||||
section.page-header ul.page-options {
|
||||
position:absolute;
|
||||
font-size:24px;
|
||||
top:50%; left:0;
|
||||
margin-top:-15px;
|
||||
background:transparent;
|
||||
margin-bottom:0;
|
||||
z-index:10;
|
||||
}
|
||||
section.page-header ul.page-options a {
|
||||
color:#333;
|
||||
text-decoration:none;
|
||||
}
|
||||
section.page-header.parallax ul.page-options li.active,
|
||||
section.page-header.parallax ul.page-options a {
|
||||
color:#fff;
|
||||
}
|
||||
section.page-header ul.page-options {
|
||||
right:0; left:auto;
|
||||
}
|
||||
section.page-header ul.page-options.page-options-inverse {
|
||||
left:0; right:auto;
|
||||
}
|
||||
section.page-header ul.page-options.page-options-center {
|
||||
left:auto; right:auto;
|
||||
position:relative;
|
||||
margin-top:20px;
|
||||
}
|
||||
section.dark.page-header ul.page-options a {
|
||||
color:#ccc;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
section.page-header ul.page-options {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:0;
|
||||
margin-top:20px;
|
||||
font-size:28px;
|
||||
}
|
||||
}
|
||||
182
_static/assets/LESS/LESS_BS3/smarty/layout-page-menu.less
Normal file
182
_static/assets/LESS/LESS_BS3/smarty/layout-page-menu.less
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
/** Page Menu
|
||||
**************************************************************** **/
|
||||
#page-menu {
|
||||
position: relative;
|
||||
height: 44px;
|
||||
line-height: 46px;
|
||||
background-color:#333;
|
||||
color:#fff;
|
||||
text-shadow:rgba(0,0,0,.1) 1px 1px 1px;
|
||||
z-index:100;
|
||||
overflow:hidden;
|
||||
}
|
||||
#page-menu ul {
|
||||
margin:0;
|
||||
line-height: 44px;
|
||||
}
|
||||
#page-menu ul>li {
|
||||
line-height: 44px;
|
||||
float:left;
|
||||
}
|
||||
#page-menu ul>li>a {
|
||||
color:#fff;
|
||||
height:44px;
|
||||
padding:0 10px;
|
||||
display:inline-block;
|
||||
text-decoration:none;
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
#page-menu ul>li>a>i {
|
||||
margin-right:5px;
|
||||
}
|
||||
#page-menu ul>li:hover,
|
||||
#page-menu ul>li.active {
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
#page-menu nav {
|
||||
position:relative;
|
||||
}
|
||||
#page-menu ul.list-inline.dropdown-menu {
|
||||
display:block;
|
||||
}
|
||||
#page-menu-mobile {
|
||||
display:none;
|
||||
font-size:21px;
|
||||
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
height:44px;
|
||||
width:44px;
|
||||
}
|
||||
@media only screen and (min-width: 990px) {
|
||||
#page-menu ul {
|
||||
display:block !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 992px) {
|
||||
#page-menu {
|
||||
overflow:visible;
|
||||
}
|
||||
#page-menu ul>li {
|
||||
float:none !important;
|
||||
}
|
||||
|
||||
#page-menu-mobile {
|
||||
display:inline-block;
|
||||
}
|
||||
#page-menu ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
min-width:200px;
|
||||
}
|
||||
#page-menu nav.pull-right ul {
|
||||
right:-15px;
|
||||
top:44px;
|
||||
}
|
||||
#page-menu nav.pull-left ul {
|
||||
left:-15px;
|
||||
top:44px;
|
||||
}
|
||||
#page-menu nav.pull-right #page-menu-mobile {
|
||||
margin-right:-15px;
|
||||
}
|
||||
#page-menu nav.pull-left #page-menu-mobile {
|
||||
margin-left:-15px;
|
||||
}
|
||||
#page-menu ul>li,
|
||||
#page-menu ul>li>a {
|
||||
color:#fff !important;
|
||||
display:block;
|
||||
float:none;
|
||||
}
|
||||
#page-menu ul>li>a {
|
||||
color:#ccc;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* page menu light */
|
||||
#page-menu.page-menu-light {
|
||||
color:#151515;
|
||||
text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
#page-menu.page-menu-light ul {
|
||||
background-color:rgba(0,0,0,0.02) !important;
|
||||
}
|
||||
#page-menu.page-menu-light ul li {
|
||||
border-left:rgba(0,0,0,0.05) 1px solid;
|
||||
}
|
||||
#page-menu.page-menu-light ul li:hover {
|
||||
background-color:rgba(0,0,0,0.02);
|
||||
}
|
||||
#page-menu.page-menu-light ul li a {
|
||||
color:#151515;
|
||||
}
|
||||
#page-menu.page-menu-light ul li.active a {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* page menu dark */
|
||||
#page-menu.page-menu-dark {
|
||||
background-color:#444;
|
||||
}
|
||||
#page-menu.page-menu-dark ul {
|
||||
background-color:#666 !important;
|
||||
}
|
||||
#page-menu.page-menu-dark ul li {
|
||||
border-left:#444 1px solid;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
page menu color
|
||||
*/
|
||||
#page-menu.page-menu-color ul li {
|
||||
border-left:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
|
||||
/* page menu transparent */
|
||||
#page-menu.page-menu-transparent {
|
||||
color:#151515;
|
||||
border-top:rgba(0,0,0,0.05) 1px solid;
|
||||
border-bottom:rgba(0,0,0,0.05) 1px solid;
|
||||
text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
|
||||
background-color:transparent;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul li {
|
||||
border-left:#fafafa 1px solid;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul li a {
|
||||
color:#212121;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul li:hover {
|
||||
background-color:rgba(0,0,0,0.01);
|
||||
}
|
||||
#page-menu.page-menu-transparent ul li.active {
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
margin-bottom:-1px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#page-menu.page-menu-light ul {
|
||||
background-color:#777 !important;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul {
|
||||
background-color:#777 !important;
|
||||
}
|
||||
#page-menu.page-menu-transparent ul li.active {
|
||||
margin-bottom:0;
|
||||
}
|
||||
#page-menu ul li {
|
||||
border-left:0;
|
||||
}
|
||||
}
|
||||
26
_static/assets/LESS/LESS_BS3/smarty/layout-page-search.less
Normal file
26
_static/assets/LESS/LESS_BS3/smarty/layout-page-search.less
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/** Search Page
|
||||
**************************************************************** **/
|
||||
div.search-result {
|
||||
padding:20px 0;
|
||||
border-bottom:#eee 1px solid;
|
||||
}
|
||||
div.search-result p {
|
||||
margin:0; padding:0;
|
||||
}
|
||||
div.search-result img {
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
margin-top:6px;
|
||||
}
|
||||
.search-title-aside {
|
||||
margin-top:20px;
|
||||
font-size:17px;
|
||||
line-height: 20px;
|
||||
color:#888;
|
||||
font-weight:400;
|
||||
}
|
||||
ul.search-history {
|
||||
border-bottom:#eee 1px solid;
|
||||
margin-bottom:0;
|
||||
padding-bottom:6px;
|
||||
}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
/** Parallax Social icons
|
||||
**************************************************************** **/
|
||||
ul.social-icons {
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
ul.social-icons li {
|
||||
text-align:center;
|
||||
display: inline-block;
|
||||
padding: 15px 40px;
|
||||
}
|
||||
ul.social-icons a h4 {
|
||||
font-size: 15px;
|
||||
letter-spacing: 1px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul.social-icons a {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul.social-icons a>span {
|
||||
font-size: 13px;
|
||||
color:#999;
|
||||
}
|
||||
ul.social-icons a>i.fa {
|
||||
line-height: 1!important;
|
||||
}
|
||||
ul.social-icons a h4,
|
||||
ul.social-icons a span {
|
||||
-webkit-transition: 0.2s all linear;
|
||||
-moz-transition: 0.2s all linear;
|
||||
-ms-transition: 0.2s all linear;
|
||||
-o-transition: 0.2s all linear;
|
||||
transition: 0.2s all linear;
|
||||
}
|
||||
ul.social-icons a>i.fa {
|
||||
border-radius: 50% !important;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height:100px !important;
|
||||
margin: 0 auto 0 auto;
|
||||
|
||||
font-size:60px;
|
||||
|
||||
-webkit-transition: 0.16s all linear;
|
||||
-moz-transition: 0.16s all linear;
|
||||
-ms-transition: 0.16s all linear;
|
||||
-o-transition: 0.16s all linear;
|
||||
transition: 0.16s all linear;
|
||||
}
|
||||
ul.social-icons a:hover>i.fa {
|
||||
background: rgba(255,255,255,0.1);
|
||||
font-size: 50px;
|
||||
line-height:100px !important;
|
||||
}
|
||||
@media (max-width:482px) {
|
||||
ul.social-icons li {
|
||||
padding: 15px 10px;
|
||||
}
|
||||
|
||||
}
|
||||
330
_static/assets/LESS/LESS_BS3/smarty/layout-portfolio.less
Normal file
330
_static/assets/LESS/LESS_BS3/smarty/layout-portfolio.less
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
/** Portfolio
|
||||
**************************************************************** **/
|
||||
/* do not move from here - we rewrite this below */
|
||||
.item-box-desc h2,
|
||||
.item-box-desc h3,
|
||||
.item-box-desc h4,
|
||||
.item-box-desc h5 {
|
||||
font-size:18px;
|
||||
line-height:21px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.item-box .owl-carousel {
|
||||
margin-top:0px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#portfolio {
|
||||
overflow:hidden;
|
||||
}
|
||||
#portfolio h2,
|
||||
#portfolio h3 {
|
||||
font-size:18px;
|
||||
line-height:20px;
|
||||
margin:0;
|
||||
color:#111;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item h2,
|
||||
#portfolio .portfolio-item h3 {
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
#portfolio div.col-md-3 h2,
|
||||
#portfolio div.col-md-3 h3 {
|
||||
font-size:18px;
|
||||
line-height:18px;
|
||||
}
|
||||
#portfolio div.col-md-5th h2,
|
||||
#portfolio div.col-md-5th h3 {
|
||||
font-size:15px;
|
||||
line-height:15px;
|
||||
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#portfolio div.col-md-2 h2,
|
||||
#portfolio div.col-md-2 h3 {
|
||||
font-size:13px;
|
||||
line-height:13px;
|
||||
}
|
||||
#portfolio div.col-md-2 .item-box-desc,
|
||||
#portfolio div.col-md-2 .item-box-desc {
|
||||
padding:20px 6px 0 15px !important;
|
||||
}
|
||||
section.dark #portfolio h2,
|
||||
section.dark #portfolio h3 {
|
||||
color:#fff;
|
||||
}
|
||||
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
|
||||
margin-top:-20px !important;
|
||||
}
|
||||
|
||||
#portfolio div.col-md-2 ul.categories>li>a,
|
||||
#portfolio div.col-md-5th ul.categories>li>a {
|
||||
font-size:11px;
|
||||
line-height:11px;
|
||||
}
|
||||
|
||||
|
||||
/* dark section */
|
||||
section.dark#portfolio h2,
|
||||
section.dark #portfolio h2,
|
||||
section.dark#portfolio h3,
|
||||
section.dark #portfolio h3 {
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
#portfolio .mix-grid>.row.mix {
|
||||
border-bottom:rgba(0,0,0,0.1) 1px solid;
|
||||
margin-bottom:60px;
|
||||
padding-bottom:60px;
|
||||
}
|
||||
#portfolio .mix-grid>.row.mix:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
#portfolio .mix-grid>.row>div:last-child {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
#portfolio .item-box-desc h2,
|
||||
#portfolio .item-box-desc h3 {
|
||||
font-size:18px;
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
#portfolio .item-box-overlay-title {
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:0; right:0;
|
||||
bottom:0;
|
||||
padding:8px;
|
||||
color:#fff;
|
||||
background-color:rgba(0,0,0,0.6);
|
||||
color:#fff;
|
||||
z-index:100;
|
||||
}
|
||||
#portfolio .item-box-overlay-title h2,
|
||||
#portfolio .item-box-overlay-title h3,
|
||||
#portfolio .item-box-overlay-title h4,
|
||||
#portfolio .item-box-overlay-title a {
|
||||
color:#fff;
|
||||
}
|
||||
#portfolio .item-box-overlay-title a:hover {
|
||||
color:#fff !important;
|
||||
}
|
||||
#portfolio .controlls-over .owl-pagination {
|
||||
bottom:auto;
|
||||
top:10px;
|
||||
right:10px;
|
||||
left:auto;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#portfolio div.col-md-5>h2,
|
||||
#portfolio div.col-md-5>h3 {
|
||||
margin-top:30px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#portfolio.portfolio-title-over .item-box .item-hover .inner {
|
||||
margin-top:-40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/** Gutter
|
||||
****************** **/
|
||||
#portfolio.portfolio-gutter .item-box {
|
||||
margin-bottom:30px;
|
||||
}
|
||||
|
||||
#portfolio.portfolio-nogutter .row>div,
|
||||
#portfolio.portfolio-nogutter .item-box {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#portfolio.portfolio-gutter .item-box .item-box-desc {
|
||||
margin-bottom:0 !important;
|
||||
padding-bottom:0 !important;
|
||||
}
|
||||
|
||||
|
||||
/** Isotope Portfolio
|
||||
****************** **/
|
||||
#portfolio.portfolio-isotope {
|
||||
display:block;
|
||||
margin:auto;
|
||||
width:100%;
|
||||
}
|
||||
#portfolio.portfolio-isotope .item-box-desc {
|
||||
margin-bottom:0;
|
||||
}
|
||||
#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
|
||||
#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
|
||||
#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
|
||||
margin-top:-36px !important;
|
||||
}
|
||||
#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
|
||||
margin-top:-26px !important;
|
||||
}
|
||||
|
||||
/* 2 columns */
|
||||
#portfolio.portfolio-isotope-2 .portfolio-item {
|
||||
margin: 0 20px 20px 0;
|
||||
float:left;
|
||||
}
|
||||
#portfolio.portfolio-isotope-2 .item-box-desc {
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
/* 3 columns */
|
||||
#portfolio.portfolio-isotope-3 .portfolio-item {
|
||||
margin: 0 15px 15px 0;
|
||||
}
|
||||
#portfolio.portfolio-isotope-3 .item-box-desc {
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
/* 4 columns */
|
||||
#portfolio.portfolio-isotope-4 .portfolio-item {
|
||||
margin: 0 12px 12px 0;
|
||||
}
|
||||
#portfolio.portfolio-isotope-4 .portfolio-item h3,
|
||||
#portfolio.portfolio-isotope-4 .portfolio-item h4 {
|
||||
font-size:17px;
|
||||
line-height:17px;
|
||||
}
|
||||
#portfolio.portfolio-isotope-4 .item-box-desc {
|
||||
padding:20px 10px 20px 10px;
|
||||
}
|
||||
|
||||
/* 5 columns */
|
||||
#portfolio.portfolio-isotope-5 .portfolio-item {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
#portfolio.portfolio-isotope-5 .portfolio-item h3,
|
||||
#portfolio.portfolio-isotope-5 .portfolio-item h4 {
|
||||
font-size:16px;
|
||||
line-height:16px;
|
||||
}
|
||||
#portfolio.portfolio-isotope-5 .item-box-desc {
|
||||
padding:20px 10px 20px 10px;
|
||||
}
|
||||
|
||||
/* 6 columns */
|
||||
#portfolio.portfolio-isotope-6 .portfolio-item {
|
||||
margin: 0 6px 6px 0;
|
||||
}
|
||||
#portfolio.portfolio-isotope-6 .portfolio-item h3,
|
||||
#portfolio.portfolio-isotope-6 .portfolio-item h4 {
|
||||
font-size:15px;
|
||||
line-height:15px;
|
||||
}
|
||||
#portfolio.portfolio-isotope-6 .item-box-desc {
|
||||
padding:20px 10px 20px 10px;
|
||||
}
|
||||
|
||||
#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Ajax Portfolio
|
||||
****************** **/
|
||||
#portfolio_ajax_container {
|
||||
position:relative;
|
||||
}
|
||||
#portfolio_ajax_container .overlay>span {
|
||||
position: absolute;
|
||||
top: 50%; left: 50%;
|
||||
width: 68px; height: 68px;
|
||||
line-height: 76px;
|
||||
text-align: center;
|
||||
|
||||
margin: -34px 0 0 -34px;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#portfolio_ajax_container .overlay>span>i {
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
}
|
||||
div.portfolio-ajax-page {
|
||||
margin-bottom:80px;
|
||||
padding:10px 0;
|
||||
}
|
||||
div.portfolio-ajax-page header {
|
||||
position:relative;
|
||||
}
|
||||
div.portfolio-ajax-page header>ul {
|
||||
margin:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:50%;
|
||||
margin-top:-10px;
|
||||
}
|
||||
div.portfolio-ajax-page header>ul a {
|
||||
font-size:18px;
|
||||
}
|
||||
div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
|
||||
margin-left:20px;
|
||||
}
|
||||
div.portfolio-ajax-page header a {
|
||||
color:#888;
|
||||
text-decoration:none;
|
||||
}
|
||||
div.portfolio-ajax-page header a:hover {
|
||||
color:#000;
|
||||
}
|
||||
div.portfolio-ajax-page header h2,
|
||||
div.portfolio-ajax-page header h3 {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
section.dark .portfolio-ajax-page header a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
div.portfolio-ajax-page header {
|
||||
text-align:center;
|
||||
}
|
||||
div.portfolio-ajax-page header>ul {
|
||||
position:relative;
|
||||
margin-top:30px;
|
||||
}
|
||||
div.portfolio-ajax-page header h2,
|
||||
div.portfolio-ajax-page header h3 {
|
||||
font-size:24px;
|
||||
line-height:24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Portfolio Single
|
||||
****************** **/
|
||||
ul.portfolio-detail-list span {
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
width: 150px;
|
||||
}
|
||||
ul.portfolio-detail-list span>i {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
margin-right: 7px;
|
||||
}
|
||||
130
_static/assets/LESS/LESS_BS3/smarty/layout-preloader.less
Normal file
130
_static/assets/LESS/LESS_BS3/smarty/layout-preloader.less
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
/** Preloader
|
||||
**************************************************************** **/
|
||||
#preloader {
|
||||
position: fixed;
|
||||
z-index: 9999999;
|
||||
top: 0; bottom: 0;
|
||||
right: 0; left: 0;
|
||||
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.inner {
|
||||
position: absolute;
|
||||
top: 0; bottom: 0;
|
||||
right: 0; left: 0;
|
||||
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.page-loader{
|
||||
display:block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #fefefe;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
#preloader span.loader {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -25px 0 0 -25px;
|
||||
font-size: 10px;
|
||||
text-indent: -12345px;
|
||||
border-top: 1px solid rgba(0,0,0, 0.08);
|
||||
border-right: 1px solid rgba(0,0,0, 0.08);
|
||||
border-bottom: 1px solid rgba(0,0,0, 0.08);
|
||||
border-left: 1px solid rgba(0,0,0, 0.5);
|
||||
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spinner 700ms infinite linear;
|
||||
-moz-animation: spinner 700ms infinite linear;
|
||||
-ms-animation: spinner 700ms infinite linear;
|
||||
-o-animation: spinner 700ms infinite linear;
|
||||
animation: spinner 700ms infinite linear;
|
||||
|
||||
z-index: 100001;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
124
_static/assets/LESS/LESS_BS3/smarty/layout-responsive.less
Normal file
124
_static/assets/LESS/LESS_BS3/smarty/layout-responsive.less
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
|
||||
/** Responsive
|
||||
**************************************************************** **/
|
||||
@media only screen and (max-width: 992px) {
|
||||
#header.header-sm #topNav button.btn-mobile {
|
||||
margin-top:16px;
|
||||
}
|
||||
#header.header-sm #topNav button.btn-mobile {
|
||||
margin-top:11px;
|
||||
}
|
||||
#topNav #topMain>li.mega-menu div.row div {
|
||||
display:block !important;
|
||||
border:0 !important;
|
||||
}
|
||||
.block-md {
|
||||
display:block;
|
||||
}
|
||||
.text-center-md {
|
||||
text-align:center !important;
|
||||
float:none !important;
|
||||
}
|
||||
|
||||
#header .nav-second-main .quick-cart-box,
|
||||
#header .nav-second-main .search-box {
|
||||
box-shadow:none !important;
|
||||
}
|
||||
|
||||
|
||||
/* fullwidth button fix */
|
||||
body>.btn.fullwidth,
|
||||
#wrapper>.btn.fullwidth {
|
||||
padding-top:0!important;
|
||||
padding-bottom:20px!important;
|
||||
|
||||
white-space: pre; /* CSS 2.0 */
|
||||
white-space: pre-wrap; /* CSS 2.1 */
|
||||
white-space: pre-line; /* CSS 3.0 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
white-space: -moz-pre-wrap; /* Mozilla */
|
||||
white-space: -hp-pre-wrap; /* HP Printers */
|
||||
word-wrap: break-word; /* IE 5+ */
|
||||
}
|
||||
body>.btn.fullwidth>span,
|
||||
#wrapper>.btn.fullwidth >span {
|
||||
line-height:30px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
img.img-responsive {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
#header.fixed {
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
#header.transparent + #slider h1 {
|
||||
margin-top:80px !important;
|
||||
}
|
||||
section div.row>div {
|
||||
margin-bottom:60px;
|
||||
}
|
||||
section div.row.lightbox>div {
|
||||
margin-bottom:0;
|
||||
}
|
||||
section form div.row>div.form-group>div,
|
||||
section form div.row>div {
|
||||
margin-bottom:15px;
|
||||
}
|
||||
section form div.row>div.form-group>div:last-child,
|
||||
section form div.row>div:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.block-sm {
|
||||
display:block;
|
||||
}
|
||||
.text-center-md {
|
||||
text-align:center !important;
|
||||
}
|
||||
|
||||
form.landing-form >div {
|
||||
margin-bottom:5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.mobile-block {
|
||||
display:block;
|
||||
float:none !important;
|
||||
position:relative;
|
||||
}
|
||||
.mobile-block>.social-icon {
|
||||
float:none !important;
|
||||
}
|
||||
.block-xs {
|
||||
display:block;
|
||||
}
|
||||
.text-center-xs {
|
||||
text-align:center !important;
|
||||
float:none !important;
|
||||
}
|
||||
.modal-short {
|
||||
max-height: 320px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.size-50 {
|
||||
font-size:30px !important;
|
||||
line-height:36px !important;
|
||||
}
|
||||
.size-40 {
|
||||
font-size:30px !important;
|
||||
line-height:36px !important;
|
||||
}
|
||||
.size-30 {
|
||||
font-size:23px !important;
|
||||
line-height:26px !important;
|
||||
}
|
||||
|
||||
}
|
||||
34
_static/assets/LESS/LESS_BS3/smarty/layout-scroll-top.less
Normal file
34
_static/assets/LESS/LESS_BS3/smarty/layout-scroll-top.less
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/** Scroll To Top
|
||||
**************************************************************** **/
|
||||
#toTop {
|
||||
font-size:38px;
|
||||
line-height:33px;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
color: #FFF;
|
||||
position: fixed;
|
||||
height: 35px; width: 40px;
|
||||
right: 6px; bottom: 6px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
text-decoration:none;
|
||||
display:none;
|
||||
z-index: 1000;
|
||||
|
||||
-webkit-border-radius: 2px !important;
|
||||
-moz-border-radius: 2px !important;
|
||||
border-radius: 2px !important;
|
||||
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
-o-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
#toTop:hover {
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
}
|
||||
#toTop:before {
|
||||
font-family: "fontawesome";
|
||||
content: "\f102";
|
||||
}
|
||||
821
_static/assets/LESS/LESS_BS3/smarty/layout-shop.less
Normal file
821
_static/assets/LESS/LESS_BS3/smarty/layout-shop.less
Normal file
|
|
@ -0,0 +1,821 @@
|
|||
/** HOME - MODAL ON LOAD
|
||||
**************************************************************** **/
|
||||
#shopLoadModal {
|
||||
max-width:740px;
|
||||
margin:auto !important;
|
||||
height:400px;
|
||||
margin-right:30px;
|
||||
}
|
||||
#shopLoadModal .modal-content {
|
||||
height:320px;
|
||||
|
||||
background-color:#fff;
|
||||
background-repeat:no-repeat;
|
||||
background-position: left top;
|
||||
|
||||
}
|
||||
#shopLoadModal .modal-dialog {
|
||||
left:10px;
|
||||
right:10px;
|
||||
width:auto !important;
|
||||
max-width:700px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
#shopLoadModal .block-content {
|
||||
float:left;
|
||||
max-width: 312px;
|
||||
text-align: center;
|
||||
}
|
||||
#shopLoadModal .modal-header .close {
|
||||
margin-top:-5px;
|
||||
font-size:24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** ASIDE
|
||||
**************************************************************** **/
|
||||
.tag.shop-color {
|
||||
width:23px !important;
|
||||
height:23px !important;
|
||||
border:#666 1px solid;
|
||||
}
|
||||
.tag.shop-color:hover {
|
||||
border-color:#000;
|
||||
}
|
||||
section.dark .tag.shop-color:hover {
|
||||
border-color:#fff;
|
||||
}
|
||||
@media only screen and (max-width: 760px) {
|
||||
.tag.shop-color {
|
||||
width:30px;
|
||||
height:30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** SHOP ITEM LIST
|
||||
**************************************************************** **/
|
||||
|
||||
/*
|
||||
Fix for owl-carousel or flexslider
|
||||
on responsive
|
||||
*/
|
||||
@media only screen and (max-width: 769px) {
|
||||
ul.shop-item-list>li {
|
||||
width:49%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
ul.shop-item-list>li {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
6 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
ul.shop-item-list>li.col-lg-2:nth-child(6n+1),
|
||||
ul.shop-item-list>li.col-md-2:nth-child(6n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
5 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
ul.shop-item-list>li.col-lg-5th:nth-child(5n+1),
|
||||
ul.shop-item-list>li.col-md-5th:nth-child(5n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
4 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
ul.shop-item-list>li.col-lg-3:nth-child(4n+1),
|
||||
ul.shop-item-list>li.col-md-3:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
3 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
ul.shop-item-list>li.col-lg-4:nth-child(3n+1),
|
||||
ul.shop-item-list>li.col-md-4:nth-child(3n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
2 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
ul.shop-item-list>li.col-lg-6:nth-child(2n+1),
|
||||
ul.shop-item-list>li.col-md-6:nth-child(2n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
div.shop-item {
|
||||
margin-bottom:60px;
|
||||
}
|
||||
div.shop-item .shop-item-buttons a.btn-default {
|
||||
border:0;
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
div.shop-item .shop-item-buttons a.btn-default:hover {
|
||||
border:0;
|
||||
background-color:rgba(0,0,0,0.18);
|
||||
}
|
||||
div.shop-item>.thumbnail {
|
||||
background-color:transparent !important;
|
||||
border-color:#ddd !important;
|
||||
margin-bottom:6px;
|
||||
position:relative;
|
||||
}
|
||||
section.dark div.shop-item>.thumbnail {
|
||||
border-color:#444 !important;
|
||||
}
|
||||
|
||||
div.shop-item>.thumbnail>a.shop-item-image>img {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* double image transition effect */
|
||||
div.shop-item>.thumbnail>a.shop-item-image {
|
||||
display:block;
|
||||
position:relative;
|
||||
}
|
||||
div.shop-item>.thumbnail>a.shop-item-image>img:last-child {
|
||||
position:absolute;
|
||||
left:0; top:0;
|
||||
z-index:10;
|
||||
|
||||
opacity:0;
|
||||
filter: alpha(opacity=0);
|
||||
|
||||
-webkit-transition: all .500s;
|
||||
-moz-transition: all .500s;
|
||||
-o-transition: all .500s;
|
||||
transition: all .500s;
|
||||
}
|
||||
|
||||
div.shop-item>.thumbnail:hover>a.shop-item-image>img:last-child {
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
div.shop-item>.thumbnail>a.shop-item-image>img:first-child {
|
||||
position:relative;
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
/* buttons over image */
|
||||
div.shop-item>.thumbnail>.shop-option-over {
|
||||
position:absolute;
|
||||
top:8px;
|
||||
right:2px;
|
||||
z-index:20;
|
||||
width:50px;
|
||||
|
||||
opacity:0;
|
||||
filter: alpha(opacity=0);
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-option-over>a {
|
||||
width:44px;
|
||||
text-align:center;
|
||||
margin:0 0 3px 0;
|
||||
|
||||
-webkit-border-bottom-right-radius: 15px;
|
||||
-webkit-border-top-left-radius: 15px;
|
||||
-moz-border-radius-bottomright: 15px;
|
||||
-moz-border-radius-topleft: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-top-left-radius: 15px;
|
||||
|
||||
}
|
||||
|
||||
div.shop-item:hover>.thumbnail>.shop-option-over {
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
/* info over image */
|
||||
div.shop-item>.thumbnail>.shop-item-info {
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:8px;
|
||||
z-index:20;
|
||||
width:70px;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-item-info>.label {
|
||||
min-width:50px;
|
||||
text-align:center;
|
||||
font-size:13px;
|
||||
margin-bottom:3px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
/* summary */
|
||||
div.shop-item-summary {
|
||||
padding:15px 8px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.shop-item-summary h2 {
|
||||
font-size:15px;
|
||||
color:#666;
|
||||
margin:0 0 4px 0;
|
||||
}
|
||||
|
||||
div.shop-item-rating-line {
|
||||
display:block;
|
||||
position:relative;
|
||||
}
|
||||
div.shop-item-rating-line:before {
|
||||
left: 0 !important;
|
||||
right: 50%;
|
||||
margin-right: 50px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
padding:1px;
|
||||
height: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
div.shop-item-rating-line:after {
|
||||
right: 0 !important;
|
||||
left: 50%;
|
||||
margin-left: 50px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
padding:1px;
|
||||
height: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
|
||||
/* list item price */
|
||||
div.shop-item-price {
|
||||
font-size:20px;
|
||||
margin-top:6px;
|
||||
font-weight:bold;
|
||||
}
|
||||
div.shop-item-price>span {
|
||||
color:#999;
|
||||
font-size:15px;
|
||||
display:inline-block;
|
||||
padding:0 10px;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
/* list item buttons */
|
||||
div.shop-item-buttons {
|
||||
margin-top:6px;
|
||||
}
|
||||
div.shop-item-buttons a.btn-default:hover {
|
||||
color:#333;
|
||||
}
|
||||
section.dark div.shop-item-buttons a.btn-default:hover {
|
||||
color:#fff;
|
||||
}
|
||||
/* out of stock */
|
||||
span.out-of-stock {
|
||||
display:block;
|
||||
margin-top:15px;
|
||||
}
|
||||
|
||||
span.out-of-stock:before {
|
||||
content:'–x– ';
|
||||
}
|
||||
span.out-of-stock:after {
|
||||
content:' –x–';
|
||||
}
|
||||
|
||||
span.out-of-stock.clean:before,
|
||||
span.out-of-stock.clean:after {
|
||||
content:'';
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* list item countdown */
|
||||
div.shop-item>.thumbnail>.shop-item-counter {
|
||||
position:relative;
|
||||
position:absolute;
|
||||
bottom:4px;
|
||||
left:4px; right:4px;
|
||||
z-index:20;
|
||||
background-color:rgba(33,33,33,0.5);
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-item-counter:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:-20px;
|
||||
padding:0 6px;
|
||||
height:20px;
|
||||
color:#fff;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
content:"\f017 \20 limited offer";
|
||||
text-align:center;
|
||||
line-height:20px;
|
||||
background-color:rgba(33,33,33,0.5);
|
||||
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-section {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
color:#fff;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
width: 20%; margin:0 3px !important;
|
||||
padding:8px !important;
|
||||
text-align:center !important;
|
||||
margin:0; padding:0;
|
||||
text-transform: capitalize;
|
||||
overflow:hidden;
|
||||
|
||||
-webkit-transition: all .500s;
|
||||
-moz-transition: all .500s;
|
||||
-o-transition: all .500s;
|
||||
transition: all .500s;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-amount {
|
||||
color:#fff;
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
font-weight:bold;
|
||||
margin:0; padding:0;
|
||||
}
|
||||
div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-period {
|
||||
font-size:10px !important;
|
||||
text-transform:lowercase !important;
|
||||
margin-top: 5px;
|
||||
display:block !important;
|
||||
margin-bottom:-18px !important;
|
||||
|
||||
-webkit-transition: all .500s;
|
||||
-moz-transition: all .500s;
|
||||
-o-transition: all .500s;
|
||||
transition: all .500s;
|
||||
}
|
||||
|
||||
div.shop-item:hover>.thumbnail>.shop-item-counter>.countdown .countdown-period {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
|
||||
.thumbnail>.shop-limited-offer {
|
||||
position:absolute !important;
|
||||
left:5px; top:5px;
|
||||
z-index:20;
|
||||
color:#fff;
|
||||
font-size:18px;
|
||||
text-align:center;
|
||||
}
|
||||
.thumbnail>.shop-limited-offer>i {
|
||||
margin-left:8px;
|
||||
margin-top:6px;
|
||||
}
|
||||
.thumbnail>.shop-limited-offer:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
border: 26px solid transparent;
|
||||
border-left-color: #333;
|
||||
border-top-color: #333;
|
||||
left: 0; top: 0;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* list item options */
|
||||
.shop-list-options label {
|
||||
margin:0 6px
|
||||
}
|
||||
.shop-list-options select,
|
||||
.shop-list-options input {
|
||||
height:35px;
|
||||
padding:6px;
|
||||
border-width:1px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.shop-list-options .btn {
|
||||
height:35px;
|
||||
line-height:22px;
|
||||
color:#ccc;
|
||||
border:#E5E7E9 1px solid;
|
||||
display:inline-block;
|
||||
margin-top:-4px;
|
||||
margin-right:0;
|
||||
}
|
||||
.shop-list-options .btn.active {
|
||||
color:#fff;
|
||||
background-color:#333;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.shop-list-options {
|
||||
text-align:center;
|
||||
}
|
||||
.shop-list-options ul,
|
||||
.shop-list-options select,
|
||||
.shop-list-options a {
|
||||
margin-bottom:3px;
|
||||
float:none !important;
|
||||
}
|
||||
.shop-list-options .options-left {
|
||||
display:block;
|
||||
margin-top:20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 1 Column */
|
||||
.shop-item-list>.col-lg-12>.shop-item {
|
||||
position:relative;
|
||||
min-height:230px;
|
||||
}
|
||||
.shop-item-list>.col-lg-12 {
|
||||
margin-bottom:30px;
|
||||
width:100%;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item h2 {
|
||||
font-size:20px;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.thumbnail,
|
||||
.shop-item-list>.col-md-12>.shop-item>.thumbnail {
|
||||
float:left;
|
||||
width:200px;
|
||||
}
|
||||
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
|
||||
text-align:left !important;
|
||||
position:absolute;
|
||||
left:230px;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-buttons {
|
||||
text-align:left;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span {
|
||||
padding-left:0;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item p{
|
||||
margin:15px 0;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.shop-item-list>.col-lg-12>.shop-item {
|
||||
min-height:100px;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.thumbnail,
|
||||
.shop-item-list>.col-md-12>.shop-item>.thumbnail {
|
||||
float:none;
|
||||
width:100%;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
|
||||
position:relative;
|
||||
left:0;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-buttons,
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary {
|
||||
float:none;
|
||||
text-align:center !important;
|
||||
}
|
||||
.shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span,
|
||||
.shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span {
|
||||
padding:0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* SHOP COMPARE TABLE */
|
||||
.shop-compare-title {
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
}
|
||||
section.dark .shop-compare-title {
|
||||
background-color:rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.shop-compare>tbody>tr>td:first-child {
|
||||
font-weight:bold;
|
||||
}
|
||||
.shop-compare a.shop-compare-item>img {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* SHOP CART */
|
||||
.cartContent {
|
||||
padding:0;
|
||||
}
|
||||
.cartContent .item {
|
||||
position:relative;
|
||||
background: rgba(0,0,0,0.01);
|
||||
}
|
||||
|
||||
.cartContent .item {
|
||||
margin-top:-1px;
|
||||
border:rgba(0,0,0,0.05) 1px solid;
|
||||
}
|
||||
.cartContent .sky-form.boxed {
|
||||
border: rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
|
||||
.cartContent .item.head {
|
||||
border-bottom:0;
|
||||
}
|
||||
.cartContent .product_name {
|
||||
float:left;
|
||||
width:35%;
|
||||
padding:10px;
|
||||
text-decoration:none;
|
||||
min-height:60px;
|
||||
}
|
||||
.cartContent .product_name:hover>span {
|
||||
text-decoration:underline;
|
||||
}
|
||||
.cartContent .product_name >small {
|
||||
display:block;
|
||||
font-size:12px;
|
||||
line-height:12px;
|
||||
color:rgba(0,0,0,0.5);
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
.cartContent .qty {
|
||||
float:right;
|
||||
width:160px;
|
||||
font-size:15px;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
}
|
||||
.cartContent .qty input {
|
||||
padding:3px; margin:0;
|
||||
border:#ccc 1px solid;
|
||||
width:50px; margin-right:3px;
|
||||
text-align:center;
|
||||
}
|
||||
.cartContent .total_price {
|
||||
float:right;
|
||||
width:150px;
|
||||
font-size:15px;
|
||||
padding:10px;
|
||||
line-height:30px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
}
|
||||
.cartContent .remove_item {
|
||||
float:right;
|
||||
padding:5px 5px 5px 7px;
|
||||
width:30px; margin-right:8px;
|
||||
}
|
||||
.cartContent a.remove_item {
|
||||
background:rgba(0,0,0,0.1);
|
||||
border:rgba(0,0,0,0.1) 1px solid;
|
||||
padding-top:0;
|
||||
margin-top:10px;
|
||||
height:30px;
|
||||
line-height:26px;
|
||||
font-size:18px;
|
||||
text-decoration:none;
|
||||
color:rgba(0,0,0,0.5);
|
||||
border-radius:3px;
|
||||
|
||||
}
|
||||
.cartContent .btn_update {
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.cartContent .item.head {
|
||||
display:none;
|
||||
}
|
||||
.cartContent .product_name {
|
||||
font-size:11px;
|
||||
line-height:15px;
|
||||
}
|
||||
.cartContent .item .qty {
|
||||
float:left;
|
||||
text-align:left;
|
||||
}
|
||||
.cartContent .product_name {
|
||||
width:50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* dark */
|
||||
section.dark .cartContent .item {
|
||||
background: rgba(255,255,255,0.04);
|
||||
}
|
||||
section.dark .cartContent .item {
|
||||
border:rgba(255,255,255,0.05) 1px solid;
|
||||
}
|
||||
section.dark .cartContent .sky-form.boxed {
|
||||
border: rgba(255,255,255,0.1) 1px solid;
|
||||
}
|
||||
section.dark .cartContent .qty input {
|
||||
color:#000;
|
||||
}
|
||||
section.dark .cartContent .product_name >small {
|
||||
color:rgba(255,255,255,0.5);
|
||||
}
|
||||
section.dark .cartContent a.remove_item {
|
||||
color:#eee;
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
SHOP PRODUCT
|
||||
**/
|
||||
|
||||
.product-opt-color,
|
||||
.product-opt-size,
|
||||
.product-opt-qty {
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
/* QTY DROP DOWN */
|
||||
ul#product-qty-dd {
|
||||
padding:1px 0 0 1px;
|
||||
min-width:115px;
|
||||
margin-top:-1px;
|
||||
}
|
||||
ul#product-qty-dd li {
|
||||
float:left;
|
||||
width:49.1%;
|
||||
margin-right:1px;
|
||||
margin-bottom:1px;
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
button.product-qty-dd .caret {
|
||||
float:right;
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
button.product-qty-dd {
|
||||
width:100px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
/* SIZE DROP DOWN */
|
||||
ul#product-size-dd {
|
||||
margin-top:-1px;
|
||||
min-width:159px;
|
||||
padding:1px 0 0 1px;
|
||||
}
|
||||
ul#product-size-dd li {
|
||||
float:left;
|
||||
width:51px;
|
||||
margin-right:1px;
|
||||
margin-bottom:1px;
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
ul#product-size-dd li>a {
|
||||
padding:3px 0;
|
||||
}
|
||||
button.product-size-dd {
|
||||
width:100px;
|
||||
text-align:left;
|
||||
}
|
||||
button.product-size-dd .caret {
|
||||
float:right;
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
/* COLOR DROP DOWN */
|
||||
ul#product-color-dd {
|
||||
margin-top:-1px;
|
||||
min-width:50px;
|
||||
padding:1px 0 0 1px;
|
||||
}
|
||||
ul#product-color-dd li {
|
||||
float:left;
|
||||
width:25px !important;
|
||||
margin-right:1px;
|
||||
margin-bottom:1px;
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
ul#product-color-dd li>a {
|
||||
padding:3px 0;
|
||||
}
|
||||
ul#product-color-dd .tag.shop-color {
|
||||
width:24px !important;
|
||||
height:24px !important;
|
||||
}
|
||||
|
||||
button.product-color-dd {
|
||||
width:55px;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
button.product-color-dd .caret {
|
||||
float:right;
|
||||
margin-top:8px;
|
||||
}
|
||||
button.product-color-dd>.tag {
|
||||
height: 17px;
|
||||
width: 20px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
}
|
||||
.product-opt-color>ul>li {
|
||||
padding:0 1px !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
ul#product-size-dd,
|
||||
ul#product-qty-dd {
|
||||
margin-top:-21px;
|
||||
}
|
||||
|
||||
.product-size-dd,
|
||||
.product-qty-dd,
|
||||
.product-add-cart {
|
||||
min-width:90px;
|
||||
width:100% !important;
|
||||
display:block !important;
|
||||
float:none !important;
|
||||
margin-bottom:20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.product-star-vote label {
|
||||
margin:0 15px 30px 0 !important;
|
||||
font-weight:300;
|
||||
}
|
||||
187
_static/assets/LESS/LESS_BS3/smarty/layout-side-panel.less
Normal file
187
_static/assets/LESS/LESS_BS3/smarty/layout-side-panel.less
Normal file
|
|
@ -0,0 +1,187 @@
|
|||
/** Side PAnel
|
||||
**************************************************************** **/
|
||||
#sidepanel {
|
||||
color:#888;
|
||||
font-size:13px;
|
||||
position: fixed;
|
||||
top: 0; right: -280px; bottom:0;
|
||||
width:280px;
|
||||
z-index: 3000;
|
||||
background-color:#363839;
|
||||
|
||||
overflow:hidden;
|
||||
display:none;
|
||||
|
||||
-webkit-transition: right .4s ease;
|
||||
-o-transition: right .4s ease;
|
||||
transition: right .4s ease;
|
||||
|
||||
}
|
||||
#sidepanel_overlay {
|
||||
position:fixed;
|
||||
left:0; top:0;
|
||||
right:0; bottom:0;
|
||||
background-color:rgba(0,0,0,0.5);
|
||||
z-index:2999;
|
||||
|
||||
-webkit-transition: all .400s;
|
||||
-moz-transition: all .400s;
|
||||
-o-transition: all .400s;
|
||||
transition: all .400s;
|
||||
}
|
||||
|
||||
#sidepanel_close {
|
||||
color: #999;
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0; right: 0;
|
||||
|
||||
width: 40px; height: 40px;
|
||||
font-size: 18px;
|
||||
line-height: 40px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
#sidepanel_close:hover {
|
||||
color:#fff;
|
||||
}
|
||||
#sidepanel.sidepanel-light #sidepanel_close {
|
||||
color:#777;
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
#sidepanel.sidepanel-light #sidepanel_close:hover {
|
||||
color:#333;
|
||||
}
|
||||
#sidepanel.sidepanel-theme-color #sidepanel_close {
|
||||
color:#ccc;
|
||||
background-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
#sidepanel.sidepanel-theme-color #sidepanel_close:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* position */
|
||||
#sidepanel.sidepanel-inverse {
|
||||
right:auto;
|
||||
left: -280px;
|
||||
}
|
||||
/* colors */
|
||||
#sidepanel.sidepanel-dark {
|
||||
color:#ddd;
|
||||
background-color:#363839;
|
||||
}
|
||||
#sidepanel.sidepanel-light {
|
||||
color:#111;
|
||||
background-color:#ffffff;
|
||||
}
|
||||
#sidepanel.sidepanel-theme-color {
|
||||
color:#fff;
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
/* sidepanel content */
|
||||
#sidepanel h1,
|
||||
#sidepanel h2,
|
||||
#sidepanel h3,
|
||||
#sidepanel h4,
|
||||
#sidepanel h5,
|
||||
#sidepanel h6 {
|
||||
color:#ddd;
|
||||
}
|
||||
#sidepanel .sidepanel-content {
|
||||
margin:50px 30px;
|
||||
overflow-y:auto;
|
||||
}
|
||||
#sidepanel .sidepanel-title {
|
||||
font-size:18px;
|
||||
line-height:23px;
|
||||
}
|
||||
|
||||
/* sidepanel menu */
|
||||
#sidepanel ul>li>a {
|
||||
font-size:14px;
|
||||
}
|
||||
#sidepanel ul ul>li>a {
|
||||
font-size:11px;
|
||||
}
|
||||
#sidepanel ul {
|
||||
border-bottom:rgba(0,0,0,0.2) 1px solid;
|
||||
padding-bottom:30px;
|
||||
}
|
||||
#sidepanel ul ul {
|
||||
margin-top:6px;
|
||||
border-bottom:0;
|
||||
padding-bottom:0;
|
||||
}
|
||||
#sidepanel ul ul>li {
|
||||
padding:5px 0 5px 32px;
|
||||
|
||||
}
|
||||
|
||||
#sidepanel .list-group-item {
|
||||
background-color:transparent;
|
||||
border:0; padding:8px 0;
|
||||
}
|
||||
#sidepanel .list-group-item a {
|
||||
color:#ddd;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
}
|
||||
#sidepanel ul li a[data-toggle="collapse"] {
|
||||
/* font-weight:bold; */
|
||||
}
|
||||
#sidepanel ul li a[data-toggle="collapse"].collapsed {
|
||||
color:#ddd;
|
||||
font-weight:normal;
|
||||
}
|
||||
#sidepanel ul li a>i.ico-dd {
|
||||
float:right;
|
||||
}
|
||||
#sidepanel ul li a>i.ico-category {
|
||||
width:20px;
|
||||
}
|
||||
#sidepanel .list-group-item a>i {
|
||||
margin-right:6px;
|
||||
}
|
||||
#sidepanel .list-group-item .badge {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
/* light */
|
||||
#sidepanel.sidepanel-light ul a,
|
||||
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed,
|
||||
#sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed {
|
||||
color:#777 !important;
|
||||
}
|
||||
#sidepanel.sidepanel-light,
|
||||
#sidepanel.sidepanel-light h1,
|
||||
#sidepanel.sidepanel-light h2,
|
||||
#sidepanel.sidepanel-light h3,
|
||||
#sidepanel.sidepanel-light h4,
|
||||
#sidepanel.sidepanel-light h5,
|
||||
#sidepanel.sidepanel-light h6,
|
||||
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"],
|
||||
#sidepanel.sidepanel-light ul a:hover {
|
||||
color:#111 !important;
|
||||
}
|
||||
|
||||
/* theme color */
|
||||
#sidepanel.sidepanel-theme-color ul a,
|
||||
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed,
|
||||
#sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed {
|
||||
color:#eee !important;
|
||||
}
|
||||
#sidepanel.sidepanel-theme-color,
|
||||
#sidepanel.sidepanel-theme-color h1,
|
||||
#sidepanel.sidepanel-theme-color h2,
|
||||
#sidepanel.sidepanel-theme-color h3,
|
||||
#sidepanel.sidepanel-theme-color h4,
|
||||
#sidepanel.sidepanel-theme-color h5,
|
||||
#sidepanel.sidepanel-theme-color h6,
|
||||
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"],
|
||||
#sidepanel.sidepanel-theme-color ul a:hover {
|
||||
color:#fff !important;
|
||||
}
|
||||
89
_static/assets/LESS/LESS_BS3/smarty/layout-slide-top.less
Normal file
89
_static/assets/LESS/LESS_BS3/smarty/layout-slide-top.less
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
/** Slide Top
|
||||
**************************************************************** **/
|
||||
#slidetop {
|
||||
color:#888;
|
||||
font-size:13px;
|
||||
background-color:#363839;
|
||||
z-index: 1500;
|
||||
position: absolute;
|
||||
top: 0; right: 0; left:0;
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
#slidetop h1,
|
||||
#slidetop h2,
|
||||
#slidetop h3,
|
||||
#slidetop h4,
|
||||
#slidetop h5,
|
||||
#slidetop h6 {
|
||||
font-size:13px;
|
||||
line-height:20px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#slidetop ul {
|
||||
margin:0;
|
||||
}
|
||||
#slidetop a {
|
||||
color:#ccc;
|
||||
text-decoration:none;
|
||||
}
|
||||
#slidetop ul>li>a {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
width:100%;
|
||||
}
|
||||
#slidetop ul>li>a>i {
|
||||
margin-right:6px;
|
||||
}
|
||||
#slidetop h1>i,
|
||||
#slidetop h2>i,
|
||||
#slidetop h3>i,
|
||||
#slidetop h4>i,
|
||||
#slidetop h5>i,
|
||||
#slidetop h6>i {
|
||||
margin-right:8px;
|
||||
}
|
||||
#slidetop a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
#slidetop .container {
|
||||
display:none;
|
||||
height: auto;
|
||||
padding:30px 0;
|
||||
}
|
||||
|
||||
#slidetop a.slidetop-toggle {
|
||||
height:35px;
|
||||
position: absolute;
|
||||
right: 0; bottom:-35px;
|
||||
border-top: 35px solid #363839;
|
||||
border-left: 35px solid transparent;
|
||||
|
||||
display:inline-block;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
}
|
||||
#slidetop a.slidetop-toggle:after {
|
||||
font-family:FontAwesome;
|
||||
content: "\f067";
|
||||
height:18px;
|
||||
color:#fff;
|
||||
position:absolute;
|
||||
top: -34px;
|
||||
left: -16px;
|
||||
}
|
||||
#slidetop.active a.slidetop-toggle:after {
|
||||
content: "\f068";
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#slidetop {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
773
_static/assets/LESS/LESS_BS3/smarty/layout-sliders.less
Normal file
773
_static/assets/LESS/LESS_BS3/smarty/layout-sliders.less
Normal file
|
|
@ -0,0 +1,773 @@
|
|||
/** Sliders
|
||||
**************************************************************** **/
|
||||
section#slider {
|
||||
display:block;
|
||||
padding:0;
|
||||
margin:0;
|
||||
box-shadow:none;
|
||||
background-color:#151515;
|
||||
overflow:hidden !important;
|
||||
border-bottom:0;
|
||||
z-index:0;
|
||||
|
||||
-webkit-transition: all 0s;
|
||||
-moz-transition: all 0s;
|
||||
-o-transition: all 0s;
|
||||
transition: all 0s;
|
||||
}
|
||||
section#slider.mobile-fullheight {
|
||||
-webkit-transition: all .400s;
|
||||
-moz-transition: all .400s;
|
||||
-o-transition: all .400s;
|
||||
transition: all .400s;
|
||||
}
|
||||
section#slider.transparent {
|
||||
background-color:transparent;
|
||||
}
|
||||
section#slider.parallax-slider:before {
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
section#slider .slider-video {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
section#slider .slider-video video {
|
||||
position: absolute;
|
||||
top:0; bottom: 0;
|
||||
left:0; right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
section#slider canvas {
|
||||
width:auto !important;
|
||||
height:auto !important;
|
||||
}
|
||||
section#slider a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* slider form */
|
||||
section#slider form .btn {
|
||||
margin:0;
|
||||
}
|
||||
section#slider input {
|
||||
color:#fff;
|
||||
background-color:rgba(0,0,0,0.7);
|
||||
border-color:rgba(255,255,255,0.3);
|
||||
}
|
||||
section#slider .input-group-addon:first-child {
|
||||
color:#ccc;
|
||||
background-color:rgba(0,0,0,0.7);
|
||||
border-color:rgba(255,255,255,0.3);
|
||||
}
|
||||
section#slider form.validate input.error {
|
||||
color:#333;
|
||||
}
|
||||
section#slider input:focus {
|
||||
border-color:rgba(255,255,255,0.3);
|
||||
}
|
||||
section#slider .btn-default {
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
border-color:rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
#slider h1,
|
||||
.slider h1,
|
||||
#slider h2,
|
||||
.slider h2,
|
||||
#slider h3,
|
||||
.slider h3,
|
||||
#slider h4,
|
||||
.slider h4,
|
||||
#slider h5,
|
||||
.slider h5,
|
||||
#slider h6,
|
||||
.slider h6 {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* slider top links */
|
||||
#slider .slider-links,
|
||||
.slider .slider-links {
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
color:#fff;
|
||||
}
|
||||
#slider .slider-links li,
|
||||
.slider .slider-links li {
|
||||
vertical-align:top;
|
||||
text-align:left;
|
||||
font-size:22px;
|
||||
color:#ddd;
|
||||
font-style:italic;
|
||||
}
|
||||
#slider .slider-links li a,
|
||||
.slider .slider-links li a {
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
border-left: 1px solid rgba(255,255,255,.15);
|
||||
margin-left: 15px;
|
||||
overflow: hidden;
|
||||
padding: 6px 0;
|
||||
padding-left: 15px;
|
||||
text-transform: uppercase;
|
||||
max-width:220px;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
max-height:62px;
|
||||
text-shadow:none;
|
||||
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
#slider .slider-links li:hover a,
|
||||
.slider .slider-links li:hover a {
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* shadows - over image */
|
||||
#slider .top-shadow,
|
||||
.slider .top-shadow {
|
||||
padding: 50px 30px;
|
||||
min-height:150px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index:80;
|
||||
|
||||
background-image: -moz-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -ms-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -o-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -webkit-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -webkit-gradient(linear, center top, center top, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
|
||||
background-image: linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
}
|
||||
#slider .bottom-shadow,
|
||||
.slider .bottom-shadow {
|
||||
padding: 50px 30px;
|
||||
min-height:150px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index:80;
|
||||
|
||||
background-image: -moz-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -ms-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -o-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -webkit-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
|
||||
background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
|
||||
}
|
||||
|
||||
|
||||
/** Next | Prev
|
||||
************************* **/
|
||||
.tparrows.round,
|
||||
.tp-leftarrow.round,
|
||||
.tp-rightarrow.round,
|
||||
.flex-prev,
|
||||
.flex-next,
|
||||
.camera_next,
|
||||
.camera_prev,
|
||||
.nivo-nextNav,
|
||||
.nivo-prevNav,
|
||||
.owl-prev,
|
||||
.owl-next,
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
background-image:none !important;
|
||||
border:0;
|
||||
color:#ccc;
|
||||
font-size:34px;
|
||||
line-height:55px;
|
||||
height:auto !important;
|
||||
width:56px !important;
|
||||
text-align:center;
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-transition: all .400s;
|
||||
-moz-transition: all .400s;
|
||||
-o-transition: all .400s;
|
||||
transition: all .400s;
|
||||
}
|
||||
.tp-rightarrow.round,
|
||||
.flex-next,
|
||||
.owl-next,
|
||||
.camera_next,
|
||||
.nivo-nextNav,
|
||||
.swiper-button-next {
|
||||
right:-3px;
|
||||
}
|
||||
.tp-leftarrow.round,
|
||||
.flex-prev,
|
||||
.owl-prev,
|
||||
.camera_prev,
|
||||
.nivo-prevNav,
|
||||
.swiper-button-prev {
|
||||
left:-3px;
|
||||
}
|
||||
.tp-leftarrow.round:hover,
|
||||
.tp-rightarrow.round:hover,
|
||||
.flex-next:hover,
|
||||
.owl-prev:hover,
|
||||
.owl-next:hover,
|
||||
.flex-prev:hover,
|
||||
.camera_next:hover,
|
||||
.camera_prev:hover,
|
||||
.nivo-nextNav:hover,
|
||||
.nivo-prevNav:hover,
|
||||
.swiper-button-next:hover,
|
||||
.swiper-button-prev:hover {
|
||||
color:#fff;
|
||||
background-color:rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
|
||||
/** Flex Slider **/
|
||||
.flexslider[data-arrowNav="false"] ul.flex-direction-nav {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Swiper Slider
|
||||
************************* **/
|
||||
.swiper-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
color:#fff;
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
position:relative;
|
||||
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
background-size: cover;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width:20px !important;
|
||||
height:5px !important;
|
||||
background:#fff !important;
|
||||
opacity: 0.5 !important;
|
||||
filter: alpha(opacity=50) !important;
|
||||
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.swiper-pagination-bullet:hover,
|
||||
.swiper-pagination-bullet-active {
|
||||
-webkit-transition: all .200s;
|
||||
-moz-transition: all .200s;
|
||||
-o-transition: all .200s;
|
||||
transition: all .200s;
|
||||
|
||||
opacity: 1 !important;
|
||||
filter: alpha(opacity=100) !important;
|
||||
}
|
||||
|
||||
.swiper-caption {
|
||||
color:#fff;
|
||||
position:absolute;
|
||||
opacity: .85;
|
||||
bottom: 0;
|
||||
left:0;
|
||||
right:0;
|
||||
height: 80px;
|
||||
line-height:20px;
|
||||
padding:30px 15px;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
|
||||
|
||||
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
|
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85)));
|
||||
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
|
||||
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
|
||||
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
|
||||
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.swiper-caption {
|
||||
font-size:15px;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-container.has-fixed-footer .swiper-button-next,
|
||||
.swiper-container.has-fixed-footer .swiper-button-prev {
|
||||
margin-top:-80px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Nivo Slider
|
||||
************************* **/
|
||||
.nivo-controlNav {
|
||||
display: none1;
|
||||
}
|
||||
.nivo-caption {
|
||||
left: 20px;
|
||||
bottom: 20px;
|
||||
display:inline-block;
|
||||
color: #fff;
|
||||
background-color:rgba(0,0,0,0.7);
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif;
|
||||
font-weight:300;
|
||||
padding: 6px 15px 8px 15px;
|
||||
opacity: 1;
|
||||
width:auto;
|
||||
max-width:500px;
|
||||
font-size:21px;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.nivo-controlNav {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.nivo-controlNav a {
|
||||
display:inline-block;
|
||||
width:22px;
|
||||
height:22px;
|
||||
background:url("@{image-path}plugins/slider.nivo/bullets.png") no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.nivo-controlNav a.active {
|
||||
background-position:0 -22px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.nivo-caption {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Camera Slider
|
||||
************************* **/
|
||||
.camera_wrap {
|
||||
overflow:hidden;
|
||||
}
|
||||
.camera_wrap .camera_pag .camera_pag_ul {
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
right: 20px; bottom: -8px;
|
||||
list-style: none;
|
||||
}
|
||||
.camera_caption {
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif;
|
||||
font-size:22px;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
.camera_commands {
|
||||
display:none !important;
|
||||
}
|
||||
.camera_pie canvas {
|
||||
margin:10px;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.camera_caption {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** Elastic Slider
|
||||
************************* **/
|
||||
.ei-title h2 {
|
||||
font-size: 40px;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
font-weight:300;
|
||||
margin:0;
|
||||
}
|
||||
.ei-title h3 {
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight:300;
|
||||
color: #fff;
|
||||
margin:0;
|
||||
}
|
||||
.ei-slider-thumbs {
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
top:-30px;
|
||||
position:relative;
|
||||
z-index:10;
|
||||
height:4px;
|
||||
}
|
||||
.ei-slider-thumbs li:hover img{
|
||||
bottom:4px;
|
||||
}
|
||||
.ei-container-thumbs {
|
||||
display:block;
|
||||
}
|
||||
.ei-slider-thumbs li {
|
||||
border-left:transparent 6px solid;
|
||||
}
|
||||
.ei-slider-thumbs li a {
|
||||
background-color:#fff;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ei-slider-thumbs li img {
|
||||
-webkit-box-reflect: none;
|
||||
-ms-filter: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.ei-title {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** Revolution Slider
|
||||
************************* **/
|
||||
.tp-caption {
|
||||
text-shadow:#000 1px 1px 1px;
|
||||
}
|
||||
.tp-caption.text_white,
|
||||
.tp-caption.text_black,
|
||||
.tp-caption.block_white,
|
||||
.tp-caption.block_theme_color,
|
||||
.tp-caption.block_black {
|
||||
white-space: nowrap;
|
||||
line-height: 34px;
|
||||
border-width: 0px;
|
||||
margin: 0px;
|
||||
padding: 1px 10px;
|
||||
letter-spacing: 0px;
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
text-shadow:none;
|
||||
}
|
||||
|
||||
.tp-caption.block_white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.tp-caption.block_black {
|
||||
background-color: #000;
|
||||
}
|
||||
.tp-caption.text_white {
|
||||
color: #fff;
|
||||
}
|
||||
.tp-caption.text_black {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.tp-bannertimer {
|
||||
background:rgba(0,0,0,0.5) !important;
|
||||
height:2px !important;
|
||||
}
|
||||
|
||||
.tparrows.round:before {
|
||||
font-family: 'revicons';
|
||||
}
|
||||
.tparrows {
|
||||
top:50% !important;
|
||||
margin-top:-25px;
|
||||
}
|
||||
.tparrows.preview1 {
|
||||
margin-top:-50px !important;
|
||||
}
|
||||
|
||||
.tparrows.preview4 {
|
||||
margin-top:-50px !important;
|
||||
}
|
||||
|
||||
.tparrows.preview2 {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
.tparrows:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.tp-leftarrow.round:before {
|
||||
content: '\e824';
|
||||
}
|
||||
.tp-rightarrow.round:before {
|
||||
content: '\e825';
|
||||
}
|
||||
.tparrows.tp-rightarrow:before {
|
||||
margin-left: 1px;
|
||||
}
|
||||
/* bullets */
|
||||
.tp-bullets.simplebullets.round {
|
||||
bottom:20px !important;
|
||||
}
|
||||
.tp-bullets.simplebullets.round .bullet {
|
||||
background:none;
|
||||
background-color:#fff;
|
||||
height:5px;
|
||||
}
|
||||
.tp-bullets.simplebullets.round .bullet.selected {
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
/* revslider 5+ */
|
||||
.rev_slider_wrapper.arrows-bottom .tparrows {
|
||||
top:100% !important;
|
||||
}
|
||||
.rev_slider_wrapper .tp-caption {
|
||||
text-shadow:none;
|
||||
}
|
||||
.rev_slider_wrapper .inner {
|
||||
bottom:inherit !important;
|
||||
right:auto !important;
|
||||
width:auto !important;
|
||||
height:auto !important;
|
||||
}
|
||||
.rev_slider_wrapper.bottom-noinherit .inner {
|
||||
bottom:0 !important;
|
||||
}
|
||||
.tp-tabs,
|
||||
.tp-tab-mask,
|
||||
.tp-thumb-mask {
|
||||
z-index:1001;
|
||||
}
|
||||
.tp-thumbs {
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.rev_slider_wrapper.bottom-noinherit .tp-tab-mask {
|
||||
transform: matrix(1, 0, 0, 1, 0, 100) !important;
|
||||
height:100% !important;
|
||||
max-height:100% !important;
|
||||
}
|
||||
.rev_slider_wrapper.tparrows-bottom .tparrows {
|
||||
top:auto !important;
|
||||
bottom:-80px !important;
|
||||
margin-top:0 !important;
|
||||
}
|
||||
|
||||
/* centerig fix */
|
||||
.Dining-Social, .tp-caption.Dining-Social,
|
||||
.VideoControls-Play, .tp-caption.VideoControls-Play {
|
||||
text-align:center !important;
|
||||
}
|
||||
|
||||
/* rs-55.html arrows fix */
|
||||
.tparrows.gyges {
|
||||
top: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
/* rs-57.html */
|
||||
.rs-57 .bullet-bar.tp-bullets:before{
|
||||
content:" ";
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:transparent;
|
||||
padding:10px;
|
||||
margin-left:-10px;
|
||||
margin-top:-10px;
|
||||
box-sizing:content-box;
|
||||
}
|
||||
|
||||
.rs-57 .bullet-bar .tp-bullet {
|
||||
width:60px;
|
||||
height:3px;
|
||||
position:absolute;
|
||||
background:#aaa;
|
||||
background:rgba(204,204,204,0.5);
|
||||
cursor:pointer;
|
||||
box-sizing:content-box;
|
||||
}
|
||||
|
||||
.rs-57 .bullet-bar .tp-bullet:hover,
|
||||
.rs-57 .bullet-bar .tp-bullet.selected {
|
||||
background:rgba(204,204,204,1);
|
||||
}
|
||||
|
||||
|
||||
/** Layer Slider
|
||||
************************* **/
|
||||
.ls-borderlessdark .ls-thumbnail-inner,
|
||||
div.ls-thumbnail-slide-container {
|
||||
background-color:rgba(0,0,0,0.1) !important;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ls-thumbnail-slide img {
|
||||
width:100%;
|
||||
}
|
||||
.ls-container .ls-thumbnail-wrapper {
|
||||
margin-bottom:100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Slider Featured Text
|
||||
************************ **/
|
||||
#slider div.slider-featured-text {
|
||||
padding:30px;
|
||||
}
|
||||
#slider div.slider-featured-text h1 {
|
||||
text-shadow:rgba(33,33,33,0.5) 1px 1px 3px;
|
||||
font-size:90px;
|
||||
line-height:90px;
|
||||
margin:0;
|
||||
font-family:Arial,Helvetica,sans-serif;
|
||||
}
|
||||
#slider div.slider-featured-text h2 {
|
||||
text-shadow:#333 1px 1px 3px;
|
||||
font-size:30px;
|
||||
line-height:30px;
|
||||
}
|
||||
#slider div.slider-featured-text h1 em,
|
||||
#slider div.slider-featured-text h2 em {
|
||||
font-style:normal;
|
||||
}
|
||||
#slider div.slider-featured-text .btn {
|
||||
color:#333 !important;
|
||||
background-color:#fff !important;
|
||||
border:0 !important;
|
||||
}
|
||||
#slider div.slider-featured-text .btn:hover,
|
||||
#slider div.slider-featured-text .btn:active {
|
||||
opacity:0.9;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
#slider div.slider-featured-text {
|
||||
text-align:center !important;
|
||||
width:100%;
|
||||
}
|
||||
#slider div.slider-featured-text h1 {
|
||||
font-size:30px;
|
||||
line-height:35px;
|
||||
text-align:center;
|
||||
}
|
||||
#slider div.slider-featured-text h2 {
|
||||
font-size:27px;
|
||||
line-height:27px;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** **/
|
||||
#slider img.img-responsive {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#slider h1,
|
||||
#slider h2,
|
||||
#slider h3,
|
||||
#slider h4,
|
||||
#slider h5,
|
||||
#slider h6,
|
||||
#slider p {
|
||||
color:#fff;
|
||||
text-shadow:rgba(0,0,0,0.16) 1px 1px 1px;
|
||||
}
|
||||
#slider h1 {
|
||||
font-size:60px;
|
||||
line-height:60px;
|
||||
}
|
||||
#slider h2 {
|
||||
font-size:40px;
|
||||
line-height:40px;
|
||||
}
|
||||
#slider h3 {
|
||||
font-size:30px;
|
||||
line-height:30px;
|
||||
}
|
||||
#slider .btn {
|
||||
margin-top:30px;
|
||||
}
|
||||
#slider .btn-default,
|
||||
.slider .btn-default {
|
||||
color:#fff;
|
||||
background-color:transparent;
|
||||
border-color:#fff;
|
||||
border-width:2px;
|
||||
}
|
||||
#slider .btn-default:hover,
|
||||
.slider .btn-default:hover {
|
||||
background-color:rgba(255,255,255,0.1);
|
||||
}
|
||||
#slider .btn,
|
||||
.slider .btn {
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#slider h1 {
|
||||
font-size:30px;
|
||||
line-height:35px;
|
||||
text-align:center;
|
||||
}
|
||||
#slider h2 {
|
||||
font-size:27px;
|
||||
line-height:27px;
|
||||
text-align:center;
|
||||
}
|
||||
#slider h3 {
|
||||
font-size:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
/** Standard Forms Messages
|
||||
|
||||
USAGE:
|
||||
<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
|
||||
**************************************************************** **/
|
||||
#alert_newsletter,
|
||||
#alert_mandatory,
|
||||
#alert_success,
|
||||
#alert_failed {
|
||||
display:none;
|
||||
}
|
||||
11
_static/assets/LESS/LESS_BS3/smarty/layout-sticky-side.less
Normal file
11
_static/assets/LESS/LESS_BS3/smarty/layout-sticky-side.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/** Sticky Side
|
||||
**************************************************************** **/
|
||||
.sticky-side {
|
||||
position: fixed;
|
||||
top: 50%; left: 6px;
|
||||
width: 36px;
|
||||
z-index: 1;
|
||||
}
|
||||
.sticky-side .social-icon {
|
||||
margin:0;
|
||||
}
|
||||
232
_static/assets/LESS/LESS_BS3/smarty/layout-timeline.less
Normal file
232
_static/assets/LESS/LESS_BS3/smarty/layout-timeline.less
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
/** Timeline
|
||||
**************************************************************** **/
|
||||
.timeline {
|
||||
position:relative;
|
||||
padding-left:100px;
|
||||
}
|
||||
.timeline.timeline-inverse {
|
||||
padding-left:0;
|
||||
padding-right:100px;
|
||||
}
|
||||
.timeline .timeline-item {
|
||||
position:relative;
|
||||
min-height:150px;
|
||||
display:block;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
.timeline .timeline-item-bordered {
|
||||
border-left:#ccc 1px dashed;
|
||||
padding-left:20px;
|
||||
}
|
||||
section.dark .timeline .timeline-item-bordered {
|
||||
border-left:rgba(255,255,255,0.2) 1px dashed;
|
||||
}
|
||||
|
||||
.timeline.timeline-inverse .timeline-item-bordered {
|
||||
border-right:#ccc 1px dashed;
|
||||
border-left:0;
|
||||
padding-right:20px;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
/* horizontal line [left|center|right] */
|
||||
.timeline>.timeline-hline {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom:0;
|
||||
margin-left: 30px;
|
||||
width: 1px;
|
||||
border-left:rgba(0,0,0,0.1) 1px dashed;
|
||||
height: 100%;
|
||||
}
|
||||
section.dark .timeline>.timeline-hline {
|
||||
border-left-color:rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.timeline.timeline-inverse>.timeline-hline {
|
||||
left:auto;
|
||||
right:0;
|
||||
margin-left:0;
|
||||
margin-right:30px;
|
||||
border-left:0;
|
||||
border-right:rgba(0,0,0,0.1) 1px dashed;
|
||||
}
|
||||
section.dark .timeline.timeline-inverse>.timeline-hline {
|
||||
border-right-color:rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
/* timeline entry */
|
||||
.timeline .timeline-entry {
|
||||
display: block;
|
||||
border:rgba(0,0,0,0.1) 3px solid;
|
||||
background-color:#fff;
|
||||
padding-top: 10px;
|
||||
top: 20px;
|
||||
z-index:10;
|
||||
|
||||
position:absolute;
|
||||
left: -102px;
|
||||
right: auto;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
font-size: 26px;
|
||||
text-align:center;
|
||||
line-height:1;
|
||||
color:#ccc;
|
||||
font-weight:bold;
|
||||
font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
.timeline .timeline-entry>.timeline-vline {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top:-1px;
|
||||
right: -40px;
|
||||
width: 40px;
|
||||
height: 0;
|
||||
border-top: 1px dashed #CCC;
|
||||
}
|
||||
.timeline.timeline-inverse .timeline-entry {
|
||||
right: -102px;
|
||||
left: auto;
|
||||
}
|
||||
.timeline.timeline-inverse .timeline-entry>.timeline-vline {
|
||||
right:auto;
|
||||
left: -40px;
|
||||
}
|
||||
|
||||
.timeline .timeline-entry>span {
|
||||
display:block;
|
||||
font-size:13px;
|
||||
text-transform:uppercase;
|
||||
font-weight:300;
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
section.alternate .timeline .timeline-entry {
|
||||
background-color:#F9F9F9;
|
||||
}
|
||||
section.dark .timeline .timeline-entry {
|
||||
color:#666;
|
||||
background-color:#212121;
|
||||
border-color:rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
section.dark .timeline .timeline-entry>.timeline-vline {
|
||||
border-top-color:rgba(255,255,255,0.2);
|
||||
}
|
||||
section.dark.alternate .timeline .timeline-entry {
|
||||
background-color:#151515;
|
||||
}
|
||||
|
||||
|
||||
/* timeline center */
|
||||
.timeline_center {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
background: url("@{image-path}timeline/timeline_top.png") no-repeat top center;
|
||||
padding-top: 9px;
|
||||
}
|
||||
.timeline_center:after {
|
||||
content: "";
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -10px;
|
||||
margin-left: -3px;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.timeline_center li {
|
||||
padding: 0 0 25px 55%;
|
||||
position: relative;
|
||||
background: url("@{image-path}timeline/timeline_right.png") no-repeat top center;
|
||||
}
|
||||
.timeline_center li:nth-child(even) {
|
||||
padding: 0 55% 25px 0;
|
||||
background: url("@{image-path}timeline/timeline_left.png") no-repeat top center;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.timeline_center li h3 {
|
||||
font-size: 30px;
|
||||
line-height: 35px;
|
||||
}
|
||||
.timeline_center li h3 span {
|
||||
position: absolute;
|
||||
right: 55%;
|
||||
top: 0px;
|
||||
font-size:13px;
|
||||
}
|
||||
.timeline_center li h3:before {
|
||||
content: "";
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-width: 4px;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 11px;
|
||||
margin-left: -7px;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.timeline_center li:nth-child(even) h3 {
|
||||
text-align: right;
|
||||
}
|
||||
.timeline_center li:nth-child(even) h3 span {
|
||||
left: 55%;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.timeline_center li .timeline-desc {
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
line-height: 31px;
|
||||
}
|
||||
.timeline_center li .timeline-desc:before {
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: -122%;
|
||||
top: 0;
|
||||
}
|
||||
.timeline_center li .timeline-desc.timeline-desc-line {
|
||||
background: url("@{image-path}timeline/textline.png") repeat-y;
|
||||
}
|
||||
.timeline_center li:nth-child(even) .timeline-desc:before {
|
||||
left: auto;
|
||||
right: -122%;
|
||||
}
|
||||
.timeline_center li:nth-child(even) .timeline-desc {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.timeline_center li h3:before,
|
||||
.timeline_center:after {
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 650px) {
|
||||
.timeline_center { background-position: 11px top; }
|
||||
.timeline_center li { padding: 0 0 25px 70px !important; background: url("@{image-path}timeline/timeline_right.png") no-repeat !important; background-position: -30px top !important; width: auto; }
|
||||
.timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; }
|
||||
.timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; }
|
||||
.timeline_center li h3 { font-size:24px; line-height:24px; }
|
||||
.timeline_center li h3,
|
||||
.timeline_center li:nth-child(even) h3 { text-align: left; }
|
||||
.timeline_center li h3:before { left: 13px; }
|
||||
.timeline_center li .timeline-desc,
|
||||
.timeline_center li:nth-child(even) .timeline-desc { text-align: left; }
|
||||
.timeline_center li .timeline-desc:before { display: none; }
|
||||
.timeline_center:after { left: 13px; }
|
||||
}
|
||||
2221
_static/assets/LESS/LESS_BS3/smarty/layout-top-nav.less
Normal file
2221
_static/assets/LESS/LESS_BS3/smarty/layout-top-nav.less
Normal file
File diff suppressed because it is too large
Load diff
166
_static/assets/LESS/LESS_BS3/smarty/layout-word-rotator.less
Normal file
166
_static/assets/LESS/LESS_BS3/smarty/layout-word-rotator.less
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
/** Word Rotator
|
||||
**************************************************************** **/
|
||||
.word-rotator {
|
||||
visibility: hidden;
|
||||
width: 100px;
|
||||
height: 0;
|
||||
margin-bottom:-11px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
h1 .word-rotator {
|
||||
bottom:-3px;
|
||||
height: 54px !important;
|
||||
}
|
||||
section.page-header h1 .word-rotator {
|
||||
bottom:1px;
|
||||
height: 39px !important;
|
||||
}
|
||||
h2 .word-rotator {
|
||||
bottom:0;
|
||||
height: 45px !important;
|
||||
}
|
||||
h3 .word-rotator {
|
||||
bottom:2px;
|
||||
height: 36px !important;
|
||||
}
|
||||
h4 .word-rotator {
|
||||
bottom:4px;
|
||||
height: 27px !important;
|
||||
}
|
||||
h5 .word-rotator {
|
||||
bottom:6px;
|
||||
height: 21px !important;
|
||||
}
|
||||
a .word-rotator {
|
||||
bottom:5px;
|
||||
height:24px;
|
||||
}
|
||||
p.lead .word-rotator {
|
||||
height:29px;
|
||||
bottom:4px;
|
||||
}
|
||||
.word-rotator.active {
|
||||
visibility: visible;
|
||||
width: auto;
|
||||
}
|
||||
.word-rotator .items {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.word-rotator .items span {
|
||||
display:block;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
/* Rotator Plugin */
|
||||
.rotating {
|
||||
display: inline-block;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
|
||||
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
|
||||
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
|
||||
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
|
||||
transform: rotateX(0) rotateY(0) rotateZ(0);
|
||||
-webkit-transition: 0.5s;
|
||||
-moz-transition: 0.5s;
|
||||
-ms-transition: 0.5s;
|
||||
-o-transition: 0.5s;
|
||||
transition: 0.5s;
|
||||
-webkit-transform-origin-x: 50%;
|
||||
}
|
||||
|
||||
.rotating.flip {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rotating .front, .rotating .back {
|
||||
left: 0;
|
||||
top: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-o-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.rotating .front {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
-webkit-transform: translate3d(0,0,1px);
|
||||
-moz-transform: translate3d(0,0,1px);
|
||||
-ms-transform: translate3d(0,0,1px);
|
||||
-o-transform: translate3d(0,0,1px);
|
||||
transform: translate3d(0,0,1px);
|
||||
}
|
||||
|
||||
.rotating.flip .front {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.rotating .back {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.rotating.spin {
|
||||
-webkit-transform: rotate(360deg) scale(0);
|
||||
-moz-transform: rotate(360deg) scale(0);
|
||||
-ms-transform: rotate(360deg) scale(0);
|
||||
-o-transform: rotate(360deg) scale(0);
|
||||
transform: rotate(360deg) scale(0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.rotating.flip .back {
|
||||
z-index: 2;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
|
||||
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
|
||||
-moz-transform: rotateY(180deg) translate3d(0,0,0);
|
||||
-ms-transform: rotateY(180deg) translate3d(0,0,0);
|
||||
-o-transform: rotateY(180deg) translate3d(0,0,0);
|
||||
transform: rotateY(180deg) translate3d(0,0,0);
|
||||
}
|
||||
|
||||
.rotating.flip.up .back {
|
||||
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
|
||||
-moz-transform: rotateX(180deg) translate3d(0,0,0);
|
||||
-ms-transform: rotateX(180deg) translate3d(0,0,0);
|
||||
-o-transform: rotateX(180deg) translate3d(0,0,0);
|
||||
transform: rotateX(180deg) translate3d(0,0,0);
|
||||
}
|
||||
|
||||
.rotating.flip.cube .front {
|
||||
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
|
||||
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
|
||||
transform: translate3d(0,0,100px) scale(0.85,0.85);
|
||||
}
|
||||
|
||||
.rotating.flip.cube .back {
|
||||
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
|
||||
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
}
|
||||
|
||||
.rotating.flip.cube.up .back {
|
||||
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
|
||||
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
|
||||
}
|
||||
4902
_static/assets/LESS/LESS_BS3/smarty/plugin-hover-buttons.less
Normal file
4902
_static/assets/LESS/LESS_BS3/smarty/plugin-hover-buttons.less
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,3 @@
|
|||
/** CONSTRUCTION
|
||||
home-theme-construction.html
|
||||
********************************************* **/
|
||||
50
_static/assets/LESS/LESS_BS3/smarty/thematics-education.less
Normal file
50
_static/assets/LESS/LESS_BS3/smarty/thematics-education.less
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
/** MUSIC
|
||||
home-theme-education.html
|
||||
********************************************* **/
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto);
|
||||
.font-roboto {
|
||||
font-family: "Roboto" !important;
|
||||
}
|
||||
|
||||
|
||||
/* header, menu & topbar background color */
|
||||
#header,
|
||||
#topMain.nav-pills>li,
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
background-color:#253B80;
|
||||
}
|
||||
#topBar {
|
||||
background-color:#179BD7 !important;
|
||||
}
|
||||
#topNav ul.dropdown-menu {
|
||||
border-top-color:#179BD7 !important;
|
||||
}
|
||||
|
||||
#topNav button.btn-mobile {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* menu & topbar links color */
|
||||
#topBar ul.top-links li.text-welcome,
|
||||
#topBar ul.top-links>li>a,
|
||||
#header li.search i.fa,
|
||||
#header ul.nav-second-main li>a,
|
||||
#topMain.nav-pills>li>a {
|
||||
color:#eee !important;
|
||||
}
|
||||
#topBar ul.top-links>li.active>a,
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
#footer {
|
||||
background: #24293a;
|
||||
background: -moz-linear-gradient(top, #1a1d2b 0%, #2e3648 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #2e3648));
|
||||
background: -webkit-linear-gradient(top, #1a1d2b 0%, #2e3648 100%);
|
||||
background: -o-linear-gradient(top, #1a1d2b 0%, #2e3648 100%);
|
||||
background: -ms-linear-gradient(top, #1a1d2b 0%, #2e3648 100%);
|
||||
background: linear-gradient(to bottom, #1a1d2b 0%,#2e3648 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d2b', endColorstr='#2e3648',GradientType=0 );
|
||||
}
|
||||
11
_static/assets/LESS/LESS_BS3/smarty/thematics-fashion.less
Normal file
11
_static/assets/LESS/LESS_BS3/smarty/thematics-fashion.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/** FASHION
|
||||
home-theme-fashion.html
|
||||
********************************************* **/
|
||||
@import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative);
|
||||
.font-cinzel-decorative {
|
||||
font-family: "Cinzel Decorative" !important;
|
||||
}
|
||||
.slider .font-cinzel-decorative {
|
||||
font-size:110px;
|
||||
text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
|
||||
}
|
||||
308
_static/assets/LESS/LESS_BS3/smarty/thematics-music.less
Normal file
308
_static/assets/LESS/LESS_BS3/smarty/thematics-music.less
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
/** MUSIC
|
||||
home-theme-music.html
|
||||
page-music.html
|
||||
********************************************* **/
|
||||
@import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative);
|
||||
.font-cinzel-decorative {
|
||||
font-family: "Cinzel Decorative" !important;
|
||||
}
|
||||
|
||||
|
||||
.slider .font-cinzel-decorative {
|
||||
font-size:110px;
|
||||
text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
|
||||
}
|
||||
.music-album-title {
|
||||
padding: 14px 24px;
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
}
|
||||
.music-album-title i.album-play {
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.music-album-title i.fa {
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
.music-album-title i.album-play.active {
|
||||
display:inline-block;
|
||||
background:url('../images/_smarty/playing.gif') no-repeat center;
|
||||
}
|
||||
.music-album-title i.album-play.active:before {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
.music-album-download {
|
||||
margin-top:10px;
|
||||
}
|
||||
.music-album-download>a {
|
||||
float:right;
|
||||
width:25px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
|
||||
.box-gradient.box-gray {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
|
||||
/* music player */
|
||||
#music-player {
|
||||
color:#fff;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height:70px;
|
||||
z-index: 9999;
|
||||
border-top: 1px solid #535353;
|
||||
|
||||
/* BG GRADIENT GENERATOR USED:
|
||||
http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%2876\%2C76\%2C76\%2C1\%29\%200\%25\%2C\%20rgba\%28102\%2C102\%2C102\%2C1\%29\%200\%25\%2C\%20rgba\%2889\%2C89\%2C89\%2C1\%29\%2039\%25\%2C\%20rgba\%2871\%2C71\%2C71\%2C1\%29\%2099\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C1\%29\%20100\%25\%29\%3B'
|
||||
*/
|
||||
background: rgba(76,76,76,1);
|
||||
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 39%, rgba(71,71,71,1) 99%, rgba(0,0,0,1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(102,102,102,1)), color-stop(39%, rgba(89,89,89,1)), color-stop(99%, rgba(71,71,71,1)), color-stop(100%, rgba(0,0,0,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 39%, rgba(71,71,71,1) 99%, rgba(0,0,0,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 39%, rgba(71,71,71,1) 99%, rgba(0,0,0,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 39%, rgba(71,71,71,1) 99%, rgba(0,0,0,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 39%, rgba(71,71,71,1) 99%, rgba(0,0,0,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000', GradientType=0 );
|
||||
}
|
||||
#music-player a {
|
||||
color:#fbfbfb;
|
||||
}
|
||||
|
||||
#music-player .music-open-float-player.music-now-playing{ background-image: url('../images/_smarty/playing-dark.gif'); background-repeat: no-repeat; background-position: center; }
|
||||
#music-player .music-open-float-player.music-now-playing i{ display: none; }
|
||||
#music-player .music-float-top-player.music-item{ margin-bottom: 0px; }
|
||||
#music-player .music-float-top-player > .music-top-player-title,
|
||||
#music-player .music-float-top-player > .music-top-player-thumbnail,
|
||||
#music-player .music-float-top-player > .music-top-player-download{ display: none; }
|
||||
#music-player .mejs-container { background: transparent; }
|
||||
#music-player .mejs-container .mejs-controls { height: 70px; position: relative; bottom: auto; background: transparent; }
|
||||
#music-player .mejs-controls .mejs-button button:focus { outline: none; }
|
||||
#music-player .mejs-container .mejs-controls .music-play-control { width: 120px; height: 70px; margin-right: 30px; padding: 15px 0px; }
|
||||
#music-player .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause .icon-play:before{ content: "\f04c"; }
|
||||
#music-player .mejs-container .mejs-controls .music-next-button{ font-size: 12px; width: 11px; height: 12px; margin-top: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
|
||||
#music-player .mejs-container .mejs-controls .music-previous-button{ font-size: 12px; width: 11px; height: 12px; margin-top: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
|
||||
#music-player .mejs-container .mejs-controls .mejs-playpause-button,
|
||||
#music-player .mejs-container .mejs-controls .music-next-button,
|
||||
#music-player .mejs-container .mejs-controls .music-previous-button{ cursor: pointer; opacity: 0.8; filter: alpha(opacity:80); transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; background-color:#dadada; color:#3b3b3b; width:30px; height:30px; line-height:30px; text-align:center !important; padding:0; }
|
||||
#music-player .mejs-container .mejs-controls .mejs-playpause-button{ font-size: 14px; width:40px; height:40px; line-height:40px; margin: 0px 8px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
|
||||
#music-player .mejs-container .mejs-controls .mejs-playpause-button:hover,
|
||||
#music-player .mejs-container .mejs-controls .music-next-button:hover,
|
||||
#music-player .mejs-container .mejs-controls .music-previous-button:hover{ opacity: 1; filter: alpha(opacity:100); }
|
||||
#music-player .mejs-container .mejs-controls .mejs-time-rail { padding: 17px 81px 18px 75px; height: 70px; position: relative; border-left:rgba(255,255,255,0.1) 1px solid; }
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-total{ margin: 0px; }
|
||||
#music-player .mejs-container .mejs-controls .music-time-elapse { width: 76px; position: absolute; right: 0px; float: none; top: 39px; }
|
||||
#music-player .mejs-container .mejs-controls .music-time-elapse .mejs-time { padding: 0px; margin: 0px; display: inline; float: none; }
|
||||
#music-player .mejs-container .mejs-controls .music-time-elapse span { position: relative; display: inline; float: none; margin: 0px; }
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-thumbnail { max-width: 35px; width: 35px; height: 35px; position: absolute; top: 17px; left: 20px; border: 1px solid #fff; overflow:hidden; }
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-title { font-size: 12px; height:15px; width: auto; margin-bottom: 6px; font-weight: bold; float:none; }
|
||||
#music-player .mejs-controls .mejs-time-rail span.music-song-title-info { display: inline; position: relative; font-weight: normal; }
|
||||
#music-player .music-top-player-download a{ opacity: 0.6; filter: alpha(opacity=60); }
|
||||
#music-player .music-top-player-download a:hover{ opacity: 1; filter: alpha(opacity=100); }
|
||||
#music-player .music-top-player-download i.icon-list-ul { font-size: 16px; margin-right: 20px; }
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-download { width: 148px; height:70px; padding: 34px 0 0 15px; font-size: 16px; line-height: 20px; border-left:rgba(255,255,255,0.1) 1px solid; border-right:rgba(255,255,255,0.1) 1px solid; }
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-download>a { width:20px; display:inline-block; text-align:center; }
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-download>.top-player-list { margin-right:30px; }
|
||||
#music-player .mejs-container .mejs-controls .music-volumn-bar { float: left; width: 126px; height:70px; padding: 22px 6px; }
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider{ width: 80px; float: left; clear: none; top: auto; }
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ width: 80px; background-color:#0b0b0b !important; }
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{ top: 11px;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 5px; }
|
||||
#music-player .mejs-container .mejs-controls .music-hide-float-bar { height: 70px; padding-top:28px; text-align: center; width:34px; text-align:center; cursor: pointer; background: rgba(255,255,255,0.1); }
|
||||
#music-player .mejs-container .mejs-controls .music-hide-float-bar i { font-size: 17px; color: #ffffff; }
|
||||
#music-player .music-player-list { display:none; list-style: none; position: absolute;background: rgba(61,61,61,0.9); margin: 0px; left:165px; right:175px; }
|
||||
#music-player .music-player-list li{ cursor: pointer; padding: 14px 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #161616; font-size:12px; }
|
||||
#music-player .music-player-list li:before { content: "\f04b"; font-family: FontAwesome; color: #fff; font-size: 12px; width: 13px; height: 13px; margin-left: 3px; margin-right: 15px; display: inline-block; }
|
||||
#music-player .music-player-list li.active:before{ background-image: url('../images/_smarty/playing.gif'); background-repeat: no-repeat; background-position: 95% center; content: ' '; width: 16px; margin-left: 0px; }
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{ background-color:#7facb7 !important; }
|
||||
#music-player.position-bottom .music-player-list {
|
||||
bottom: 71px;
|
||||
}
|
||||
#music-player.position-top .music-player-list {
|
||||
top: 71px;
|
||||
}
|
||||
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-total {
|
||||
background:#0b0b0b;
|
||||
}
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-loaded {
|
||||
background:#353535;
|
||||
}
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-current,
|
||||
#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
|
||||
background:transparent;
|
||||
background-color: #7facb7;
|
||||
}
|
||||
#music-player .mejs-controls .mejs-time-rail span,
|
||||
#music-player .mejs-controls .mejs-time-rail a {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#music-player .mejs-playpause-button>i:before {
|
||||
content: "\f04b";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
#music-player .mejs-playpause-button.mejs-pause>i:before {
|
||||
content: "\f04c";
|
||||
}
|
||||
|
||||
.music-album-thumbnail,
|
||||
.music-album-list {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
/* playlist */
|
||||
.music-album-song-list {
|
||||
margin: 0px 0px 40px;
|
||||
}
|
||||
.music-album-song-list li {
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
margin-bottom: 1px;
|
||||
padding: 13px 22px;
|
||||
line-height: 22px;
|
||||
font-size:14px;
|
||||
color:#eaeaea;
|
||||
}
|
||||
section.dark .music-album-song-list li {
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
.music-album-song-list li .music-list-icon:before {
|
||||
content: "\f04b";
|
||||
font-family: FontAwesome;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin-left: 3px;
|
||||
margin-right: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
.music-album-song-list li.active .music-list-icon:before {
|
||||
background-image: url('../images/_smarty/playing.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 95% center;
|
||||
content: ' ';
|
||||
width: 16px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.music-album-song-list .music-album-song-download a {
|
||||
display: inline-block;
|
||||
max-width: 19px;
|
||||
margin-left: 7px;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
font-size:18px;
|
||||
}
|
||||
.music-album-song-list .music-album-song-download a:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=1);
|
||||
}
|
||||
|
||||
.music-album-song-download a {
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
|
||||
#music-player-open {
|
||||
height: 35px;
|
||||
width: 40px;
|
||||
background:url('../images/_smarty/playing-dark.gif') no-repeat center;
|
||||
background-color:rgba(255,255,255,0.7);
|
||||
position:fixed;
|
||||
right:53px;
|
||||
bottom:-70px;
|
||||
z-index: 1000;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
|
||||
-webkit-border-radius: 2px !important;
|
||||
-moz-border-radius: 2px !important;
|
||||
border-radius: 2px !important;
|
||||
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
-o-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
#music-player-open:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#music-player>.container {
|
||||
padding:0;
|
||||
}
|
||||
#music-player {
|
||||
height:140px;
|
||||
}
|
||||
#music-player .mejs-time-rail {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin-top:70px;
|
||||
}
|
||||
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-download>.top-player-list,
|
||||
#music-player .mejs-time-rail>.music-time-elapse,
|
||||
#music-player .music-volumn-bar {
|
||||
display:none;
|
||||
}
|
||||
#music-player .mejs-container .mejs-controls .music-top-player-download {
|
||||
position:absolute;
|
||||
top:0; right:34px;
|
||||
background-color:rgba(0,0,0,0.07);
|
||||
width:100px;
|
||||
}
|
||||
#music-player .mejs-container .mejs-controls .mejs-time-rail {
|
||||
background-color:transparent;
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left:0;
|
||||
margin:0;
|
||||
padding-right:0;
|
||||
width:auto !important;
|
||||
display:block !important;
|
||||
}
|
||||
#music-player-close {
|
||||
position:absolute;
|
||||
top:0; right:0;
|
||||
}
|
||||
#music-player .mejs-container .mejs-controls {
|
||||
padding-left:20px;
|
||||
background-color:rgba(0,0,0,0.07);
|
||||
}
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-loaded {
|
||||
background:#252525;
|
||||
}
|
||||
#music-player-open {
|
||||
right:auto;
|
||||
left:6px;
|
||||
}
|
||||
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-total {
|
||||
width:100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 482px) {
|
||||
#music-player .mejs-container .mejs-controls .mejs-time-rail {
|
||||
width:auto !important;
|
||||
max-width:250px !important;
|
||||
}
|
||||
#music-player .mejs-controls .mejs-time-rail .mejs-time-total {
|
||||
width:200px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
/** RESTAURANT
|
||||
home-theme-restaurant.html
|
||||
********************************************* **/
|
||||
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);
|
||||
|
||||
.font-khausan-script {
|
||||
font-family: "Kaushan Script" !important;
|
||||
}
|
||||
.slider .font-khausan-script {
|
||||
font-size:100px;
|
||||
text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
|
||||
}
|
||||
ul>li.restaurant-menu-item .thumbnail {
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
94
_static/assets/LESS/LESS_BS3/smarty/thematics-wedding.less
Normal file
94
_static/assets/LESS/LESS_BS3/smarty/thematics-wedding.less
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
/** WEDDING
|
||||
home-theme-wedding.html
|
||||
********************************************* **/
|
||||
#slider .slider-featured-text {
|
||||
color:#fff;
|
||||
font-size:90px;
|
||||
line-height:90px;
|
||||
font-weight:800;
|
||||
}
|
||||
#slider .slider-featured-text .row>div span {
|
||||
font-size:50px;
|
||||
}
|
||||
#slider .big-amp {
|
||||
font-size:170px;
|
||||
line-height:140px;
|
||||
}
|
||||
|
||||
.menu-center {
|
||||
display:inline-block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
.countdown-section {
|
||||
border:0 !important;
|
||||
margin-left:3px;
|
||||
}
|
||||
.countdown.bordered-squared .countdown-amount,
|
||||
.countdown.bordered .countdown-amount {
|
||||
border-color:rgba(255,255,255,0.3) !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.menu-center {
|
||||
display:block;
|
||||
}
|
||||
#slider div.slider-featured-text {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
#slider .slider-featured-text .row>div {
|
||||
margin:0;
|
||||
}
|
||||
#slider .slider-featured-text {
|
||||
font-size:60px;
|
||||
line-height:60px;
|
||||
}
|
||||
#slider .slider-featured-text .row>div span {
|
||||
font-size:40px;
|
||||
}
|
||||
#slider .big-amp {
|
||||
font-size:100px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-height: 475px) {
|
||||
#slider .slider-featured-text .row>div {
|
||||
float:left !important;
|
||||
width:33.30%;
|
||||
margin-top:30px;
|
||||
}
|
||||
#slider .slider-featured-text {
|
||||
font-size:30px;
|
||||
line-height:60px;
|
||||
}
|
||||
#slider .slider-featured-text .row>div span {
|
||||
font-size:30px;
|
||||
}
|
||||
#slider .big-amp {
|
||||
font-size:80px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
- small fixes -
|
||||
- centered menu -
|
||||
*/
|
||||
#header {
|
||||
height:96px;
|
||||
}
|
||||
#header.header-md {
|
||||
height:70px;
|
||||
}
|
||||
#header.header-sm {
|
||||
height:60px;
|
||||
}
|
||||
@media only screen and (max-width: 992px) {
|
||||
#header,
|
||||
#header.header-md,
|
||||
#header.header-sm {
|
||||
height:inherit;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue