MINI MINI MANI MO
/*-----------------------------------------------------------------------------------
Dark Scheme - less/dark.less
-----------------------------------------------------------------------------------*/
// Initialize
@import "variables.less";
@import "mixins.less";
.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 { color: #EEE; }
.dark a:hover { color: #EEE; }
body.dark,
.dark #wrapper,
.dark #content,
.dark .shop-quick-view-ajax,
.dark .portfolio-ajax-modal,
.dark .modal-content,
.dark .css3-spinner,
body.dark #side-panel,
body #side-panel.dark { background-color: #383838; }
.dark .css3-spinner > div,
.dark .css3-spinner-grid-pulse > div,
.dark .css3-spinner-ball-rotate > div,
.dark .css3-spinner-zig-zag > div,
.dark .css3-spinner-ball-scale-multiple > div,
.dark .css3-spinner-triangle-path > div,
.dark .css3-spinner-ball-pulse-sync > div { background-color: rgba(255,255,255,0.35); }
.dark .css3-spinner-clip-rotate > div,
.dark .css3-spinner-scale-ripple > div { border-color: rgba(255,255,255,0.35); }
.dark .line,
.dark .double-line { border-top-color: rgba(255,255,255,0.1); }
.dark .section,
.section.dark {
background-color: #282828;
border-color: rgba(255,255,255,0.1);
}
.dark #top-bar,
#top-bar.dark {
border-bottom-color: rgba(255,255,255,0.1);
background-color: #282828;
}
.dark .top-links ul li { border-left-color: rgba(255,255,255,0.1); }
.dark .top-links li > a { color: #AAA; }
.dark .top-links li:hover {
background-color: #333;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.dark .top-links ul ul,
.dark .top-links ul div.top-link-section {
background: #333;
border-bottom: none;
}
.dark .top-links ul ul li {
border-top: 1px solid #444;
border-left: 1px solid #444;
}
.dark .top-links ul ul li:hover { background-color: #383838; }
.dark .top-links ul ul li:first-child { border-left: 1px solid #444; }
.dark #top-social li { border-left: 1px solid rgba(255,255,255,0.1); }
.dark #top-social li a { color: #BBB; }
.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header) {
background-color: #333;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container { background-color: #333; }
.dark #header.full-header #header-wrap:not(.not-dark),
#header.full-header.dark #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.15); }
.dark #slider + #header.full-header #header-wrap:not(.not-dark),
#slider + #header.full-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); }
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.2); }
.dark #slider + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#slider + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.2); }
.dark #header.semi-transparent,
.dark #header.semi-transparent.floating-header .container,
#header.dark.semi-transparent,
#header.dark.semi-transparent.floating-header .container { background-color: rgba(0,0,0,0.6); }
.dark #header.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container { background-color: transparent; }
.dark #header.semi-transparent.sticky-header #header-wrap,
#header.dark.semi-transparent.sticky-header #header-wrap { background-color: rgba(0,0,0,0.6); }
.dark #logo a { color: #FFF; }
.dark #header.full-header #header-wrap:not(.not-dark) #logo,
#header.full-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.15); }
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.2); }
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input {
color: #EEE;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul,
#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.15); }
.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.2); }
.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,
#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input { border-bottom-color: rgba(255,255,255,0.15) !important; }
.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current a { color: #EEE; }
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a { color: @theme-color; }
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
background-color: #333;
border-color: #3F3F3F;
border-top-color: @theme-color;
}
.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.overlay-menu #primary-menu.dark ul,
.overlay-menu #primary-menu.dark ul { background-color: rgba(0,0,0,0.9); }
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2 {
border-color: transparent;
border-top-color: @theme-color;
}
.dark #primary-menu:not(.not-dark) ul ul li,
#primary-menu.dark ul ul li { border-top-color: #3F3F3F; }
.dark #primary-menu:not(.not-dark) ul ul li:first-child,
#primary-menu.dark ul ul li:first-child { border-top: 0; }
.dark #primary-menu:not(.not-dark) ul ul a,
#primary-menu.dark ul ul a { color: #999 !important; }
.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
background-color: rgba(0,0,0,0.1);
color: #CCC !important;
}
.dark #primary-menu:not(.not-dark) ul ul > li.sub-menu > a,
.dark #primary-menu:not(.not-dark) ul ul > li.sub-menu:hover > a,
#primary-menu.dark ul ul > li.sub-menu > a,
#primary-menu.dark ul ul > li.sub-menu:hover > a { background-image: url("../images/icons/submenu-dark.png"); }
.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child),
#primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left-color: #3F3F3F; }
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
color: #BBB !important;
background: transparent;
}
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #DDD !important; }
.dark #primary-menu.style-2:not(.not-dark) { border-top-color: rgba(255,255,255,0.1); }
.dark #primary-menu.style-3:not(.not-dark) > ul > li:hover > a,
#primary-menu.dark.style-3 > ul > li:hover > a {
color: #EEE;
background-color: rgba(255,255,255,0.05);
}
.dark #primary-menu.style-3:not(.not-dark) > ul > li.current > a,
#primary-menu.dark.style-3 > ul > li.current > a { color: #EEE; }
.dark #primary-menu.style-5:not(.not-dark) > ul,
#primary-menu.dark.style-5 > ul { border-right-color: rgba(255,255,255,0.1); }
.dark #primary-menu.sub-title:not(.not-dark) ul li span,
#primary-menu.dark.sub-title ul li span { color: #999; }
.dark #primary-menu.sub-title:not(.not-dark) > ul > li:hover span,
.dark #primary-menu.sub-title:not(.not-dark) > ul > li.current span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li:hover span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li.current span,
#primary-menu.dark.sub-title > ul > li:hover span,
#primary-menu.dark.sub-title > ul > li.current span,
#primary-menu.dark.sub-title.style-2 > div > ul > li:hover span,
#primary-menu.dark.sub-title.style-2 > div > ul > li.current span { color: #EEE; }
.dark #top-cart .top-cart-content {
background-color: #333;
border-color: #3F3F3F;
border-top-color: @theme-color;
}
.dark .top-cart-title { border-bottom-color: #3F3F3F; }
.dark .top-cart-item { border-top-color: #3F3F3F; }
.dark .top-cart-item-image { border-color: #444; }
.dark .top-cart-item-image:hover { border-color: @theme-color; }
.dark .top-cart-item-desc a:hover { color: @theme-color !important; }
.dark .top-cart-item-desc span.top-cart-item-price { color: #AAA; }
.dark .top-cart-item-desc span.top-cart-item-quantity { color: #888; }
.dark .top-cart-action { border-top-color: #3F3F3F; }
.dark .one-page-arrow,
.one-page-arrow.dark { color: #FFF; }
.dark.side-header #header {
background-color: #333;
border-right-color: #3F3F3F;
}
.dark.side-header #logo:not(.nobottomborder):after,
.dark.side-header #primary-menu:not(.nobottomborder):after { border-bottom-color: #3F3F3F; }
.dark.side-header #primary-menu:not(.not-dark) > ul > li > a,
.dark.side-header #primary-menu ul ul li:hover > a { color: #DDD !important; }
.dark.side-header.open-header #header-trigger {
background-color: rgba(0,0,0,0.3);
color: #EEE;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark.side-header.side-header-right #header { border-left-color: #3F3F3F; }
.dark.side-header #primary-menu ul ul a { color: #AAA !important; }
.dark .slider-caption,
.dark .slider-caption h2 {
color: #EEE;
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
.not-dark .slider-caption,
.not-dark .slider-caption h2 {
color: #222;
text-shadow: none;
}
.dark .ei-title h2,
.dark .ei-title h3,
.dark .ei-title h2 span,
.dark .ei-title h3 span {
color: #EEE !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
.not-dark .ei-title h2,
.not-dark .ei-title h3,
.not-dark .ei-title h2 span,
.not-dark .ei-title h3 span {
color: #222 !important;
text-shadow: none;
}
.dark #page-title {
background-color: #282828;
border-bottom-color: #3F3F3F;
}
.dark #page-title h1 { color: rgba(255,255,255,0.9) !important; }
.dark #page-title span { color: rgba(255,255,255,0.7); }
.dark .breadcrumb a { color: #BBB; }
.dark .breadcrumb a:hover { color: #EEE; }
.dark #page-title.page-title-pattern { background-image: url('../images/pattern2.png'); }
.dark #portfolio-filter { border-color: rgba(255,255,255,0.08); }
.dark #portfolio-filter li a {
color: #999;
border-left-color: rgba(255,255,255,0.08);
}
.dark #portfolio-filter li a:hover { color: #EEE; }
.dark #portfolio-shuffle {
color: #999;
border-color: rgba(255,255,255,0.08);
}
.dark #portfolio-filter li.activeFilter a,
.dark #portfolio-shuffle:hover { color: #FFF; }
.dark .portfolio-desc h3 a { color: #EEE; }
.dark .portfolio-desc h3 a:hover { color: #BBB; }
.dark .portfolio-desc span { color: #888; }
.dark .portfolio-desc span a { color: #888; }
.dark .portfolio-desc span a:hover { color: #CCC; }
.dark .portfolio-notitle .portfolio-desc {
background-color: #333;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.dark .portfolio-1 .portfolio-item { border-bottom-color: rgba(255,255,255,0.08); }
.dark .portfolio-1.portfolio-fullwidth .portfolio-desc { background-color: #333; }
.dark .portfolio-overlay a {
background-color: rgba(0,0,0,0.5);
color: #FFF;
}
.dark .portfolio-overlay a:hover { background-color: rgba(0,0,0,0.7); }
.dark .ajax-modal-title {
background-color: #333;
border-bottom-color: rgba(255,255,255,0.08);
}
.dark .portfolio-meta li { color: #999; }
.dark .portfolio-meta li span { color: #BBB; }
.dark .well .line { border-color: rgba(255,255,255,0.08); }
.dark #portfolio-navigation a { color: #BBB; }
.dark #portfolio-navigation a:hover { color: #EEE; }
.dark .entry { border-bottom-color: rgba(255,255,255,0.08); }
.dark .entry-title h2 a,
.dark .ipost .entry-title h3 a,
.dark .ipost .entry-title h4 a { color: #EEE; }
.dark .entry-title h2 a:hover,
.dark .ipost .entry-title h3 a:hover,
.dark .ipost .entry-title h4 a:hover { color: #BBB; }
.dark .entry-meta li {
border-left-color: rgba(255,255,255,0.08);
color: #888;
}
.dark .entry-meta li a { color: #888; }
.dark .entry-meta li a:hover { color: #CCC; }
.dark .entry-link { background-color: rgba(0,0,0,0.2); }
.dark .post-masonry-full .entry { border-color: rgba(255,255,255,0.08); }
.dark .timeline-border { border-left-color: rgba(255,255,255,0.1); }
.dark .post-timeline .entry-timeline {
border-color: rgba(255,255,255,0.1);
background-color: rgba(255,255,255,0.08);
color: #AAA;
}
.dark .post-timeline .entry.entry-date-section span {
border-color: rgba(255,255,255,0.1);
background-color: #333;
}
.dark .post-timeline .entry-timeline div.timeline-divider { border-top-color: rgba(255,255,255,0.1); }
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider {
border-color: @theme-color;
color: @theme-color;
}
.dark .spost,
.dark .mpost { border-top-color: rgba(255,255,255,0.1); }
.dark .spost .entry-image a i,
.dark .mpost .entry-image a i {
color: #CCC;
background-color: rgba(0,0,0,0.2);
}
.dark .spost .entry-title h4 a,
.dark .mpost .entry-title h4 a { color: #BBB; }
.dark .spost .entry-title h4 a:hover,
.dark .mpost .entry-title h4 a:hover { color: #999; }
.dark .spost .entry-meta li,
.dark .mpost .entry-meta li { border-left-color: #666; }
.dark .spost .entry-meta li a,
.dark .mpost .entry-meta li a,
.dark .testimonial.twitter-scroll .testi-meta span a { color: #AAA; }
.dark .spost .entry-meta li a:hover,
.dark .mpost .entry-meta li a:hover,
.dark .testimonial.twitter-scroll .testi-meta span a:hover { color: #888; }
.dark #comments { border-top-color: rgba(255,255,255,0.08); }
.dark .commentlist { border-bottom-color: rgba(255,255,255,0.08); }
.dark .comment-wrap { border-color: rgba(255,255,255,0.08); }
.dark .comment-avatar {
background: rgba(255,255,255,0.08);
border-color: rgba(255,255,255,0.1);
}
.dark .comment-content .comment-author { color: #CCC; }
.dark .comment-content .comment-author a { color: #BBB; }
.dark .comment-content .comment-author a:hover { color: #EEE; }
.dark .review-comment-ratings { color: #CCC; }
.dark .comment-reply-link:hover { color: #888; }
.dark p.wp-caption-text { background-color: rgba(0,0,0,0.2); }
.dark .product-title h3 a,
.dark .single-product .product-title h2 a { color: #EEE; }
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover { color: #BBB; }
.dark .product-price { color: #BBB; }
.dark .product-overlay a {
color: #EEE;
background-color: rgba(0,0,0,0.8);
border-right-color: rgba(255,255,255,0.15);
}
.dark .product-overlay a:last-child { border-right: 0; }
.dark .product-overlay a:hover { background-color: rgba(0,0,0,0.9); }
.dark .bothsidebar .product-1 .product { border-top-color: rgba(255,255,255,0.08); }
.dark .quantity .qty {
border-left-color: rgba(255,255,255,0.08);
border-right-color: rgba(255,255,255,0.08);
background-color: rgba(0,0,0,0.2);
}
.dark .quantity .plus,
.dark .quantity .minus { background-color: rgba(0,0,0,0.2); }
.dark .quantity .plus:hover,
.dark .quantity .minus:hover { background-color: rgba(0,0,0,0.4); }
.dark .product-meta { color: #888; }
.dark .cart .remove { color: #BBB; }
.dark .cart .remove:hover { color: #EEE; }
.dark .cart th { color: #DDD; }
.dark .cart td { border-color: rgba(255,255,255,0.08) !important; }
.dark .cart-product-thumbnail img { border-color: rgba(0,0,0,0.2); }
.dark .cart-product-thumbnail img:hover { border-color: @theme-color; }
.dark .cart-product-name a,
.dark .product-name a { color: #EEE; }
.dark .cart-product-name a:hover,
.dark .product-name a:hover { color: #BBB; }
.dark td.actions { background-color: rgba(0,0,0,0.2); }
.dark .events .entry,
.dark .ievent {
background-color: rgba(0,0,0,0.2);
border-bottom-color: rgba(0,0,0,0.1);
}
.dark .countdown-section {
color: #DDD;
border-left-color: rgba(255,255,255,0.2);
}
.dark .countdown-amount,
.dark .rounded-skill { color: #EEE; }
.dark .button-dark:not(.button-border),
.dark .button:hover { background-color: rgba(0,0,0,0.3); }
.dark .button-dark:hover { background-color: @theme-color; }
.dark .button-light:not(.button-border):hover { background-color: #282828; }
.dark .button.button-border:not(.button-light) {
border-color: rgba(255,255,255,0.4);
color: rgba(255,255,255,0.5);
}
.dark .button.button-border:not(.button-light):hover { color: #EEE; }
.not-dark .button.button-border:not(.button-light) {
border-color: #444;
color: #333;
}
.not-dark .button.button-border:not(.button-light):hover {
background-color: #444;
color: #FFF;
}
.dark .promo > span,
.dark .promo > .container > span { color: rgba(255,255,255,0.8); }
.dark .promo.promo-border { border-color: rgba(255,255,255,0.08); }
.dark .promo.promo-light { background-color: rgba(255,255,255,0.1); }
.dark .promo.promo-dark:not(.promo-flat) { background-color: rgba(0,0,0,0.3); }
.dark .feature-box h3 { color: #CCC; }
.dark .feature-box p { color: #888; }
.dark .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }
.dark .feature-box.fbox-light .fbox-icon i,
.dark .feature-box.fbox-light .fbox-icon img {
border-color: rgba(255,255,255,0.1);
background-color: rgba(255,255,255,0.1);
color: #FFF;
}
.dark .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }
.dark .feature-box.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-dark .fbox-icon img { background-color: rgba(255,255,255,0.1); }
.dark .feature-box.fbox-border.fbox-light .fbox-icon,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: rgba(255,255,255,0.15); }
.dark .feature-box.fbox-border.fbox-light .fbox-icon i,
.dark .feature-box.fbox-border.fbox-light .fbox-icon img,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #FFF; }
.dark .feature-box h3 span.subtitle { color: #AAA; }
.dark .feature-box.fbox-bg.fbox-center,
.dark .feature-box.media-box.fbox-bg .fbox-desc {
background-color: #383838;
border-color: rgba(255,255,255,0.1);
}
.dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #383838 !important; }
.dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i { background-color: #444 !important; }
.dark .fbox-effect .fbox-icon i:after { box-shadow: 0 0 0 2px #494949; }
.dark .fbox-effect .fbox-icon i:hover,
.dark .fbox-effect:hover .fbox-icon i { background-color: #494949; }
.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px @theme-color; }
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: @theme-color; }
.dark .fbox-border.fbox-effect .fbox-icon i:hover,
.dark .fbox-border.fbox-effect:hover .fbox-icon i { box-shadow: 0 0 0 1px #494949; }
.dark .fbox-border.fbox-effect .fbox-icon i:after { background-color: #494949; }
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px @theme-color; }
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: @theme-color; }
.dark .process-steps li .i-bordered { background-color: #494949; }
.dark .process-steps li:before,
.dark .process-steps li:after,
.dark .feature-box.fbox-center:not(.fbox-bg) h3:after { border-top-color: rgba(255,255,255,0.15); }
.dark .heading-block:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); }
.dark .style-msg2 { border-left: 4px solid rgba(0,0,0,0.3); }
.dark .style-msg .sb-msg,
.dark .style-msg2 .msgtitle,
.dark .style-msg2 .sb-msg { border-left-color: rgba(255,255,255,0.1); }
.dark .i-rounded,
.dark .i-circled,
.dark .i-bordered { background-color: #494949; }
.dark .i-bordered {
border-color: #DDD;
color: #DDD;
}
.dark .i-light {
background-color: #F5F5F5;
color: #444;
text-shadow: none;
}
.dark .i-rounded:hover,
.dark .i-circled:hover {
background-color: @theme-color;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 0 rgba(0,0,0,0.2);
}
.dark .i-bordered:hover {
background-color: #444;
color: #FFF;
border-color: #444;
}
.dark .i-plain {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.dark .i-plain:hover { color: #DDD; }
.dark .social-icon {
color: #DDD !important;
border-color: #DDD;
}
.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless { color: #555 !important; }
.dark .si-dark {
background-color: rgba(0,0,0,0.2);
color: #DDD !important;
border-color: transparent;
}
.dark .si-light {
background-color: rgba(255,255,255,0.1);
color: #EEE !important;
border-color: transparent;
}
.dark .social-icon i:last-child { color: #FFF !important; }
.dark .social-icon:hover {
color: #FFF !important;
border-color: transparent;
}
.dark .si-share {
border-top-color: rgba(255,255,255,0.1);
border-bottom-color: rgba(255,255,255,0.1);
}
.dark .toggle .togglet,
.dark .toggle .toggleta { color: #CCC; }
.dark .toggle.toggle-bg .togglet,
.dark .toggle.toggle-bg .toggleta { background-color: rgba(0,0,0,0.2); }
.dark .toggle.toggle-border { border-color: rgba(255,255,255,0.15); }
.dark .faqs .toggle { border-bottom-color: rgba(255,255,255,0.1); }
.dark .acctitle,
.dark .acctitlec {
color: #CCC;
border-top-color: rgba(255,255,255,0.15);
}
.dark .accordion.accordion-bg .acctitle,
.dark .accordion.accordion-bg .acctitlec { background-color: rgba(0,0,0,0.2); }
.dark .accordion.accordion-border { border-color: rgba(255,255,255,0.1); }
.dark .accordion.accordion-border .acctitle,
.dark .accordion.accordion-border .acctitlec { border-color: rgba(255,255,255,0.15); }
.dark ul.tab-nav { border-bottom-color: #494949; }
.dark ul.tab-nav li,
.dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border-color: #494949; }
.dark ul.tab-nav li:first-child { border-left-color: #494949; }
.dark ul.tab-nav li a {
color: #DDD;
background-color: rgba(0,0,0,0.15);
}
.dark .tabs.tabs-alt ul.tab-nav li a,
.dark ul.tab-nav li.ui-tabs-active a { background-color: #383838; }
.dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0,0,0,0.2); }
.dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: @theme-color; }
.dark .tabs-bordered .tab-container { border-color: #494949; }
.dark .side-tabs ul.tab-nav { border-right-color: #494949; }
.dark .side-tabs ul.tab-nav li { border-color: #494949; }
.dark .side-tabs ul.tab-nav li:first-child {
border-top-color: #494949;
border-left-color: #494949;
}
.dark .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { border-right-color: #383838; }
.dark .tabs-bordered.side-tabs .tab-container { border-top-color: #494949; }
.dark .sidenav { background-color: rgba(0,0,0,0.2); }
.dark .sidenav > li > a {
border-color: #494949;
color: #BBB;
}
.dark .sidenav > li > a:hover { background-color: rgba(0,0,0,0.3); }
.dark .faqlist li a { color: #CCC; }
.dark .clients-grid li:before,
.dark .testimonials-grid li:before { border-left-color: rgba(255,255,255,0.15); }
.dark .clients-grid li:after,
.dark .testimonials-grid li:after { border-bottom-color: rgba(255,255,255,0.15); }
.dark .testimonial {
background-color: rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.dark .testimonial.twitter-scroll .testi-content p a { border-bottom: 1px dotted #AAA; }
.dark .testimonial.twitter-scroll .testi-content p a:hover { border-bottom: 1px solid #888; }
.dark .testimonial.twitter-scroll .testi-image i {
background-color: rgba(0,0,0,0.2);
color: #EEE;
text-shadow: none;
}
.parallax.dark .testimonial .flex-control-nav {
height: 8px;
margin-top: 30px;
}
.parallax.dark .testimonial .flex-control-nav li {
width: 8px;
height: 8px;
margin: 0 3px;
}
.parallax.dark .testimonial .flex-control-nav li a {
width: 8px !important;
height: 8px !important;
border: 1px solid #FFF;
background-color: transparent;
}
.parallax.dark .testimonial .flex-control-nav li:hover a,
.parallax.dark .testimonial .flex-control-nav li a.flex-active { background-color: #FFF; }
.dark .team-desc.team-desc-bg { background-color: rgba(255,255,255,0.05); }
.dark .team-content { color: #999; }
.dark .pricing-box {
border-color: rgba(255,255,255,0.1);
background-color: rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.dark .pricing-title {
background-color: rgba(255,255,255,0.03);
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
border-bottom-color: rgba(255,255,255,0.1);
}
.dark .pricing-title h3 { color: #DDD; }
.dark .pricing-price { color: #EEE; }
.dark .pricing-price:after { border-top-color: rgba(255,255,255,0.1); }
.dark .pricing-features { border-bottom-color: rgba(255,255,255,0.1); }
.dark .pricing-box.best-price {
background-color: transparent;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.dark .pricing-box.best-price .pricing-title { background-color: transparent; }
.dark .pricing-box.pricing-minimal .pricing-price {
background-color: transparent;
border-bottom-color: rgba(255,255,255,0.1);
}
.dark .pricing-box.pricing-extended { background-color: transparent; }
.dark .pricing-box.pricing-extended .pricing-action-area {
border-left-color: rgba(255,255,255,0.15);
background-color: rgba(0,0,0,0.2);
}
.dark .pricing-box.pricing-extended .pricing-meta { color: #999; }
.dark .counter.counter-lined + h5:before { border-color: #EEE; }
.dark .easyPieChart { color: #EEE; }
.dark .skills li { background-color: rgba(255,255,255,0.15); }
.dark .skills li .progress-percent { background-color: #4E4E4E; }
.dark .progress-percent:after,
.dark .progress-percent:before { border-top-color: #4E4E4E; }
.dark .skills li > span {
font-weight: 600;
color: #CCC;
}
.dark .owl-carousel.owl-loading { background-image: url('../images/preloader-dark.gif'); }
.dark .owl-theme .owl-controls .owl-nav [class*=owl-] {
border-color: transparent;
color: #EEE;
background-color: rgba(0,0,0,0.5);
}
.dark label { color: #BBB; }
.dark label.label-muted { color: #777; }
.dark #contact-form-overlay,
.dark #contact-form-overlay-mini { background-color: #383838; }
.dark .title-block > span { color: #999; }
.dark .heading-block:not(.not-dark),
.dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4,
.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2 { color: #FFF; }
.dark .heading-block.not-dark h1,
.dark .heading-block.not-dark h2,
.dark .heading-block.not-dark h3,
.dark .heading-block.not-dark h4,
.dark .emphasis-title.not-dark h1,
.dark .emphasis-title.not-dark h2 { color: #333; }
.dark .heading-block:not(.not-dark) > span { color: #EEE; }
.dark .emphasis-title.not-dark { color: #444; }
.dark .fancy-title h1,
.dark .fancy-title h2,
.dark .fancy-title h3,
.dark .fancy-title h4,
.dark .fancy-title h5,
.dark .fancy-title h6 { background-color: #383838; }
.dark .fancy-title.title-double-border:before,
.dark .fancy-title.title-border:before,
.dark .fancy-title.title-border-color:before,
.dark .fancy-title.title-border:before { border-top-color: rgba(255,255,255,0.15); }
.dark .divider { color: rgba(255,255,255,0.15); }
.dark .divider:after,
.dark .divider.divider-center:before,
.dark .divider.divider-center.divider-short:before { border-top-color: rgba(255,255,255,0.1); }
.dark .divider.divider-rounded,
.dark .divider.divider-border { color: #999; }
.dark .divider.divider-rounded i,
.dark .divider.divider-border i { background-color: rgba(255,255,255,0.1); }
.dark .divider.divider-border i {
background-color: transparent;
border-color: rgba(255,255,255,0.15);
}
.dark .quote:before { color: rgba(255,255,255,0.1); }
.dark .highlight { background-color: rgba(0,0,0,0.2); }
.dark .top-advert {
border-left-color: rgba(255,255,255,0.1);
border-right-color: rgba(255,255,255,0.1);
}
.dark .error404 { color: rgba(255,255,255,0.15); }
.dark.error404-wrap .form-control::-webkit-input-placeholder { color: #888; }
.dark.error404-wrap .form-control::-moz-placeholder { color: #888; }
.dark.error404-wrap .form-control:-ms-input-placeholder { color: #888; }
.dark .preloader { background-color: rgba(0,0,0,0.2); }
.dark .preloader,
.dark .preloader2,
.dark .form-process { background-image: url('../images/preloader-dark.gif'); }
.dark .form-process { background-color: transparent; }
#footer.dark,
.dark #footer {
background-color: #333;
color: #CCC;
border-top-color: rgba(0,0,0,0.2);
}
.dark #copyrights {
background-color: rgba(0,0,0,0.2);
color: rgba(255,255,255,0.25);
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); }
.dark .copyright-links a {
color: rgba(255,255,255,0.25);
border-bottom-color: rgba(255,255,255,0.25);
}
.dark .copyright-links a:hover {
color: rgba(255,255,255,0.35);
border-bottom-color: rgba(255,255,255,0.35);
}
.dark .footer-widgets-wrap a { color: #CCC; }
.dark .footer-widgets-wrap a:hover { color: #999; }
.dark .sidebar-widgets-wrap .widget,
body.dark #side-panel .widget,
body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); }
body.dark #side-panel #side-panel-trigger-close a,
body #side-panel.dark #side-panel-trigger-close a {
background-color: rgba(0,0,0,0.2);
color: #FFF;
}
.dark .widget h4 { color: #DDD; }
.dark .widget p { opacity: 0.8; }
.dark .tagcloud a {
color: #999;
border-color: transparent;
background-color: rgba(0,0,0,0.2);
}
.dark .tagcloud a:hover {
border-color: transparent !important;
background-color: @theme-color;
color: #FFF !important;
}
.dark .widget_recent_comments li { background-image: url("../images/icons/widget-comment-dark.png"); }
.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_comments li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a {
color: #CCC;
background-image: url("../images/icons/widget-link-dark.png");
}
.dark .widget_nav_menu li a:hover,
.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_archive li a:hover,
.dark .widget_recent_comments li a:hover,
.dark .widget_recent_entries li a:hover,
.dark .widget_categories li a:hover,
.dark .widget_pages li a:hover,
.dark .widget_rss li a:hover { color: #AAA; }
.dark .nav-tree li a { color: #BBB; }
.dark #cookie-notification,
#cookie-notification.dark {
background-color: rgba(0,0,0,0.85);
color: #EEE;
}
/* Dark Scheme - Bootstrap
-----------------------------------------------------------------*/
.dark .show-grid [class^=col-] {
background-color: rgba(255,255,255,0.05);
border-color: rgba(255,255,255,0.1);
}
.dark mark {
background: rgba(0,0,0,0.5);
color: #FFF;
}
.dark fieldset { border-color: rgba(255,255,255,0.1); }
.dark .img-thumbnail {
background-color: rgba(0,0,0,0.2);
border-color: rgba(255,255,255,0.1);
}
.dark hr { border-top-color: rgba(255,255,255,0.1); }
.dark .page-header { border-bottom-color: rgba(255,255,255,0.1); }
.dark blockquote { border-left-color: rgba(255,255,255,0.2); }
.dark .blockquote-reverse,
.dark blockquote.pull-right { border-right-color: rgba(255,255,255,0.2); }
.dark code {
color: #DF6F72;
background-color: rgba(0,0,0,0.3);
}
.dark kbd { background-color: rgba(255,255,255,0.1); }
.dark pre {
color: #FFF;
background-color: rgba(0,0,0,0.3);
border-color: rgba(255,255,255,0.15);
}
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td { border-top-color: rgba(255,255,255,0.1); }
.dark .table > thead > tr > th { border-bottom-color: rgba(255,255,255,0.1); }
.dark .table > tbody + tbody { border-top-color: rgba(255,255,255,0.1); }
.dark .table .table { background-color: rgba(0,0,0,0.2); }
.dark .table-bordered { border-color: rgba(255,255,255,0.1); }
.dark .table-bordered > thead > tr > th,
.dark .table-bordered > tbody > tr > th,
.dark .table-bordered > tfoot > tr > th,
.dark .table-bordered > thead > tr > td,
.dark .table-bordered > tbody > tr > td,
.dark .table-bordered > tfoot > tr > td { border-color: rgba(255,255,255,0.1); }
.dark .table-striped > tbody > tr:nth-child(odd) > td,
.dark .table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd) { background-color: rgba(0,0,0,0.05); }
.dark .table-hover > tbody > tr:hover > td,
.dark .table-hover > tbody > tr:hover > th { background-color: rgba(0,0,0,0.1); }
.dark .table > thead > tr > td.active,
.dark .table > tbody > tr > td.active,
.dark .table > tfoot > tr > td.active,
.dark .table > thead > tr > th.active,
.dark .table > tbody > tr > th.active,
.dark .table > tfoot > tr > th.active,
.dark .table > thead > tr.active > td,
.dark .table > tbody > tr.active > td,
.dark .table > tfoot > tr.active > td,
.dark .table > thead > tr.active > th,
.dark .table > tbody > tr.active > th,
.dark .table > tfoot > tr.active > th { background-color: rgba(0,0,0,0.1); }
.dark .table-hover > tbody > tr > td.active:hover,
.dark .table-hover > tbody > tr > th.active:hover,
.dark .table-hover > tbody > tr.active:hover > td,
.dark .table-hover > tbody > tr.active:hover > th { background-color: rgba(255,255,255,0.1); }
@media (max-width: 767px) {
.table-responsive { border-color: rgba(255,255,255,0.1); }
}
.dark legend {
color: #DDD;
border-bottom-color: rgba(255,255,255,0.1);
}
.dark output { color: #999; }
.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
color: #999;
background-color: rgba(0,0,0,0.2);
border-color: rgba(0,0,0,0.25);
}
.dark .form-control:not(.not-dark) option,
.dark .sm-form-control:not(.not-dark) option { background-color: #282828; }
.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
background-color: rgba(0,0,0,0.3);
border-color: rgba(0,0,0,0.25) !important;
}
.dark .form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }
.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .sm-form-control:not(.not-dark) { background-color: rgba(255,255,255,0.1); }
.dark .input-group .form-control.error:not(.not-dark) { color: #E42C3E; }
.dark .sm-form-control.error:not(.not-dark) { border-color: #E42C3E !important; }
.dark .form-control.error:not(.not-dark)::-moz-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark):-ms-input-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder { color: rgba(228,44,62,0.6); }
.dark .btn:hover,
.dark .btn:focus { color: #FFF; }
.dark .btn-default {
color: #FFF;
background-color: rgba(0,0,0,0.2);
border-color: rgba(255,255,255,0.15);
}
.dark .btn-default:hover,
.dark .btn-default:focus,
.dark .btn-default:active,
.dark .btn-default.active,
.dark .open .dropdown-toggle.btn-default {
color: #FFF;
background-color: rgba(0,0,0,0.3);
border-color: rgba(255,255,255,0.2);
}
.dark .btn-default.disabled,
.dark .btn-default[disabled],
.dark fieldset[disabled] .btn-default,
.dark .btn-default.disabled:hover,
.dark .btn-default[disabled]:hover,
.dark fieldset[disabled] .btn-default:hover,
.dark .btn-default.disabled:focus,
.dark .btn-default[disabled]:focus,
.dark fieldset[disabled] .btn-default:focus,
.dark .btn-default.disabled:active,
.dark .btn-default[disabled]:active,
.dark fieldset[disabled] .btn-default:active,
.dark .btn-default.disabled.active,
.dark .btn-default[disabled].active,
.dark fieldset[disabled] .btn-default.active {
color: #BBB;
background-color: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.1);
}
.dark .btn-default .badge { background-color: rgba(255,255,255,0.1); }
.dark .btn-link:hover,
.dark .btn-link:focus { color: #EEE; }
.dark .dropdown-menu {
background-color: #333;
border-color: #3F3F3F;
}
.dark .dropdown-menu .divider { background-color: rgba(255,255,255,0.1); }
.dark .dropdown-menu > li > a { color: #DDD; }
.dark .dropdown-menu > li > a:hover,
.dark .dropdown-menu > li > a:focus {
color: #EEE;
background-color: rgba(255,255,255,0.1);
}
.dark .input-group-addon,
.dark .input-group-btn .btn-default {
color: #999;
background-color: rgba(0,0,0,0.35);
border-color: rgba(0,0,0,0.25);
}
.dark .input-group-btn .btn-default { color: #FFF; }
.dark .input-group-btn .btn-default:hover { background-color: rgba(0,0,0,0.30); }
.dark .nav > li > a:hover,
.dark .nav > li > a:focus,
.dark .nav .open > a,
.dark .nav .open > a:hover,
.dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); }
.dark .nav .nav-divider { background-color: rgba(255,255,255,0.1); }
.dark .nav-tabs { border-bottom-color: rgba(255,255,255,0.15); }
.dark .nav-tabs > li > a:hover {
border-color: rgba(255,255,255,0.2);
border-bottom: none;
}
.dark .nav-tabs.nav-justified > li > a:hover,
.dark .nav-tabs-justified > li > a:hover { border-bottom: 1px solid rgba(255,255,255,0.2); }
.dark .nav-tabs > li.active > a,
.dark .nav-tabs > li.active > a:hover,
.dark .nav-tabs > li.active > a:focus {
color: #DDD;
background-color: #383838;
border: 1px solid rgba(255,255,255,0.2);
border-bottom-color: #383838;
}
.dark .nav-tabs.nav-justified > .active > a,
.dark .nav-tabs.nav-justified > .active > a:hover,
.dark .nav-tabs.nav-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }
@media (min-width: 768px) {
.dark .nav-tabs.nav-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }
.dark .nav-tabs.nav-justified > .active > a,
.dark .nav-tabs.nav-justified > .active > a:hover,
.dark .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #383838; }
}
.dark .nav-tabs-justified > .active > a,
.dark .nav-tabs-justified > .active > a:hover,
.dark .nav-tabs-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }
@media (min-width: 768px) {
.dark .nav-tabs-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }
.dark .nav-tabs-justified > .active > a,
.dark .nav-tabs-justified > .active > a:hover,
.dark .nav-tabs-justified > .active > a:focus { border-bottom-color: #383838; }
}
.dark .navbar-default {
background-color: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.1);
}
.dark .navbar-default .navbar-brand { color: #EEE; }
.dark .navbar-default .navbar-brand:hover,
.dark .navbar-default .navbar-brand:focus { color: #BBB; }
.dark .navbar-default .navbar-text { color: #999; }
.dark .navbar-default .navbar-nav > li > a { color: #BBB; }
.dark .navbar-default .navbar-nav > li > a:hover,
.dark .navbar-default .navbar-nav > li > a:focus {
color: #EEE;
background-color: transparent;
}
.dark .navbar-default .navbar-nav > .active > a,
.dark .navbar-default .navbar-nav > .active > a:hover,
.dark .navbar-default .navbar-nav > .active > a:focus {
color: #EEE;
background-color: rgba(0,0,0,0.25);
}
.dark .navbar-default .navbar-nav > .disabled > a,
.dark .navbar-default .navbar-nav > .disabled > a:hover,
.dark .navbar-default .navbar-nav > .disabled > a:focus { color: #999; }
.dark .navbar-default .navbar-toggle { border-color: rgba(255,255,255,0.15); }
.dark .navbar-default .navbar-toggle:hover,
.dark .navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.15); }
.dark .navbar-default .navbar-toggle .icon-bar { background-color: #BBB; }
.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form { border-color: rgba(255,255,255,0.15); }
.dark .navbar-default .navbar-nav > .open > a,
.dark .navbar-default .navbar-nav > .open > a:hover,
.dark .navbar-default .navbar-nav > .open > a:focus {
background-color: rgba(0,0,0,0.25);
color: #EEE;
}
@media (max-width: 767px) {
.dark .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #BBB; }
.dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #EEE; }
.dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: rgba(0,0,0,0.25);
color: #EEE;
}
.dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999; }
}
.dark .navbar-default .navbar-link { color: #BBB; }
.dark .navbar-default .navbar-link:hover { color: #EEE; }
.dark .pagination > li > a,
.dark .pagination > li > span,
.dark .pager li > a,
.dark .pager li > span {
color: #BBB;
background-color: rgba(255,255,255,0.1);
border-color: #666;
}
.dark .pagination > li > a:hover,
.dark .pagination > li > span:hover,
.dark .pagination > li > a:focus,
.dark .pagination > li > span:focus,
.dark .pager li > a:hover,
.dark .pager li > a:focus {
color: #EEE;
background-color: rgba(0,0,0,0.1);
}
.dark .pagination > .disabled > span,
.dark .pagination > .disabled > span:hover,
.dark .pagination > .disabled > span:focus,
.dark .pagination > .disabled > a,
.dark .pagination > .disabled > a:hover,
.dark .pagination > .disabled > a:focus,
.dark .pager .disabled > a,
.dark .pager .disabled > a:hover,
.dark .pager .disabled > a:focus,
.dark .pager .disabled > span {
color: #999;
background-color: rgba(255,255,255,0.2);
border-color: #777;
}
.dark .label-default { background-color: rgba(255,255,255,0.2); }
.dark .label-default[href]:hover,
.dark .label-default[href]:focus { background-color: rgba(0,0,0,0.2); }
.dark .badge { background-color: rgba(255,255,255,0.2); }
.btn .badge { background-color: #FFF; }
.dark .jumbotron { background-color: rgba(255,255,255,0.15); }
.dark .thumbnail {
background-color: rgba(255,255,255,0.15);
border-color: rgba(255,255,255,0.1);
}
.dark .thumbnail .caption { color: #EEE; }
.dark .progress { background-color: rgba(255,255,255,0.15); }
.dark .list-group-item {
background-color: rgba(0,0,0,0.2);
border-color: #444;
}
.dark a.list-group-item { color: #BBB; }
.dark a.list-group-item .list-group-item-heading { color: #DDD; }
.dark a.list-group-item:hover,
.dark a.list-group-item:focus { background-color: rgba(255,255,255,0.05); }
.dark a.list-group-item.active,
.dark a.list-group-item.active:hover,
.dark a.list-group-item.active:focus {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.dark .list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
.dark a.list-group-item-success { color: #3c763d; }
.dark a.list-group-item-success:hover,
.dark a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
.dark a.list-group-item-success.active,
.dark a.list-group-item-success.active:hover,
.dark a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.dark .list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
.dark a.list-group-item-info { color: #31708f; }
.dark a.list-group-item-info:hover,
.dark a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
.dark a.list-group-item-info.active,
.dark a.list-group-item-info.active:hover,
.dark a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.dark .list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
.dark a.list-group-item-warning { color: #8a6d3b; }
.dark a.list-group-item-warning:hover,
.dark a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
.dark a.list-group-item-warning.active,
.dark a.list-group-item-warning.active:hover,
.dark a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.dark .list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
.dark a.list-group-item-danger { color: #a94442; }
.dark a.list-group-item-danger:hover,
.dark a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
.dark a.list-group-item-danger.active,
.dark a.list-group-item-danger.active:hover,
.dark a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.dark .panel { background-color: rgba(0,0,0,0.2); }
.dark .panel-footer {
background-color: rgba(255,255,255,0.1);
border-top-color: rgba(255,255,255,0.1);
}
.dark .panel > .panel-body + .table,
.dark .panel > .panel-body + .table-responsive { border-top-color: rgba(255,255,255,0.1); }
.dark .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.1); }
.dark .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.1); }
.dark .panel-default { border-color: rgba(255,255,255,0.15); }
.dark .panel-default > .panel-heading {
color: #DDD;
background-color: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.1);
}
.dark .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.15); }
.dark .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.15); }
.dark .well {
background-color: rgba(0,0,0,0.2);
border-color: rgba(255,255,255,0.15);
}
.dark .well blockquote { border-color: rgba(255,255,255,0.15); }
.dark .close {
opacity: 1;
color: rgba(0,0,0,0.15);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.dark .close:hover,
.dark .close:focus {
color: rgba(0,0,0,0.4);
}
.dark .modal-content { border-color: #555; }
.dark .modal-header { border-bottom-color: rgba(255,255,255,0.15); }
.dark .modal-footer { border-top-color: rgba(255,255,255,0.15); }
.dark .popover {
background-color: #282828;
border-color: #494949;
}
.dark .popover-title {
background-color: rgba(255,255,255,0.1);
border-bottom-color: rgba(255,255,255,0.075);
}
.dark .popover.top > .arrow { border-top-color: #494949; }
.dark .popover.top > .arrow:after { border-top-color: #282828; }
.dark .popover.right > .arrow { border-right-color: #494949; }
.dark .popover.right > .arrow:after { border-right-color: #282828; }
.dark .popover.bottom > .arrow { border-bottom-color: #494949; }
.dark .popover.bottom > .arrow:after { border-bottom-color: #282828; }
.dark .popover.left > .arrow { border-left-color: #494949; }
.dark .popover.left > .arrow:after { border-left-color: #282828; }
@media (max-width: 991px) {
.dark .postcontent,
.dark .postcontent.bothsidebar,
.dark .sidebar { border-bottom-color: rgba(255,255,255,0.1); }
.dark #header.transparent-header,
.dark #header.semi-transparent,
#header.dark.transparent-header,
#header.dark.semi-transparent {
background-color: #333;
border-bottom-color: rgba(255,255,255,0.1);
}
.dark #primary-menu:not(.not-dark) ul li,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul ul li,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li { border-top-color: rgba(255,255,255,0.1) !important; }
.dark #primary-menu:not(.not-dark) > ul > li.sub-menu > a,
.dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a { background-image: url("../images/icons/submenu-dark.png"); }
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-2 > ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-3 > ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-4 > ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-5 > ul,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li { border-top-color: #EEE !important; }
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: @theme-color !important; }
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a { color: #444 !important; }
.dark .pricing-box.pricing-extended .pricing-action-area { border-top-color: rgba(255,255,255,0.15); }
}
OHA YOOOO