1308 lines
22 KiB
CSS
1308 lines
22 KiB
CSS
:root
|
|
{
|
|
--primary: #ED9269;
|
|
--primary_dark: #d6784e;
|
|
--white: #EFF5F6;
|
|
--gray100: #C3CDCF;
|
|
--gray200: #B5BEC1;
|
|
--gray300: #74848A;
|
|
--dark: rgb(13, 21, 30);
|
|
--border: rgba(256 256 256 / 10%);
|
|
--text_dark: var(--dark);
|
|
}
|
|
|
|
body
|
|
{
|
|
/* background: linear-gradient(157.92deg, rgba(169, 206, 199, 0.95) 7.11%, rgba(108, 133, 133, 0.95) 16.03%, rgba(68, 85, 89, 0.95) 23.2%, rgba(43, 57, 63, 0.95) 28.3%, rgba(25, 35, 43, 0.95) 33.08%, rgba(13, 21, 30, 0.95) 37.07%), #A9CEC7; */
|
|
/* color: var(--gray200) */
|
|
background: #151F27;
|
|
color: var(--white);
|
|
}
|
|
|
|
a.primary
|
|
{
|
|
color: var(--primary);
|
|
}
|
|
|
|
.bg-body
|
|
{
|
|
background-image: url(/images/frontend/theme/cosmo/bg.jpg);
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
div.star-rating-on a
|
|
{
|
|
color: var(--primary);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6, .panel-default>.panel-heading, #vertical-categories h3, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title,
|
|
.breadcrumb
|
|
{
|
|
color: var(--white);
|
|
}
|
|
|
|
.breadcrumb>li+li:before
|
|
{
|
|
background-color: var(--white);
|
|
}
|
|
|
|
select.form-control, .form-control,
|
|
header .search .form-control,
|
|
#shopping-cart .table .form-control,
|
|
.order-control .table .form-control,
|
|
.modal-body .form-control,
|
|
#edit-account .form-control
|
|
{
|
|
border: none;
|
|
background-color: #718188;
|
|
color: #fff;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th,
|
|
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
|
|
{
|
|
background-color: #ffffff0a;
|
|
}
|
|
|
|
.form-control::placeholder,
|
|
header .search .form-control::placeholder
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
.form-control:focus,
|
|
header .search .form-control:focus
|
|
{
|
|
background-color: #fff;
|
|
color: var(--dark);
|
|
}
|
|
|
|
header .search .form-control
|
|
{
|
|
border-radius: 15px 0 0 15px !important;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu, .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover, header .navbar-dropdown .navbar-collapse
|
|
{
|
|
background-color: var(--dark);
|
|
}
|
|
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
color: var(--white);
|
|
}
|
|
|
|
.dropdown-menu
|
|
{
|
|
background-color: #0d151e;
|
|
color: #8d8d8d;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.dropdown-menu>li>a,
|
|
#vertical-categories>.panel-heading
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
.modal-content
|
|
{
|
|
background-color: var(--dark);
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.modal-footer,
|
|
.modal-header,
|
|
#nav-shopping-cart .shopping-cart .item+.item,
|
|
.basket-show-summary,
|
|
.user-options-logout,
|
|
.table>tbody>tr>td,
|
|
.table>thead>tr>th,
|
|
#shopping-cart .table tr,
|
|
.order-control .table tr,
|
|
.card .add-quantity .form-control[type="text"],
|
|
.card .add-quantity .btn:not(:hover),
|
|
#pa_attributes .table-striped
|
|
{
|
|
border-color: var(--border);
|
|
}
|
|
|
|
#shopping-cart .table td:nth-child(2),
|
|
#shopping-cart .table td:last-child
|
|
{
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
|
|
#shopping-cart .table td .btn-xs
|
|
{
|
|
color: var(--white);
|
|
}
|
|
|
|
#table_confirm_terms
|
|
{
|
|
background-color: var(--dark);
|
|
border: none;
|
|
color: var(--gray200);
|
|
}
|
|
|
|
.homepage-carousel
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.btn, .btn-round, .homepage-carousel .btn, #newsletter .btn, .sort .btn, .sort .form-control,
|
|
#blog .btn, .category-line .product .thumbnail .caption h2 a, #blog-list .product .btn, #text-horizontal .btn,
|
|
#producer-filter select.form-control,
|
|
.product-filter-container select.form-control,
|
|
#blog-list .link-more, #blog .link-more
|
|
{
|
|
font-family: inherit;
|
|
border-radius: 15px;
|
|
padding: 12px 24px 11px;
|
|
font-weight: 600;
|
|
font-size: 0.938rem;
|
|
letter-spacing: .05em;
|
|
}
|
|
|
|
.btn-default, .form-control.producer-select, .btn-light,
|
|
#home-list-new .product .btn-shopping-cart,
|
|
#producer-filter select.form-control,
|
|
.product-filter-container select.form-control
|
|
{
|
|
border-color: var(--gray300);
|
|
background-color: transparent;
|
|
color: var(--white);
|
|
}
|
|
|
|
.product-filter-container select.form-control
|
|
{
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.btn-default:is(:hover, :focus, :active),
|
|
.form-control.producer-select:is(:hover, :focus, :active),
|
|
.btn-light:is(:hover, :focus, :active),
|
|
#home-list-new .product .btn-shopping-cart:is(:hover, :focus, :active)
|
|
{
|
|
background-color: var(--primary);
|
|
border-color: var(--primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-dark, #text-horizontal .btn
|
|
{
|
|
background-color: var(--dark);
|
|
border-color: var(--dark);
|
|
color: #fff;
|
|
}
|
|
|
|
#home-list-new .product .btn-shopping-cart
|
|
{
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
padding: 9px;
|
|
}
|
|
|
|
.homepage-carousel .btn,
|
|
#home-list-new .product .btn-shopping-cart
|
|
{
|
|
padding: 14px 28px;
|
|
}
|
|
|
|
.homepage-carousel .btn,
|
|
.arrow-left,
|
|
.arrow-right,
|
|
#main_categories .btn,
|
|
select.form-control, .form-control,
|
|
.product .relative .btn-shopping-cart
|
|
{
|
|
box-shadow: 6px 8px 16px rgb(31 32 43 / 80%);
|
|
}
|
|
|
|
#main_categories .thumbnail,
|
|
.full-list .product .image img,
|
|
#home-list-new,
|
|
#blog .image a, #blog-list .image a,
|
|
#category_info .image img,
|
|
.gallery img,
|
|
#blog-main-image,
|
|
#blog-show .sp-mask,
|
|
#blog-show .sp-thumbnail-container
|
|
{
|
|
border-radius: 20px;
|
|
box-shadow: 42px 36px 64px rgba(31, 32, 43, 0.8), 16px 18px 36px rgba(31, 32, 43, 0.7);
|
|
}
|
|
|
|
#blog-show .sp-bottom-thumbnails
|
|
{
|
|
margin-top: 15px;
|
|
overflow: visible;
|
|
}
|
|
|
|
#blog-show .sp-thumbnail-container
|
|
{
|
|
margin-left: 7px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.gallery li>div>div
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.gallery li
|
|
{
|
|
padding: 5px;
|
|
}
|
|
|
|
.card .add-quantity .form-control[type="text"]
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.full-list .thumbnail
|
|
{
|
|
overflow: visible;
|
|
}
|
|
|
|
.full-list .product .caption,
|
|
.full-list .product:hover .caption
|
|
{
|
|
background: none;
|
|
top: 0;
|
|
}
|
|
|
|
.full-list .product:hover
|
|
{
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.homepage-carousel .btn
|
|
{
|
|
background-color: var(--primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.light .btn:hover
|
|
{
|
|
background-color: var(--primary_dark);
|
|
border-color: var(--primary_dark);
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a
|
|
{
|
|
font-family: inherit;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
font-size: 1.063rem;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.light p
|
|
{
|
|
color: #d6e3e7;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3:after
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right,
|
|
#home-list-new .arrow-right, #home-list-new .arrow-left
|
|
{
|
|
position: absolute;
|
|
width: 66px;
|
|
height: 69px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: linear-gradient(124.11deg, #1F2C38 37.89%, #264650 99.12%);
|
|
border-radius: 20px;
|
|
margin: 0;
|
|
transform: translateY(-50%);
|
|
top: 50%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left, .homepage-carousel .arrow-right
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left:is(:hover, :focus, :active), .homepage-carousel .arrow-left:is(:hover, :focus, :active),
|
|
#homepage-carousel .arrow-right:is(:hover, :focus, :active), .homepage-carousel .arrow-right:is(:hover, :focus, :active),
|
|
#home-list-new .arrow-right:is(:hover, :focus, :active), #home-list-new .arrow-left:is(:hover, :focus, :active)
|
|
{
|
|
background: linear-gradient(124.11deg, var(--dark) 37.89%, var(--dark) 99.12%)
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-left, #homepage-carousel:hover .arrow-right,
|
|
.homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-right
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
.homepage-carousel:hover .arrow-left
|
|
{
|
|
left: 20px;
|
|
}
|
|
|
|
.homepage-carousel:hover .arrow-right
|
|
{
|
|
right: 20px;
|
|
}
|
|
|
|
#home-list-new .arrow-right
|
|
{
|
|
transform: translate(50%, -50%);
|
|
right: 0;
|
|
}
|
|
|
|
#home-list-new .arrow-left
|
|
{
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.title-group-hp
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.card .nav-tabs > li > a:hover, .card .nav-tabs > li.active > a, .card .nav-tabs > li.active > a:hover, .card .nav-tabs>li.active>a:focus
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
@keyframes pagination {
|
|
0% {
|
|
transform: translateY(0)
|
|
}
|
|
50% {
|
|
transform: translateY(7px)
|
|
}
|
|
100% {
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.swiper-pagination-switch:after,
|
|
.swiper-pagination-switch:before
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
opacity: .4;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0 5px;
|
|
transition: opacity .4s ease;
|
|
}
|
|
|
|
.swiper-active-switch
|
|
{
|
|
opacity: 1;
|
|
animation: pagination;
|
|
animation-duration: .4s;
|
|
}
|
|
|
|
.swiper-pagination-switch:nth-child(4n+2) svg
|
|
{
|
|
transform: rotate(-80deg);
|
|
}
|
|
|
|
.swiper-pagination-switch:nth-child(4n+3) svg
|
|
{
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
#homepage-layout .bg-body
|
|
{
|
|
padding-top: 70px;
|
|
}
|
|
|
|
#homepage-carousel
|
|
{
|
|
box-shadow: 27px 13px 34px rgba(31, 32, 43, 0.8), 16px 18px 126px rgba(31, 32, 43, 0.9);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide-desktop,
|
|
#homepage-carousel:not(.slide-banner-new) .swiper-slide
|
|
{
|
|
background-color: var(--text_dark);
|
|
}
|
|
|
|
#main_categories .product
|
|
{
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#main_categories .thumbnail
|
|
{
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
#main_categories .thumbnail .shadow2
|
|
{
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#main_categories .name
|
|
{
|
|
position: relative;
|
|
font-size: 24px;
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
#main_categories .name a,
|
|
#home-list-new .name a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main_categories .product-shopping-cart
|
|
{
|
|
opacity: 1;
|
|
position: static;
|
|
}
|
|
|
|
.product.col-lg-20p .name, .product .name,
|
|
.title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a
|
|
{
|
|
color: var(--white);
|
|
}
|
|
|
|
.title-group-hp p
|
|
{
|
|
color: var(--gray100);
|
|
}
|
|
|
|
.highlighted-payment .payment-logo
|
|
{
|
|
background-color: rgb(255 255 255 / 4%);
|
|
}
|
|
|
|
.highlighted-payment .payment-logo img
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#home-list
|
|
{
|
|
background-image: url(/images/frontend/theme/cosmo/bg-group1.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
padding-top: 64px;
|
|
}
|
|
|
|
.tinymce_html,
|
|
.text-muted,
|
|
.product .tinymce_html,
|
|
.reviews small,
|
|
#blog-show .sidebar ul li, #blog-list .list-posts li
|
|
{
|
|
color: #cdd4d6;
|
|
}
|
|
|
|
.product .tinymce_html, .product.col-lg-20p .tinymce_html
|
|
{
|
|
color: var(--gray200);
|
|
}
|
|
|
|
.full-list .pg_label, .home-list .pg_label, .pg_label
|
|
{
|
|
z-index: 1;
|
|
}
|
|
|
|
#home-list-new .pg_label
|
|
{
|
|
right: auto;
|
|
left: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
.full-list .product .description
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.full-list .product .caption
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.full-list .box-price
|
|
{
|
|
position: absolute;
|
|
bottom: -5px;
|
|
right: -5px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: right;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.full-list .box-price .price
|
|
{
|
|
background-color: var(--primary);
|
|
color: #fff;
|
|
border-radius: 9px;
|
|
margin: 0;
|
|
padding: 4px 11px 1px;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
min-height: 31px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.full-list .box-price .old_price
|
|
{
|
|
background-color: #fff !important;
|
|
color: #4C4B52;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.full-list .box-price .old_price + .price,
|
|
.full-list .box-price .discount + .price
|
|
{
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.full-list .box-price .discount
|
|
{
|
|
background-color: var(--primary_dark);
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.full-list .box-price .minor_price
|
|
{
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
color: #F3D6CA;
|
|
border-top-right-radius: 0;
|
|
background-color: var(--primary_dark);
|
|
}
|
|
|
|
.full-list .box-price .minor_price .nowrap
|
|
{
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.full-list .box-price:has(.minor_price) .major_price
|
|
{
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
#seo
|
|
{
|
|
padding: 0 0 30px;
|
|
}
|
|
|
|
#seo,
|
|
#shopping-cart .table, .order-control .table
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#shopping-cart .table, .order-control .table
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
|
|
.product .relative .btn-shopping-cart
|
|
{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
margin-top: 25px;
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
}
|
|
|
|
.product:hover .relative .btn-shopping-cart
|
|
{
|
|
opacity: 1;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#homepage-carouselbaner2
|
|
{
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
#home-list-new
|
|
{
|
|
background: rgb(44,52,58);
|
|
background: linear-gradient(103deg, rgba(44,52,58,1) 0%, rgba(41,48,55,1) 100%);
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
#home-list-new .swiper-container
|
|
{
|
|
overflow: hidden;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
#home-list-new .product
|
|
{
|
|
align-self: stretch;
|
|
align-items: stretch;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
#home-list-new .description
|
|
{
|
|
font-size: 17px;
|
|
}
|
|
|
|
#home-list-new .col-info
|
|
{
|
|
padding: 5% 7%;
|
|
}
|
|
|
|
#home-list-new .price
|
|
{
|
|
display: block;
|
|
margin: 0;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#home-list-new .old_price
|
|
{
|
|
color: var(--gray300);
|
|
font-weight: 400;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
#home-list-new .swiper-pagination
|
|
{
|
|
width: auto;
|
|
right: 20px;
|
|
left: auto;
|
|
bottom: 20px
|
|
}
|
|
|
|
#home-list-RECOMMEND .title,
|
|
#blog-homepage .title
|
|
{
|
|
border-top: 2px solid var(--border);
|
|
padding-top: 45px;
|
|
}
|
|
|
|
#text-horizontal
|
|
{
|
|
background: rgb(44,52,58);
|
|
background: linear-gradient(103deg, rgba(44,52,58,1) 0%, rgba(41,48,55,1) 100%);
|
|
}
|
|
|
|
.container-wide .title-group-hp,
|
|
#homepage #blog
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.thumbnail,
|
|
#blog .thumbnail, #blog-list .thumbnail
|
|
{
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#blog .caption, #blog-list .caption
|
|
{
|
|
padding: 4% 0;
|
|
color: var(--gray200);
|
|
}
|
|
|
|
#blog .image + .data, #blog-list .image + .data
|
|
{
|
|
position: absolute;
|
|
bottom: -4px;
|
|
left: 4px;
|
|
background-color: #3E484B;
|
|
color: var(--white);
|
|
font-weight: 400;
|
|
font-size: 15px;
|
|
border-radius: 9px;
|
|
padding: 6px 9px 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
#newsletter
|
|
{
|
|
background: url(/images/frontend/theme/cosmo/bg-newsletter.svg);
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
padding-top: 65px;
|
|
color: var(--gray200);
|
|
}
|
|
|
|
#newsletter .form-control
|
|
{
|
|
border-radius: 15px;
|
|
background-color: #718188;
|
|
color: #fff;
|
|
}
|
|
|
|
#newsletter .input-group-btn
|
|
{
|
|
width: auto;
|
|
}
|
|
|
|
#newsletter .btn
|
|
{
|
|
position: absolute;
|
|
width: auto;
|
|
right: 2px;
|
|
top: 2px;
|
|
bottom: 2px;
|
|
border: none;
|
|
color: var(--white);
|
|
background-color: #22323B;
|
|
}
|
|
|
|
#newsletter .btn:is(:hover, :focus, :active)
|
|
{
|
|
background-color: var(--primary_dark);
|
|
border-color: var(--primary_dark);
|
|
color: #fff;
|
|
}
|
|
|
|
#newsletter .form-control:focus, #newsletter .form-control:focus-within
|
|
{
|
|
background-color: #fff;
|
|
color: var(--dark);
|
|
}
|
|
|
|
#newsletter .form-control::placeholder
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
#newsletter .input-group
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: #0D1217;
|
|
color: #999FA1;
|
|
}
|
|
|
|
#card-info-box .tinymce_html, #card-info-box .btn
|
|
{
|
|
background-color: var(--dark);
|
|
}
|
|
|
|
#card-info-box .btn:not(.collapsed)
|
|
{
|
|
border-radius: 15px 15px 0 0;
|
|
}
|
|
|
|
#card-info-box .tinymce_html
|
|
{
|
|
border-radius: 0 0 15px 15px;
|
|
}
|
|
|
|
.input-group-btn>.btn
|
|
{
|
|
padding: 14px 16px 11px 12px;
|
|
}
|
|
|
|
.modal-header .close, .close-icon, #lg-close,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon,
|
|
#nav-user .btn-light,
|
|
#nav-shopping-cart .btn-default,
|
|
.navbar-collapse .nav>li>a:hover, .navbar-collapse .nav>li>a:focus
|
|
{
|
|
border-color: var(--gray300);
|
|
background-color: var(--gray300);
|
|
}
|
|
|
|
.modal-header .close:is(:hover, :focus, :active),
|
|
.close-icon:is(:hover, :focus, :active),
|
|
#lg-close:is(:hover, :focus, :active):is(:hover, :focus, :active),
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:is(:hover, :focus, :active),
|
|
#nav-user .btn-light:is(:hover, :focus, :active),
|
|
#nav-shopping-cart .btn-default:is(:hover, :focus, :active)
|
|
{
|
|
border-color: #889ea6;
|
|
background-color: #889ea6;
|
|
}
|
|
|
|
.modal-header .close, .close-icon, #lg-close,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon
|
|
{
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:before, #nav-shopping-cart .shopping-cart .item .close-icon:after
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.panel
|
|
{
|
|
background-color: transparent;
|
|
border: 1px solid var(--border);
|
|
}
|
|
|
|
#user-panel-login
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
#user-panel > .panel,
|
|
.card .description-short,
|
|
.card .description
|
|
{
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
#wait-confirm-remind, #wait-confirm, #create-account, #login-user, #user-panel, #edit-account, #create-first-user-data, #edit-profile, #logout-user, #remind-password, #create-password, #confirm-send-password, #order-list, #order-show, #user-newsletter, #user-panel-newsletter, #newsletter-remove, #newsletter-add-to-list, #newsletter-confirm, #newsletter-unsubscribe, #newsletter-unsubscribe-confirm, #discount-info
|
|
{
|
|
background-color: rgb(13 21 30 / 32%);
|
|
border: none;
|
|
margin-top: 10px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
#user-panel-menu>li>a
|
|
{
|
|
border-radius: 9px;
|
|
}
|
|
|
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
|
|
{
|
|
background-color: rgb(13 21 30 / 32%);
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
|
|
.nav-tabs>li
|
|
{
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.modal-backdrop
|
|
{
|
|
backdrop-filter: blur(10px);
|
|
background-color: var(--gray300);
|
|
}
|
|
|
|
.modal-backdrop.in
|
|
{
|
|
opacity: .9;
|
|
}
|
|
|
|
.card
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
#lg-gallery
|
|
{
|
|
background: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#lg-outer:before
|
|
{
|
|
backdrop-filter: blur(10px);
|
|
background-color: var(--gray300);
|
|
opacity: .9;
|
|
}
|
|
|
|
.custom-html
|
|
{
|
|
background: var(--gray300) !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.custom-html>h4
|
|
{
|
|
background-color: transparent;
|
|
color: inherit;
|
|
}
|
|
|
|
.preloader
|
|
{
|
|
background-color: rgb(13 21 30 / 1%);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.full-list .image
|
|
{
|
|
background-color: transparent;
|
|
overflow: visible;
|
|
}
|
|
|
|
.category-line .product .thumbnail .caption h2 a
|
|
{
|
|
background-color: var(--dark);
|
|
border-color: var(--dark);
|
|
color: #fff;
|
|
}
|
|
|
|
.product-list .thumbnail
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#home-list-new .image img
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.reviews .row-reviews+.row-reviews
|
|
{
|
|
border-color: #293839;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
#sidebar
|
|
{
|
|
background-color:#1f2b34;
|
|
}
|
|
|
|
.sidebar-header
|
|
{
|
|
background-color:#44565a;
|
|
}
|
|
|
|
.sidebar-header, #product-recently-viewed-sidebar .row, #product-observe-sidebar .row
|
|
{
|
|
border-color: #44565a;
|
|
}
|
|
|
|
.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: #44565a;
|
|
}
|
|
|
|
.full-list .product-observe, .home-list .product-observe {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
#header-navbar
|
|
{
|
|
padding-left: 4%;
|
|
padding-right: 4%;
|
|
}
|
|
|
|
#header-navbar.bg-menu
|
|
{
|
|
background-color: rgb(25 32 39 / 50%);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.horizontal-categories > .hidden-xs
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3
|
|
{
|
|
font-size: 45px;
|
|
}
|
|
|
|
.title-group-hp p
|
|
{
|
|
font-size: 22px;
|
|
}
|
|
|
|
.product.col-lg-20p .name, .product .name
|
|
{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.product .tinymce_html, .product.col-lg-20p .tinymce_html
|
|
{
|
|
font-size: 1rem;
|
|
line-height: 130%;
|
|
}
|
|
|
|
.full-list .caption .name
|
|
{
|
|
margin-bottom: 7px;
|
|
line-height: 130%;
|
|
}
|
|
|
|
#home-list-new .product .col
|
|
{
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
#home-list-new .product .col-info
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#home-list-new .name
|
|
{
|
|
font-size: 49px;
|
|
letter-spacing: -0.01em;
|
|
line-height: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#home-list-new .image
|
|
{
|
|
height: 100%;
|
|
}
|
|
|
|
#home-list-new .image img
|
|
{
|
|
height: 100% !important;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#home-list-RECOMMEND .product-group-list>.product:nth-child(1)
|
|
{
|
|
grid-column: span 1;
|
|
grid-row: span 1;
|
|
}
|
|
|
|
#blog-homepage .title
|
|
{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
}
|
|
|
|
#blog-homepage .title h3
|
|
{
|
|
margin-right: 26px;
|
|
}
|
|
|
|
header .navbar-dropdown .navbar-collapse
|
|
{
|
|
border-radius: 25px;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu
|
|
{
|
|
border-radius: 0 20px 20px 20px;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu>li>a
|
|
{
|
|
color: #ced1d4;
|
|
}
|
|
|
|
#category_info .description
|
|
{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#category_info .image
|
|
{
|
|
padding-right: 32px;
|
|
}
|
|
|
|
.grid-wrapper
|
|
{
|
|
gap: 24px;
|
|
}
|
|
|
|
.grid-wrapper .product
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
#card-left-content .col-sm-8
|
|
{
|
|
padding-left: 17px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1680px) {
|
|
#homepage #main_categories, .product-group-list, .container-wide, .container-wide-homepage, #home-list-RECOMMEND
|
|
{
|
|
max-width: 1590px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1970px) {
|
|
#home-list,
|
|
#newsletter
|
|
{
|
|
background-size: 100% auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#header-navbar
|
|
{
|
|
background-color: var(--dark);
|
|
z-index: 12;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left,
|
|
.homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right,
|
|
.homepage-carousel .arrow-right,
|
|
#home-list-new .arrow-right,
|
|
#home-list-new .arrow-left
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#homepage-layout .bg-body
|
|
{
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.panel, #main_categories .thumbnail div[data-equalizer-watch="image"], .product-list .thumbnail, .category .thumbnail, #blog .thumbnail.border, #blog-list .thumbnail.border
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.product-list .thumbnail
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
#home-list-new .product
|
|
{
|
|
flex-direction: column;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
#blog-homepage .title
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
#newsletter
|
|
{
|
|
background-size: cover;
|
|
}
|
|
|
|
footer .list-group, footer .copyright
|
|
{
|
|
border-color: var(--border);
|
|
}
|
|
|
|
.card .description
|
|
{
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.card-tabs>.nav:after
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.order-control .table .product-image,
|
|
.order-control .table .product-name > a,
|
|
.order-control .table .price,
|
|
.order-control .table .product-name,
|
|
.order-control .table td.product-quantity
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
.order-control .table tbody tr:before
|
|
{
|
|
background: rgb(13 21 30 / 32%);
|
|
}
|
|
}
|
|
|
|
.no-shadow #homepage-carousel,
|
|
.no-shadow #main_categories .thumbnail,
|
|
.no-shadow .full-list .product .image img,
|
|
.no-shadow #home-list-new,
|
|
.no-shadow #blog .image a,
|
|
.no-shadow #blog-list .image a,
|
|
.no-shadow #category_info .image img,
|
|
.no-shadow .gallery img,
|
|
.no-shadow #blog-main-image,
|
|
.no-shadow #blog-show .sp-mask,
|
|
.no-shadow #blog-show .sp-thumbnail-container,
|
|
.no-shadow .homepage-carousel .btn,
|
|
.no-shadow .arrow-left,
|
|
.no-shadow .arrow-right,
|
|
.no-shadow #main_categories .btn,
|
|
.no-shadow select.form-control,
|
|
.no-shadow .form-control,
|
|
.no-shadow .product .relative .btn-shopping-cart
|
|
{
|
|
box-shadow: none;
|
|
} |