474 lines
11 KiB
CSS
474 lines
11 KiB
CSS
/* font-family: 'Noto Serif Display', serif; */
|
|
|
|
:root
|
|
{
|
|
--radius: 0;
|
|
--radius-top: 0 0 0 0;
|
|
--radius-bottom: 0 0 0 0;
|
|
--bg-body: #161616;
|
|
--gray-light: #454545;
|
|
--primary: #F0BB53;
|
|
--primary_dark: #cf9a34;
|
|
}
|
|
|
|
body{
|
|
background-color: var(--bg-body);
|
|
color:#aaa
|
|
}
|
|
#order-confirm .panel-default>.panel-heading,#shopping-cart .panel-default>.panel-heading,#shopping-cart-summary .form-horizontal .form-group:nth-child(3) *,.caption .name,.card .nav>li>a,.h1,.h2,.h3,.h4,.h5,.h6,.panel-default>.panel-heading,.product .price,.tinymce_html h1,.tinymce_html h2,.tinymce_html h3,.tinymce_html h4,.tinymce_html h5,.tinymce_html h6,h1,h2,h3,h4,h5,h6, .btn-light
|
|
{
|
|
color:#fff;
|
|
}
|
|
#blog-show,#order-confirm,#order-summary,#payment,#send_form>.bg-white,#shopping-cart,#shopping-cart .table,#webpage-show,.list-group-item,.order-control .table
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
.card .nav>li>a{
|
|
background:0 0 !important;
|
|
}
|
|
|
|
#confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.bg-white,.panel
|
|
{
|
|
background-color: var(--bg-body);
|
|
}
|
|
|
|
#homepage-baner, #homepage-carousel .swiper-slide-desktop{
|
|
background-color:#000000;
|
|
border:none
|
|
}
|
|
|
|
#table_confirm_terms
|
|
{
|
|
background-color: #282828;
|
|
border: none;
|
|
}
|
|
|
|
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
|
|
background-color:#242424;
|
|
border-color:#242424;
|
|
color:#fff
|
|
}
|
|
#main_categories .thumbnail,.category .thumbnail,.panel-default,.product-list .thumbnail, .thumbnail, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
|
|
{
|
|
background-color: var(--bg-body);
|
|
}
|
|
#confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#main_categories .thumbnail,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#shopping-cart .table td:nth-child(2),#shopping-cart .table tr,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.btn-default,.btn-shopping-cart,.card .add-quantity .btn:not(:hover),.category .thumbnail,.form-control,.order-control .table tr,.product-list .thumbnail,.table>tbody>tr>td,.table>thead>tr>th, .category-list2, .category-line .category-list, .reviews .row-reviews+.row-reviews, #pa_attributes .table-striped, .gallery .product-border .gallery-image
|
|
{
|
|
border-color:var(--gray-light);
|
|
}
|
|
.form-control,.modal-content{
|
|
background-color: var(--bg-body);
|
|
}
|
|
|
|
header .navbar-dropdown .navbar-collapse,.dropdown-menu, #nav-button-menu.collapsed:hover, #nav-button-menu, #nav-menu, .popover, #card-info-box .tinymce_html, #card-info-box .btn, .label-default
|
|
{
|
|
background-color: #282828;
|
|
}
|
|
|
|
.form-control:active,.form-control:focus{
|
|
background-color:#292828;
|
|
box-shadow:none;
|
|
border-color:#4b4b4b
|
|
}
|
|
select.form-control{
|
|
background-image:url(/images/frontend/theme/cutlery8/select-arrow-white.svg)
|
|
}
|
|
.preloader{
|
|
background:url(/images/frontend/theme/cutlery8/preloader-dark.gif) no-repeat center center rgba(0,0,0,.8)
|
|
}
|
|
.basket-show-summary,.btn-light,.modal .btn-default,.modal-footer,.modal-header,.search .form-control, .modal select.form-control, #nav-shopping-cart .shopping-cart .item+.item{
|
|
border-color:#443e3e
|
|
}
|
|
.dropdown-menu>li>a,.form-control{
|
|
color:#8f8f8f
|
|
}
|
|
#lg-close,.btn-light:active,.btn-light:focus,.btn-light:hover,.close-icon,.modal-header .close,.nav>li>a:focus,.nav>li>a:hover,.product-options-group .dropdown-menu>.active>a:focus,.product-options-group .dropdown-menu>.active>a:hover,.product-options-group .dropdown-menu>li>a:active,.product-options-group .dropdown-menu>li>a:focus,.product-options-group .dropdown-menu>li>a:hover{
|
|
background-color:#444242;
|
|
border-color:#443e3e;
|
|
color:#fff
|
|
}
|
|
#lg-close:hover,.close-icon:hover,.modal-header .close:hover{
|
|
background-color:#625e5e
|
|
}
|
|
#lg-close::after,#lg-close::before,.close-icon::after,.close-icon::before,.modal-header .close::after,.modal-header .close::before, .more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar{
|
|
background-color: #fff;
|
|
}
|
|
#nav-menu>.navbar-nav>li>a:active,#nav-menu>.navbar-nav>li>a:focus,#nav-menu>.navbar-nav>li>a:hover,.btn-navbar,.btn-navbar.collapsed:hover,.btn-navbar:active,.btn-navbar:focus,.btn-navbar:hover, #nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.dropdown > a:hover, #nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav>li.open>a{
|
|
background-color:#282828;
|
|
color:#fff
|
|
}
|
|
|
|
.highlighted-payment .payment-logo
|
|
{
|
|
background-color: rgb(255 255 255 / 4%)
|
|
}
|
|
|
|
.highlighted-payment .payment-logo img
|
|
{
|
|
background-color: transparent
|
|
}
|
|
|
|
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th
|
|
{
|
|
background-color: #ffffff0a;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4, .shopping-cart .item .price, .basket-show-total b
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.label-default
|
|
{
|
|
color: #939393;
|
|
}
|
|
|
|
.shopping-cart .label-default
|
|
{
|
|
background-color: #3e3e3e;
|
|
}
|
|
|
|
.product .price
|
|
{
|
|
color: var(--primary);
|
|
}
|
|
|
|
.product .description
|
|
{
|
|
color: #747474;
|
|
}
|
|
|
|
.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar
|
|
{
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
.btn-light
|
|
{
|
|
background-color: #444242;
|
|
border-color: #444242;
|
|
}
|
|
|
|
.btn-light:hover, .btn-light:focus, .btn-light:active, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus
|
|
{
|
|
background-color: #4e4d4d;
|
|
border-color: #4e4d4d;
|
|
}
|
|
|
|
.btn-default, .btn-shopping-cart, .modal .btn-default
|
|
{
|
|
background-color: #272727;
|
|
border-color: #272727;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-primary, .information .btn-shopping-cart, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-shopping-cart:hover, .btn-shopping-cart:focus, .btn-shopping-cart:active,
|
|
.btn-default.active, .open .dropdown-toggle.btn-default,
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
|
|
.modal .btn-default:hover, .modal .btn-default:focus, .modal .btn-default:active
|
|
{
|
|
color: var(--bg-body);
|
|
background-color: var(--primary);
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
#nav-menu .navbar-nav>li.active>a, #nav-menu .navbar-nav>li.active:hover>a, #nav-menu .navbar-nav>li.active>a:hover, #nav-menu .navbar-nav>li.active>a:focus, #nav-menu .navbar-nav>li.active>a:active
|
|
{
|
|
background-color: var(--primary);
|
|
color: var(--bg-body);
|
|
}
|
|
|
|
.panel-primary>.panel-heading
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.panel-heading
|
|
{
|
|
padding: 15px 17px 5px;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .information .btn-shopping-cart:hover, .information .btn-shopping-cart:focus, .information .btn-shopping-cart:active,
|
|
.category-line .product .thumbnail .caption h2 a:hover, .category-line .product .thumbnail .caption h2 a:focus, .category-line .product .thumbnail .caption h2 a:active
|
|
{
|
|
color: var(--bg-body);
|
|
}
|
|
|
|
.homepage-carousel .arrow-left:before, .homepage-carousel .arrow-right:before, .homepage-carousel .arrow-left:after, .homepage-carousel .arrow-right:after
|
|
{
|
|
background-color: #282828;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left:hover:before, .homepage-carousel .arrow-right:hover:before, .homepage-carousel .arrow-left:hover:after, .homepage-carousel .arrow-right:hover:after
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.typeahead-popover
|
|
{
|
|
border-color: var(--gray-light);
|
|
}
|
|
|
|
.popover-content>ul>li[data-url]:hover
|
|
{
|
|
background-color: #202020;
|
|
}
|
|
|
|
.popover.bottom>.arrow:after
|
|
{
|
|
border-bottom-color: var(--gray-light);
|
|
}
|
|
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
opacity: .16;
|
|
background-color: #c4c4c4;
|
|
}
|
|
|
|
.swiper-active-switch
|
|
{
|
|
background-color: #c4c4c4;
|
|
opacity: .8;
|
|
}
|
|
|
|
.card .add-quantity .btn:not(:hover)
|
|
{
|
|
background-color: var(--bg-body);
|
|
}
|
|
|
|
.breadcrumb>li+li:before
|
|
{
|
|
background-color: #585858;
|
|
}
|
|
|
|
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
|
|
{
|
|
color: var(--primary);
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
|
|
/* ---------------- */
|
|
|
|
.caption .name, #main_categories .thumbnail .name
|
|
{
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
color: var(--bg-body);
|
|
}
|
|
|
|
#homepage-baner
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
#header-navbar .container,
|
|
#homepage-carousel .swiper-slide,
|
|
#homepage-carousel:not(.slide-banner-new) .swiper-slide
|
|
{
|
|
background-color: var(--bg-body);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3,
|
|
#seo h2,
|
|
footer .list-group h5, footer .list-group .h5,
|
|
.panel>.panel-heading,
|
|
#product-navbar h1, .title h1, .title h2, .title h3,
|
|
.card .nav>li>a,
|
|
.card .product-label h1
|
|
{
|
|
font-family: 'Noto Serif Display', serif;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.card .nav>li>a,
|
|
.card .product-label h1
|
|
{
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.card .prices .price
|
|
{
|
|
color: #fff;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p,
|
|
.tinymce_html h1, .tinymce_html h2
|
|
{
|
|
font-weight: 400;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: #212121;
|
|
color: #9b9b9b;
|
|
}
|
|
|
|
.panel>.panel-heading
|
|
{
|
|
font-size: 23px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.reviews .row-reviews+.row-reviews
|
|
{
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
#sidebar
|
|
{
|
|
background-color:#161616;
|
|
}
|
|
|
|
.sidebar-header
|
|
{
|
|
background-color:#272727;
|
|
}
|
|
|
|
.sidebar-header, #product-recently-viewed-sidebar .row, #product-observe-sidebar .row
|
|
{
|
|
border-color: #272727;
|
|
}
|
|
|
|
.sidebar-header-icon svg
|
|
{
|
|
stroke: #ffffff;
|
|
}
|
|
|
|
.sidebar-header
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.product-observe.observe-no svg, .product-observe.observe-yes svg
|
|
{
|
|
stroke:#ffffff;
|
|
}
|
|
|
|
.product-observe.observe-yes svg
|
|
{
|
|
fill: #ffffff;
|
|
}
|
|
|
|
.observe-full svg
|
|
{
|
|
stroke:#ffffff;
|
|
fill: #ffffff;
|
|
}
|
|
|
|
.full-list .product-observe, .home-list .product-observe
|
|
{
|
|
background: #161616;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
#header-navbar .container
|
|
{
|
|
border-top: 1px solid var(--gray-light);
|
|
border-bottom: 1px solid var(--gray-light);
|
|
}
|
|
|
|
#header
|
|
{
|
|
padding: 15px 0;
|
|
}
|
|
|
|
#header #logo-top {
|
|
order: 2;
|
|
width: 40%;
|
|
max-width: 40%;
|
|
padding: 0;
|
|
justify-content: center;
|
|
}
|
|
|
|
#header .slogan {
|
|
order: 1;
|
|
width: 30%;
|
|
max-width: 40%;
|
|
}
|
|
|
|
#header #top-social {
|
|
order: 3;
|
|
width: 30%;
|
|
max-width: 40%;
|
|
text-align: right;
|
|
}
|
|
|
|
#header h1 small, #header h4 small, #header .h4 small
|
|
{
|
|
display: block;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
#header .social a
|
|
{
|
|
border-color: var(--gray-light);
|
|
}
|
|
|
|
#header .social a:hover,
|
|
#header .social a:focus,
|
|
#header .social a:active
|
|
{
|
|
border-color: #fff;
|
|
opacity: 1;
|
|
}
|
|
|
|
#header-navbar .container
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 67px;
|
|
}
|
|
|
|
#top
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#seo h2
|
|
{
|
|
font-size: 29px;
|
|
}
|
|
|
|
footer .list-group h5, footer .list-group .h5
|
|
{
|
|
font-size: 23px;
|
|
}
|
|
|
|
.breadcrumb
|
|
{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#nav-menu
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#nav-menu .navbar-nav>li>a
|
|
{
|
|
color: #fff;
|
|
}
|
|
} |