216 lines
5.2 KiB
SCSS
216 lines
5.2 KiB
SCSS
// DARK THEME
|
|
:root {--f7-theme-color: #132977;}
|
|
|
|
.theme-dark {
|
|
background-color: #1a2236;
|
|
|
|
.member-ul li.active a b,
|
|
.price-wrap .left-price h2,
|
|
.form-div h2,
|
|
.slide-wrapper h2 {color: #eee;}
|
|
.header-wrapper .search-div {border:1px #555 solid;}
|
|
.header-wrapper .nav-menu li a {color: #ddd !important;}
|
|
.search-wrapper,
|
|
.accordion .card .card-body,
|
|
.accordion .card .card-header,
|
|
.form-div {background-color: #293145;}
|
|
|
|
.header-wrapper .logo {color: lightsteelblue;}
|
|
|
|
.price-wrap .middle-price h6,
|
|
.form-div p,
|
|
.form-div label p,
|
|
.form-div .sign-up-text {color: #ddd;}
|
|
|
|
.form-div label p a,
|
|
.form-div .sign-up-text a {color: #fff; margin-left: 5px; }
|
|
.navbar-toggler {color: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 1); }
|
|
|
|
.accordion .card button.small-text a,
|
|
.accordion .card button.small-text {color: #fff;}
|
|
.card-header {border-bottom: 0 solid #000;}
|
|
}
|
|
|
|
.theme-dark .header-wrapper .logo .light {display: none;}
|
|
.theme-dark .header-wrapper .logo .dark {display: inline-block;}
|
|
|
|
.color-theme-red {
|
|
--f7-theme-color: #ff3b30;
|
|
--f7-theme-color-rgb: 255, 59, 48;
|
|
--f7-theme-color-shade: #ff1407;
|
|
--f7-theme-color-tint: #ff6259
|
|
}
|
|
|
|
.color-theme-green {
|
|
--f7-theme-color: #4cd964;
|
|
--f7-theme-color-rgb: 76, 217, 100;
|
|
--f7-theme-color-shade: #2cd048;
|
|
--f7-theme-color-tint: #6ee081
|
|
}
|
|
|
|
.color-theme-blue {
|
|
--f7-theme-color: #132977;
|
|
--f7-theme-color-rgb: 33, 150, 243;
|
|
--f7-theme-color-shade: #1E74FD;
|
|
--f7-theme-color-tint: #1E74FD;
|
|
}
|
|
|
|
.color-theme-pink {
|
|
--f7-theme-color: #ff2d55;
|
|
--f7-theme-color-rgb: 255, 45, 85;
|
|
--f7-theme-color-shade: #ff0434;
|
|
--f7-theme-color-tint: #ff5676
|
|
}
|
|
|
|
.color-theme-yellow {
|
|
--f7-theme-color: #ffcc00;
|
|
--f7-theme-color-rgb: 255, 204, 0;
|
|
--f7-theme-color-shade: #d6ab00;
|
|
--f7-theme-color-tint: #ffd429
|
|
}
|
|
|
|
.color-theme-orange {
|
|
--f7-theme-color: #ff9500;
|
|
--f7-theme-color-rgb: 255, 149, 0;
|
|
--f7-theme-color-shade: #d67d00;
|
|
--f7-theme-color-tint: #ffa629
|
|
}
|
|
|
|
.color-theme-purple {
|
|
--f7-theme-color: #9c27b0;
|
|
--f7-theme-color-rgb: 156, 39, 176;
|
|
--f7-theme-color-shade: #7e208f;
|
|
--f7-theme-color-tint: #b92fd1
|
|
}
|
|
|
|
.color-theme-deeppurple {
|
|
--f7-theme-color: #673ab7;
|
|
--f7-theme-color-rgb: 103, 58, 183;
|
|
--f7-theme-color-shade: #563098;
|
|
--f7-theme-color-tint: #7c52c8
|
|
}
|
|
|
|
.color-theme-lightblue {
|
|
--f7-theme-color: #5ac8fa;
|
|
--f7-theme-color-rgb: 90, 200, 250;
|
|
--f7-theme-color-shade: #32bbf9;
|
|
--f7-theme-color-tint: #82d5fb
|
|
}
|
|
|
|
.color-theme-teal {
|
|
--f7-theme-color: #009688;
|
|
--f7-theme-color-rgb: 0, 150, 136;
|
|
--f7-theme-color-shade: #006d63;
|
|
--f7-theme-color-tint: #00bfad
|
|
}
|
|
|
|
.color-theme-lime {
|
|
--f7-theme-color: #cddc39;
|
|
--f7-theme-color-rgb: 205, 220, 57;
|
|
--f7-theme-color-shade: #bac923;
|
|
--f7-theme-color-tint: #d6e25c
|
|
}
|
|
|
|
.color-theme-deeporange {
|
|
--f7-theme-color: #ff6b22;
|
|
--f7-theme-color-rgb: 255, 107, 34;
|
|
--f7-theme-color-shade: #f85200;
|
|
--f7-theme-color-tint: #ff864b
|
|
}
|
|
|
|
.color-theme-gray {
|
|
--f7-theme-color: #8e8e93;
|
|
--f7-theme-color-rgb: 142, 142, 147;
|
|
--f7-theme-color-shade: #79797f;
|
|
--f7-theme-color-tint: #a3a3a7
|
|
}
|
|
|
|
.color-theme-white {
|
|
--f7-theme-color: #ffffff;
|
|
--f7-theme-color-rgb: 255, 255, 255;
|
|
--f7-theme-color-shade: #ebebeb;
|
|
--f7-theme-color-tint: #ffffff
|
|
}
|
|
|
|
.color-theme-black {
|
|
--f7-theme-color: #000000;
|
|
--f7-theme-color-rgb: 0, 0, 0;
|
|
--f7-theme-color-shade: #000000;
|
|
--f7-theme-color-tint: #141414
|
|
}
|
|
|
|
|
|
|
|
.color-theme-brown {
|
|
--f7-theme-color: #D2691E;
|
|
--f7-theme-color-rgb: 255, 107, 34;
|
|
--f7-theme-color-shade: #f85200;
|
|
--f7-theme-color-tint: #ff864b
|
|
}
|
|
|
|
.color-theme-darkgreen {
|
|
--f7-theme-color: #228B22;
|
|
--f7-theme-color-rgb: 142, 142, 147;
|
|
--f7-theme-color-shade: #79797f;
|
|
--f7-theme-color-tint: #a3a3a7
|
|
}
|
|
|
|
.color-theme-deeppink {
|
|
--f7-theme-color: #FFC0CB;
|
|
--f7-theme-color-rgb: 255, 255, 255;
|
|
--f7-theme-color-shade: #ebebeb;
|
|
--f7-theme-color-tint: #ffffff
|
|
}
|
|
|
|
.color-theme-darkorchid {
|
|
--f7-theme-color: #9932cc;
|
|
--f7-theme-color-rgb: 0, 0, 0;
|
|
--f7-theme-color-shade: #000000;
|
|
--f7-theme-color-tint: #141414
|
|
}
|
|
|
|
|
|
.full-wrap {
|
|
@media (min-width: 1599px) {
|
|
.container-fluid {
|
|
padding-left: 200px;
|
|
padding-right: 200px;
|
|
}
|
|
|
|
}
|
|
@media (max-width: 1600px) {
|
|
.container-fluid {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
}
|
|
|
|
.owl-carousel .owl-stage-outer {
|
|
overflow: visible;
|
|
.owl-item {
|
|
opacity: 0.4;
|
|
}
|
|
.owl-item.active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.service-wrapper .container-fluid {
|
|
padding-left: 200px;
|
|
padding-right: 200px;
|
|
.owl-carousel .owl-stage-outer {
|
|
overflow: visible;
|
|
.owl-item {
|
|
opacity: 0.4;
|
|
}
|
|
.owl-item.active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
} |