1881 lines
No EOL
38 KiB
CSS
1881 lines
No EOL
38 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 {
|
|
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-cart .quick-cart-box a h6,
|
|
#header li.quick-cart .quick-cart-footer,
|
|
#header li.quick-cart .quick-cart-box h4 {
|
|
color:#fff !important;
|
|
}
|
|
#header li.quick-cart .quick-cart-box h4,
|
|
#header li.quick-cart .quick-cart-box a {
|
|
border-bottom: rgba(255,255,255,0.08) 1px solid;
|
|
}
|
|
#header li.quick-cart .quick-cart-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,.2);
|
|
border-color: rgba(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,.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,.1);;
|
|
}
|
|
ul.grid>li {
|
|
-webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
|
-moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
|
box-shadow: 1px 1px 0 0 rgba(255,255,255,.1);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 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,.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);
|
|
} |