1824 lines
39 KiB
CSS
1824 lines
39 KiB
CSS
/*
|
|
REWRITE
|
|
essentials.css
|
|
layout.css
|
|
|
|
Dark section: #212121
|
|
Dark section alternate: #151515
|
|
*/
|
|
.btn {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Button Bordered */
|
|
.btn.btn-bordered {
|
|
border-color: #ddd;
|
|
border-width: 2px;
|
|
}
|
|
.btn.btn-bordered:hover {
|
|
color: #333;
|
|
background-color: #ddd;
|
|
}
|
|
|
|
pre {
|
|
color: #ccc;
|
|
border-color: rgba(0, 0, 0, 0.2);
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
section input,
|
|
section select,
|
|
section textarea {
|
|
color: #fff !important;
|
|
border-color: #999 !important;
|
|
background-color: #212121 !important;
|
|
}
|
|
h1.page-header,
|
|
h2.page-header,
|
|
h3.page-header,
|
|
h4.page-header,
|
|
h5.page-header,
|
|
h6.page-header {
|
|
border-bottom-color: #666;
|
|
}
|
|
.page-header ul.page-header-tabs > li.active > a:hover {
|
|
background-color: #212121;
|
|
}
|
|
.page-header ul.page-header-tabs > li:hover,
|
|
.page-header ul.page-header-tabs > li.active > a:hover {
|
|
border-color: #666 !important;
|
|
}
|
|
.page-header ul.page-header-tabs > li.active > a {
|
|
color: #fff;
|
|
}
|
|
.thumbnail {
|
|
border-color: #444;
|
|
background-color: transparent;
|
|
}
|
|
|
|
a.href-reset,
|
|
.href-reset a {
|
|
color: #eee;
|
|
}
|
|
|
|
body.boxed section {
|
|
background-color: #212121;
|
|
}
|
|
section {
|
|
background-color: #212121;
|
|
border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
div.alternate,
|
|
body.boxed section.alternate,
|
|
section.alternate {
|
|
background-color: #151515;
|
|
}
|
|
|
|
.btn-default {
|
|
color: #fff;
|
|
background-color: #212121;
|
|
border-color: #777;
|
|
}
|
|
body > #wrapper > .btn-default {
|
|
border-color: transparent;
|
|
}
|
|
body > #wrapper > .btn-default:hover {
|
|
color: #fff;
|
|
background-color: #121212;
|
|
}
|
|
|
|
hr {
|
|
background-image: -webkit-linear-gradient(
|
|
left,
|
|
transparent,
|
|
rgba(255, 255, 255, 0.2),
|
|
transparent
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
left,
|
|
transparent,
|
|
rgba(255, 255, 255, 0.2),
|
|
transparent
|
|
);
|
|
background-image: -ms-linear-gradient(
|
|
left,
|
|
transparent,
|
|
rgba(255, 255, 255, 0.2),
|
|
transparent
|
|
);
|
|
background-image: -o-linear-gradient(
|
|
left,
|
|
transparent,
|
|
rgba(255, 255, 255, 0.2),
|
|
transparent
|
|
);
|
|
background-image: linear-gradient(
|
|
left,
|
|
transparent,
|
|
rgba(255, 255, 255, 0.2),
|
|
transparent
|
|
);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 );
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: #fff;
|
|
}
|
|
p {
|
|
color: #ccc;
|
|
}
|
|
section .display-table h1,
|
|
section .display-table h2,
|
|
section .display-table h3,
|
|
section .display-table h4,
|
|
section .display-table h5,
|
|
section .display-table h6,
|
|
section .display-table p {
|
|
color: #333;
|
|
}
|
|
|
|
/** Color Background [layout.css]
|
|
**************************************************************** **/
|
|
body.grain-blue #header,
|
|
body.grain-grey #header,
|
|
body.grain-green #header,
|
|
body.grain-orange #header,
|
|
body.grain-yellow #header {
|
|
background-color: rgba(33, 33, 33, 0.8);
|
|
}
|
|
body.grain-blue #header.fixed,
|
|
body.grain-grey #header.fixed,
|
|
body.grain-green #header.fixed,
|
|
body.grain-orange #header.fixed,
|
|
body.grain-yellow #header..fixed {
|
|
background-color: #333;
|
|
}
|
|
|
|
/** Cards
|
|
**************************************************************** **/
|
|
.card {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/** SHOP [layout-shop.css]
|
|
*************************************************** **/
|
|
.tag.shop-color:hover {
|
|
border-color: #fff;
|
|
}
|
|
div.shop-item a.thumbnail {
|
|
border-color: #444 !important;
|
|
}
|
|
.shop-compare-title {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
/* cart */
|
|
.cartContent .item {
|
|
background: rgba(255, 255, 255, 0.04);
|
|
}
|
|
.cartContent .item {
|
|
border: rgba(255, 255, 255, 0.05) 1px solid;
|
|
}
|
|
.cartContent .sky-form.boxed {
|
|
border: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
.cartContent .qty input {
|
|
color: #000;
|
|
}
|
|
.cartContent .product_name > small {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.cartContent a.remove_item {
|
|
color: #eee;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
div.shop-item-buttons a.btn-default:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/** Tags [essentials.css]
|
|
*************************************************** **/
|
|
.tag > span.txt {
|
|
border: 1px solid #666;
|
|
color: #ccc;
|
|
}
|
|
.tag > span.num {
|
|
background: rgba(0, 0, 0, 0.01);
|
|
border-color: #666;
|
|
color: #ccc;
|
|
}
|
|
.tag > span.num:before {
|
|
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666;
|
|
}
|
|
.tag > span.num:after {
|
|
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #212121;
|
|
}
|
|
|
|
/** Inline Search [essentials.css]
|
|
*************************************************** **/
|
|
.inline-search form input.serch-input {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: #666 1px solid;
|
|
color: #aaa;
|
|
}
|
|
.inline-search form button {
|
|
border-left: #666 1px solid;
|
|
color: #999;
|
|
}
|
|
.inline-search form button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/** Timeline [layout.css]
|
|
*************************************************** **/
|
|
.timeline > .timeline-hline {
|
|
border-left-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.timeline .timeline-entry {
|
|
color: #666;
|
|
background-color: #212121;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.timeline .timeline-entry > .timeline-vline {
|
|
border-top-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
section.alternate .timeline .timeline-entry {
|
|
background-color: #151515;
|
|
}
|
|
.timeline .timeline-item-bordered {
|
|
border-left-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.timeline.timeline-inverse .timeline-item-bordered {
|
|
border-right-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
/** Comments [layout.css]
|
|
*************************************************** **/
|
|
.comments small {
|
|
color: #666;
|
|
}
|
|
.comments span.user-avatar {
|
|
background: transparent;
|
|
}
|
|
.comment-list .thumbnail {
|
|
border-color: #666;
|
|
background-color: #666;
|
|
}
|
|
.comment-list .panel.arrow.left:after {
|
|
border-right-color: #212121;
|
|
}
|
|
.comment-list .panel.arrow.right:after {
|
|
border-left-color: #212121;
|
|
}
|
|
|
|
/** Misc
|
|
*************************************************** **/
|
|
.tab-post a {
|
|
color: #ddd;
|
|
}
|
|
ul.widget-twitter li {
|
|
color: #ccc;
|
|
}
|
|
ul.side-nav .list-group-item {
|
|
border-bottom-color: #333;
|
|
border-top-color: #333;
|
|
}
|
|
.list-group-item {
|
|
color: #fff !important;
|
|
background-color: #212121;
|
|
border-color: #666 !important;
|
|
}
|
|
.list-group-item.active,
|
|
.list-group-item.active:focus,
|
|
.list-group-item.active:hover {
|
|
color: #fff !important;
|
|
background-color: #666;
|
|
border-color: #666 !important;
|
|
}
|
|
.input-group-addon {
|
|
background-color: #212121;
|
|
border-color: #666;
|
|
color: #eaeaea;
|
|
}
|
|
.form-control {
|
|
border-color: #666;
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
.form-control:focus {
|
|
border-color: #999;
|
|
}
|
|
.rating {
|
|
color: #666;
|
|
}
|
|
|
|
/* Link List - example: page-faq-4.html */
|
|
ul.list-links > li > a {
|
|
color: #fff;
|
|
}
|
|
|
|
.error-404 {
|
|
color: #666;
|
|
}
|
|
|
|
section.dark .border-top-1,
|
|
section.dark .border-top-2,
|
|
section.dark .border-top-3,
|
|
section.dark .border-bottom-1,
|
|
section.dark .border-bottom-2,
|
|
section.dark .border-bottom-3 {
|
|
border-color: #555;
|
|
}
|
|
|
|
/* Event List */
|
|
.event-item {
|
|
background-color: rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
.nav-tabs.nav-stacked > li > a,
|
|
.nav-tabs.nav-stacked > li.active > a,
|
|
div.tab-content.tab-stacked {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
div.tab-content.tab-stacked.nav-alternate {
|
|
background-color: transparent;
|
|
}
|
|
.nav-tabs.nav-stacked > li.active > a {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
.nav-tabs.nav-stacked > li > a,
|
|
.nav-tabs.nav-stacked > li.active > a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/** Heading Links
|
|
*************************************************** **/
|
|
h1 a,
|
|
h2 a,
|
|
h3 a,
|
|
h4 a,
|
|
h5 a,
|
|
h6 a {
|
|
color: #eee;
|
|
}
|
|
h1 a:hover,
|
|
h2 a:hover,
|
|
h3 a:hover,
|
|
h4 a:hover,
|
|
h5 a:hover,
|
|
h6 a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/** Portfolio [layout.css]
|
|
*************************************************** **/
|
|
#portfolio h2,
|
|
#portfolio h3 {
|
|
color: #fff;
|
|
}
|
|
ul.categories > li > a {
|
|
color: #999;
|
|
}
|
|
ul.categories > li > a:hover {
|
|
color: #ccc;
|
|
}
|
|
.portfolio-ajax-page header a:hover {
|
|
color: #fff;
|
|
}
|
|
ul.categories > li:after {
|
|
color: #999;
|
|
}
|
|
|
|
/** Search [layout.css]
|
|
*************************************************** **/
|
|
/* fullscreen search */
|
|
#header li.search.fullscreen.dark > .search-box {
|
|
background-color: rgba(0, 0, 0, 0.95) !important;
|
|
}
|
|
#header li.search.fullscreen.dark > .search-box > form input {
|
|
color: #ddd;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
border-right-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
#header li.search.fullscreen.dark > .search-box > form button {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
#header li.search.fullscreen.dark > .search-box > form button > i {
|
|
color: #999;
|
|
}
|
|
#header li.search.fullscreen.dark > .search-box > form button:hover > i {
|
|
color: #fff;
|
|
}
|
|
#header li.search.fullscreen.dark #closeSearch {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
color: #888;
|
|
}
|
|
#header li.search.fullscreen.dark #closeSearch:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* header search */
|
|
#header .search-box.over-header {
|
|
background-color: #333 !important;
|
|
}
|
|
#header .search-box.over-header > form > input {
|
|
color: #fff;
|
|
}
|
|
#header .search-box.over-header > form > input::-webkit-input-placeholder {
|
|
/* WebKit browsers */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input:-moz-placeholder {
|
|
/* Mozilla Firefox 4 to 18 */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input::-moz-placeholder {
|
|
/* Mozilla Firefox 19+ */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input:-ms-input-placeholder {
|
|
/* Internet Explorer 10+ */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header #closeSearch {
|
|
color: #fff;
|
|
}
|
|
|
|
/** OWL Carousel [essentials.css]
|
|
*************************************************** **/
|
|
.owl-theme .owl-controls .owl-buttons div {
|
|
color: #fff;
|
|
background: #212121;
|
|
border: #212121 1px solid;
|
|
}
|
|
/* featured - basic carousel */
|
|
.owl-carousel.featured .owl-featured-detail > a.featured-title {
|
|
color: #fff;
|
|
}
|
|
.owl-carousel.featured .owl-featured-detail:after {
|
|
border-bottom-color: #212121;
|
|
}
|
|
.owl-carousel.featured .owl-featured-item:hover {
|
|
background-color: #111;
|
|
}
|
|
.owl-carousel.featured .owl-featured-item:hover > .owl-featured-detail:after {
|
|
border-bottom-color: #111;
|
|
}
|
|
.owl-carousel.featured .owl-prev,
|
|
.owl-carousel.featured .owl-next {
|
|
color: #999 !important;
|
|
}
|
|
.owl-carousel.featured .owl-prev:hover,
|
|
.owl-carousel.featured .owl-next:hover {
|
|
color: #fff !important;
|
|
}
|
|
h2.owl-featured {
|
|
border-bottom-color: #666;
|
|
}
|
|
|
|
.owl-carousel.featured a {
|
|
color: #999;
|
|
}
|
|
|
|
/** Header & Top Bar [layout.css]
|
|
*************************************************** **/
|
|
#header {
|
|
border-bottom-color: rgba(255, 255, 255, 0.03);
|
|
}
|
|
#header.bottom {
|
|
border-bottom-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
#header #topMain {
|
|
background-color: #333;
|
|
}
|
|
|
|
/* topbar */
|
|
#topBar {
|
|
color: #ccc;
|
|
background-color: #363839;
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
#topBar .dropdown-menu a,
|
|
#topBar ul.top-links > li > a {
|
|
color: #fff;
|
|
}
|
|
#topBar .dropdown-menu a:hover {
|
|
color: #fff !important;
|
|
background-color: #333;
|
|
}
|
|
#topBar ul.top-links > li {
|
|
border-right: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
#topBar .dropdown-menu {
|
|
background-color: #363839;
|
|
}
|
|
#topBar .dropdown-menu .divider {
|
|
background-color: #444;
|
|
}
|
|
#topBar > .border-bottom {
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
#topBar > .border-top {
|
|
border-top-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* banner */
|
|
#topBar .banner {
|
|
border-left: rgba(255, 255, 255, 0.05) 1px solid;
|
|
}
|
|
|
|
#header .search-box.over-header {
|
|
background-color: #333 !important;
|
|
}
|
|
#header .search-box.over-header > form > input {
|
|
color: #fff;
|
|
}
|
|
#header .search-box.over-header > form > input::-webkit-input-placeholder {
|
|
/* WebKit browsers */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input:-moz-placeholder {
|
|
/* Mozilla Firefox 4 to 18 */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input::-moz-placeholder {
|
|
/* Mozilla Firefox 19+ */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header > form > input:-ms-input-placeholder {
|
|
/* Internet Explorer 10+ */
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#header .search-box.over-header #closeSearch {
|
|
color: #fff;
|
|
}
|
|
|
|
#header.transparent #topMain {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Dark & Color Header */
|
|
#header {
|
|
background-color: #333;
|
|
}
|
|
#header #topMain.nav-pills > li > a {
|
|
color: #ccc;
|
|
}
|
|
#header #topMain.nav-pills > li.active > a,
|
|
#header #topMain.nav-pills > li > a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* DARK CART & SEARCH */
|
|
#header li.search .search-box,
|
|
#header li.quick-cart .quick-cart-box,
|
|
#header li.quick-user .quick-user-box {
|
|
background-color: #333;
|
|
}
|
|
|
|
#header.translucent ul.nav-second-main li i,
|
|
#header.translucent li.search i.fa,
|
|
#header li.quick-cart .quick-cart-box a,
|
|
#header li.quick-user .quick-user-box a,
|
|
#header li.quick-cart .quick-cart-box a h6,
|
|
#header li.quick-user .quick-user-box a h6,
|
|
#header li.quick-cart .quick-cart-footer,
|
|
#header li.quick-user .quick-user-footer,
|
|
#header li.quick-cart .quick-cart-box h4,
|
|
#header li.quick-user .quick-user-box h4 {
|
|
color: #fff !important;
|
|
}
|
|
#header li.quick-cart .quick-cart-box h4,
|
|
#header li.quick-user .quick-user-box h4,
|
|
#header li.quick-cart .quick-cart-box a,
|
|
#header li.quick-user .quick-user-box a {
|
|
border-bottom: rgba(255, 255, 255, 0.08) 1px solid;
|
|
}
|
|
#header li.quick-cart .quick-cart-box a:hover,
|
|
#header li.quick-user .quick-user-box a:hover {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
}
|
|
#header li.search .search-box input {
|
|
color: #999;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
|
|
-webkit-transition: all 0.2s;
|
|
-moz-transition: all 0.2s;
|
|
-o-transition: all 0.2s;
|
|
transition: all 0.2s;
|
|
}
|
|
#header li.search .search-box input:focus,
|
|
#header li.search .search-box textarea:focus {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
#header li.quick-cart i.fa,
|
|
#header li.search i.fa {
|
|
color: #fff;
|
|
}
|
|
|
|
#header #topMain,
|
|
#header .nav-pills > li.active > a {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/** Tables [essentials.css]
|
|
*************************************************** **/
|
|
table tr.odd {
|
|
color: #ddd;
|
|
background-color: #777;
|
|
}
|
|
table tr.odd:hover {
|
|
background-color: #888;
|
|
}
|
|
table tr.even {
|
|
color: #ddd;
|
|
}
|
|
table tr.even:hover {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.table-bordered {
|
|
border-color: #666;
|
|
}
|
|
.table-bordered > tbody > tr > td,
|
|
.table-bordered > tbody > tr > th,
|
|
.table-bordered > tfoot > tr > td,
|
|
.table-bordered > tfoot > tr > th,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > thead > tr > th {
|
|
border-color: #666;
|
|
}
|
|
.table > tbody > tr:hover > td {
|
|
color: #000;
|
|
}
|
|
|
|
table a {
|
|
color: #ddd;
|
|
}
|
|
|
|
.table-striped > tbody > tr:nth-of-type(odd) {
|
|
background-color: #212121;
|
|
}
|
|
|
|
/* jqgrid */
|
|
.ui-pg-table {
|
|
color: #333;
|
|
}
|
|
.ui-jqgrid .btn-default,
|
|
.ui-widget-content {
|
|
color: #fff !important;
|
|
background-color: #212121 !important;
|
|
}
|
|
|
|
/** Forms [essentials.css]
|
|
*************************************************** **/
|
|
select > option,
|
|
select > optgroup {
|
|
background-color: #333;
|
|
}
|
|
|
|
.radio,
|
|
.checkbox {
|
|
color: #eee;
|
|
}
|
|
.radio i,
|
|
.checkbox i {
|
|
border-color: rgba(255, 255, 255, 0.3);
|
|
background: transparent;
|
|
}
|
|
.input:hover input,
|
|
.select:hover select,
|
|
.textarea:hover textarea,
|
|
.radio:hover i,
|
|
.checkbox:hover i,
|
|
.toggle:hover i {
|
|
border-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
.input input:focus,
|
|
.select select:focus,
|
|
.textarea textarea:focus,
|
|
.radio input:focus + i,
|
|
.checkbox input:focus + i,
|
|
.toggle input:focus + i {
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.radio input + i:after {
|
|
background-color: rgba(255, 255, 255, 8);
|
|
}
|
|
.checkbox input + i:after {
|
|
color: rgba(255, 255, 255, 8);
|
|
}
|
|
.radio input:checked + i,
|
|
.checkbox input:checked + i,
|
|
.toggle input:checked + i {
|
|
border-color: rgba(255, 255, 255, 8);
|
|
}
|
|
.fancy-form-select:before {
|
|
background: #262626;
|
|
}
|
|
.fancy-form .fancy-hint {
|
|
border-color: #666;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* autosuggest
|
|
---------------- */
|
|
div.autosuggest .tt-menu {
|
|
border-color: #999;
|
|
background-color: #333;
|
|
}
|
|
.select2-dropdown {
|
|
border-color: #666;
|
|
}
|
|
|
|
/* select2
|
|
---------------- */
|
|
.select2-container--default .select2-selection--single {
|
|
border-color: #666;
|
|
}
|
|
.select2-dropdown {
|
|
color: #fff;
|
|
background-color: #666;
|
|
}
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
color: #fff;
|
|
background-color: #666;
|
|
}
|
|
.select2-container--default
|
|
.select2-selection--single
|
|
.select2-selection__rendered {
|
|
color: #fff;
|
|
}
|
|
|
|
/* timepicker
|
|
---------------- */
|
|
.time_pick .prev,
|
|
.time_pick .next {
|
|
border-color: #666;
|
|
color: #fff;
|
|
}
|
|
.time_pick .timepicker_wrap {
|
|
color: #eee;
|
|
background: #212121;
|
|
background: #333;
|
|
border-color: #666;
|
|
}
|
|
.time_pick input.timepicki-input {
|
|
color: #333;
|
|
border-color: #666;
|
|
}
|
|
|
|
/* colorpicker
|
|
---------------- */
|
|
section.dark .sp-replacer {
|
|
border-color: #666;
|
|
}
|
|
.sp-container {
|
|
background-color: #262626;
|
|
border-color: #666;
|
|
}
|
|
|
|
/* UI Slider
|
|
---------------- */
|
|
.slider-wrapper,
|
|
.sliderv-wrapper {
|
|
background-color: #222;
|
|
}
|
|
|
|
/** Page Header [layout.css]
|
|
*************************************************** **/
|
|
.page-header {
|
|
color: #fff;
|
|
background-color: #151515 !important;
|
|
border-bottom-color: #333 !important;
|
|
}
|
|
.page-header ul.page-header-tabs > li.active {
|
|
background-color: #111;
|
|
}
|
|
.page-header ul.page-header-tabs > li > a {
|
|
color: #fff;
|
|
}
|
|
.page-header ul.page-header-tabs > li:hover {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.page-header ul.page-header-tabs > li.active {
|
|
background-color: #212121;
|
|
}
|
|
.page-header ul.page-header-tabs > li.active {
|
|
border: rgba(255, 255, 255, 0.1) 1px solid;
|
|
border-bottom: 0;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.page-header ul.page-header-tabs {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.page-header ul.page-header-tabs > li {
|
|
border: 0;
|
|
}
|
|
}
|
|
.page-header ul.page-options a,
|
|
.page-header .breadcrumb a {
|
|
color: #ccc !important;
|
|
}
|
|
|
|
/** Non Bootstrap Grid [visible lines] [essentials.css]
|
|
*************************************************** **/
|
|
ul.grid {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
ul.grid > li {
|
|
-webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1);
|
|
-moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/** Contact [layout.css]
|
|
*************************************************** **/
|
|
.contact-over-box {
|
|
background-color: #212121;
|
|
}
|
|
|
|
/** [Shortcode] Blockquote
|
|
*************************************************** **/
|
|
blockquote {
|
|
border-left-color: #666;
|
|
}
|
|
blockquote.reverse {
|
|
border-right-color: #666;
|
|
}
|
|
|
|
/** [Shortcode] Alerts
|
|
*************************************************** **/
|
|
div.alert-default {
|
|
color: #fff;
|
|
background-color: #999;
|
|
}
|
|
|
|
div.alert * {
|
|
color: #333 !important;
|
|
}
|
|
div.alert a {
|
|
color: #fff !important;
|
|
border: 0 !important;
|
|
}
|
|
.alert-default h1,
|
|
.alert-default h2,
|
|
.alert-default h3,
|
|
.alert-default h4,
|
|
.alert-default h5,
|
|
.alert-default h6,
|
|
.alert-default p {
|
|
color: #fff !important;
|
|
}
|
|
|
|
div.alert.bordered-bottom {
|
|
border-bottom: #666 1px solid;
|
|
}
|
|
div.alert.bordered-top {
|
|
border-bottom: #666 1px solid;
|
|
}
|
|
|
|
div.alert.alert-bordered-dotted *,
|
|
div.alert.alert-bordered-dashed *,
|
|
div.alert.alert-bordered *,
|
|
div.alert.alert-dark *,
|
|
div.alert.alert-theme-color * {
|
|
color: #fff !important;
|
|
}
|
|
.alert.alert-transparent {
|
|
background-color: #212121;
|
|
}
|
|
|
|
/** [Shortcode] Counters
|
|
*************************************************** **/
|
|
span.countTo {
|
|
color: #999;
|
|
}
|
|
.countdown-amount {
|
|
color: #fff;
|
|
}
|
|
.countdown-section {
|
|
color: #ccc;
|
|
border-left-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
/** [Shortcode] Buttons
|
|
*************************************************** **/
|
|
section .btn-default:hover {
|
|
color: #1abc9c;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/** [Shortcode] Clients
|
|
*************************************************** **/
|
|
ul.clients-dotted > li:after,
|
|
ul.clients-dotted > li:before {
|
|
border-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
/** [Shortcode] Dividers
|
|
*************************************************** **/
|
|
div.divider i {
|
|
color: #666;
|
|
}
|
|
div.divider.divider-circle i {
|
|
color: #333;
|
|
background-color: #666;
|
|
}
|
|
div.divider.divider-border i {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
div.divider:after,
|
|
div.divider:before {
|
|
border-top-color: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
/** [Shortcode] Headings
|
|
*************************************************** **/
|
|
.heading-title h1,
|
|
.heading-title h2,
|
|
.heading-title h3,
|
|
.heading-title h4,
|
|
.heading-title h5,
|
|
.heading-title h6 {
|
|
background-color: #212121;
|
|
}
|
|
.heading-title.heading-arrow-bottom h1,
|
|
.heading-title.heading-arrow-bottom h2,
|
|
.heading-title.heading-arrow-bottom h3,
|
|
.heading-title.heading-arrow-bottom h4,
|
|
.heading-title.heading-arrow-bottom h5,
|
|
.heading-title.heading-arrow-bottom h6,
|
|
.heading-title.heading-arrow-top h1,
|
|
.heading-title.heading-arrow-top h2,
|
|
.heading-title.heading-arrow-top h3,
|
|
.heading-title.heading-arrow-top h4,
|
|
.heading-title.heading-arrow-top h5,
|
|
.heading-title.heading-arrow-top h6,
|
|
.heading-title.parallax h1,
|
|
.heading-title.parallax h2,
|
|
.heading-title.parallax h3,
|
|
.heading-title.parallax h4,
|
|
.heading-title.parallax h5,
|
|
.heading-title.parallax h6 {
|
|
background-color: transparent !important;
|
|
}
|
|
section.alternate .heading-title h1,
|
|
section.alternate .heading-title h2,
|
|
section.alternate .heading-title h3,
|
|
section.alternate .heading-title h4,
|
|
section.alternate .heading-title h5,
|
|
section.alternate .heading-title h6 {
|
|
background-color: #151515;
|
|
}
|
|
|
|
.heading-title.heading-line-single:before {
|
|
border-top: #666 1px solid;
|
|
}
|
|
.heading-title.heading-line-double:before {
|
|
border-top: #666 3px double;
|
|
}
|
|
div.heading-title.heading-border-left,
|
|
div.heading-title.heading-border-right {
|
|
border-color: #666;
|
|
}
|
|
|
|
div.heading-title h1,
|
|
div.heading-title h2,
|
|
div.heading-title h3,
|
|
div.heading-title h4,
|
|
div.heading-title h5,
|
|
div.heading-title h6 {
|
|
background-color: #212121;
|
|
}
|
|
section.alternate div.heading-title h1,
|
|
section.alternate div.heading-title h2,
|
|
section.alternate div.heading-title h3,
|
|
section.alternate div.heading-title h4,
|
|
section.alternate div.heading-title h5,
|
|
section.alternate div.heading-title h6 {
|
|
background-color: #151515;
|
|
}
|
|
|
|
.heading-title.heading-line-single:before,
|
|
div.heading-title.heading-line-double:before {
|
|
border-top-color: #666;
|
|
}
|
|
div.heading-title.heading-border-bottom {
|
|
border-bottom-color: #666;
|
|
}
|
|
div.heading-title.heading-border-left {
|
|
border-left-color: #666;
|
|
}
|
|
div.heading-title.heading-border-right {
|
|
border-right-color: #666;
|
|
}
|
|
|
|
/** [Shortcode] Icon Boxes
|
|
*************************************************** **/
|
|
.box-icon .box-icon-title > i {
|
|
background-color: #666;
|
|
}
|
|
.box-icon a.box-icon-more,
|
|
.box-icon.box-icon-transparent .box-icon-title > i {
|
|
color: #fff;
|
|
}
|
|
.box-icon .box-icon-title.box-icon-transparent > i {
|
|
color: #fff;
|
|
}
|
|
|
|
/* box content */
|
|
.box-icon.box-icon-content {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.box-icon.box-icon-content .box-icon-title > i {
|
|
color: #fff;
|
|
background-color: #212121;
|
|
}
|
|
|
|
/* transparent icon */
|
|
section.alternate .box-icon.box-icon-content .box-icon-title > i {
|
|
color: #fff;
|
|
background-color: #151515;
|
|
border: #555 1px solid;
|
|
}
|
|
|
|
/* box video & image */
|
|
.box-video,
|
|
.box-image {
|
|
border: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
|
|
/* blox flip */
|
|
.box-flip .box1 {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
.box-flip .box-icon-title > i {
|
|
color: #fff;
|
|
}
|
|
|
|
/* box static */
|
|
.box-static.box-bordered {
|
|
border: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
.box-static {
|
|
padding: 15px;
|
|
background-color: #666;
|
|
}
|
|
.box-static.box-border-top {
|
|
border-top: #ddd 3px solid;
|
|
}
|
|
.box-static .box-title {
|
|
border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
|
|
}
|
|
|
|
/** Box Colors */
|
|
.box-light {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
.box-dark {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.box-light .box-inner {
|
|
background-color: #222;
|
|
}
|
|
.box-dark .box-inner {
|
|
background-color: #111;
|
|
}
|
|
.box-light .box-footer {
|
|
background-color: #222;
|
|
}
|
|
.box-dark .box-footer {
|
|
background-color: #111;
|
|
}
|
|
.box-inner h1,
|
|
.box-inner h2,
|
|
.box-inner h3,
|
|
.box-inner h4,
|
|
.box-inner h5,
|
|
.box-inner h6 {
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.box-inner h1 > a:hover,
|
|
.box-inner h2 > a:hover,
|
|
.box-inner h3 > a:hover,
|
|
.box-inner h4 > a:hover,
|
|
.box-inner h5 > a:hover,
|
|
.box-inner h6 > a:hover {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
/** [Shortcode] Labels & Badges
|
|
*************************************************** **/
|
|
.nav-pills > li > a,
|
|
.nav-pills > li.active > a:hover,
|
|
.nav-pills > li.active > a,
|
|
section .nav-pills > li > a,
|
|
section .nav-pills > li.active > a:hover,
|
|
section .nav-pills > li.active > a {
|
|
color: #fff;
|
|
}
|
|
|
|
.nav-pills > li.active > a {
|
|
background-color: rgba(255, 255, 255, 0.3) !important;
|
|
}
|
|
|
|
a.label,
|
|
.label {
|
|
color: #fff;
|
|
}
|
|
section .nav-pills > li > a:hover,
|
|
section .nav-pills > li > a:focus,
|
|
section .nav-pills > li.active > a,
|
|
section .nav-pills > li.active > a:hover,
|
|
section .nav-pills > li.active > a:focus {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
|
|
/** [Shortcode] Panels
|
|
*************************************************** **/
|
|
.panel {
|
|
background-color: #212121;
|
|
border-color: #666;
|
|
}
|
|
.panel .panel-heading,
|
|
.panel .panel-heading h2 {
|
|
color: #111 !important;
|
|
}
|
|
.panel .panel-heading.panel-heading-transparent,
|
|
.panel .panel-heading.panel-heading-transparent h2 {
|
|
color: #eaeaea !important;
|
|
}
|
|
.panel .btn {
|
|
color: #fff !important;
|
|
}
|
|
.panel-default > .panel-heading {
|
|
border-color: #666;
|
|
background-color: transparent;
|
|
}
|
|
.panel-default > .panel-heading h2 {
|
|
color: #fff !important;
|
|
}
|
|
.panel-footer {
|
|
border-top-color: #666;
|
|
background-color: #313131;
|
|
}
|
|
.table {
|
|
color: #fff;
|
|
background-color: #373737;
|
|
}
|
|
.table > thead > tr > th {
|
|
border-bottom-color: #666;
|
|
}
|
|
.panel > .panel-body + .table,
|
|
.panel > .panel-body + .table-responsive,
|
|
.panel > .table + .panel-body,
|
|
.panel > .table-responsive + .panel-body,
|
|
.table > tbody > tr > td,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > td,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > thead > tr > th {
|
|
border-top-color: #666;
|
|
}
|
|
|
|
/** [Shortcode] Modals
|
|
*************************************************** **/
|
|
.modal-header {
|
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
.modal-content {
|
|
background-color: #444;
|
|
}
|
|
.modal-title,
|
|
.modal-body,
|
|
.modal-body h1,
|
|
.modal-body h2,
|
|
.modal-body h3,
|
|
.modal-body h4,
|
|
.modal-body h5,
|
|
.modal-body h6 {
|
|
color: #ddd;
|
|
}
|
|
.modal-header .close {
|
|
color: #fff;
|
|
}
|
|
|
|
/** [Shortcode] Navigations
|
|
*************************************************** **/
|
|
.navbar-default .navbar-brand,
|
|
.navbar-default .navbar-nav > li > a {
|
|
color: #999;
|
|
}
|
|
.navbar-default .navbar-brand:hover,
|
|
.navbar-default .navbar-nav > li > a:hover {
|
|
color: #ddd;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .open > a,
|
|
.navbar-default .navbar-nav > .open > a:focus,
|
|
.navbar-default .navbar-nav > .open > a:hover,
|
|
.navbar-default .navbar-nav > .active > a,
|
|
.navbar-default .navbar-nav > .active > a:focus,
|
|
.navbar-default .navbar-nav > .active > a:hover {
|
|
color: #ddd;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.navbar-default {
|
|
background-color: #555;
|
|
border-color: #555;
|
|
}
|
|
.navbar-inverse {
|
|
background-color: #111;
|
|
border-color: #111;
|
|
}
|
|
|
|
.nav-tabs.nav-button-tabs > li > a {
|
|
color: #fff !important;
|
|
}
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:focus,
|
|
.nav-tabs > li.active > a:hover {
|
|
color: #ddd;
|
|
background-color: #555;
|
|
border-color: #555;
|
|
}
|
|
.nav-tabs {
|
|
border-color: #555;
|
|
}
|
|
.nav-tabs > li > a {
|
|
color: #ccc;
|
|
}
|
|
.nav-tabs > li > a:hover {
|
|
border-color: transparent;
|
|
background-color: #555;
|
|
}
|
|
|
|
/** [Shortcode] Paginations
|
|
*************************************************** **/
|
|
.pagination > li,
|
|
.pagination > li > a {
|
|
color: #ccc !important;
|
|
border-color: #666;
|
|
background-color: transparent;
|
|
}
|
|
.pagination > li > a:hover,
|
|
.pagination > li > span:hover {
|
|
background-color: #555;
|
|
}
|
|
.pagination > li.active > a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* pager */
|
|
.pager li > a,
|
|
.pager li > span {
|
|
background-color: #666;
|
|
border-color: #888;
|
|
color: #fff;
|
|
}
|
|
.pager li > a:hover {
|
|
background-color: #555;
|
|
}
|
|
|
|
/* simple pagination */
|
|
.pagination.pagination-simple > li > a {
|
|
border-left: #666 1px solid !important;
|
|
color: #888 !important;
|
|
}
|
|
.pagination.pagination-simple > li.active > a {
|
|
color: #eee !important;
|
|
}
|
|
.pagination.pagination-simple > li:first-child > a {
|
|
border: 0 !important;
|
|
}
|
|
|
|
/** [Shortcode] Progress Bars & Pie Charts
|
|
**************************************************************** **/
|
|
.progress {
|
|
background-color: #333;
|
|
}
|
|
|
|
/** [Shortcode] Social Icons
|
|
**************************************************************** **/
|
|
/* bordered */
|
|
a.social-icon.social-icon-border {
|
|
color: #fff;
|
|
border-color: #666;
|
|
}
|
|
a.social-icon.social-icon-border:hover > i {
|
|
}
|
|
|
|
/* light */
|
|
a.social-icon.social-icon-light {
|
|
background-color: #666;
|
|
color: #fff !important;
|
|
}
|
|
a.social-icon.social-icon-light:hover > i {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* dark */
|
|
a.social-icon.social-icon-dark {
|
|
background-color: #111;
|
|
color: #fff;
|
|
}
|
|
|
|
/* transparent */
|
|
a.social-icon.social-icon-transparent {
|
|
color: #999;
|
|
}
|
|
a.social-icon.social-icon-transparent:hover > i {
|
|
color: #fff;
|
|
}
|
|
|
|
/** [Shortcode] Callouts
|
|
*************************************************** **/
|
|
.callout,
|
|
.callout p,
|
|
.callout.alert {
|
|
color: #111;
|
|
}
|
|
|
|
.callout h1,
|
|
.callout h2,
|
|
.callout h3,
|
|
.callout h4,
|
|
.callout h5,
|
|
.callout h6,
|
|
.callout p {
|
|
color: #111 !important;
|
|
}
|
|
.callout.callout-theme-color *,
|
|
.alert.alert-transparent.bordered-bottom *,
|
|
.callout.callout-transparent *,
|
|
.callout.callout-dark *,
|
|
.callout.alert-transparent *,
|
|
.callout.alert-border *,
|
|
.callout.alert-default *,
|
|
.callout.alert-default h {
|
|
color: #fff !important;
|
|
}
|
|
.callout.alert-default h1,
|
|
.callout.alert-default h2,
|
|
.callout.alert-default h3,
|
|
.callout.alert-default h4,
|
|
.callout.alert-default h5,
|
|
.callout.alert-default h6,
|
|
.callout.alert-default p {
|
|
color: #111;
|
|
}
|
|
.callout.alert-bolder,
|
|
.callout.alert-bolder h1,
|
|
.callout.alert-bolder h2,
|
|
.callout.alert-bolder h3,
|
|
.callout.alert-bolder h4,
|
|
.callout.alert-bolder h5,
|
|
.callout.alert-bolder h6,
|
|
.callout.alert-bolder p {
|
|
color: #111;
|
|
}
|
|
.alert-border,
|
|
.alert-border h1,
|
|
.alert-border h2,
|
|
.alert-border h3,
|
|
.alert-border h4,
|
|
.alert-border h5,
|
|
.alert-border h6,
|
|
.alert-border p,
|
|
.callout .btn {
|
|
color: #fff;
|
|
}
|
|
.alert-transparent {
|
|
border-left-color: #444;
|
|
}
|
|
.alert-transparent,
|
|
.alert-transparent h1,
|
|
.alert-transparent h2,
|
|
.alert-transparent h3,
|
|
.alert-transparent h4,
|
|
.alert-transparent h5,
|
|
.alert-transparent h6,
|
|
.alert-transparent p,
|
|
.callout .btn {
|
|
color: #fff;
|
|
}
|
|
.callout.alert-border {
|
|
border-color: #666;
|
|
}
|
|
|
|
.callout-box.callout-default,
|
|
.callout-box.callout-default h1,
|
|
.callout-box.callout-default h2,
|
|
.callout-box.callout-default h3,
|
|
.callout-box.callout-default h4,
|
|
.callout-box.callout-default h5,
|
|
.callout-box.callout-default h6,
|
|
.callout-box.callout-default p {
|
|
color: #111;
|
|
}
|
|
.callout-box .btn {
|
|
color: #fff;
|
|
}
|
|
|
|
.callout-theme-color,
|
|
.callout-theme-color h1,
|
|
.callout-theme-color h2,
|
|
.callout-theme-color h3,
|
|
.callout-theme-color h4,
|
|
.callout-theme-color h5,
|
|
.callout-theme-color h6,
|
|
.callout-theme-color p {
|
|
color: #fff;
|
|
}
|
|
|
|
.callout-dark {
|
|
background-color: #111;
|
|
}
|
|
.callout-dark,
|
|
.callout-dark h1,
|
|
.callout-dark h2,
|
|
.callout-dark h3,
|
|
.callout-dark h4,
|
|
.callout-dark h5,
|
|
.callout-dark h6,
|
|
.callout-dark p {
|
|
color: #fff;
|
|
}
|
|
.callout-transparent,
|
|
.callout-transparent h1,
|
|
.callout-transparent h2,
|
|
.callout-transparent h3,
|
|
.callout-transparent h4,
|
|
.callout-transparent h5,
|
|
.callout-transparent h6,
|
|
.callout-transparent p {
|
|
color: #fff;
|
|
}
|
|
|
|
div.callout.alert.alert-border,
|
|
div.callout.alert.alert-border h1,
|
|
div.callout.alert.alert-border h2,
|
|
div.callout.alert.alert-border h3,
|
|
div.callout.alert.alert-border h4,
|
|
div.callout.alert.alert-border h5,
|
|
div.callout.alert.alert-border h6,
|
|
div.callout.alert.alert-border p {
|
|
color: #fff;
|
|
}
|
|
|
|
.callout.alert.alert-default,
|
|
.callout.callout-dark {
|
|
background-color: #111;
|
|
}
|
|
|
|
/* info bar */
|
|
.info-bar.info-bar-clean h1,
|
|
.info-bar.info-bar-clean h2,
|
|
.info-bar.info-bar-clean h3,
|
|
.info-bar.info-bar-clean h4,
|
|
.info-bar.info-bar-clean h5,
|
|
.info-bar.info-bar-clean h6,
|
|
.info-bar.info-bar-clean p {
|
|
color: #fff;
|
|
}
|
|
.info-bar.info-bar-clean {
|
|
color: #fff;
|
|
background-color: #111;
|
|
}
|
|
.info-bar.info-bar-bordered {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.info-bar div.row > div {
|
|
border-right-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.info-bar div.row > div i {
|
|
color: #fff;
|
|
}
|
|
.info-bar.info-bar-color div.row > div {
|
|
border-right-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.heading-title.heading-arrow-top,
|
|
.heading-title.heading-arrow-bottom {
|
|
background-color: #444;
|
|
}
|
|
.heading-title.heading-arrow-bottom:after {
|
|
border-top: 20px solid #444;
|
|
}
|
|
.heading-title.heading-arrow-top:after {
|
|
border-bottom: 20px solid #444;
|
|
border-bottom: 20px solid #444;
|
|
}
|
|
|
|
/** [Shortcode] Price Table
|
|
*************************************************** **/
|
|
div.price-table {
|
|
border-left-color: #212121;
|
|
background-color: #444;
|
|
}
|
|
div.price-table.popular {
|
|
background-color: #666;
|
|
}
|
|
div.price-table h3 {
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
div.price-table .btn {
|
|
color: #fff;
|
|
}
|
|
div.mega-price-table ul li.alternate,
|
|
div.mega-price-table .pricing {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
/** [Shortcode] Styled Icons
|
|
*************************************************** **/
|
|
i.ico-rounded,
|
|
i.ico-bordered {
|
|
color: #ddd;
|
|
border-color: #666;
|
|
}
|
|
i.ico-dark {
|
|
color: #ccc;
|
|
background-color: #111;
|
|
}
|
|
i.ico-light {
|
|
color: #ddd;
|
|
background-color: #444;
|
|
}
|
|
i.ico-transparent {
|
|
color: #ddd;
|
|
}
|
|
i.ico-color.ico-hover:hover {
|
|
background-color: #666;
|
|
}
|
|
|
|
/** [Shortcode] Box Shadow
|
|
**************************************************************** **/
|
|
.box-shadow-1 {
|
|
-webkit-box-shadow: 0 14px 6px -6px #111;
|
|
-moz-box-shadow: 0 14px 6px -6px #111;
|
|
box-shadow: 0 14px 6px -6px #111;
|
|
}
|
|
|
|
/** [Shortcode] Testimonials
|
|
**************************************************************** **/
|
|
div.testimonial-bordered {
|
|
border-color: #666;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
ul.testimonial-dotted > li:after {
|
|
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
|
|
}
|
|
ul.testimonial-dotted > li:before {
|
|
border-left: 1px dashed rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/** [Shortcode] Dropcap
|
|
**************************************************************** **/
|
|
.dropcap:first-letter {
|
|
color: #fff;
|
|
}
|
|
|
|
/** [Shortcode] Box Shadow
|
|
**************************************************************** **/
|
|
.box-shadow-1 {
|
|
-webkit-box-shadow: 0 14px 6px -6px #111;
|
|
-moz-box-shadow: 0 14px 6px -6px #111;
|
|
box-shadow: 0 14px 6px -6px #111;
|
|
}
|
|
.box-shadow-2:before,
|
|
.box-shadow-2:after {
|
|
background: #111;
|
|
-webkit-box-shadow: 0 15px 10px #111;
|
|
-moz-box-shadow: 0 15px 10px #111;
|
|
box-shadow: 0 15px 10px #111;
|
|
}
|
|
.box-shadow-3:before {
|
|
background: #111;
|
|
-webkit-box-shadow: 0 15px 10px #111;
|
|
-moz-box-shadow: 0 15px 10px #111;
|
|
box-shadow: 0 15px 10px #111;
|
|
}
|
|
.box-shadow-4:after {
|
|
background: #111;
|
|
-webkit-box-shadow: 0 15px 10px #111;
|
|
-moz-box-shadow: 0 15px 10px #111;
|
|
box-shadow: 0 15px 10px #111;
|
|
}
|
|
.box-shadow-5:before,
|
|
.box-shadow-5:after {
|
|
background: #111;
|
|
-webkit-box-shadow: 0 35px 20px #111;
|
|
-moz-box-shadow: 0 35px 20px #111;
|
|
box-shadow: 0 35px 20px #111;
|
|
}
|
|
.box-shadow-6 {
|
|
position: relative;
|
|
-webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
-moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
}
|
|
.box-shadow-6:before,
|
|
.box-shadow-6:after {
|
|
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
-moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
}
|
|
.box-shadow-7 {
|
|
position: relative;
|
|
-webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
-moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(255, 255, 255, 0.1) inset;
|
|
}
|
|
.box-shadow-7:before,
|
|
.box-shadow-7:after {
|
|
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
-moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
}
|
|
.box-shadow-8 {
|
|
position: relative;
|
|
-webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(0, 0, 0, 0.1) inset;
|
|
-moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(0, 0, 0, 0.1) inset;
|
|
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3),
|
|
0 0 40px rgba(0, 0, 0, 0.1) inset;
|
|
}
|
|
.box-shadow-8:before,
|
|
.box-shadow-8:after {
|
|
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
-moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
/** [Shortcode] Toggles & Accordions
|
|
**************************************************************** **/
|
|
div.toggle > label {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
div.toggle div.toggle-content {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
div.toggle.active > label:before {
|
|
border-bottom-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.toggle.toggle-bordered-full .toggle-content,
|
|
.toggle.toggle-bordered-full label:hover,
|
|
.toggle.toggle-bordered-full label,
|
|
.toggle.toggle-bordered-simple label:hover,
|
|
.toggle.toggle-bordered-simple label {
|
|
border-color: #666 !important;
|
|
}
|
|
|
|
/** [Plugin] Sky Form
|
|
**************************************************************** **/
|
|
.sky-form.boxed {
|
|
background-color: #333;
|
|
border: 0;
|
|
}
|
|
.sky-form header {
|
|
color: #fff;
|
|
background: -webkit-linear-gradient(top, #000 1%, #222 98%);
|
|
background: linear-gradient(to bottom, #000 1%, #222 98%);
|
|
border-bottom: rgba(255, 255, 255, 0.07) 1px solid;
|
|
}
|
|
.sky-form .checkbox i,
|
|
.sky-form .ico-append,
|
|
.sky-form .ico-prepend,
|
|
.sky-form .input input,
|
|
.sky-form .radio i,
|
|
.sky-form .select select,
|
|
.sky-form .textarea textarea,
|
|
.sky-form .toggle i {
|
|
border-color: #666;
|
|
}
|
|
|
|
.sky-form .input input,
|
|
.sky-form .select select,
|
|
.sky-form .textarea textarea {
|
|
background-color: transparent;
|
|
}
|
|
.sky-form footer {
|
|
border-top-color: #444;
|
|
}
|
|
|
|
.sky-form .checkbox input:hover + i,
|
|
.sky-form .input input:hover,
|
|
.sky-form .radio input:hover + i,
|
|
.sky-form .select select:hover,
|
|
.sky-form .textarea textarea:hover,
|
|
.sky-form .toggle input:hover + i,
|
|
.sky-form .checkbox input:focus + i,
|
|
.sky-form .input input:focus,
|
|
.sky-form .radio input:focus + i,
|
|
.sky-form .select select:focus,
|
|
.sky-form .textarea textarea:focus,
|
|
.sky-form .toggle input:focus + i {
|
|
border-color: #999;
|
|
}
|
|
|
|
/** [Plugin] Summernote
|
|
**************************************************************** **/
|
|
.note-editor {
|
|
border-color: #666;
|
|
}
|
|
.note-popover .popover .popover-content > .btn-group,
|
|
.note-toolbar > .btn-group > button {
|
|
background-color: #333 !important;
|
|
}
|
|
.note-editor .note-statusbar,
|
|
.note-editor .note-editable {
|
|
background-color: #333 !important;
|
|
}
|
|
.note-editor .note-toolbar {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.dropdown-menu,
|
|
.dropdown-menu p,
|
|
.dropdown-menu a,
|
|
.dropdown-menu > li > a,
|
|
.dropdown-menu > li > a > h1,
|
|
.dropdown-menu > li > a > h2,
|
|
.dropdown-menu > li > a > h3,
|
|
.dropdown-menu > li > a > h4,
|
|
.dropdown-menu > li > a > h5,
|
|
.dropdown-menu > li > a > h6,
|
|
.note-popover .popover .popover-content .note-para .dropdown-menu i.fa,
|
|
.note-toolbar .note-para .dropdown-menu i.fa {
|
|
color: #000;
|
|
}
|
|
|
|
/** [Plugin] Markdown
|
|
**************************************************************** **/
|
|
.md-editor {
|
|
border-color: #666;
|
|
}
|
|
.md-editor .md-header .btn-default {
|
|
border: 0;
|
|
background-color: #333;
|
|
}
|
|
.md-editor > .md-header {
|
|
background-color: #000;
|
|
}
|
|
.md-editor > textarea {
|
|
color: #fff;
|
|
background-color: #333;
|
|
border-top-color: #111;
|
|
border-bottom-color: #111;
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-input,
|
|
.md-editor.md-fullscreen-mode .md-preview,
|
|
.md-editor.md-fullscreen-mode {
|
|
color: #fff;
|
|
background-color: #333 !important;
|
|
}
|
|
|
|
/** [Plugin] Hover Button
|
|
**************************************************************** **/
|
|
.btn-hvr {
|
|
color: #333;
|
|
}
|
|
|
|
/** Thematics
|
|
**************************************************************** **/
|
|
.music-album-song-list li {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|