master_template/public/hulaki/assets/css/dark.css

761 lines
23 KiB
CSS
Raw Normal View History

2024-06-13 15:17:05 +00:00
/*================================================
Default CSS
=================================================*/
.dark-version {
position: fixed;
z-index: 1;
right: 95px;
bottom: 45px;
}
.dark-version .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.dark-version .switch input {
opacity: 0;
width: 0;
height: 0;
}
.dark-version .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #dd0000;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.dark-version .slider:before {
position: absolute;
content: "";
height: 30px;
width: 30px;
left: 2.5px;
bottom: 4px;
top: 0;
bottom: 0;
margin: auto 0;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-box-shadow: 0 0px 15px #2020203d;
box-shadow: 0 0px 15px #2020203d;
background: white url("https://i.ibb.co/FxzBYR9/night.png");
background-repeat: no-repeat;
background-position: center;
}
.dark-version input:checked + .slider {
background-color: #dd0000;
}
.dark-version input:focus + .slider {
-webkit-box-shadow: 0 0 1px #dd0000;
box-shadow: 0 0 1px #dd0000;
}
.dark-version input:checked + .slider:before {
-webkit-transform: translateX(24px);
transform: translateX(24px);
background: white url("https://i.ibb.co/7JfqXxB/sunny.png");
background-repeat: no-repeat;
background-position: center;
}
.dark-version .slider.round {
border-radius: 50px;
}
.dark-version .slider.round:before {
border-radius: 50%;
}
.theme-light .black-logo {
display: block;
}
.theme-light .white-logo {
display: none;
}
.theme-dark .black-logo {
display: none;
}
.theme-dark .white-logo {
display: block;
}
.theme-dark body {
background-color: #000000;
color: #f1f1f1;
}
.theme-dark p {
color: #f1f1f1;
}
.theme-dark p a {
color: #f1f1f1 !important;
}
.theme-dark p a:hover {
color: #dd0000 !important;
}
.theme-dark span {
color: #ffffff !important;
}
.theme-dark .h1, .theme-dark .h2, .theme-dark .h3, .theme-dark .h4, .theme-dark .h5, .theme-dark .h6, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
color: #ffffff !important;
}
.theme-dark .h1 a, .theme-dark .h2 a, .theme-dark .h3 a, .theme-dark .h4 a, .theme-dark .h5 a, .theme-dark .h6 a, .theme-dark h1 a, .theme-dark h2 a, .theme-dark h3 a, .theme-dark h4 a, .theme-dark h5 a, .theme-dark h6 a {
color: #ffffff !important;
}
.theme-dark .h1 a:hover, .theme-dark .h2 a:hover, .theme-dark .h3 a:hover, .theme-dark .h4 a:hover, .theme-dark .h5 a:hover, .theme-dark .h6 a:hover, .theme-dark h1 a:hover, .theme-dark h2 a:hover, .theme-dark h3 a:hover, .theme-dark h4 a:hover, .theme-dark h5 a:hover, .theme-dark h6 a:hover {
color: #dd0000 !important;
}
.theme-dark .date {
color: #f1f1f1 !important;
}
.theme-dark .section-title {
border-bottom: 1px solid #09101f;
}
.theme-dark .top-header-area {
background-color: #000000;
}
.theme-dark .top-header-area.bg-color {
border-bottom: 1px solid #000000;
}
.theme-dark .top-header-area.bg-color .top-header-others li a {
color: #ffffff !important;
}
.theme-dark .top-header-area.bg-color .top-header-others li a:hover {
color: #dd0000 !important;
}
.theme-dark .top-header-area.bg-ffffff .top-header-others li a {
color: #ffffff !important;
}
.theme-dark .top-header-area.bg-ffffff .top-header-others li a:hover {
color: #dd0000 !important;
}
.theme-dark .main-navbar {
background-color: #09101f;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item a {
color: #ffffff;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item a:hover, .theme-dark .main-navbar .navbar .navbar-nav .nav-item a:focus, .theme-dark .main-navbar .navbar .navbar-nav .nav-item a.active {
color: #ffffff;
background-color: #dd0000;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item:hover a, .theme-dark .main-navbar .navbar .navbar-nav .nav-item.active a {
color: #ffffff;
background-color: #dd0000;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a {
color: #000000;
background-color: transparent;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #dd0000;
}
.theme-dark .main-navbar .navbar .others-options .option-item .search-box .form-control {
background-color: #000000;
color: #ffffff;
border: 1px solid #000000;
}
.theme-dark .main-navbar .navbar .others-options .option-item .search-box .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .main-navbar .navbar .others-options .option-item .search-box .form-control:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .main-navbar .navbar .others-options .option-item .search-box .form-control::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .main-navbar .navbar .others-options .option-item .search-box .form-control::placeholder {
color: #ffffff;
}
.theme-dark .single-main-news-box {
border: 1px solid #09101f;
}
.theme-dark .widget-area .widget .widget-title {
border-bottom: 1px solid #09101f;
}
.theme-dark .widget-area .tagcloud a {
border: 1px solid #09101f !important;
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter {
background-color: #09101f;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter {
background-color: #000000;
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter::placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
color: transparent;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
color: transparent;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
color: transparent;
}
.theme-dark .widget-area .widget_newsletter .newsletter-form .input-newsletter:focus::placeholder {
color: transparent;
}
.theme-dark .widget-area .widget_search form .search-field {
background-color: #000000;
color: #ffffff;
border: 1px solid #09101f;
}
.theme-dark .widget-area .widget_search form .search-field::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_search form .search-field:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_search form .search-field::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .widget-area .widget_search form .search-field::placeholder {
color: #ffffff;
}
.theme-dark .most-popular-post {
border: 1px solid #09101f;
}
.theme-dark .single-footer-widget .social li a i {
border: 1px solid #000000;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter {
background-color: #000000;
color: #ffffff;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter::placeholder {
color: #ffffff;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
color: transparent;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
color: transparent;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
color: transparent;
}
.theme-dark .single-footer-widget .widget-subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
color: transparent;
}
.theme-dark .navbar-two .main-navbar {
border-bottom: 1px solid #09101f;
}
.theme-dark .single-new-news {
border: 1px solid #09101f;
}
.theme-dark .daily-briefing-item {
border: 1px solid #09101f;
}
.theme-dark .daily-briefing-item .title h3::before {
border-bottom: 1px solid #09101f;
}
.theme-dark .daily-briefing-item .daily-briefing-content {
border-bottom: 1px solid #09101f;
}
.theme-dark .single-new-news-box {
border: 1px solid #09101f;
}
.theme-dark .page-title-area {
border-bottom: 1px solid #09101f;
}
.theme-dark .page-title-content ul li a {
color: #ffffff;
}
.theme-dark .page-title-content ul li a:hover {
color: #dd0000;
}
.theme-dark .pagination-area .page-numbers {
-webkit-box-shadow: unset;
box-shadow: unset;
}
.theme-dark .blog-details-desc .article-content span a {
color: #f1f1f1;
}
.theme-dark .blog-details-desc .article-content span a:hover {
color: #dd0000;
}
.theme-dark .blog-details-desc .article-content .features-list li {
color: #ffffff;
}
.theme-dark .article-footer {
border-top: 1px solid #09101f;
}
.theme-dark blockquote, .theme-dark .blockquote {
background-color: #09101f;
}
.theme-dark blockquote p, .theme-dark .blockquote p {
color: #ffffff;
}
.theme-dark .post-navigation {
border-top: 1px solid #09101f;
border-bottom: 1px solid #09101f;
}
.theme-dark .post-navigation a {
color: #ffffff;
}
.theme-dark .post-navigation a:hover {
color: #dd0000;
}
.theme-dark .comments-area .comment-body {
color: #ffffff;
}
.theme-dark .comments-area .comment-body .reply a {
border: 1px dashed #ded9d9;
color: #ffffff;
}
.theme-dark .comments-area .comment-body .reply a:hover {
color: #ffffff;
background-color: #dd0000;
border-color: #dd0000;
}
.theme-dark .comments-area .comment-metadata {
color: #f1f1f1;
}
.theme-dark .comments-area .comment-metadata a {
color: #f1f1f1;
}
.theme-dark .comments-area .comment-metadata a:hover {
color: #dd0000;
}
.theme-dark .comments-area .comment-respond input[type="date"], .theme-dark .comments-area .comment-respond input[type="time"], .theme-dark .comments-area .comment-respond input[type="datetime-local"], .theme-dark .comments-area .comment-respond input[type="week"], .theme-dark .comments-area .comment-respond input[type="month"], .theme-dark .comments-area .comment-respond input[type="text"], .theme-dark .comments-area .comment-respond input[type="email"], .theme-dark .comments-area .comment-respond input[type="url"], .theme-dark .comments-area .comment-respond input[type="password"], .theme-dark .comments-area .comment-respond input[type="search"], .theme-dark .comments-area .comment-respond input[type="tel"], .theme-dark .comments-area .comment-respond input[type="number"], .theme-dark .comments-area .comment-respond textarea {
background-color: #09101f;
color: #ffffff;
border: 1px solid #09101f;
}
.theme-dark .comments-area .comment-respond input[type="date"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="time"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="week"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="month"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="text"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="email"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="url"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="password"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="search"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond input[type="number"]::-webkit-input-placeholder, .theme-dark .comments-area .comment-respond textarea::-webkit-input-placeholder {
color: #09101f;
}
.theme-dark .comments-area .comment-respond input[type="date"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="time"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="week"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="month"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="text"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="email"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="url"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="password"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="search"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="tel"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="number"]:-ms-input-placeholder, .theme-dark .comments-area .comment-respond textarea:-ms-input-placeholder {
color: #09101f;
}
.theme-dark .comments-area .comment-respond input[type="date"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="time"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="week"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="month"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="text"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="email"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="url"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="password"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="search"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="tel"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond input[type="number"]::-ms-input-placeholder, .theme-dark .comments-area .comment-respond textarea::-ms-input-placeholder {
color: #09101f;
}
.theme-dark .comments-area .comment-respond input[type="date"]::placeholder, .theme-dark .comments-area .comment-respond input[type="time"]::placeholder, .theme-dark .comments-area .comment-respond input[type="datetime-local"]::placeholder, .theme-dark .comments-area .comment-respond input[type="week"]::placeholder, .theme-dark .comments-area .comment-respond input[type="month"]::placeholder, .theme-dark .comments-area .comment-respond input[type="text"]::placeholder, .theme-dark .comments-area .comment-respond input[type="email"]::placeholder, .theme-dark .comments-area .comment-respond input[type="url"]::placeholder, .theme-dark .comments-area .comment-respond input[type="password"]::placeholder, .theme-dark .comments-area .comment-respond input[type="search"]::placeholder, .theme-dark .comments-area .comment-respond input[type="tel"]::placeholder, .theme-dark .comments-area .comment-respond input[type="number"]::placeholder, .theme-dark .comments-area .comment-respond textarea::placeholder {
color: #09101f;
}
.theme-dark .comments-area .comment-respond .comment-form-cookies-consent label {
color: #ffffff;
}
.theme-dark .author-area .container {
border-bottom: 1px solid #09101f;
}
.theme-dark .author-content .author-list li a {
color: #ffffff;
}
.theme-dark .author-content .author-list li a:hover {
color: #dd0000;
}
.theme-dark .single-team-box .content {
background-color: #09101f;
}
.theme-dark .login-form {
background-color: #09101f;
}
.theme-dark .login-form form .form-group label {
color: #ffffff;
}
.theme-dark .login-form form .form-group .form-control {
background-color: #000000 !important;
color: #ffffff;
border: 1px solid #000000;
}
.theme-dark .login-form form .form-group .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .login-form form .form-group .form-control:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .login-form form .form-group .form-control::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .login-form form .form-group .form-control::placeholder {
color: #ffffff;
}
.theme-dark .login-form form .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.theme-dark .login-form form .form-group .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.theme-dark .login-form form .form-group .form-control:focus::-ms-input-placeholder {
color: transparent;
}
.theme-dark .login-form form .form-group .form-control:focus::placeholder {
color: transparent;
}
.theme-dark .login-form form .form-check {
color: #ffffff;
}
.theme-dark .login-form form .lost-your-password a {
color: #ffffff;
}
.theme-dark .login-form .important-text p {
color: #ffffff;
}
.theme-dark .register-form {
background-color: #09101f;
}
.theme-dark .register-form form .form-group label {
color: #ffffff;
}
.theme-dark .register-form form .form-group .form-control {
background-color: #000000 !important;
color: #ffffff;
border: 1px solid #000000;
}
.theme-dark .register-form form .form-group .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .register-form form .form-group .form-control:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .register-form form .form-group .form-control::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .register-form form .form-group .form-control::placeholder {
color: #ffffff;
}
.theme-dark .register-form form .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.theme-dark .register-form form .form-group .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.theme-dark .register-form form .form-group .form-control:focus::-ms-input-placeholder {
color: transparent;
}
.theme-dark .register-form form .form-group .form-control:focus::placeholder {
color: transparent;
}
.theme-dark .register-form form .form-check {
color: #ffffff;
}
.theme-dark .register-form .important-text p {
color: #ffffff;
}
.theme-dark .faq-accordion .accordion .accordion-item {
border: 2px solid #09101f;
background-color: #09101f;
}
.theme-dark .faq-accordion .accordion .accordion-title {
color: #ffffff;
}
.theme-dark .faq-accordion .accordion .accordion-title i {
color: #ffffff;
}
.theme-dark .faq-accordion .accordion .accordion-title.active i::before {
color: #dd0000;
}
.theme-dark .faq-accordion .accordion .accordion-content {
border-top: 1px solid #dd0000;
color: #f1f1f1;
}
.theme-dark .coming-soon-content {
background: #09101f;
}
.theme-dark .coming-soon-content #timer div {
background-color: #000000;
}
.theme-dark .coming-soon-content form .form-group .form-control {
background-color: transparent;
color: #ffffff;
}
.theme-dark .coming-soon-content form .form-group .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .coming-soon-content form .form-group .form-control:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .coming-soon-content form .form-group .form-control::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .coming-soon-content form .form-group .form-control::placeholder {
color: #ffffff;
}
.theme-dark .contact-info li {
color: #f1f1f1;
}
.theme-dark .contact-info li a {
color: #f1f1f1;
}
.theme-dark .contact-info li a:hover {
color: #dd0000;
}
.theme-dark .contact-form {
background-color: #09101f;
}
.theme-dark .contact-form form .form-group .form-control {
background-color: #000000 !important;
color: #ffffff;
border: 1px solid #000000;
}
.theme-dark .contact-form form .form-group .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.theme-dark .contact-form form .form-group .form-control:-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .contact-form form .form-group .form-control::-ms-input-placeholder {
color: #ffffff;
}
.theme-dark .contact-form form .form-group .form-control::placeholder {
color: #ffffff;
}
.theme-dark .contact-form form .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.theme-dark .contact-form form .form-group .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.theme-dark .contact-form form .form-group .form-control:focus::-ms-input-placeholder {
color: transparent;
}
.theme-dark .contact-form form .form-group .form-control:focus::placeholder {
color: transparent;
}
.theme-dark .contact-form form .form-check {
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.theme-dark .navbar-area {
background-color: #09101f;
}
.theme-dark .navbar-area.is-sticky {
background-color: #09101f !important;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle {
background-color: #ffffff;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle:hover {
background-color: #dd0000;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal {
color: #ffffff;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal span {
background-color: #ffffff;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.theme-dark .navbar-area {
background-color: #09101f;
}
.theme-dark .navbar-area.is-sticky {
background-color: #09101f !important;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle {
background-color: #ffffff;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle:hover {
background-color: #dd0000;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal {
color: #ffffff;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal span {
background-color: #ffffff;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.theme-dark .navbar-area {
background-color: #09101f;
}
.theme-dark .navbar-area.is-sticky {
background-color: #09101f !important;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle {
background-color: #ffffff;
}
.theme-dark .others-option-for-responsive .dot-menu .inner .circle:hover {
background-color: #dd0000;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal {
color: #ffffff;
}
.theme-dark .main-responsive-nav .mean-container a.meanmenu-reveal span {
background-color: #ffffff;
}
}
/*# sourceMappingURL=dark.css.map */