716 lines
14 KiB
CSS
716 lines
14 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap&subset=latin-ext');
|
|
|
|
html
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
#top
|
|
{
|
|
background-color: #262932;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #3b3d46;
|
|
}
|
|
|
|
#header .social a
|
|
{
|
|
border: none;
|
|
background-color: #3b3d46;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
padding: 4px;
|
|
}
|
|
|
|
.btn-navbar svg,
|
|
.home-icon svg
|
|
{
|
|
stroke: currentColor;
|
|
}
|
|
|
|
.more .dropdown-toggle .icon-bar,
|
|
.more-category .dropdown-toggle .icon-bar
|
|
{
|
|
margin: 5px 0;
|
|
height: 1px;
|
|
display: block;
|
|
}
|
|
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
background-color: #1f2228;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-navbar.collapsed:not(:hover):focus, .btn-navbar.collapsed
|
|
{
|
|
background-color: transparent;
|
|
color: #e4e6ed;
|
|
}
|
|
|
|
.btn-default, .btn-shopping-cart
|
|
{
|
|
border-color: #153149;
|
|
}
|
|
|
|
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-shopping-cart:hover, .btn-shopping-cart:focus, .btn-shopping-cart:active, .btn-shopping-cart.active,
|
|
#nav-user .btn-light:hover, #nav-user .btn-light:focus, #nav-user .btn-light:active
|
|
{
|
|
background-color: #262932;
|
|
border-color: #262932;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-primary, .information .btn-shopping-cart,
|
|
.category-line .product .thumbnail .caption h2 a:hover, .category-line .product .thumbnail .caption h2 a:focus, .category-line .product .thumbnail .caption h2 a:active,
|
|
#nav-menu > .navbar-nav > li.more-category > a
|
|
{
|
|
background-color: #be977e;
|
|
border-color: #be977e;
|
|
color: #fff;
|
|
}
|
|
|
|
.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
|
|
{
|
|
background-color: #886d5b;
|
|
border-color: #886d5b;
|
|
}
|
|
|
|
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
|
|
{
|
|
color: #be977e;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.active > a
|
|
{
|
|
background-color: #1f2228;
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
background-color: #be977e;
|
|
color: #fff;
|
|
}
|
|
|
|
.text-muted, .breadcrumb, footer .copyright > a, .tinymce_html
|
|
{
|
|
color: #7c7d81;
|
|
}
|
|
|
|
.breadcrumb > li > a:hover, .breadcrumb > li > a:focus, .breadcrumb > li > a:active, a:hover, a:focus, #vertical-categories li.active > a, .product-filter-container label:hover,
|
|
.card .prices .price
|
|
{
|
|
color: #be977e;
|
|
}
|
|
|
|
.breadcrumb > li + li::before
|
|
{
|
|
background-color: #7c7d81;
|
|
}
|
|
|
|
.product .price
|
|
{
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.product .product-availability
|
|
{
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.product-list .thumbnail, #main_categories .thumbnail, .category .thumbnail,
|
|
.category-list2, .category-line .category-list,
|
|
.full-list .thumbnail
|
|
{
|
|
border-color: #e4e7eb;
|
|
}
|
|
|
|
#gift-group-modal .thumbnail .caption
|
|
{
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.full-list .thumbnail
|
|
{
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.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
|
|
{
|
|
border-color: #be977e;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: #262932;
|
|
}
|
|
|
|
footer .list-group h5, #product-navbar h1, .title h1, .title h2, #vertical-categories h3, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title,
|
|
.card h1, .tinymce_html h1, .tinymce_html h2,
|
|
.card .nav > li > a,
|
|
#pa_attributes h3,
|
|
#seo h2,
|
|
.title-blog h3,
|
|
.title-line span
|
|
{
|
|
font-family: 'Playfair Display', serif;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#seo
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#main_text
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar, .more-category .dropdown-toggle .icon-bar
|
|
{
|
|
background-color: #e4e6ed;
|
|
width: 22px;
|
|
}
|
|
|
|
.more-category .dropdown-toggle .icon-bar
|
|
{
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar, .more-category.open .dropdown-toggle .icon-bar
|
|
{
|
|
background-color: #be987f;
|
|
}
|
|
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active, .dropdown-menu > li.open > a, .dropdown-menu > li.open > a:hover, .dropdown-menu > li.open > a:focus, .dropdown-menu > li.open > a:active, .dropdown-menu > li:hover > a
|
|
{
|
|
background-color: #be987f;
|
|
color: #fff;
|
|
}
|
|
|
|
.swiper-container-horizontal > .swiper-pagination
|
|
{
|
|
counter-reset: baner-counter;
|
|
bottom: 0;
|
|
right: 18px;
|
|
left: auto;
|
|
width: auto;
|
|
height: 32px;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
width: 31px;
|
|
height: 32px;
|
|
border-radius: 0;
|
|
border: none;
|
|
position: relative;
|
|
background: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.swiper-pagination-switch:after
|
|
{
|
|
width: 15px;
|
|
height: 4px;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
bottom: 0;
|
|
content: '';
|
|
left: 7px;
|
|
}
|
|
|
|
.swiper-pagination-switch:before
|
|
{
|
|
counter-increment: baner-counter;
|
|
content: "0" counter(baner-counter);
|
|
color: #70777f;
|
|
position: absolute;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
left: 6px;
|
|
top: 4px;
|
|
}
|
|
|
|
.swiper-pagination-switch:nth-child(n+10):before
|
|
{
|
|
content: counter(baner-counter);
|
|
}
|
|
|
|
.swiper-active-switch:before
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.swiper-active-switch:after
|
|
{
|
|
background-color: #f4e8e3;
|
|
}
|
|
|
|
.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: #be977e;
|
|
}
|
|
|
|
.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
|
|
{
|
|
border-color: #be977e;
|
|
}
|
|
|
|
.homepage-carousel .swiper-hero-progress
|
|
{
|
|
background-color: #be977e;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-family: 'Playfair Display',serif;
|
|
font-weight: 400;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
#homepage-baner
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
body
|
|
{
|
|
background-color: #eff1f3;
|
|
}
|
|
|
|
#header
|
|
{
|
|
padding: 5px 0 10px;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#homepage-carousel:not(.slide-banner-new) .swiper-slide
|
|
{
|
|
background-color: #262932;
|
|
}
|
|
|
|
#header-navbar > .container,
|
|
#homepage-carousel .swiper-slide
|
|
{
|
|
background-color: #3b3d46;
|
|
}
|
|
|
|
.container
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4
|
|
{
|
|
color: #e4e6ed;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#header h1 small, #header h4 small, #header .h4 small
|
|
{
|
|
display: block;
|
|
color: #7c7d81;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
#header .slogan
|
|
{
|
|
width: 55%;
|
|
}
|
|
|
|
#top-social
|
|
{
|
|
max-width: 30%;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li > a
|
|
{
|
|
font-size: 15px;
|
|
padding: 17px 20px;
|
|
color: #e4e6ed;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li.home-icon > a
|
|
{
|
|
padding: 10px 14px 10px 16px;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li.more > a,
|
|
#nav-menu > .navbar-nav > li.more-category > a
|
|
{
|
|
padding: 16px 20px 15px;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
height: 54px;
|
|
padding: 9px 7px 0;
|
|
}
|
|
|
|
#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,
|
|
#nav-menu > .navbar-nav > li.more-category:hover > a
|
|
{
|
|
background-color: #1f2228;
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu,
|
|
header .navbar-dropdown .navbar-collapse
|
|
{
|
|
background-color: #1f2228;
|
|
color: #e4e6ed;
|
|
}
|
|
|
|
header .navbar-dropdown .navbar-collapse .form-control
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
header .navbar-dropdown .navbar-collapse .form-control:focus
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu > li > a
|
|
{
|
|
color: #e4e6ed;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu > li.active > a
|
|
{
|
|
color: #be987f;
|
|
}
|
|
|
|
#nav-shopping-cart .shopping-cart .item + .item,
|
|
.basket-show-summary
|
|
{
|
|
border-color: #3b3d46;
|
|
}
|
|
|
|
#nav-settings .nav > li > a:hover,
|
|
#nav-settings .nav > li > a:focus,
|
|
#nav-settings .nav > li.open > a
|
|
{
|
|
background-color: #be987f;
|
|
color: #fff;
|
|
}
|
|
|
|
header:not(.homepage) #top
|
|
{
|
|
padding-bottom: 72px;
|
|
}
|
|
|
|
header:not(.homepage) + #one-column-layout > .container,
|
|
header:not(.homepage) + #two-column-layout > .container
|
|
{
|
|
margin-top: -57px;
|
|
}
|
|
|
|
header.homepage + #one-column-layout,
|
|
header.homepage + #two-column-layout
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
#homepage-baner
|
|
{
|
|
margin-bottom: 51px;
|
|
}
|
|
|
|
.breadcrumb
|
|
{
|
|
margin: -7px 0 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
#two-column-layout .bg-white,
|
|
.bg-white,
|
|
#one-column-layout .card > .panel-body
|
|
{
|
|
padding: 20px;
|
|
}
|
|
|
|
.bg-white .bg-list
|
|
{
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#left.col-lg-3,
|
|
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .card .product-label
|
|
{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.row, .panel .form-horizontal .form-group
|
|
{
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
#left.col-lg-3
|
|
{
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.active.more:not(.open) > a > .icon-bar
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
#homepage-carousel
|
|
{
|
|
margin: 20px 0 -34px;
|
|
}
|
|
|
|
.baner-no-space #homepage-carousel
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.shopping-cart .close-icon
|
|
{
|
|
background-color: #3b3d46;
|
|
}
|
|
|
|
.shopping-cart .close-icon:before,
|
|
.shopping-cart .close-icon:after
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
#product-navbar h1, .title h1, .title h2, .card h1,
|
|
.tinymce_html h1
|
|
{
|
|
font-size: 31px;
|
|
}
|
|
|
|
.card h1
|
|
{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#vertical-categories h3, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title,
|
|
.tinymce_html h2,
|
|
.card .nav > li > a,
|
|
#pa_attributes h3,
|
|
#seo h2,
|
|
.title-blog h3
|
|
{
|
|
font-size: 25px;
|
|
}
|
|
|
|
.product-list .thumbnail, #main_categories .thumbnail, .category .thumbnail
|
|
{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
margin-top: 45px;
|
|
color: #82858d;
|
|
padding-top: 50px;
|
|
}
|
|
|
|
footer .list-group h5
|
|
{
|
|
text-transform: uppercase;
|
|
font-size: 1.4rem;
|
|
letter-spacing: 0.1em;
|
|
}
|
|
|
|
#one-column-layout #webpage-show, #one-column-layout #blog-show, #one-column-layout #edit-account, #one-column-layout #order-show, #one-column-layout #shopping-cart, #one-column-layout #order-confirm, #one-column-layout #order-summary, #order-form .panel-body, #login-user .panel-body, #create-account .panel-body, #create-first-user-data .panel-body, #edit-profile-form .panel-body, #newsletter-unsubscribe .panel-body, #wait-confirm-remind, #wait-confirm, #create-account, #login-user, #edit-account, #create-first-user-data, #logout-user, #create-password, #remind-password, #create-password, #confirm-send-password, #order-show, #user-newsletter, #newsletter-remove, #newsletter-add-to-list, #newsletter-confirm, #newsletter-unsubscribe, #newsletter-unsubscribe-confirm
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
#gift-group-modal .product
|
|
{
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.dropdown-menu-category
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.more-category:hover .dropdown-menu-category
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.more-category .dropdown-toggle .icon-bar
|
|
{
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
#webpage-show .title
|
|
{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
left: 0;
|
|
width: 34px;
|
|
height: 34px;
|
|
background-color: #3b3d46;
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
|
|
.wide #homepage-carousel .arrow-left
|
|
{
|
|
left: 0;
|
|
}
|
|
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right,
|
|
.wide #homepage-carousel .arrow-right
|
|
{
|
|
left: 34px;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left::before, .homepage-carousel .arrow-right::before, .homepage-carousel .arrow-left::after, .homepage-carousel .arrow-right::after
|
|
{
|
|
background-color: #fff;
|
|
width: 12px;
|
|
top: 12px;
|
|
left: 11px;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left::before,
|
|
.homepage-carousel .arrow-right::after
|
|
{
|
|
top: 19px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left:hover, .homepage-carousel .arrow-left:hover,
|
|
#homepage-carousel .arrow-right:hover, .homepage-carousel .arrow-right:hover
|
|
{
|
|
background-color: #be977e;
|
|
}
|
|
|
|
.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: #ffffff;
|
|
}
|
|
|
|
#homepage-baner:not(.wide)
|
|
{
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 51px;
|
|
}
|
|
|
|
.wide #homepage-carousel .swiper-pagination-bullets
|
|
{
|
|
bottom: 0;
|
|
}
|
|
|
|
.wide .homepage-carousel .swiper-slide .caption
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption
|
|
{
|
|
padding-left: 7%;
|
|
padding-right: 7%;
|
|
}
|
|
|
|
#nav-user > .nav .btn-default:not(:hover)
|
|
{
|
|
border-color: #fff3;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.btn-navbar
|
|
{
|
|
padding-top: 6px;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #262932;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.more-category > ul >li > a
|
|
{
|
|
font-size: 1.2rem;
|
|
padding: 10px 12px;
|
|
display: block;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.more-category > ul
|
|
{
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.more-category > ul > li.open > a,
|
|
#nav-menu .navbar-nav > li.more-category > ul > li.active > a
|
|
{
|
|
background-color: #be977e;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
background-color: #fff;
|
|
color: #1f2228;
|
|
}
|
|
|
|
.card .panel-body
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
.dropdown-menu-category
|
|
{
|
|
display: block;
|
|
position: static;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.horizontal-categories > li
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
display: none;
|
|
}
|
|
}
|