17 Nov - Static Sites to laravel
This commit is contained in:
Kevin Adametz
parent
610aa1e202
commit
5ff57a21a7
3661 changed files with 569001 additions and 771 deletions
103
public/assets/css/_layout-font-rewrite.css
Normal file
103
public/assets/css/_layout-font-rewrite.css
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
/**
|
||||
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.
|
||||
|
||||
|
||||
Three google fonts are used on Smarty:
|
||||
- Open Sans (default font)
|
||||
- Raleway (used for numbers)
|
||||
- Lato (used to highlight the text using font-weight:300)
|
||||
|
||||
* Please note: all files starting with "_" (underscore), are not used by default!
|
||||
** ***************************** **/
|
||||
|
||||
|
||||
|
||||
/** essentials.css
|
||||
*********************** **/
|
||||
.countTo-sm,
|
||||
.countTo-md,
|
||||
.countTo-lg,
|
||||
.countdown,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family:'Raleway','Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
.ribbon-inner {
|
||||
font-family: "Open Sans",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
div.mega-price-table .pricing-head small {
|
||||
font-family:'Open Sans', Arial, Hevletica, sans-serif;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.flex-caption {
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
.switch > .switch-label {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** layout.css
|
||||
*********************** **/
|
||||
body {
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
small {
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
/* fonts */
|
||||
.font-open-sans {
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
.timeline .timeline-entry,
|
||||
.font-lato {
|
||||
font-family:'Lato',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
.font-raleway {
|
||||
font-family:'Raleway',Arial,Helvetica,sans-serif !important;
|
||||
}
|
||||
/* elastic slider */
|
||||
.ei-title h3 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.maintenance,
|
||||
.timeline .timeline-entry>span,
|
||||
#footer ul.footer-list li small,
|
||||
.comments small,
|
||||
h1.blog-post-title,
|
||||
.blog-post-item h2 {
|
||||
font-family:'Open Sans',Arial,Helvetica,sans-serif;
|
||||
}
|
||||
BIN
public/assets/css/added_to_essentials.zip
Normal file
BIN
public/assets/css/added_to_essentials.zip
Normal file
Binary file not shown.
528
public/assets/css/color_scheme/blue.css
Normal file
528
public/assets/css/color_scheme/blue.css
Normal file
|
|
@ -0,0 +1,528 @@
|
|||
/** Blue #3072e0
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #3072e0;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #3072e0; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #3072e0; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #3072e0;
|
||||
}
|
||||
|
||||
#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,
|
||||
.btn>.new-primary,
|
||||
#progressBar #bar, /* OWL */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#3072e0;
|
||||
}
|
||||
|
||||
/* !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:#3072e0 !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:#3072e0 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#3072e0;
|
||||
}
|
||||
|
||||
.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: #3072e0;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#3072e0;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#3072e0;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #3072e0 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #3072e0 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #3072e0 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #3072e0 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#3072e0;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #3072e0 #3072e0;
|
||||
}
|
||||
|
||||
#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: #3072e0;
|
||||
}
|
||||
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: #3072e0;
|
||||
}
|
||||
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:#3072e0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #3072e0;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #3072e0 !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:#3072e0 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#3072e0;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #3072e0;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#3072e0;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#3072e0;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#3072e0;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#3072e0;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#3072e0;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#3072e0;
|
||||
}
|
||||
.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:#3072e0;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#3072e0;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#3072e0;
|
||||
}
|
||||
|
||||
.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:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#3072e0 !important;
|
||||
background-color:#3072e0 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#3072e0;
|
||||
background-color:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#3072e0;
|
||||
}
|
||||
.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:#3072e0 !important;
|
||||
border-color:#3072e0 !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:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#3072e0;
|
||||
border-color:#3072e0;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#3072e0 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#3072e0 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #3072e0 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #3072e0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #3072e0;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #3072e0;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #3072e0;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #3072e0;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #3072e0;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #3072e0;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #3072e0, 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: #3072e0;
|
||||
}
|
||||
527
public/assets/css/color_scheme/brown.css
Normal file
527
public/assets/css/color_scheme/brown.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Brown #AB8B64
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #AB8B64;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #AB8B64; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #AB8B64; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #AB8B64;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
|
||||
/* !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:#AB8B64 !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:#AB8B64 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#AB8B64;
|
||||
}
|
||||
|
||||
.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: #AB8B64;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#AB8B64;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#AB8B64;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #AB8B64 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #AB8B64 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #AB8B64 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #AB8B64 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #AB8B64 #AB8B64;
|
||||
}
|
||||
|
||||
#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: #AB8B64;
|
||||
}
|
||||
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: #AB8B64;
|
||||
}
|
||||
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:#AB8B64 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #AB8B64;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #AB8B64 !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:#AB8B64 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#AB8B64;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #AB8B64;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#AB8B64;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#AB8B64;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#AB8B64;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#AB8B64;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#AB8B64;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
.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:#AB8B64;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#AB8B64;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
|
||||
.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:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#AB8B64 !important;
|
||||
background-color:#AB8B64 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#AB8B64;
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#AB8B64;
|
||||
}
|
||||
.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:#AB8B64 !important;
|
||||
border-color:#AB8B64 !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:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#AB8B64;
|
||||
border-color:#AB8B64;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#AB8B64 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#AB8B64 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #AB8B64 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #AB8B64 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #AB8B64;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #AB8B64;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #AB8B64;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #AB8B64;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #AB8B64;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #AB8B64;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #AB8B64, 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: #AB8B64;
|
||||
}
|
||||
527
public/assets/css/color_scheme/darkblue.css
Normal file
527
public/assets/css/color_scheme/darkblue.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Dark Blue #1980B6
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #1980B6;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #1980B6; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #1980B6; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #1980B6;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#1980B6;
|
||||
}
|
||||
|
||||
/* !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:#1980B6 !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:#1980B6 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#1980B6;
|
||||
}
|
||||
|
||||
.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: #1980B6;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#1980B6;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#1980B6;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #1980B6 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #1980B6 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #1980B6 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #1980B6 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#1980B6;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #1980B6 #1980B6;
|
||||
}
|
||||
|
||||
#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: #1980B6;
|
||||
}
|
||||
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: #1980B6;
|
||||
}
|
||||
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:#1980B6 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #1980B6;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #1980B6 !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:#1980B6 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#1980B6;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #1980B6;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#1980B6;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#1980B6;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#1980B6;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#1980B6;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#1980B6;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#1980B6;
|
||||
}
|
||||
.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:#1980B6;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#1980B6;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#1980B6;
|
||||
}
|
||||
|
||||
.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:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#1980B6 !important;
|
||||
background-color:#1980B6 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#1980B6;
|
||||
background-color:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#1980B6;
|
||||
}
|
||||
.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:#1980B6 !important;
|
||||
border-color:#1980B6 !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:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#1980B6;
|
||||
border-color:#1980B6;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#1980B6 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#1980B6 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #1980B6 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #1980B6 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #1980B6;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #1980B6;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #1980B6;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #1980B6;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #1980B6;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #1980B6;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #1980B6, 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: #1980B6;
|
||||
}
|
||||
527
public/assets/css/color_scheme/darkgreen.css
Normal file
527
public/assets/css/color_scheme/darkgreen.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Dark Green #9DB667
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #9DB667;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #9DB667; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #9DB667; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #9DB667;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#9DB667;
|
||||
}
|
||||
|
||||
/* !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:#9DB667 !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:#9DB667 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#9DB667;
|
||||
}
|
||||
|
||||
.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: #9DB667;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#9DB667;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#9DB667;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #9DB667 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #9DB667 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #9DB667 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #9DB667 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#9DB667;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #9DB667 #9DB667;
|
||||
}
|
||||
|
||||
#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: #9DB667;
|
||||
}
|
||||
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: #9DB667;
|
||||
}
|
||||
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:#9DB667 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #9DB667;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #9DB667 !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:#9DB667 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#9DB667;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #9DB667;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#9DB667;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#9DB667;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#9DB667;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#9DB667;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#9DB667;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#9DB667;
|
||||
}
|
||||
.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:#9DB667;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#9DB667;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#9DB667;
|
||||
}
|
||||
|
||||
.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:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#9DB667 !important;
|
||||
background-color:#9DB667 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#9DB667;
|
||||
background-color:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#9DB667;
|
||||
}
|
||||
.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:#9DB667 !important;
|
||||
border-color:#9DB667 !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:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#9DB667;
|
||||
border-color:#9DB667;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#9DB667 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#9DB667 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #9DB667 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #9DB667 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #9DB667;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #9DB667;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #9DB667;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #9DB667;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #9DB667;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #9DB667;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #9DB667, 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: #9DB667;
|
||||
}
|
||||
528
public/assets/css/color_scheme/green.css
Normal file
528
public/assets/css/color_scheme/green.css
Normal file
|
|
@ -0,0 +1,528 @@
|
|||
/** Green #8ab933
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #8ab933;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #8ab933; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #8ab933; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #8ab933;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#8ab933;
|
||||
}
|
||||
|
||||
/* !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:#8ab933 !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:#8ab933 !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:#8ab933;
|
||||
}
|
||||
|
||||
.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: #8ab933;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#8ab933;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#8ab933;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #8ab933 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #8ab933 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #8ab933 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #8ab933 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#8ab933;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #8ab933 #8ab933;
|
||||
}
|
||||
|
||||
#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: #8ab933;
|
||||
}
|
||||
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: #8ab933;
|
||||
}
|
||||
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:#8ab933 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #8ab933;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #8ab933 !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:#8ab933 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#8ab933;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #8ab933;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#8ab933;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#8ab933;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#8ab933;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#8ab933;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#8ab933;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#8ab933;
|
||||
}
|
||||
.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:#8ab933;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#8ab933;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#8ab933;
|
||||
}
|
||||
|
||||
.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:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#8ab933 !important;
|
||||
background-color:#8ab933 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#8ab933;
|
||||
background-color:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#8ab933;
|
||||
}
|
||||
.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:#8ab933 !important;
|
||||
border-color:#8ab933 !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:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#8ab933;
|
||||
border-color:#8ab933;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#8ab933 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#8ab933 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #8ab933 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #8ab933 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #8ab933;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #8ab933;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #8ab933;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #8ab933;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #8ab933;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #8ab933;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #8ab933, 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: #8ab933;
|
||||
}
|
||||
527
public/assets/css/color_scheme/lightgrey.css
Normal file
527
public/assets/css/color_scheme/lightgrey.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Light Grey #9E9E9E
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #9E9E9E;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #9E9E9E; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #9E9E9E; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #9E9E9E;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
|
||||
/* !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:#9E9E9E !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:#9E9E9E !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#9E9E9E;
|
||||
}
|
||||
|
||||
.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: #9E9E9E;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#9E9E9E;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#9E9E9E;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #9E9E9E #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #9E9E9E #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #9E9E9E #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #9E9E9E 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #9E9E9E #9E9E9E;
|
||||
}
|
||||
|
||||
#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: #9E9E9E;
|
||||
}
|
||||
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: #9E9E9E;
|
||||
}
|
||||
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:#9E9E9E !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #9E9E9E;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #9E9E9E !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:#9E9E9E 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#9E9E9E;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #9E9E9E;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#9E9E9E;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#9E9E9E;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#9E9E9E;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#9E9E9E;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#9E9E9E;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
.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:#9E9E9E;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#9E9E9E;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
|
||||
.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:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#9E9E9E !important;
|
||||
background-color:#9E9E9E !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#9E9E9E;
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#9E9E9E;
|
||||
}
|
||||
.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:#9E9E9E !important;
|
||||
border-color:#9E9E9E !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:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#9E9E9E;
|
||||
border-color:#9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#9E9E9E !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#9E9E9E !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #9E9E9E !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #9E9E9E !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #9E9E9E;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #9E9E9E;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #9E9E9E;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #9E9E9E;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #9E9E9E;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #9E9E9E, 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: #9E9E9E;
|
||||
}
|
||||
528
public/assets/css/color_scheme/orange.css
Normal file
528
public/assets/css/color_scheme/orange.css
Normal file
|
|
@ -0,0 +1,528 @@
|
|||
/** Orange #F07057
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #F07057;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #F07057; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #F07057; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #F07057;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#F07057;
|
||||
}
|
||||
|
||||
/* !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:#F07057 !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:#F07057 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#F07057;
|
||||
}
|
||||
|
||||
.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: #F07057;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#F07057;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#F07057;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #F07057 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #F07057 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #F07057 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #F07057 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#F07057;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #F07057 #F07057;
|
||||
}
|
||||
|
||||
#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: #F07057;
|
||||
}
|
||||
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: #F07057;
|
||||
}
|
||||
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:#F07057 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #F07057;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #F07057 !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:#F07057 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#F07057;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #F07057;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#F07057;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#F07057;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#F07057;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#F07057;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#F07057;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#F07057;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#F07057;
|
||||
}
|
||||
.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:#F07057;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#F07057;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#F07057;
|
||||
}
|
||||
|
||||
.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:#F07057;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#F07057 !important;
|
||||
background-color:#F07057 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#F07057;
|
||||
background-color:#F07057;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#F07057;
|
||||
}
|
||||
.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:#F07057 !important;
|
||||
border-color:#F07057 !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:#F07057;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#F07057;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#F07057;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#F07057;
|
||||
border-color:#F07057;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#F07057 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#F07057 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #F07057 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #F07057 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #F07057;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #F07057;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #F07057;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #F07057;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #F07057;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #F07057;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #F07057, 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: #F07057;
|
||||
}
|
||||
527
public/assets/css/color_scheme/pink.css
Normal file
527
public/assets/css/color_scheme/pink.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Pink #F73F69
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #F73F69;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #F73F69; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #F73F69; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #F73F69;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#F73F69;
|
||||
}
|
||||
|
||||
/* !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:#F73F69 !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:#F73F69 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#F73F69;
|
||||
}
|
||||
|
||||
.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: #F73F69;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#F73F69;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#F73F69;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #F73F69 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #F73F69 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #F73F69 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #F73F69 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#F73F69;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #F73F69 #F73F69;
|
||||
}
|
||||
|
||||
#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: #F73F69;
|
||||
}
|
||||
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: #F73F69;
|
||||
}
|
||||
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:#F73F69 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #F73F69;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #F73F69 !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:#F73F69 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#F73F69;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #F73F69;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#F73F69;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#F73F69;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#F73F69;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#F73F69;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#F73F69;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#F73F69;
|
||||
}
|
||||
.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:#F73F69;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#F73F69;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#F73F69;
|
||||
}
|
||||
|
||||
.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:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#F73F69 !important;
|
||||
background-color:#F73F69 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#F73F69;
|
||||
background-color:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#F73F69;
|
||||
}
|
||||
.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:#F73F69 !important;
|
||||
border-color:#F73F69 !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:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#F73F69;
|
||||
border-color:#F73F69;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#F73F69 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#F73F69 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #F73F69 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #F73F69 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #F73F69;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #F73F69;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #F73F69;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #F73F69;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #F73F69;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #F73F69;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #F73F69, 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: #F73F69;
|
||||
}
|
||||
527
public/assets/css/color_scheme/red.css
Normal file
527
public/assets/css/color_scheme/red.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Red #A94545
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #A94545;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #A94545; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #A94545; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #A94545;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#A94545;
|
||||
}
|
||||
|
||||
/* !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:#A94545 !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:#A94545 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#A94545;
|
||||
}
|
||||
|
||||
.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: #A94545;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#A94545;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#A94545;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #A94545 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #A94545 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #A94545 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #A94545 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#A94545;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #A94545 #A94545;
|
||||
}
|
||||
|
||||
#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: #A94545;
|
||||
}
|
||||
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: #A94545;
|
||||
}
|
||||
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:#A94545 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #A94545;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #A94545 !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:#A94545 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#A94545;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #A94545;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#A94545;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#A94545;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#A94545;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#A94545;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#A94545;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#A94545;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#A94545;
|
||||
}
|
||||
.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:#A94545;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#A94545;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#A94545;
|
||||
}
|
||||
|
||||
.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:#A94545;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#A94545 !important;
|
||||
background-color:#A94545 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#A94545;
|
||||
background-color:#A94545;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#A94545;
|
||||
}
|
||||
.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:#A94545 !important;
|
||||
border-color:#A94545 !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:#A94545;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#A94545;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#A94545;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#A94545;
|
||||
border-color:#A94545;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#A94545 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#A94545 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #A94545 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #A94545 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #A94545;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #A94545;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #A94545;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #A94545;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #A94545;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #A94545;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #A94545, 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: #A94545;
|
||||
}
|
||||
527
public/assets/css/color_scheme/yellow.css
Normal file
527
public/assets/css/color_scheme/yellow.css
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
/** Yellow #FAB702
|
||||
**************************************************************** **/
|
||||
::selection {
|
||||
background: #FAB702;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #FAB702; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #FAB702; /* 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,
|
||||
section.dark .nav-tabs.nav-clean>li.active>a {
|
||||
color: #FAB702;
|
||||
}
|
||||
|
||||
#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 */
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:#FAB702;
|
||||
}
|
||||
|
||||
/* !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:#FAB702 !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:#FAB702 !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,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:#FAB702;
|
||||
}
|
||||
|
||||
.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: #FAB702;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu { /* submenu border top color */
|
||||
border-top-color:#FAB702;
|
||||
}
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:#FAB702;
|
||||
}
|
||||
|
||||
#topNav ul.dropdown-menu {
|
||||
border-color: #FAB702 #fff #fff;
|
||||
}
|
||||
#topNav div.submenu-dark ul.dropdown-menu {
|
||||
border-color: #FAB702 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #FAB702 #3F3F3F #3F3F3F;
|
||||
}
|
||||
#topMain li.search .search-box {
|
||||
border-top: #FAB702 2px solid;
|
||||
}
|
||||
|
||||
|
||||
/* COLOR DROP DOWN MENU */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
background-color:#FAB702;
|
||||
}
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
border-color: #888 #FAB702 #FAB702;
|
||||
}
|
||||
|
||||
#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: #FAB702;
|
||||
}
|
||||
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: #FAB702;
|
||||
}
|
||||
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:#FAB702 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Buttons
|
||||
*************************************************** **/
|
||||
section.dark .btn-default:hover {
|
||||
color: #FAB702;
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Page Header
|
||||
*************************************************** **/
|
||||
section.page-header .breadcrumb a:hover {
|
||||
color: #FAB702 !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:#FAB702 1px solid;
|
||||
}
|
||||
div.divider.divider-color i {
|
||||
color:#FAB702;
|
||||
}
|
||||
div.divider.divider-circle.divider-color i {
|
||||
color:#fff;
|
||||
background-color: #FAB702;
|
||||
}
|
||||
div.divider.divider-border>a:hover>i {
|
||||
color:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Headings
|
||||
*************************************************** **/
|
||||
div.heading-title.heading-line-single.heading-color:before,
|
||||
div.heading-title.heading-line-double.heading-color:before {
|
||||
border-color:#FAB702;
|
||||
}
|
||||
div.heading-border-bottom.heading-color {
|
||||
border-bottom-color:#FAB702;
|
||||
}
|
||||
div.heading-title.heading-border.heading-color,
|
||||
div.heading-title.heading-border.heading-inverse.heading-color {
|
||||
border-color:#FAB702;
|
||||
}
|
||||
section.dark div.heading-title.heading-border-bottom {
|
||||
border-bottom-color:#FAB702;
|
||||
}
|
||||
|
||||
/** [Shortcode] Icon Boxes
|
||||
*************************************************** **/
|
||||
.box-icon a.box-icon-title:hover>h2 {
|
||||
color:#FAB702;
|
||||
}
|
||||
.box-icon a.box-icon-title:hover>i {
|
||||
color:#fff;
|
||||
background-color:#FAB702;
|
||||
}
|
||||
.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:#FAB702;
|
||||
}
|
||||
|
||||
.box-video a.box-video-title:hover h2,
|
||||
.box-video a.box-image-title:hover h2 {
|
||||
color:#FAB702;
|
||||
}
|
||||
|
||||
.box-flip .box2 {
|
||||
color:#fff;
|
||||
background-color:#FAB702;
|
||||
}
|
||||
|
||||
.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:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Navigations
|
||||
*************************************************** **/
|
||||
.navbar-primary {
|
||||
border-color:#FAB702 !important;
|
||||
background-color:#FAB702 !important;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Paginations
|
||||
*************************************************** **/
|
||||
section.dark .pagination > li.active>a,
|
||||
.pagination > li.active>a {
|
||||
border-color:#FAB702;
|
||||
background-color:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
|
||||
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
|
||||
background:#FAB702;
|
||||
}
|
||||
.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:#FAB702 !important;
|
||||
border-color:#FAB702 !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:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** [Shortcode] Process Steps
|
||||
*************************************************** **/
|
||||
div.mega-price-table .pricing-title,
|
||||
div.mega-price-table .pricing-head,
|
||||
div.mega-price-table .pricing.popular {
|
||||
background-color:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
div.mega-price-table .pricing:hover h4,
|
||||
div.mega-price-table .pricing-table i.fa {
|
||||
color:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Styled Icons
|
||||
**************************************************************** **/
|
||||
section.dark i.ico-hover:hover,
|
||||
i.ico-hover:hover {
|
||||
background-color:#FAB702;
|
||||
border-color:#FAB702;
|
||||
}
|
||||
|
||||
|
||||
/** [Shortcode] Tabs
|
||||
**************************************************************** **/
|
||||
.nav-tabs.nav-top-border>li.active>a,
|
||||
.nav-tabs.nav-top-border>li.active>a:hover {
|
||||
border-top-color:#FAB702 !important;
|
||||
}
|
||||
.nav-tabs.nav-bottom-border>li.active>a,
|
||||
.nav-tabs.nav-bottom-border>li.active>a:hover {
|
||||
border-bottom-color:#FAB702 !important;
|
||||
}
|
||||
.nav-tabs.nav-alternate>li.active>a {
|
||||
background-color: #FAB702 !important;
|
||||
}
|
||||
.nav-tabs>li.active>a {
|
||||
color: #FAB702 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Sky Forms
|
||||
**************************************************************** **/
|
||||
/**/
|
||||
/* normal state */
|
||||
/**/
|
||||
.sky-form .toggle i:before {
|
||||
background-color: #FAB702;
|
||||
}
|
||||
.sky-form .button {
|
||||
background-color: #FAB702;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
/* checked state */
|
||||
/**/
|
||||
.sky-form .radio input + i:after {
|
||||
background-color: #FAB702;
|
||||
}
|
||||
.sky-form .checkbox input + i:after {
|
||||
color: #FAB702;
|
||||
}
|
||||
.sky-form .radio input:checked + i,
|
||||
.sky-form .checkbox input:checked + i,
|
||||
.sky-form .toggle input:checked + i {
|
||||
border-color: #FAB702;
|
||||
}
|
||||
.sky-form .rating input:checked ~ label {
|
||||
color: #FAB702;
|
||||
}
|
||||
|
||||
|
||||
/** Hover Buttons
|
||||
**************************************************************** **/
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #FAB702, 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: #FAB702;
|
||||
}
|
||||
311
public/assets/css/custom-forms-v2.css
Normal file
311
public/assets/css/custom-forms-v2.css
Normal file
|
|
@ -0,0 +1,311 @@
|
|||
/** CUSTOM FORM ELEMENTS [OPTIONAL]
|
||||
|
||||
This CSS file 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:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xlg):not(.btn-reveal):not(.btn-3d):not(.btn-social):not(.btn-v1) {
|
||||
height:auto;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
#footer .btn {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
#footer.footer-light input {
|
||||
color: #121212 !important;
|
||||
}
|
||||
|
||||
|
||||
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: 15px;
|
||||
line-height: 15px;
|
||||
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;
|
||||
}
|
||||
form .row input.form-control,
|
||||
form .row select.form-control,
|
||||
form .row textarea.form-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) { /* mobile fix */
|
||||
input.form-control,
|
||||
select.form-control,
|
||||
textarea.form-control {
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* label spacing fix */
|
||||
form label {
|
||||
margin-top:15px;
|
||||
}
|
||||
#topBar form label,
|
||||
#header form label,
|
||||
#footer form label,
|
||||
form div.form-group label {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
form .row .select2-container {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
/* optgroup */
|
||||
.select2-container--default .select2-results__group {
|
||||
font-size:14px;
|
||||
border-top: #eaeaea 1px solid;
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* FANCY FORM */
|
||||
.fancy-file-upload {
|
||||
height: auto;
|
||||
}
|
||||
.fancy-file-upload>span.button {
|
||||
height: 41px;
|
||||
line-height: 41px;
|
||||
}
|
||||
.fancy-file-upload>i {
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* MISC */
|
||||
@media only screen and (max-width: 768px) {
|
||||
form .row {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
form .row>div {
|
||||
margin-bottom:15px !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
form .row>div>.row>div:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** 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;
|
||||
}
|
||||
155
public/assets/css/custom-style.css
Normal file
155
public/assets/css/custom-style.css
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Pacifico');
|
||||
|
||||
|
||||
|
||||
|
||||
h1, .h1 {
|
||||
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color:#b5c49b;
|
||||
font-size: 2.6em;
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
|
||||
h1.small-h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0 0 10px 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h3.h3 {
|
||||
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-size: 1.6em;
|
||||
color:#b5c49b;
|
||||
margin-bottom: 25px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
||||
margin: 0 0 10px 0;
|
||||
font-weight: 400;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#header #topNav a.logo > img.fixed_top {
|
||||
display: inline-block;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
#header #topNav a.logo > img.fixed_scroll {
|
||||
display: none;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
|
||||
#header.fixed #topNav a.logo > img.fixed_top {
|
||||
display: none;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
#header.fixed #topNav a.logo > img.fixed_scroll {
|
||||
display: inline-block;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
|
||||
div.heading-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.text-success{
|
||||
color:#b5c49b !important
|
||||
}
|
||||
|
||||
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
||||
background-color: #b5c49b !important;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 30px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
div.side-nav ul > li.active > a{
|
||||
color:#fff !important;
|
||||
|
||||
}
|
||||
|
||||
.list-group-item:first-child {
|
||||
border-top-right-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
.list-group-item:last-child {
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
|
||||
.alert-success, #footer > .copyright {
|
||||
background-color: rgba(181, 196, 155, 0.45);
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #424242;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.table > thead > tr:first-child > td, .table > tbody > tr:first-child > td{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.table > tbody > tr > td > p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.right-line > div {
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.right-line > div:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.btn-primary:active:hover, .btn-primary.active:hover {
|
||||
background-color: #b3cda6;
|
||||
border-color: #b3cda6;
|
||||
}
|
||||
|
||||
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination > .active > a, .pagination > .active > a:hover {
|
||||
background-color: #b3cda6;
|
||||
border-color: #b3cda6;
|
||||
}
|
||||
|
||||
div.heading-title p {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: #b5c49b 1px solid;
|
||||
|
||||
}
|
||||
79
public/assets/css/demo-menu-blue.css
Normal file
79
public/assets/css/demo-menu-blue.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/** DEMO BLUE HEADER + DROPDOWN MENU
|
||||
Used by shortcode-material-design.html
|
||||
|
||||
This file shows how can you customize the dropdown menu background
|
||||
NOTE: this CSS file should be included the last one.
|
||||
|
||||
Color used: 3072e0 [blue]
|
||||
**************************************************************** **/
|
||||
|
||||
/* slidetop [optional, if used] - darker blue for a good contrast */
|
||||
#slidetop {
|
||||
color: #e6ffeb;
|
||||
background-color: #2e6ab5;
|
||||
}
|
||||
#slidetop a.slidetop-toggle {
|
||||
border-top-color: #2e6ab5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** CUSTOM HEADER
|
||||
*************************** **/
|
||||
#header,
|
||||
#topMain { /* force header color */
|
||||
background: #3072e0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* main menu links color - for a good contrast */
|
||||
#header.dark #topMain li>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
/* dropdown background color */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #3072e0;
|
||||
border-color: #3072e0;
|
||||
border-top-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
|
||||
/* we want a very clean dropdown menu - no border bottom separator */
|
||||
#topNav ul.dropdown-menu li {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM FOOTER
|
||||
*************************** **/
|
||||
/* footer background */
|
||||
#footer {
|
||||
background: #3072e0;
|
||||
}
|
||||
|
||||
|
||||
/* footer text contrast */
|
||||
#footer form input,
|
||||
#footer form textarea,
|
||||
#footer a.social-icon {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/*
|
||||
footer input placeholder
|
||||
no really required but useful if you want a perfect contrast footer
|
||||
set #fff or #000, according to background color!
|
||||
*/
|
||||
#footer input::-webkit-input-placeholder,
|
||||
#footer textarea::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
opacity: 0.4;
|
||||
}
|
||||
15856
public/assets/css/essentials.css
Normal file
15856
public/assets/css/essentials.css
Normal file
File diff suppressed because one or more lines are too long
251
public/assets/css/header-0.css
Normal file
251
public/assets/css/header-0.css
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
public/assets/css/header-1.css
Normal file
102
public/assets/css/header-1.css
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:rgba(0,0,0,0.03);
|
||||
}
|
||||
#topMain.nav-pills>li.active>a {
|
||||
color:#687482;
|
||||
}
|
||||
|
||||
#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
public/assets/css/header-2.css
Normal file
113
public/assets/css/header-2.css
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;
|
||||
}
|
||||
}
|
||||
117
public/assets/css/header-3.css
Normal file
117
public/assets/css/header-3.css
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
#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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
122
public/assets/css/header-4.css
Normal file
122
public/assets/css/header-4.css
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
#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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
131
public/assets/css/header-5.css
Normal file
131
public/assets/css/header-5.css
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
#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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
890
public/assets/css/header-6.css
Normal file
890
public/assets/css/header-6.css
Normal file
|
|
@ -0,0 +1,890 @@
|
|||
/** HEADER #6
|
||||
*************************************************** **/
|
||||
#header {
|
||||
display: block;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
min-height:60px;
|
||||
|
||||
z-index:15;
|
||||
|
||||
border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
|
||||
}
|
||||
#header hr {
|
||||
background: none;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
#header>.container {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** HEADER : LOGO
|
||||
*************************************************** **/
|
||||
#header .header-logo {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
max-height: 60px !important;
|
||||
line-height: 60px;
|
||||
width: auto;
|
||||
}
|
||||
#header .nav-toggle + .header-logo {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/* two logo : white|dark */
|
||||
#header .header-logo>img:last-child {
|
||||
display: none; /* dark logo */
|
||||
}
|
||||
#header .header-logo>img:first-child {
|
||||
display: inherit; /* white logo */
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#header .header-logo>img {
|
||||
max-width:128px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : MOBILE NAV TOGGLE
|
||||
*************************************************** **/
|
||||
#header button.nav-toggle {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
border-right: rgba(0,0,0,0.07) 1px solid;
|
||||
border-left: rgba(0,0,0,0.07) 1px solid;
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
#header button.nav-toggle:after {
|
||||
content: attr(data-text);
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
bottom:0;
|
||||
font-size:10px;
|
||||
font-weight: 300;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : STICKY
|
||||
*************************************************** **/
|
||||
#header.header-fixed {
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
#header.header-fixed+.layout-top-ads {
|
||||
margin-top: 60px;
|
||||
}
|
||||
#header.header-fixed+#wrapper {
|
||||
margin-top: 120px;
|
||||
}
|
||||
#header.header-fixed+.page-header {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : SHADOW
|
||||
*************************************************** **/
|
||||
#header.header-shadow-1 {
|
||||
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
|
||||
-moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : - LIGHT -
|
||||
*************************************************** **/
|
||||
#header.header-light {
|
||||
color: #121212;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#header.header-light a {
|
||||
color: #121212;
|
||||
}
|
||||
#header.header-light .dropdown-menu a:not(.active):not(.btn):hover {
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
/* mobile nav toggle */
|
||||
#header.header-light .nav-toggle {
|
||||
background: url('../images/_smarty/misc/burger-dark.svg') center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : - DARK -
|
||||
*************************************************** **/
|
||||
#header.header-dark,
|
||||
#header.header-dark nav.main-nav.main-nav-toggle {
|
||||
color: #ffffff;
|
||||
background-color: #404040 !important;
|
||||
}
|
||||
#header.header-dark .dropdown-menu,
|
||||
#header.header-dark a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
#header.header-dark .dropdown-menu,
|
||||
#header.header-dark nav.main-nav.main-nav-toggle .main-nav-submenu {
|
||||
background-color: #484848 !important;
|
||||
}
|
||||
#header.header-dark .dropdown-menu a:not(.active):not(.btn):hover {
|
||||
background-color: rgba(0,0,0,0.09);
|
||||
}
|
||||
#header.header-dark nav.main-nav>div>ul>li:hover,
|
||||
#header.header-dark nav.main-nav>div>ul>li.active {
|
||||
background-color: rgba(0,0,0,0.03) !important;
|
||||
}
|
||||
/* mobile nav toggle */
|
||||
#header.header-dark .nav-toggle {
|
||||
background: url('../images/_smarty/misc/burger-light.svg') center no-repeat;
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
/* mobile nav close */
|
||||
#header.header-dark nav.main-nav>.main-nav-mobile-header .nav-toggle-close {
|
||||
background: url('../images/_smarty/misc/close-light.svg') center no-repeat !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER : - TRANSPARENT -
|
||||
*************************************************** **/
|
||||
#header.header-transparent {
|
||||
background-color: transparent;
|
||||
border-bottom-color: rgba(255,255,255,0.2);
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#header.header-transparent .dropdown-menu,
|
||||
#header.header-transparent a {
|
||||
color: #333333;
|
||||
}
|
||||
#header.header-transparent ul.header-buttons>li>a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* mobile nav toggle */
|
||||
#header.header-transparent .nav-toggle {
|
||||
background: url('../images/_smarty/misc/burger-light.svg') center no-repeat;
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* two logo : white|dark */
|
||||
#header.header-transparent .header-logo>img:first-child {
|
||||
display: none; /* dark logo */
|
||||
}
|
||||
#header.header-transparent .header-logo>img:last-child {
|
||||
display: inherit; /* light logo */
|
||||
}
|
||||
|
||||
#header.header-transparent+.layout-top-ads {
|
||||
margin-top:0;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** GLOBAL SEARCH
|
||||
Multiple use - on different locations
|
||||
*************************************************** **/
|
||||
#header form.search-global {
|
||||
width: 100%;
|
||||
max-width: calc(100% - 500px);
|
||||
float: right;
|
||||
margin-top:10px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
form.search-global input,
|
||||
form.search-global button {
|
||||
padding: 10px 15px !important;
|
||||
margin-bottom: 0 !important;
|
||||
font-size: 15px;
|
||||
}
|
||||
form.search-global input {
|
||||
width: 100%;
|
||||
padding-right: 50px !important;
|
||||
z-index: 1 !important;
|
||||
border-radius: 5px !important;
|
||||
line-height: 18px !important;
|
||||
}
|
||||
form.search-global button {
|
||||
position: absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
z-index: 2;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
height: 40px !important;
|
||||
line-height: 1;
|
||||
}
|
||||
form.search-global button>i {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
form.search-global button:not(.btn-primary) {
|
||||
color: #999;
|
||||
}
|
||||
form.search-global:hover button:not(.btn-primary) {
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
/* dark header */
|
||||
#header.header-dark form.search-global input {
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
border-color: rgba(0,0,0,0);
|
||||
color: #fff;
|
||||
}
|
||||
#header.header-dark form.search-global input:focus,
|
||||
#header.header-dark form.search-global input:hover {
|
||||
background-color: rgba(255,255,255,0.2) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** HEADER BUTTONS
|
||||
*************************************************** **/
|
||||
#header ul.header-buttons {
|
||||
float: right;
|
||||
margin: 0 0 0 30px;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
#header ul.header-buttons>li {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
#header ul.header-buttons>li.active,
|
||||
#header ul.header-buttons>li.show {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
#header ul.header-buttons>li>a {
|
||||
height: 60px;
|
||||
padding:10px 6px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#header ul.header-buttons>li>a>i {
|
||||
display: block;
|
||||
margin: 0 0 6px 0;
|
||||
padding: 0;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
/* dropdown arrow indicator */
|
||||
#header ul.header-buttons>li.header-button-arrow:before {
|
||||
content: "\f107";
|
||||
font: normal normal normal 14px/1 'FontAwesome';
|
||||
font-size: 16px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
color: #d1d1d1;
|
||||
}
|
||||
#header ul.header-buttons>li.header-button-arrow.show:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
/* badge indicator */
|
||||
#header ul.header-buttons>li>a>span.badge {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
padding: 2px 4px 3px 4px;
|
||||
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#header ul.header-buttons>li>a>span.badge.badge-default {
|
||||
background-color: #ccc !important;
|
||||
}
|
||||
#header.header-dark ul.header-buttons>li>a>span.badge.badge-default {
|
||||
background-color: #666 !important;
|
||||
}
|
||||
|
||||
|
||||
/* hide dropdown arrow */
|
||||
#header ul.header-buttons>li>a.dropdown-toggle::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* bordered layout */
|
||||
#header ul.header-buttons.header-buttons-bordered {
|
||||
border-right: rgba(0,0,0,0.07) 1px solid;
|
||||
}
|
||||
#header ul.header-buttons.header-buttons-bordered>li>a {
|
||||
border-left: rgba(0,0,0,0.07) 1px solid;
|
||||
}
|
||||
#header.header-dark ul.header-buttons.header-buttons-bordered {
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
#header.header-dark ul.header-buttons.header-buttons-bordered>li>a {
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* my acount dropdown */
|
||||
#header ul.header-buttons>li>.dropdown-menu>span {
|
||||
display: block;
|
||||
padding: 7px 10px;
|
||||
font-weight: bold;
|
||||
font-size:15px;
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
margin-bottom: 1px;
|
||||
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>span>i {
|
||||
margin-right:5px;
|
||||
font-size: 14px;
|
||||
color: #ccc;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu .btn {
|
||||
color: #fff;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* resets */
|
||||
#header ul.header-buttons>li>.dropdown-menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
max-width: 300px;
|
||||
min-width: 220px;
|
||||
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-top-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-moz-border-top-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
|
||||
-webkit-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
|
||||
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);
|
||||
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a {
|
||||
padding: 5px 15px 5px 28px;
|
||||
font-size: 15px;
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #0275d8;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item:before {
|
||||
content: "\f105";
|
||||
font: normal normal normal 14px/1 'FontAwesome';
|
||||
font-size: 16px;
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 6px;
|
||||
color: #d1d1d1;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon {
|
||||
padding-left: 12px;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon>i {
|
||||
margin-right:3px;
|
||||
font-size: 14px;
|
||||
color: #d1d1d1;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon:before {
|
||||
display: none;
|
||||
}
|
||||
#header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-myaccount-logout {
|
||||
display: block;
|
||||
padding: 7px 10px;
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
#header ul.header-buttons {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-left: rgba(0,0,0,0.07) 1px solid;
|
||||
}
|
||||
#header.header-dark ul.header-buttons {
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
#header ul.header-buttons.header-buttons-bordered {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#header.header-dark ul.header-buttons>li>.dropdown-menu>a {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** MAIN NAVIGATION
|
||||
*************************************************** **/
|
||||
nav.main-nav {
|
||||
z-index:9999;
|
||||
font-weight: 300;
|
||||
}
|
||||
nav.main-nav>div>ul>li {
|
||||
position: inherit;
|
||||
}
|
||||
nav.main-nav>div dl,
|
||||
nav.main-nav>div dl dd,
|
||||
nav.main-nav>div dl dt {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav.main-nav>div>ul>li>a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 7px 30px 7px 15px;
|
||||
font-size: 15px;
|
||||
font-weight:300;
|
||||
color: #111;
|
||||
|
||||
border-bottom: transparent 1px solid;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* bordered style */
|
||||
nav.main-nav.main-nav-bordered>div>ul>li>a {
|
||||
border-bottom: rgba(0,0,0,0.04) 1px solid;
|
||||
}
|
||||
nav.main-nav>div>ul>li:last-child>a {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
/* hover background */
|
||||
nav.main-nav>div>ul>li.main-nav-item:hover,
|
||||
nav.main-nav>div>ul>li.main-nav-item.active {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
|
||||
/* main icon */
|
||||
nav.main-nav>div>ul>li>span>i,
|
||||
nav.main-nav>div>ul>li>span>a>i,
|
||||
nav.main-nav>div>ul>li>a>i {
|
||||
margin-right: 6px;
|
||||
color: #ccc;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
/* menu title - view all products */
|
||||
nav.main-nav>div>ul>li>span>a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #111;
|
||||
font-weight:400;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
nav.main-nav>div>ul>li>span>a {
|
||||
padding: 15px 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
nav.main-nav>div>ul>li:hover>span>a:after {
|
||||
content: attr(data-text);
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 18px;
|
||||
}
|
||||
nav.main-nav>div>ul>li:hover>span>i,
|
||||
nav.main-nav>div>ul>li:hover>span>a>i {
|
||||
color: #d9534f;
|
||||
}
|
||||
nav.main-nav>div>ul>li>span>a {
|
||||
text-decoration: none;
|
||||
color: #111;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* badges */
|
||||
nav.main-nav>div>ul>li>a>.badge {
|
||||
margin-right:0;
|
||||
margin-top:2px;
|
||||
font-weight: 300;
|
||||
font-size:11px;
|
||||
|
||||
position: absolute;
|
||||
right:30px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* expand icon */
|
||||
nav.main-nav>div>ul>li>a:before {
|
||||
content: "\f105";
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 'FontAwesome';
|
||||
font-size: inherit;
|
||||
|
||||
position: absolute;
|
||||
right:15px;
|
||||
top:9px;
|
||||
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
#header nav.main-nav {
|
||||
display: none;
|
||||
}
|
||||
#header nav.main-nav.min-nav-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* SUBMENU */
|
||||
nav.main-nav>div>ul .main-nav-submenu {
|
||||
position: absolute;
|
||||
background-color: #fbfbfb;
|
||||
left:100%;
|
||||
right:0;
|
||||
top:0;
|
||||
width: 100%;
|
||||
z-index:100;
|
||||
padding: 0;
|
||||
border:0;
|
||||
margin:0;
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
|
||||
-webkit-animation: fadeIn .3s;
|
||||
animation: fadeIn .3s;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
|
||||
-webkit-border-top-right-radius: 6px;
|
||||
-moz-border-top-right-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
|
||||
-webkit-border-bottom-right-radius: 6px;
|
||||
-moz-border-bottom-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row,
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div[class*="col-"] {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>h3,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h4,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h5,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h6 {
|
||||
margin:15px 15px 0 15px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>h3>i,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h4>i,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h5>i,
|
||||
nav.main-nav>div>ul .main-nav-submenu>h6>i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>ul,
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
nav.main-nav>div>ul .main-nav-submenu>ul li>a,
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a {
|
||||
color: #333;
|
||||
font-size:15px;
|
||||
display: block;
|
||||
font-weight: 300;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>ul li>a:hover,
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
nav.main-nav>div>ul a>strong,
|
||||
nav.main-nav>div>ul a>b {
|
||||
font-weight: 600;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li:first-child>a {
|
||||
font-weight:600;
|
||||
margin: 0 0 6px 0;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>ul li>a>.badge,
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a>.badge {
|
||||
padding:2px 4px 3px 4px;
|
||||
font-size:10px;
|
||||
text-transform: uppercase;
|
||||
margin-top:3px;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu>ul li>hr {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
nav.main-nav>div>ul .main-nav-submenu .btn,
|
||||
nav.main-nav>div>ul .main-nav-submenu .alert {
|
||||
border:0;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
@media only screen and (min-width: 767px) {
|
||||
nav.main-nav>div>ul>li:hover>.main-nav-submenu {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#header nav.main-nav>div>ul>li>.main-nav-submenu {
|
||||
border-radius: 0 !important
|
||||
}
|
||||
|
||||
#header nav.main-nav>.main-nav-mobile-scroll>ul {
|
||||
width: 278px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
nav.main-nav>div>ul .main-nav-submenu {
|
||||
width: 100% !important;
|
||||
position: relative;
|
||||
left:0;
|
||||
}
|
||||
|
||||
nav.main-nav>.main-nav-mobile-scroll {
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch; /* iOS smooth scroll */
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Main Nav Brands */
|
||||
nav.main-nav div.main-nav-brand-list,
|
||||
nav.main-nav div.main-nav-brand-list>a {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
}
|
||||
nav.main-nav div.main-nav-brand-list {
|
||||
margin-top: 5px !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
nav.main-nav div.main-nav-brand-list>a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
nav.main-nav div.main-nav-brand-list>a>img {
|
||||
background-color: #fff;
|
||||
border: #eaeaea 1px solid;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
nav.main-nav div.main-nav-brand-list>a:hover>img {
|
||||
border-color:#ddd;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** MOBILE SECTION */
|
||||
/* LOGO | CLOSE */
|
||||
nav.main-nav>.main-nav-mobile-header {
|
||||
border-bottom: rgba(0,0,0,0.07) 1px solid;
|
||||
}
|
||||
nav.main-nav>.main-nav-mobile-header>img {
|
||||
max-width:128px;
|
||||
height: auto !important;
|
||||
float: left;
|
||||
margin-top: 1px;
|
||||
height: 60px !important;
|
||||
margin-left:15px;
|
||||
}
|
||||
nav.main-nav>.main-nav-mobile-header .nav-toggle-close {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
border-right: rgba(0,0,0,0.07) 1px solid;
|
||||
border-left: rgba(0,0,0,0.07) 1px solid;
|
||||
float: left;
|
||||
z-index: 1;
|
||||
|
||||
background: url('../images/_smarty/misc/close-dark.svg') center no-repeat;
|
||||
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 769px) {
|
||||
nav.main-nav>.main-nav-mobile-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* SEARCH */
|
||||
nav.main-nav>div>ul>li.main-nav-search {
|
||||
padding: 15px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* responsive */
|
||||
@media only screen and (max-width: 767px) {
|
||||
form.search-global input,
|
||||
form.search-global button {
|
||||
padding: 14px 15px !important;
|
||||
}
|
||||
form.search-global button {
|
||||
line-height: 1;
|
||||
height: 100% !important;
|
||||
max-height: 48px !important;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu div.row>div>ul {
|
||||
padding-left:45px;
|
||||
}
|
||||
nav.main-nav>div>ul .main-nav-submenu.main-nav-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* expand icon */
|
||||
nav.main-nav>div>ul>li>a:before,
|
||||
nav.main-nav>div>ul>dt>a:before {
|
||||
content: "\f107";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** MAIN NAV TOP **/
|
||||
@media only screen and (min-width: 767px) {
|
||||
|
||||
#header nav.main-nav.main-nav-toggle {
|
||||
position: absolute;
|
||||
top:60px;
|
||||
background-color: #fff;
|
||||
border-top:rgba(0, 0, 0, 0.05) 1px solid
|
||||
}
|
||||
|
||||
#main-nav-overlay {
|
||||
position: fixed;
|
||||
left:0; right:0;
|
||||
bottom:0; top:0;
|
||||
width: 100%; height: 100%;
|
||||
display: block;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
|
||||
z-index:9;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
nav.main-nav.main-nav-toggle {
|
||||
position: fixed;
|
||||
top:0px; bottom:0;
|
||||
left:0; right:0;
|
||||
background-color: #fff;
|
||||
|
||||
z-index:9999;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
padding-bottom: 62px;
|
||||
}
|
||||
|
||||
#header nav.main-nav form.search-global {
|
||||
max-width: 100% !important;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom:6px !important;
|
||||
}
|
||||
|
||||
}
|
||||
1368
public/assets/css/layout-RTL.css
Normal file
1368
public/assets/css/layout-RTL.css
Normal file
File diff suppressed because it is too large
Load diff
1881
public/assets/css/layout-dark.css
Normal file
1881
public/assets/css/layout-dark.css
Normal file
File diff suppressed because it is too large
Load diff
303
public/assets/css/layout-datatables.css
Normal file
303
public/assets/css/layout-datatables.css
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;
|
||||
}
|
||||
90
public/assets/css/layout-footable-minimal.css
Normal file
90
public/assets/css/layout-footable-minimal.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
539
public/assets/css/layout-jqgrid.css
Normal file
539
public/assets/css/layout-jqgrid.css
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;
|
||||
}
|
||||
}
|
||||
828
public/assets/css/layout-shop.css
Normal file
828
public/assets/css/layout-shop.css
Normal file
|
|
@ -0,0 +1,828 @@
|
|||
/** 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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* CART */
|
||||
.cartContent {
|
||||
padding:0;
|
||||
}
|
||||
.cartContent .item {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.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 .item.head>span {
|
||||
min-height: 1px;
|
||||
}
|
||||
.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;
|
||||
width:30px; margin-right:8px;
|
||||
}
|
||||
.cartContent a.remove_item {
|
||||
background:rgba(0,0,0,0.05);
|
||||
text-align: center;
|
||||
padding-top:0;
|
||||
margin-top:10px;
|
||||
height:30px;
|
||||
line-height:26px;
|
||||
font-size:18px;
|
||||
text-decoration:none;
|
||||
color:rgba(0,0,0,0.2);
|
||||
}
|
||||
.cartContent a.remove_item:hover {
|
||||
color: #d9534f;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.btn-group>.btn:first-child {
|
||||
padding-right: 5px;
|
||||
}
|
||||
9276
public/assets/css/layout.css
Normal file
9276
public/assets/css/layout.css
Normal file
File diff suppressed because it is too large
Load diff
50727
public/assets/css/mystyle.css
Normal file
50727
public/assets/css/mystyle.css
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/mystyle.css.map
Normal file
1
public/assets/css/mystyle.css.map
Normal file
File diff suppressed because one or more lines are too long
92
public/assets/css/pack-caffe.css
Normal file
92
public/assets/css/pack-caffe.css
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
/** PACKAGE: CAFFE
|
||||
|
||||
USED BY: pack-caffe-*.html
|
||||
**************************************************************** **/
|
||||
/* menu sidebar */
|
||||
.navbar-header,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark {
|
||||
background-color: #292c30 !important;
|
||||
}
|
||||
|
||||
/* mobile bar */
|
||||
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul {
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar-default .navbar-toggle .icon-bar {
|
||||
background-color: #999;
|
||||
}
|
||||
/* mobile button */
|
||||
.navbar-default .navbar-toggle:focus,
|
||||
.navbar-default .navbar-toggle:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* menu links */
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
|
||||
font-size:14px;
|
||||
text-transform: none;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul,
|
||||
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
|
||||
border-color: rgba(255,255,255,0.06) !important;
|
||||
}
|
||||
|
||||
|
||||
/* logo */
|
||||
@media only screen and (max-width: 768px) {
|
||||
img.logo-xs-half {
|
||||
max-height: 80px;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* MISC */
|
||||
.btn-callout-custom {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
|
||||
/* foods & drinks */
|
||||
.cover-column-title {
|
||||
background-color: #292c30;
|
||||
color:#fff;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.cover-column-title>small {
|
||||
font-size:13px;
|
||||
display: block;
|
||||
color: #fff;
|
||||
}
|
||||
.cover-column {
|
||||
background-position: left top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
min-height: 200px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER */
|
||||
#footer {
|
||||
border-top: rgba(0,0,0,0.1) 1px solid;
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 20px 0 !important;
|
||||
background: #292c30 !important;
|
||||
}
|
||||
#footer>.container {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
327
public/assets/css/pack-hotel.css
Normal file
327
public/assets/css/pack-hotel.css
Normal file
|
|
@ -0,0 +1,327 @@
|
|||
/** PACKAGE: HOTEL
|
||||
|
||||
USED BY: pack-hotel-*.html
|
||||
pack-hotel-v2-*.html
|
||||
|
||||
COLOR: #534635 [replace to change the color]
|
||||
**************************************************************** **/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM HEADER
|
||||
pack-hotel-v2-*.html
|
||||
*************************** **/
|
||||
#header.transparent:not(.fixed) { /* bordered header */
|
||||
border-bottom: rgba(255,255,255,0.3) 1px solid !important;
|
||||
}
|
||||
|
||||
#header.fixed { /* force header color */
|
||||
background: #534635 !important;
|
||||
}
|
||||
|
||||
/* main menu links color - for a good contrast */
|
||||
#header.fixed.dark #topMain li>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
#header.fixed.transparent #topMain.nav-pills>li>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* dropdown background color */
|
||||
#topNav div.submenu-color ul.dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #534635;
|
||||
border-color: #534635;
|
||||
border-top-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
/* we want a very clean dropdown menu - no border bottom separator */
|
||||
#topNav ul.dropdown-menu li {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* mobile menu background color */
|
||||
@media only screen and (max-width: 992px) {
|
||||
#header.dark.transparent #topMain {
|
||||
background-color: #534635 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM PAGE HEADER
|
||||
pack-hotel-v2-*.html
|
||||
*************************** **/
|
||||
section.page-header h1 {
|
||||
font-size: 40px !important;
|
||||
margin-top: 40px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
@media only screen and (max-width: 992px) {
|
||||
section.page-header h1 {
|
||||
margin-top:0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM FOOTER
|
||||
*************************** **/
|
||||
#footer {
|
||||
background: #534635;
|
||||
}
|
||||
#footer>.copyright.has-social .social-icon {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 0;
|
||||
line-height: 0;
|
||||
background: #534635;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** OVERLAY MENU
|
||||
pack-hotel-*.html
|
||||
*************************** **/
|
||||
body>#topMain {
|
||||
background-color: rgba(0,0,0,0.85);
|
||||
position: fixed !important;
|
||||
}
|
||||
/* address + logo alingnment */
|
||||
body>#topMain .topMain-address {
|
||||
margin-top:-25px;
|
||||
}
|
||||
|
||||
/* close button style - match special buttons below */
|
||||
#menu_overlay_close {
|
||||
background-color: #000;
|
||||
border: rgba(255,255,255,0.19) 6px solid;
|
||||
margin-left: 0;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
line-height: 50px;
|
||||
}
|
||||
#menu_overlay_close:hover {
|
||||
background-color: #f6f6f6;
|
||||
color: #000;
|
||||
}
|
||||
#menu_overlay_close>i {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** SPECIAL TOP BUTTONS [MENU|BOOKING]
|
||||
pack-hotel-*.html
|
||||
*************************** **/
|
||||
.specialBtn {
|
||||
position:fixed; left:10px; top:10px;
|
||||
display:inline-block;
|
||||
background:rgba(255,255,255,0.1);
|
||||
padding:6px;
|
||||
z-index:80;
|
||||
color: #fff;
|
||||
|
||||
-webkit-transition: background 600ms;
|
||||
-moz-transition: background 600ms;
|
||||
-o-transition: background 600ms;
|
||||
transition: background 600ms;
|
||||
}
|
||||
.specialBtn:hover,
|
||||
.specialBtn:active {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.specialBtn>i,
|
||||
.specialBtn>span {
|
||||
display:block;
|
||||
min-width:54px; height:54px;
|
||||
background-color:#000;
|
||||
|
||||
-webkit-transition: background 300ms;
|
||||
-moz-transition: background 300ms;
|
||||
-o-transition: background 300ms;
|
||||
transition: background 300ms;
|
||||
}
|
||||
.specialBtn:hover>i,
|
||||
.specialBtn:hover>span {
|
||||
background-color:#f6f6f6;
|
||||
}
|
||||
|
||||
.specialBtn.specialBtn-Burger>i {
|
||||
background-image:url('data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs=');
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
}
|
||||
.specialBtn.specialBtn-Burger:hover>i {
|
||||
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg==');
|
||||
|
||||
}
|
||||
|
||||
/* fix button focus */
|
||||
.specialBtn.specialBtn-booking:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.specialBtn.specialBtn-booking:hover:focus {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
/* position */
|
||||
.specialBtn-left {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.specialBtn-right {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* booking button */
|
||||
.specialBtn.specialBtn-booking>span>i {
|
||||
font-size: 30px !important;
|
||||
padding-right: 12px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.specialBtn.specialBtn-booking>span {
|
||||
padding: 10px;
|
||||
}
|
||||
.specialBtn.specialBtn-booking>span>small {
|
||||
font-size: 10px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-top: -4px;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** BOOK ONLINE | RESERVATION
|
||||
*************************** **/
|
||||
ul.booking-option-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.booking-option-list>li {
|
||||
border: #dee5ed 1px solid;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
ul.booking-option-list>li>label {
|
||||
padding: 14px 20px;
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.booking-option-list>li h3 {
|
||||
font-size: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
ul.booking-option-list>li>label>i {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
left: auto;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
border-width: 1px;
|
||||
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
ul.booking-option-list>li .radio input + i:after {
|
||||
top:5px;
|
||||
left:5px;
|
||||
content: "\f00c";
|
||||
font: normal normal normal 17px/1 'FontAwesome';
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
form .booking-form-highlight {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
border: rgba(0,0,0,0.03) 1px solid;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** ROOMS
|
||||
*************************** **/
|
||||
.room-info { /* pack-hotel-rooms-detail.html */
|
||||
background-color: rgba(0,0,0,0.06);
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.room-info ul>li {
|
||||
display: table;
|
||||
}
|
||||
.room-info ul>li>b {
|
||||
display: inline-block;
|
||||
width: 110px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.cards-rooms p.card-text { /* pack-hotel-rooms.html */
|
||||
height: 130px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** REWRITES : TUNING
|
||||
*************************** **/
|
||||
.btn.btn-primary {
|
||||
background: #534635;
|
||||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
939
public/assets/css/pack-megashop.css
Normal file
939
public/assets/css/pack-megashop.css
Normal file
|
|
@ -0,0 +1,939 @@
|
|||
/** PACKAGE: MEGA SHOP
|
||||
|
||||
USED BY: pack-megashop-*.html
|
||||
**************************************************************** **/
|
||||
|
||||
|
||||
/** PLACEHOLDER
|
||||
*************************** **/
|
||||
::-webkit-input-placeholder { /* WebKit browsers */
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** BOXED : REWRITE
|
||||
*************************** **/
|
||||
body #wrapper {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
body #slider {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
#header>.container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body:not(.boxed) .page-header {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
/* boxed wrapper */
|
||||
body.boxed #wrapper {
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
overflow: inherit;
|
||||
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
body.boxed #wrapper>section {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
body.boxed #slider {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
body.boxed>section>.container,
|
||||
body.boxed #wrapper>div.section>.container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
body.boxed #wrapper {
|
||||
margin-left:15px !important;
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
|
||||
body.boxed .container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body.boxed>section>.container {
|
||||
padding-left:15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** TOP BIG ADS
|
||||
*************************** **/
|
||||
/* TOP BANNER */
|
||||
body>div.layout-top-ads {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
display: table;
|
||||
text-align: center;
|
||||
|
||||
z-index:0;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-100>a,
|
||||
body>div.layout-top-ads.layout-top-ads-160>a,
|
||||
body>div.layout-top-ads.layout-top-ads-200>a,
|
||||
body>div.layout-top-ads.layout-top-ads-260>a,
|
||||
body>div.layout-top-ads.layout-top-ads-320>a {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body>div.layout-top-ads.layout-top-ads-320>a {
|
||||
height: 320px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-260>a {
|
||||
height: 260px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-200>a {
|
||||
height: 200px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-160>a {
|
||||
height: 160px;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
body>div.layout-top-ads.layout-top-ads-320-xs>a {
|
||||
height: 320px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-260-xs>a {
|
||||
height: 260px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-200-xs>a {
|
||||
height: 200px;
|
||||
}
|
||||
body>div.layout-top-ads.layout-top-ads-160-xs>a {
|
||||
height: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* background image */
|
||||
body>div.layout-top-ads>span {
|
||||
position: absolute;
|
||||
left:0; right:0; top:0; bottom:-100px;
|
||||
width: 100%;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
|
||||
display: none;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
|
||||
body>div.layout-top-ads>span.layout-top-ads-all {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* background image - visible by resolution */
|
||||
@media only screen and (min-width: 1024px) {
|
||||
body>div.layout-top-ads>span.layout-top-ads-desktop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
body>div.layout-top-ads>span.layout-top-ads-tablet {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
body>div.layout-top-ads>span.layout-top-ads-mobile {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** SECTIONS : REWRITE
|
||||
*************************** **/
|
||||
section {
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body.boxed #wrapper>section {
|
||||
-webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
|
||||
margin-bottom: 30px;
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSOM : ELEMENTS
|
||||
*************************** **/
|
||||
@media only screen and (min-width: 767px) {
|
||||
.side-nav-custom {
|
||||
margin: 30px 0;
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.side-custom-content {
|
||||
width: calc(100% - 200px);
|
||||
}
|
||||
.side-custom-content .row>div {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.side-nav-custom,
|
||||
.side-custom-content {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.side-nav-custom {
|
||||
margin-left:-15px;
|
||||
margin-right:-15px;
|
||||
|
||||
}
|
||||
.side-nav-custom>ul {
|
||||
padding-left:15px;
|
||||
padding-right:15px;
|
||||
margin-top:0;
|
||||
}
|
||||
.side-nav-custom .side-nav-head {
|
||||
margin-bottom:15px !important;
|
||||
}
|
||||
|
||||
.side-custom-content div.row>div:last-child {
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
div.side-nav .side-nav-head button,
|
||||
div.side-nav .side-nav-head {
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
}
|
||||
div.side-nav ul>li {
|
||||
border:0;
|
||||
}
|
||||
div.side-nav ul>li:before {
|
||||
top: 8px;
|
||||
}
|
||||
div.side-nav ul>li>a {
|
||||
padding: 8px 0 8px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* custom grid */
|
||||
ul.grid.grid-custom>li {
|
||||
height: auto;
|
||||
min-height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
ul.grid.grid-custom>li img {
|
||||
padding: 15px;
|
||||
}
|
||||
ul.grid.grid-custom>li h4 {
|
||||
font-size: 15px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding:0 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
ul.grid.grid-custom>li:hover {
|
||||
-webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
box-shadow:0px 0 30px 0px rgba(0,0,0,0.15);
|
||||
|
||||
background-color: transparent !important;
|
||||
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
ul.grid.grid-custom>li:after {
|
||||
content:' ';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top:0; bottom:0;
|
||||
left:0; right:0;
|
||||
position: absolute;
|
||||
z-index:-1;
|
||||
}
|
||||
section.dark ul.grid>li:after {
|
||||
background-color: rgba(0,0,0,0.06);
|
||||
}
|
||||
|
||||
body:not(.layout-dark) ul.grid.grid-custom>li:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
body.layout-dark ul.grid.grid-custom {
|
||||
border-color: rgba(255,255,255,0.05);
|
||||
}
|
||||
body.layout-dark ul.grid.grid-custom>li:after {
|
||||
background-color: #333;
|
||||
}
|
||||
/* grid ribbon */
|
||||
ul.grid li .ribbon {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
right: auto;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
}
|
||||
ul.grid li .ribbon>span,
|
||||
ul.grid li .ribbon>a {
|
||||
padding: 15px 10px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
ul.grid li .ribbon>span.bg-white {
|
||||
background-color: #fff;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
||||
/* recent visited */
|
||||
.grid-custom-recent>li {
|
||||
border-top: 1px solid rgba(0,0,0,.09);
|
||||
}
|
||||
.grid-custom-recent.grid-8>li img {
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
/* custom owl carousel */
|
||||
.owl-custom .owl-carousel-2 .owl-dots .owl-dot.active span {
|
||||
background: #0275d8;
|
||||
}
|
||||
|
||||
|
||||
/* bordered content */
|
||||
.content-bordered {
|
||||
border: rgba(0,0,0,.1) 1px solid;
|
||||
padding: 15px;
|
||||
margin: 15px;
|
||||
}
|
||||
a.content-bordered:hover {
|
||||
-webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15);
|
||||
box-shadow:0px 0 30px 0px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSOM : FOOTER
|
||||
*************************** **/
|
||||
#footer.footer-light form input,
|
||||
#footer.footer-light form textarea,
|
||||
#footer.footer-light form .input-group-addon {
|
||||
background-color: rgba(0,0,0,0.02);
|
||||
border-width: 1px;
|
||||
color: #121212 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** PRODUCT LIST | GRID STYLE
|
||||
*************************************************** **/
|
||||
.card {
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-grid {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.product-price {
|
||||
padding: 6px 10px;
|
||||
text-align: center;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
.product-price-over-image {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
position: absolute;
|
||||
left:0; right:0;
|
||||
bottom:0;
|
||||
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.product-price-autohide {
|
||||
bottom:-100%;
|
||||
}
|
||||
.card:hover .product-price-autohide {
|
||||
bottom:0;
|
||||
}
|
||||
@media only screen and (max-width: 960px) {
|
||||
.product-price-autohide {
|
||||
bottom:0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 769px) {
|
||||
.product-item-title {
|
||||
height: 45px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
6 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.shop-item-list>.col-lg-2:nth-child(6n+1),
|
||||
.shop-item-list>.col-md-2:nth-child(6n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
5 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.shop-item-list>.col-lg-5th:nth-child(5n+1),
|
||||
.shop-item-list>.col-md-5th:nth-child(5n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
4 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.shop-item-list>.col-lg-3:nth-child(4n+1),
|
||||
.shop-item-list>.col-md-3:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
3 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.shop-item-list>.col-lg-4:nth-child(3n+1),
|
||||
.shop-item-list>.col-md-4:nth-child(3n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
2 COLUMNS - RECALIBRATE FOR LONG TITLES
|
||||
*/
|
||||
.shop-item-list>.col-lg-6:nth-child(2n+1),
|
||||
.shop-item-list>.col-md-6:nth-child(2n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.side-nav ul.list-group-bordered>li>a {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* CART */
|
||||
.cartContent {
|
||||
padding:0;
|
||||
}
|
||||
.cartContent .item {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.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 .item.head>span {
|
||||
min-height: 1px;
|
||||
}
|
||||
.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;
|
||||
width:30px; margin-right:8px;
|
||||
}
|
||||
.cartContent a.remove_item {
|
||||
background:rgba(0,0,0,0.05);
|
||||
text-align: center;
|
||||
padding-top:0;
|
||||
margin-top:10px;
|
||||
height:30px;
|
||||
line-height:26px;
|
||||
font-size:18px;
|
||||
text-decoration:none;
|
||||
color:rgba(0,0,0,0.2);
|
||||
}
|
||||
.cartContent a.remove_item:hover {
|
||||
color: #d9534f;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
PRODUCT VIEW
|
||||
**/
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** MISC
|
||||
: rewrite elements;
|
||||
*************************************************** **/
|
||||
hr {
|
||||
background: transparent;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
margin-top: 1rem;
|
||||
border: 0;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** DARK LAYOUT
|
||||
: rewrite elements;
|
||||
*************************************************** **/
|
||||
body.layout-dark {
|
||||
background-color: #484848;
|
||||
}
|
||||
|
||||
body.layout-dark .info-bar *,
|
||||
body.layout-dark h1>span,
|
||||
body.layout-dark h3>span,
|
||||
body.layout-dark h2>span,
|
||||
body.layout-dark h4>span,
|
||||
body.layout-dark .btn {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
body.layout-dark #wrapper>section {
|
||||
background-color: #333 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
body.layout-dark #wrapper>section.alternate {
|
||||
background-color: #292929 !important;
|
||||
}
|
||||
|
||||
body.layout-dark input,
|
||||
body.layout-dark textarea,
|
||||
body.layout-dark select {
|
||||
color: #fff !important;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
border-color: rgba(0,0,0,0);
|
||||
}
|
||||
body.layout-dark input:hover,
|
||||
body.layout-dark textarea:hover,
|
||||
body.layout-dark select:hover,
|
||||
body.layout-dark input:focus,
|
||||
body.layout-dark textarea:focus,
|
||||
body.layout-dark select:focus {
|
||||
background-color: rgba(255,255,255,0.15) !important;
|
||||
border-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
body.layout-dark h1,
|
||||
body.layout-dark h2,
|
||||
body.layout-dark h3,
|
||||
body.layout-dark h4,
|
||||
body.layout-dark h5,
|
||||
body.layout-dark h6,
|
||||
body.layout-dark #wrapper>section a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.layout-dark #wrapper>section a:focus,
|
||||
body.layout-dark #wrapper>section a:hover,
|
||||
body.layout-dark #wrapper>section a:active {
|
||||
color: #009afa;
|
||||
}
|
||||
|
||||
body.layout-dark .side-nav-head>button {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
body.layout-dark:not(.layout-boxed) #wrapper>section {
|
||||
border-bottom: rgba(255,255,255,0.04) 1px solid;
|
||||
}
|
||||
|
||||
/* misc */
|
||||
body.layout-dark .info-bar {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.layout-dark .card {
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
}
|
||||
body.layout-dark .btn-flat {
|
||||
background-color: #666;
|
||||
}
|
||||
body.layout-dark section.page-header .breadcrumb a,
|
||||
body.layout-dark .tag>span.txt,
|
||||
body.layout-dark a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* custom grid */
|
||||
body.layout-dark ul.grid {
|
||||
border-color: rgba(255,255,255,.1);;
|
||||
}
|
||||
body.layout-dark ul.grid>li {
|
||||
-webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
-moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
}
|
||||
|
||||
body.layout-dark ul.grid {
|
||||
border: 1px solid rgba(255,255,255,.1);
|
||||
}
|
||||
body.layout-dark ul.grid>li {
|
||||
-webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
-moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
||||
}
|
||||
101
public/assets/css/pack-photography.css
Normal file
101
public/assets/css/pack-photography.css
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
/** PACKAGE: PHOTOGRAPHY
|
||||
|
||||
USED BY: pack-photography-home-2.html
|
||||
**************************************************************** **/
|
||||
|
||||
|
||||
/** CUSTOM HEADER
|
||||
*************************** **/
|
||||
body.custom-pack-style #header.fixed,
|
||||
body.custom-pack-style #header:not(.transparent),
|
||||
body.custom-pack-style #header:not(.transparent) #topMain { /* force header color */
|
||||
background: #495560 !important;
|
||||
}
|
||||
|
||||
/* header default font size */
|
||||
body.custom-pack-style #header {
|
||||
font-size:15px;
|
||||
}
|
||||
|
||||
/* main menu links color - for a good contrast */
|
||||
body.custom-pack-style #header.dark #topMain li>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
/* dropdown background color */
|
||||
body.custom-pack-style #topNav div.submenu-color ul.dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #495560;
|
||||
border-color: #495560;
|
||||
border-top-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
|
||||
/* we want a very clean dropdown menu - no border bottom separator */
|
||||
body.custom-pack-style #topNav ul.dropdown-menu li {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* cancel uppercase text transformation */
|
||||
#topBar ul li a,
|
||||
#mainMenu ul li a,
|
||||
#topMain ul li a {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM FOOTER
|
||||
*************************** **/
|
||||
/* footer background */
|
||||
body.custom-pack-style #footer {
|
||||
background: #495560;
|
||||
}
|
||||
|
||||
|
||||
/* footer text contrast */
|
||||
body.custom-pack-style #footer form input,
|
||||
body.custom-pack-style #footer form textarea,
|
||||
body.custom-pack-style #footer a.social-icon {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/*
|
||||
footer input placeholder
|
||||
no really required but useful if you want a perfect contrast footer
|
||||
set #fff or #000, according to background color!
|
||||
*/
|
||||
#body.custom-pack-style #footer input::-webkit-input-placeholder,
|
||||
body.custom-pack-style #footer textarea::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM ELEMENTS
|
||||
*************************** **/
|
||||
body.custom-pack-style #header.static + section.page-header {
|
||||
margin-top:70px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** RESPONSIVE
|
||||
*************************** **/
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
body.custom-pack-style #header.static + section.page-header {
|
||||
margin-top:60px;
|
||||
}
|
||||
|
||||
}
|
||||
696
public/assets/css/pack-realestate.css
Normal file
696
public/assets/css/pack-realestate.css
Normal file
|
|
@ -0,0 +1,696 @@
|
|||
/** PACKAGE: REAL ESTATE
|
||||
|
||||
USED BY: pack-realestate-*.html
|
||||
**************************************************************** **/
|
||||
|
||||
/** CUSTOM : SLIDER
|
||||
acting as a cover
|
||||
*************************** **/
|
||||
#slider {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** CUSTOM : PAGE HEADER
|
||||
acting as a cover
|
||||
*************************** **/
|
||||
@media only screen and (max-width: 1024px) {
|
||||
section.page-header {
|
||||
background-position: center !important;
|
||||
|
||||
background-attachment: inherit;
|
||||
|
||||
-webkit-background-size: 100% 100% !important;
|
||||
-moz-background-size: 100% 100% !important;
|
||||
-o-background-size: 100% 100% !important;
|
||||
background-size: 100% 100% !important;
|
||||
|
||||
-webkit-box-sizing: inherit !important;
|
||||
-moz-box-sizing: inherit !important;
|
||||
box-sizing: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** CUSTOM : TYPOGRAPHY
|
||||
*************************** **/
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM : ESTATE BOX SEARCH
|
||||
*************************** **/
|
||||
.restate-box-search {
|
||||
background-color: #fff;
|
||||
border-radius: 6px;
|
||||
padding: 30px 15px;
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
|
||||
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
|
||||
}
|
||||
|
||||
.restate-box-search h1,
|
||||
.restate-box-search h2,
|
||||
.restate-box-search h3,
|
||||
.restate-box-search h4,
|
||||
.restate-box-search h5,
|
||||
.restate-box-search h6,
|
||||
.restate-box-search p,
|
||||
.restate-box-search a:hover {
|
||||
color: #000 !important;
|
||||
text-shadow: none !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
.restate-box-search .restate-box-title {
|
||||
font-size: 18px !important;
|
||||
line-height: 18px !important;
|
||||
}
|
||||
.restate-box-search .restate-box-ribbon>.restate-box-title {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* ribbon (title) */
|
||||
.restate-box-search .restate-box-ribbon {
|
||||
position: absolute !important;
|
||||
top:-49px;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
padding: 15px 23px;
|
||||
left:0;
|
||||
position: relative;
|
||||
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
|
||||
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
|
||||
}
|
||||
.restate-box-search .restate-box-ribbon:after { /* little tunning to cover the shadow */
|
||||
content:' ';
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
left:0; right:0;
|
||||
bottom: -5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.restate-box-search {
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin-right: 0;
|
||||
}
|
||||
.restate-box-search .restate-box-ribbon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.restate-box-search .select2,
|
||||
.restate-box-search input,
|
||||
.restate-box-search form,
|
||||
.restate-box-search textarea {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.restate-box-search form .row>div {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** CUSTOM : PROPERTY ITEM
|
||||
*************************** **/
|
||||
.property-item {
|
||||
border: #dee5ed 1px solid;
|
||||
padding: 15px;
|
||||
display: table;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
background-color: #fff !important;
|
||||
position: relative;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
-webkit-transition: all .300s;
|
||||
-moz-transition: all .300s;
|
||||
-o-transition: all .300s;
|
||||
transition: all .300s;
|
||||
|
||||
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
|
||||
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
|
||||
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
|
||||
}
|
||||
.property-item:hover {
|
||||
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
|
||||
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18);
|
||||
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
|
||||
}
|
||||
|
||||
section.dark .property-item,
|
||||
section.dark-2 .property-item {
|
||||
border-color: #555;
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
|
||||
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
|
||||
}
|
||||
section.dark .property-item:hover,
|
||||
section.dark-2 .property-item:hover {
|
||||
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.property-item hr {
|
||||
display: none;
|
||||
}
|
||||
.property-item .property-image {
|
||||
max-width: 320px;
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
body.rtl .property-item .property-image {
|
||||
margin-right:0;
|
||||
margin-left:30px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.property-item .property-item-btn {
|
||||
margin-top:20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.property-item .property-item-btn>a {
|
||||
font-size:14px;
|
||||
display: inline-block;
|
||||
}
|
||||
.property-item .property-item-btn a + a {
|
||||
margin-left:20px;
|
||||
}
|
||||
body.rtl .property-item .property-item-btn a + a {
|
||||
margin-left:0;
|
||||
margin-right:20px;
|
||||
}
|
||||
.property-item .property-item-desc {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
}
|
||||
.property-item .property-item-price {
|
||||
margin: 0;
|
||||
}
|
||||
.property-item .property-item-price small {
|
||||
padding-top: 6px;
|
||||
max-width: 65%;
|
||||
text-align: right;
|
||||
}
|
||||
.property-item ul.property-item-features {
|
||||
font-size: 12px;
|
||||
}
|
||||
.property-item .poperty-item-location {
|
||||
font-size:13px;
|
||||
display: block;
|
||||
}
|
||||
/* featured */
|
||||
.property-featured-blue {
|
||||
background-color: #eaf7ff !important;
|
||||
}
|
||||
.property-featured-yellow {
|
||||
background-color: #fffee6 !important;
|
||||
}
|
||||
.property-featured-green {
|
||||
background-color: #edfff9 !important;
|
||||
}
|
||||
|
||||
|
||||
/* ribbon */
|
||||
.property-ribbon {
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
text-align: center;
|
||||
font-size:12px;
|
||||
z-index:1;
|
||||
|
||||
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
|
||||
}
|
||||
.property-ribbon>span {
|
||||
padding: 15px 10px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
body.rtl .property-ribbon {
|
||||
-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
|
||||
-moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
|
||||
box-shadow: -3px 3px 3px rgba(0,0,0,0.18);
|
||||
}
|
||||
.property-ribbon.noshadow {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#slider .property-ribbon {
|
||||
z-index:9999;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.layerslider-fulll-xs {
|
||||
padding: 0;
|
||||
}
|
||||
.layerslider-fulll-xs .container {
|
||||
width: 100% !important;
|
||||
margin:0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* BOXED */
|
||||
.property-item-box {
|
||||
max-width: 800px;
|
||||
background-color: rgba(0,0,0,0.01);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.property-item-box .property-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width:100%;
|
||||
margin: 0 0 30px 0;
|
||||
text-align: center;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.property-item-box hr {
|
||||
display: block;
|
||||
}
|
||||
.property-item-box .property-item-btn {
|
||||
text-align: center;
|
||||
}
|
||||
.property-item-box .property-item-desc {
|
||||
display: none;
|
||||
}
|
||||
.property-item-box .property-item-price {
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
.property-item-box ul.property-item-features {
|
||||
display: table;
|
||||
margin-top: 25px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.property-item-box .poperty-item-location {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
/* CLEAN, NOBORDER */
|
||||
.property-item.noborder {
|
||||
padding: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.property-item.noborder .property-item-price,
|
||||
.property-item.noborder .property-item-desc,
|
||||
.property-item.noborder .property-item-btn,
|
||||
.property-item.noborder .property-item-location {
|
||||
padding-left:15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.property-item.noborder .property-item-btn {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
/* no shadow only */
|
||||
.property-item.noshadow:hover,
|
||||
.property-item.noshadow {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
/* LIST MODE */
|
||||
.property-list-opt {
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
margin: 0 0 30px 0;
|
||||
text-align: left;
|
||||
}
|
||||
body.rtl .property-list-opt {
|
||||
text-align: right;
|
||||
}
|
||||
.property-list-opt>.property-list-btn>a {
|
||||
border: rgba(0,0,0,0.1) 1px solid;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width:35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: #999;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.property-list-opt>.property-list-btn {
|
||||
float: right;
|
||||
}
|
||||
body.rtl .property-list-opt>.property-list-btn {
|
||||
float: left;
|
||||
}
|
||||
.property-list-opt>.property-list-btn>a:hover,
|
||||
.property-list-opt>.property-list-btn>a.active {
|
||||
color: #000;
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
}
|
||||
section.dark .property-list-opt>.property-list-btn>a,
|
||||
section.dark-2 .property-list-opt>.property-list-btn>a {
|
||||
border: rgba(255,255,255,0.2) 1px solid;
|
||||
background-color: rgba(255,255,255,0.0);
|
||||
}
|
||||
section.dark .property-list-opt>.property-list-btn>a:hover,
|
||||
section.dark-2 .property-list-opt>.property-list-btn>a:hover,
|
||||
section.dark .property-list-opt>.property-list-btn>a.active,
|
||||
section.dark-2 .property-list-opt>.property-list-btn>a.active {
|
||||
color: #fff;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
.property-list-opt select.form-control {
|
||||
height: 35px !important;
|
||||
line-height: 35px !important;
|
||||
padding-top: 0 !important;
|
||||
padding: 0 40px 0 10px !important;
|
||||
margin: 0 !important;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* STAR RATING */
|
||||
.property-item .property-image .rating {
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
padding: 1px 6px;
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
|
||||
/* COUNTDOWN */
|
||||
.property-item .property-item-counter {
|
||||
position: absolute;
|
||||
padding-top: 30px;
|
||||
left: calc(50% - 80px);
|
||||
top: calc(50% - 30px);
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
border: rgba(255,255,255,0.5) 5px solid;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
z-index:1;
|
||||
}
|
||||
.property-item .property-item-counter:after {
|
||||
color: #fff;
|
||||
content: attr(data-text);
|
||||
position: absolute;
|
||||
top:0; left:0; right:0;
|
||||
padding: 3px 6px;
|
||||
font-size: 11px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.property-item .countdown-row {
|
||||
display: inline-block;
|
||||
}
|
||||
.property-item .countdown-section {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
min-width: 40px;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.property-item .countdown-amount {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* CALIBRATE GRID ON UNEQUAL IMAGES */
|
||||
/*
|
||||
6 COLUMNS - RECALIBRATE
|
||||
*/
|
||||
div.property-item-list>div {
|
||||
margin-bottom:30px;
|
||||
}
|
||||
div.property-item-list>div.col-lg-2:nth-child(6n+1),
|
||||
div.property-item-list>div.col-md-2:nth-child(6n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
5 COLUMNS - RECALIBRATE
|
||||
*/
|
||||
div.property-item-list>div.col-lg-5th:nth-child(5n+1),
|
||||
div.property-item-list>div.col-md-5th:nth-child(5n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
4 COLUMNS - RECALIBRATE
|
||||
*/
|
||||
div.property-item-list>div.col-lg-3:nth-child(4n+1),
|
||||
div.property-item-list>div.col-md-3:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
3 COLUMNS - RECALIBRATE
|
||||
*/
|
||||
div.property-item-list>div.col-lg-4:nth-child(3n+1),
|
||||
div.property-item-list>div.col-md-4:nth-child(3n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
2 COLUMNS - RECALIBRATE
|
||||
*/
|
||||
div.property-item-list>div.col-lg-6:nth-child(2n+1),
|
||||
div.property-item-list>div.col-md-6:nth-child(2n+1) {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** RTL
|
||||
Add .rtl class to body
|
||||
*************************** **/
|
||||
body.rtl .restate-box-search {
|
||||
direction: rtl;
|
||||
}
|
||||
body.rtl .restate-box-search,
|
||||
body.rtl .restate-box-search h1,
|
||||
body.rtl .restate-box-search h2,
|
||||
body.rtl .restate-box-search h3,
|
||||
body.rtl .restate-box-search h4,
|
||||
body.rtl .restate-box-search h5,
|
||||
body.rtl .restate-box-search h6,
|
||||
body.rtl .restate-box-search p,
|
||||
body.rtl .restate-box-search a:hover {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** PROPERTY ITEM
|
||||
*************************** **/
|
||||
#restate-save {
|
||||
text-decoration: none;
|
||||
}
|
||||
.restate-item {
|
||||
display: block-inline;
|
||||
font-size:25px;
|
||||
min-width:100px;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.restate-item>a,
|
||||
.restate-item>span {
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
}
|
||||
.restate-item>span.text-muted {
|
||||
color: #999;
|
||||
}
|
||||
.restate-item>i.restate-monthly {
|
||||
font-style: normal;
|
||||
color: #999;
|
||||
}
|
||||
.restate-item-buttons {
|
||||
text-align: right;
|
||||
margin-top:6px;
|
||||
}
|
||||
.restate-item-buttons .btn {
|
||||
border-width:1px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* save button */
|
||||
section.page-header .breadcrumb.restate-item-save {
|
||||
margin-top: -23px !important;
|
||||
}
|
||||
section.page-header .breadcrumb.restate-item-save .btn {
|
||||
background-color: rgba(0,0,0,0.026);
|
||||
padding: 3px 10px !important;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.restate-item {
|
||||
width: 30%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.restate-item.restate-item-price {
|
||||
width: 40%
|
||||
}
|
||||
.restate-item-buttons {
|
||||
text-align: center;
|
||||
margin-top:80px;
|
||||
display: block;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
/* save button */
|
||||
section.page-header .breadcrumb.restate-item-save {
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** RESPONSIVE
|
||||
*************************** **/
|
||||
@media only screen and (max-width: 768px) {
|
||||
.property-item {
|
||||
background-color: rgba(0,0,0,0.01);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.property-item-box {
|
||||
max-width: 100%;
|
||||
}
|
||||
.property-item .property-image {
|
||||
display: block;
|
||||
width:100% !important;
|
||||
max-width: 100% !important;
|
||||
margin: 0 0 20px 0;
|
||||
text-align: center;
|
||||
float: none !important;
|
||||
}
|
||||
.property-item hr {
|
||||
display: block;
|
||||
}
|
||||
.property-item .property-item-price small {
|
||||
padding-top:7px;
|
||||
text-align: right;
|
||||
}
|
||||
.property-item ul.property-item-features {
|
||||
display: table;
|
||||
margin-top: 25px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.property-item .property-item-price {
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
.property-item .property-item-desc {
|
||||
display: none;
|
||||
}
|
||||
.property-item .property-item-btn {
|
||||
text-align: center;
|
||||
}
|
||||
.property-item .poperty-item-location {
|
||||
text-align: center;
|
||||
font-size:14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
div.property-item-list>div {
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.property-list-opt select.form-control {
|
||||
height: 50px !important;
|
||||
line-height: 50px !important;
|
||||
padding-top: 0 !important;
|
||||
padding: 0 40px 0 10px !important;
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
4902
public/assets/css/plugin-hover-buttons.css
Normal file
4902
public/assets/css/plugin-hover-buttons.css
Normal file
File diff suppressed because it is too large
Load diff
3
public/assets/css/thematics-construction.css
Normal file
3
public/assets/css/thematics-construction.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
/** CONSTRUCTION
|
||||
home-theme-construction.html
|
||||
********************************************* **/
|
||||
50
public/assets/css/thematics-education.css
Normal file
50
public/assets/css/thematics-education.css
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
public/assets/css/thematics-fashion.css
Normal file
11
public/assets/css/thematics-fashion.css
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
public/assets/css/thematics-music.css
Normal file
308
public/assets/css/thematics-music.css
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
24
public/assets/css/thematics-restaurant.css
Normal file
24
public/assets/css/thematics-restaurant.css
Normal file
|
|
@ -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
public/assets/css/thematics-wedding.css
Normal file
94
public/assets/css/thematics-wedding.css
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