2311 lines
34 KiB
CSS
2311 lines
34 KiB
CSS
:root {
|
|
--radius: 0px;
|
|
--radius-top: 0px;
|
|
--primary: #CBA481;
|
|
--primary_dark: #ad845f;
|
|
--text_dark: #36302E;
|
|
--text_muted: #6F6D6B;
|
|
}
|
|
|
|
html
|
|
{
|
|
font-size: 16px;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: 'Myriad Pro', sans-serif;
|
|
font-weight: 400;
|
|
background-color: #F6F2EE;
|
|
}
|
|
|
|
.flex
|
|
{
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
}
|
|
|
|
.flex:before,
|
|
.flex:after
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.flex-wrap
|
|
{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.text-muted, .tinymce_html
|
|
{
|
|
color: var(--text_muted);
|
|
}
|
|
|
|
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
|
|
{
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
.tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6
|
|
{
|
|
font-weight: 600;
|
|
}
|
|
|
|
.tinymce_html h1
|
|
{
|
|
font-size: 30px;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
padding: 12px 20px 9px;
|
|
}
|
|
|
|
.btn, .pagination>li>a, .pagination>li>span
|
|
{
|
|
border-width: 2px;
|
|
}
|
|
|
|
.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: var(--primary);
|
|
color: var(--primary);
|
|
}
|
|
|
|
.nav>li>a:hover, .nav>li>a:focus
|
|
{
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
|
|
#nav-settings .nav .open>a,
|
|
#nav-settings .nav .open>a:hover,
|
|
#nav-settings .nav .open>a:focus
|
|
{
|
|
background-color: #343234;
|
|
}
|
|
|
|
.form-group
|
|
{
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.form-control, #captcha_form img, select.form-control
|
|
{
|
|
/* border-radius: 26px; */
|
|
height: 51px;
|
|
padding-top: 9px;
|
|
}
|
|
|
|
#shopping-cart .table, .order-control .table
|
|
{
|
|
box-shadow: 0 2px 3px #d9d2cb6e;
|
|
}
|
|
|
|
select.form-control, .form-control
|
|
{
|
|
padding-left: 20px;
|
|
border: none;
|
|
box-shadow: 0 2px 3px #d9d2cb6e;
|
|
border: 1px solid #e3e3e3;
|
|
}
|
|
|
|
.form-control:focus
|
|
{
|
|
background-color: #ffffffab;
|
|
box-shadow: 0 0px 0px 1px #e5e5e5;
|
|
}
|
|
|
|
#producer-filter select.form-control
|
|
{
|
|
box-shadow: none;
|
|
border: 2px solid var(--text_dark);
|
|
}
|
|
|
|
@-moz-document url-prefix() {
|
|
#producer-filter select.form-control
|
|
{
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
.card .add-quantity .form-control[type="text"]
|
|
{
|
|
box-shadow: none;
|
|
border: 1px solid #c8c8c8;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#shopping-cart .table tbody tr:last-child,
|
|
.order-control .table tbody tr:last-child
|
|
{
|
|
border-bottom: none;
|
|
}
|
|
|
|
.card
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.card .add-quantity .btn
|
|
{
|
|
border-width: 1px;
|
|
}
|
|
|
|
.btn-default,
|
|
.form-control.producer-select,
|
|
.btn-light
|
|
{
|
|
background-color: transparent;
|
|
border-color: var(--text_dark);
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
#text-horizontal .btn:hover,
|
|
#text-horizontal .btn:focus,
|
|
#text-horizontal .btn:active,
|
|
#blog-list .link-more:is(:hover, :focus, :active),
|
|
#blog .link-more:is(:hover, :focus, :active)
|
|
{
|
|
background-color: var(--primary);
|
|
border-color: var(--primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-light:hover, .btn-light:focus, .btn-light:active
|
|
{
|
|
background-color: #fff;
|
|
border-color: var(--text_dark);
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
.product-options-group .dropdown-menu > .active > a:hover, .product-options-group .dropdown-menu > .active > a:focus, .product-options-group .dropdown-menu > li > a:hover, .product-options-group .dropdown-menu > li > a:focus, .product-options-group .dropdown-menu>li>a:active
|
|
{
|
|
background-color: var(--primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-dark, #text-horizontal .btn, #blog-list .link-more, #blog .link-more
|
|
{
|
|
background-color: var(--text_dark);
|
|
color: #fff;
|
|
border-color: var(--text_dark);
|
|
}
|
|
|
|
.category-line .product .thumbnail .caption h2 a
|
|
{
|
|
background-color: #ded8d5;
|
|
border-color: #ded8d5;
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
.btn-small, .category-line .product .thumbnail .caption h2 a, #text-horizontal .btn, #blog-list .link-more, #blog .link-more
|
|
{
|
|
padding: 7px 20px;
|
|
}
|
|
|
|
.category-line .product .thumbnail .caption h2 a
|
|
{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.category-line .product .thumbnail
|
|
{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
/* background-color: #A1988F; */
|
|
/* opacity: .25; */
|
|
height: 15px;
|
|
width: 15px;
|
|
border: none;
|
|
background-color: transparent;
|
|
position: relative;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.swiper-pagination-switch:before
|
|
{
|
|
content: '';
|
|
display: block;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #A1988F;
|
|
opacity: .25;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.swiper-active-switch:before
|
|
{
|
|
background-color: var(--primary);
|
|
opacity: 1;
|
|
top: 3px;
|
|
bottom: 3px;
|
|
left: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
.swiper-pagination-switch:after
|
|
{
|
|
content: '';
|
|
display: block;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
border: 2px solid var(--primary);
|
|
opacity: 0;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.swiper-active-switch:after
|
|
{
|
|
top: -5px;
|
|
left: -5px;
|
|
right: -5px;
|
|
bottom: -5px;
|
|
opacity: 1;
|
|
}
|
|
|
|
#homepage-carousel
|
|
{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.homepage-carousel
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|
|
#homepage-carousel .swiper-pagination
|
|
{
|
|
/* bottom: 42px; */
|
|
bottom: -40px;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
#homepage-carousel .swiper-pagination.show-pagination
|
|
{
|
|
bottom: 42px;
|
|
}
|
|
|
|
#header-navbar .container
|
|
{
|
|
width: auto;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-left,
|
|
.homepage-carousel:hover .arrow-left
|
|
{
|
|
left: -30px;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-right,
|
|
.homepage-carousel:hover .arrow-right
|
|
{
|
|
right: -30px;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-left,
|
|
.homepage-carousel:hover .arrow-left
|
|
{
|
|
left: 20px;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-right,
|
|
.homepage-carousel:hover .arrow-right
|
|
{
|
|
right: 20px;
|
|
}
|
|
|
|
#homepage-carousel.slide-banner-new .swiper-slide,
|
|
.homepage-carousel.slide-banner-new .swiper-slide
|
|
{
|
|
max-height: 100vh;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right,
|
|
.homepage-carousel .arrow-left,
|
|
.homepage-carousel .arrow-right
|
|
{
|
|
text-align: center;
|
|
opacity: 0;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-left,
|
|
#homepage-carousel:hover .arrow-right,
|
|
.homepage-carousel:hover .arrow-left,
|
|
.homepage-carousel:hover .arrow-right
|
|
{
|
|
opacity: .5;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left:before, .homepage-carousel .arrow-right:before, .homepage-carousel .arrow-left:after, .homepage-carousel .arrow-right:after{display: none;}
|
|
|
|
.btn-navbar svg
|
|
{
|
|
stroke: currentColor;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a
|
|
{
|
|
font-family: 'Asap Condensed', sans-serif;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
font-size: 19px;
|
|
}
|
|
|
|
#homepage-carousel .social,
|
|
#homepage-carousel .social .txt,
|
|
footer .social .space
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
footer .social .icons
|
|
{
|
|
margin-left: -4px;
|
|
}
|
|
|
|
footer .social .icons a
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
footer .social a:not(:hover)
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
#homepage-carouselbaner2 .swiper-slide .caption h3
|
|
{
|
|
font-size: 46px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3:after
|
|
{
|
|
content: '';
|
|
display: block;
|
|
height: 2px;
|
|
width: 50px;
|
|
background-color: var(--primary);
|
|
margin-top: 13px;
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide-mobile
|
|
{
|
|
height: inherit;
|
|
max-height: inherit;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.light p
|
|
{
|
|
color: #A1988F;
|
|
}
|
|
|
|
.homepage-carousel .btn,
|
|
#newsletter .btn
|
|
{
|
|
color: var(--primary);
|
|
}
|
|
|
|
.btn-round,
|
|
.homepage-carousel .btn,
|
|
#newsletter .btn,
|
|
.sort .btn,
|
|
.sort .form-control
|
|
{
|
|
border-radius: 25px;
|
|
border-width: 2px;
|
|
padding: 12px 40px;
|
|
letter-spacing: 0.16em;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
font-family: 'Roboto Condensed', sans-serif;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
border-radius: 25px;
|
|
}
|
|
|
|
#blog .btn, .category-line .product .thumbnail .caption h2 a,
|
|
#blog-list .product .btn,
|
|
#text-horizontal .btn,
|
|
#blog-list .link-more,
|
|
#blog .link-more
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
#blog-list .link-more,
|
|
#blog .link-more
|
|
{
|
|
font-weight: inherit;
|
|
margin: 10px 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
#blog-list .description,
|
|
#blog .description
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
#text-horizontal .btn
|
|
{
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.sort .btn,
|
|
.form-control.producer-select
|
|
{
|
|
padding: 12px 20px;
|
|
}
|
|
|
|
.form-control.producer-select
|
|
{
|
|
height: auto;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.btn-transparent,
|
|
.homepage-carousel .btn
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.light .btn:hover,
|
|
#newsletter .btn:hover
|
|
{
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
#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: #1c1c1c;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
color: #A1988F;
|
|
}
|
|
|
|
/* header .navbar-dropdown .navbar-collapse
|
|
{
|
|
box-shadow: 0px 5px 38px rgb(255 255 255 / 8%);
|
|
} */
|
|
|
|
#nav-menu .dropdown-menu>li>a
|
|
{
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
#nav-menu .dropdown-menu>li>a:hover,
|
|
#nav-menu .dropdown-menu>li>a:focus,
|
|
#nav-menu .dropdown-menu>li>a:active
|
|
{
|
|
color: #fff;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#nav-user .btn-light,
|
|
#nav-shopping-cart .btn-default,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon
|
|
{
|
|
background-color: #2b2b2b;
|
|
border-color: #2b2b2b;
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-user .btn-light:hover,
|
|
#nav-user .btn-light:focus,
|
|
#nav-user .btn-light:active,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:hover,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:focus,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:active,
|
|
#nav-shopping-cart .btn-default:hover,
|
|
#nav-shopping-cart .btn-default:active,
|
|
#nav-shopping-cart .btn-default:focus
|
|
{
|
|
background-color: #343333;
|
|
border-color: #343333;
|
|
}
|
|
|
|
header .search .form-control
|
|
{
|
|
background-color: #2b2b2b;
|
|
border: none;
|
|
color: #fff;
|
|
box-shadow: none ;
|
|
}
|
|
|
|
header .search .form-control::placeholder
|
|
{
|
|
color: #9e9c9c;
|
|
}
|
|
|
|
#nav-shopping-cart .shopping-cart .item+.item,
|
|
.basket-show-summary,
|
|
.user-options-logout
|
|
{
|
|
border-color: #433f3e;
|
|
}
|
|
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:after,
|
|
#nav-shopping-cart .shopping-cart .item .close-icon:before
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.navbar-collapse .nav>li.user-options>a
|
|
{
|
|
border-radius: 25px;
|
|
padding: 13px 20px 9px;
|
|
}
|
|
|
|
.navbar-collapse .nav>li>a:hover,
|
|
.navbar-collapse .nav>li>a:focus
|
|
{
|
|
background-color: #343333;
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-user>.nav
|
|
{
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
#nav-user .text-muted
|
|
{
|
|
color: #b1b1b1;
|
|
}
|
|
|
|
#nav-user .navbar-nav>li.user-options-logout
|
|
{
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
#nav-user .navbar-nav>li:hover + .user-options-logout,
|
|
#nav-user .navbar-nav>li.user-options-logout:hover
|
|
{
|
|
border-color: transparent;
|
|
}
|
|
|
|
#icons-underbanner
|
|
{
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: 35px;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
#icons-underbanner .h4
|
|
{
|
|
color: var(--text_dark);
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
margin: 5px 0 0;
|
|
}
|
|
|
|
#icons-underbanner p
|
|
{
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
color: var(--text_muted);
|
|
margin: 0;
|
|
}
|
|
|
|
#icons-underbanner .icon-img,
|
|
#icons-underbanner table table td:nth-child(1) img
|
|
{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#icons-underbanner table
|
|
{
|
|
margin: 0 auto;
|
|
border-collapse: separate;
|
|
border-spacing: 70px 0;
|
|
}
|
|
|
|
#icons-underbanner table table
|
|
{
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#main_categories .thumbnail .caption
|
|
{
|
|
position: absolute;
|
|
top: 10%;
|
|
left: 11%;
|
|
right: 11%;
|
|
z-index: 1;
|
|
}
|
|
|
|
#main_categories .btn
|
|
{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#main_categories .thumbnail
|
|
{
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main_categories .thumbnail .name
|
|
{
|
|
color: #fff;
|
|
font-size: 29px;
|
|
font-weight: 600;
|
|
margin: 0 0 12px;
|
|
position: relative;
|
|
top: -10px;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
#main_categories .thumbnail .shadow
|
|
{
|
|
background-color: #1c1c1c;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
transition: all .15s ease;
|
|
}
|
|
|
|
#main_categories .thumbnail .image img
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
#main_categories .thumbnail .image img,
|
|
#blog .thumbnail .image img,
|
|
#blog-list .thumbnail .image img
|
|
{
|
|
transition: transform .4s ease;
|
|
}
|
|
|
|
#main_categories .thumbnail:hover .shadow
|
|
{
|
|
opacity: .5;
|
|
}
|
|
|
|
#main_categories .thumbnail:hover .image img,
|
|
#blog .thumbnail:hover .image img,
|
|
#blog-list .thumbnail:hover .image img
|
|
{
|
|
transform: scale(1.03);
|
|
}
|
|
|
|
#main_categories .tinymce_html
|
|
{
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
}
|
|
|
|
#main_categories .product-shopping-cart,
|
|
#main_categories .tinymce_html
|
|
{
|
|
position: relative;
|
|
top: 40px;
|
|
transition: all .6s ease;
|
|
opacity: 0;
|
|
}
|
|
|
|
#main_categories .thumbnail:hover .product-shopping-cart,
|
|
#main_categories .thumbnail:hover .tinymce_html
|
|
{
|
|
top: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
#main_categories .thumbnail:hover .name
|
|
{
|
|
top: 0;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.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
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.title-group-hp h3,
|
|
#product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a
|
|
{
|
|
font-weight: 600;
|
|
font-size: 33px;
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
.title-group-hp h3
|
|
{
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.title-group-hp p
|
|
{
|
|
color: #A19C99;
|
|
font-size: 1.1333rem;
|
|
}
|
|
|
|
.title-group-hp
|
|
{
|
|
padding: 30px 1.5% 28px;
|
|
}
|
|
|
|
.product.col-lg-20p .name,
|
|
.product .name
|
|
{
|
|
font-weight: 600;
|
|
font-size: 1.1333rem;
|
|
color: var(--text_dark);
|
|
}
|
|
|
|
.product.col-lg-20p .price,
|
|
.product .price
|
|
{
|
|
font-size: 1.2rem;
|
|
color: var(--primary_dark);
|
|
}
|
|
|
|
.product .btn-shopping-cart
|
|
{
|
|
color: #fff;
|
|
background-color: var(--primary);
|
|
font-size: 1rem;
|
|
border: none;
|
|
padding: 8px 20px 7px;
|
|
margin: 0;
|
|
}
|
|
|
|
.product .btn-shopping-cart:hover,
|
|
.product .btn-shopping-cart:focus,
|
|
.product .btn-shopping-cart:active
|
|
{
|
|
background-color: var(--text_dark);
|
|
color: #fff;
|
|
}
|
|
|
|
.product .product-shopping-cart
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.grid-wrapper
|
|
{
|
|
gap: 0;
|
|
}
|
|
|
|
.grid-wrapper .product
|
|
{
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.full-list .caption .name
|
|
{
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.full-list .image
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.input-group-btn>.btn
|
|
{
|
|
padding: 14px 16px 12px 12px;
|
|
}
|
|
|
|
#homepage-carouselbaner2 .swiper-slide
|
|
{
|
|
min-height: 376px;
|
|
}
|
|
|
|
#home-list
|
|
{
|
|
margin-bottom: 63px;
|
|
}
|
|
|
|
#seo
|
|
{
|
|
background-color: #F1EBE6;
|
|
padding: 50px 0 70px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#homepage-carouselbaner2
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#seo h2
|
|
{
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
margin-bottom: 17px;
|
|
}
|
|
|
|
#seo .tinymce_html
|
|
{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.more-btn-line
|
|
{
|
|
margin: 30px 0 55px;
|
|
}
|
|
|
|
#text-horizontal
|
|
{
|
|
background-color: #F1EBE6;
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
#text-horizontal .picture
|
|
{
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
#text-horizontal .content-text
|
|
{
|
|
align-items: center;
|
|
padding: 40px 10px 45px;
|
|
}
|
|
|
|
#text-horizontal h3
|
|
{
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
margin-bottom: 17px;
|
|
}
|
|
|
|
#text-horizontal .tinymce_html
|
|
{
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#text-horizontal .img
|
|
{
|
|
margin-right: 6%;
|
|
min-width: 59px;
|
|
}
|
|
|
|
#text-horizontal .line1 .picture
|
|
{
|
|
background-image: url(/images/frontend/theme/watch/icons/img-guantity.jpg);
|
|
}
|
|
|
|
#text-horizontal .line2 .picture
|
|
{
|
|
background-image: url(/images/frontend/theme/watch/icons/img-glass.jpg);
|
|
}
|
|
|
|
#text-horizontal .line3 .picture
|
|
{
|
|
background-image: url(/images/frontend/theme/watch/icons/img-band.jpg);
|
|
}
|
|
|
|
#home-list-new .arrow-left,
|
|
#home-list-new .arrow-right
|
|
{
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -25px;
|
|
width: 30px;
|
|
height: 50px;
|
|
background-color: #36302E;
|
|
color: #fff;
|
|
z-index: 3;
|
|
padding: 13px 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
#home-list-new .arrow-left
|
|
{
|
|
left: 0;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#home-list-new .arrow-right
|
|
{
|
|
right: 0;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
#home-list-new .arrow-left:hover,
|
|
#home-list-new .arrow-right:hover,
|
|
#home-list-new .arrow-left:focus,
|
|
#home-list-new .arrow-right:focus,
|
|
#home-list-new .arrow-left:active,
|
|
#home-list-new .arrow-right:active
|
|
{
|
|
background-color: var(--primary_dark);
|
|
}
|
|
|
|
#main_text .tinymce_html
|
|
{
|
|
border-top: 1px solid rgba(0,0,0, .1);
|
|
border-bottom: 1px solid rgba(0,0,0, .1);
|
|
font-size: 16px;
|
|
padding: 53px 0 50px;
|
|
}
|
|
|
|
#home-list-new
|
|
{
|
|
margin-bottom: 62px;
|
|
}
|
|
|
|
#main_text
|
|
{
|
|
margin-bottom: 27px;
|
|
}
|
|
|
|
#blog .thumbnail, #blog-list .thumbnail
|
|
{
|
|
background-color: #fff;
|
|
box-shadow: 0px 0 25px 0px #ededed;
|
|
}
|
|
|
|
#blog .caption, #blog-list .caption
|
|
{
|
|
padding: 5% 9%;
|
|
color: #A19C99;
|
|
}
|
|
|
|
#blog .caption .data, #blog-list .caption .data
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
#blog .caption .description, #blog-list .caption .description
|
|
{
|
|
color: inherit;
|
|
font-size: 1rem;
|
|
line-height: 140%;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
#blog + .button-show-all
|
|
{
|
|
margin: 30px 10px 75px;
|
|
}
|
|
|
|
#newsletter
|
|
{
|
|
background-color: #423C3A;
|
|
color: #A19C99;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.1333rem;
|
|
padding: 36px 0 32px;
|
|
}
|
|
|
|
#newsletter .h5
|
|
{
|
|
color: #fff;
|
|
font-size: 25px;
|
|
font-weight: 600;
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
#newsletter .btn
|
|
{
|
|
background-color: #423C3A;
|
|
padding: 15px 26px;
|
|
border-radius: 30px;
|
|
margin-left: -21px;
|
|
}
|
|
|
|
#newsletter .form-control
|
|
{
|
|
background-color: #554F4D;
|
|
color: #fff;
|
|
text-align: left;
|
|
height: 54px;
|
|
border-radius: 30px 0 0 30px;
|
|
padding: 3px 31px 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#newsletter .form-control::placeholder
|
|
{
|
|
color: #EAE5E3;
|
|
font-style: normal;
|
|
}
|
|
|
|
#newsletter p
|
|
{
|
|
margin: 0;
|
|
line-height: 130%;
|
|
}
|
|
|
|
#newsletter .text
|
|
{
|
|
max-width: 500px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
margin-top: 0;
|
|
background-color: #262321;
|
|
color: #A19C99;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.gallery .product-border .gallery-image
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
#card-info-box .tinymce_html,
|
|
#card-info-box .btn
|
|
{
|
|
/* background-color: #f6f2ee; */
|
|
background-color: #F1EBE6;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.card .add-quantity .btn:not(:hover),
|
|
.card .add-quantity .form-control[type="text"],
|
|
#shopping-cart, #order-confirm, #order-summary, #payment,
|
|
#webpage-show, #blog-show,
|
|
#order-summary .list-group-item,
|
|
#order-summary .panel
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#order_description_text
|
|
{
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar
|
|
{
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
#homepage #main_categories,
|
|
.product-group-list,
|
|
#homepage #blog,
|
|
.container-wide,
|
|
.container-wide-homepage
|
|
{
|
|
margin: 0 1.5%;
|
|
}
|
|
|
|
#send_form>.bg-white
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#table_confirm_terms
|
|
{
|
|
background-color: #F1EBE6;
|
|
}
|
|
|
|
#review_table
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide-desktop
|
|
{
|
|
background-color: var(--text_dark);
|
|
}
|
|
|
|
.slider-pro .sp-slide.fill img.sp-image
|
|
{
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
#shopping-cart,
|
|
#order-confirm,
|
|
#order-summary,
|
|
.user-control
|
|
{
|
|
max-width: 1310px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.card .add-quantity .btn[data-qty="minus"]
|
|
{
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
|
|
.card .add-quantity .btn[data-qty="plus"]
|
|
{
|
|
border-radius: 0 5px 5px 0;
|
|
}
|
|
|
|
.category-line .product .image
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.category-line .product
|
|
{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.product .image.space > a, #blog .image.space > a, #blog-list .image.space>a
|
|
{
|
|
padding: 15px;
|
|
}
|
|
|
|
div.rating-cancel a,
|
|
div.star-rating a,
|
|
.reviews svg {
|
|
color: #c8c8c8;
|
|
}
|
|
|
|
div.star-rating-on a {
|
|
color: #dc1912;
|
|
}
|
|
|
|
div.star-rating-hover a,
|
|
.reviews svg.star-rating-hover {
|
|
color: #ffc20a;
|
|
}
|
|
|
|
#shopping-cart .table .form-control,
|
|
.order-control .table .form-control,
|
|
.modal-body .form-control,
|
|
#edit-account .form-control
|
|
{
|
|
box-shadow: none;
|
|
border: 1px solid #ddd;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#blog .image,
|
|
#blog-list .image
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: visible;
|
|
}
|
|
|
|
#blog .image a,
|
|
#blog-list .image a
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|
|
#blog-show
|
|
{
|
|
min-height: 100px;
|
|
}
|
|
|
|
#blog-product-list
|
|
{
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.show-list-articles > .row
|
|
{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.pagination
|
|
{
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#user-newsletter,
|
|
#user-newsletter .panel,
|
|
#newsletter-add-to-list,
|
|
#newsletter-add-to-list .panel,
|
|
#create-account-form,
|
|
#wait-confirm-remind,
|
|
#wait-confirm-remind .panel
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.st_error
|
|
{
|
|
color: red;
|
|
}
|
|
|
|
.product .tinymce_html,
|
|
.product.col-lg-20p .tinymce_html,
|
|
.reviews .tinymce_html,
|
|
#card-info-p,
|
|
.reviews h5,
|
|
.reviews .h5
|
|
{
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.gallery-left #product-gallery.gallery-photos>li
|
|
{
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.product .btn-disable:hover .btn-shopping-cart
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
#contact-form > .panel-default
|
|
{
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#contact-form > .panel-default > .panel-heading,
|
|
#contact-form > .panel-default > .panel-body
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#banner-01-carousel,
|
|
#banner-02-carousel,
|
|
#banner-03-carousel
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
#banner-01-carousel .item a,
|
|
#banner-02-carousel .item a,
|
|
#banner-03-carousel .item a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
#banner-01-carousel .arrow-controls,
|
|
#banner-02-carousel .arrow-controls,
|
|
#banner-03-carousel .arrow-controls
|
|
{
|
|
top: 15px;
|
|
right: 15px;
|
|
}
|
|
|
|
#category_info .description
|
|
{
|
|
max-width: 970px;
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px){
|
|
#header-navbar
|
|
{
|
|
padding: 19px 37px 10px;
|
|
}
|
|
|
|
#header-navbar.hide-menu .navbar-collapse
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
padding: 9px;
|
|
border-radius: 9px !important;
|
|
}
|
|
|
|
#nav-menu
|
|
{
|
|
width: 80%;
|
|
margin: 3px auto 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#nav-menu .horizontal-categories
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#nav-menu .horizontal-categories,
|
|
#nav-menu .horizontal-categories > li
|
|
{
|
|
float: none;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a
|
|
{
|
|
padding: 14px 0px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li.more>a
|
|
{
|
|
padding: 14px;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a:after
|
|
{
|
|
transition: all 0.2s ease;
|
|
content: '';
|
|
background-color: var(--primary);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 2px;
|
|
right: 100%;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li + li
|
|
{
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#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: transparent;
|
|
color: rgba(256,256,256, .7);
|
|
/* border-color: var(--primary); */
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li:hover > a:after,
|
|
#nav-menu .navbar-nav > li.active > a:after
|
|
{
|
|
right: 0;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.active > a
|
|
{
|
|
color: #fff;
|
|
background-color: transparent;
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
#homepage-carousel .social
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
/* bottom: 35px; */
|
|
bottom: -100%;
|
|
z-index: 3;
|
|
left: 45px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#homepage-carousel .social.show-social
|
|
{
|
|
bottom: 35px;
|
|
}
|
|
|
|
#homepage-carousel .social a,
|
|
#homepage-carousel .social .h5
|
|
{
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
#homepage-carousel .social a
|
|
{
|
|
width: 30px;
|
|
height: 30px;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
#homepage-carousel .social a:hover,
|
|
#homepage-carousel .social a:focus,
|
|
#homepage-carousel .social a:active
|
|
{
|
|
opacity: .4;
|
|
}
|
|
|
|
#homepage-carousel .social a img
|
|
{
|
|
width: inherit;
|
|
height: inherit;
|
|
}
|
|
|
|
#homepage-carousel .social .bottom
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#homepage-carousel .social .icons
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#homepage-carousel .social .h5
|
|
{
|
|
color: #A1988F;
|
|
font-size: 15px;
|
|
font-family: 'Asap Condensed', sans-serif;
|
|
margin: 0;
|
|
margin-left: -21px;
|
|
margin-bottom: 45px;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
#homepage-carousel .social .space
|
|
{
|
|
display: block;
|
|
height: 22px;
|
|
width: 2px;
|
|
background-color: #A1988F;
|
|
opacity: .3;
|
|
margin: 0px 0px 13px 14px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption
|
|
{
|
|
text-align: left;
|
|
padding: 2% 0;
|
|
width: 47%;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 56px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3:after
|
|
{
|
|
margin-left: 0;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.text-center h3:after
|
|
{
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.text-right h3:after
|
|
{
|
|
margin-left: 100%;
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
#nav-menu .dropdown-menu
|
|
{
|
|
transition: all 0.2s ease;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
|
|
#nav-menu li.open > .dropdown-menu
|
|
{
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
#icons-underbanner .item
|
|
{
|
|
padding: 0 2%;
|
|
align-items: center;
|
|
}
|
|
|
|
#header-navbar.hide-menu
|
|
{
|
|
top: -81px;
|
|
}
|
|
|
|
.full-list .thumbnail
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.full-list .product
|
|
{
|
|
padding-top: 12px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.full-list .product:hover
|
|
{
|
|
background-color: #fff;
|
|
box-shadow: 0px 0 25px 0px #ededed;
|
|
transition: all 0.0s;
|
|
}
|
|
|
|
.full-list .product .caption
|
|
{
|
|
position: relative;
|
|
top: 0;
|
|
transition: top 0.3s ease;
|
|
}
|
|
|
|
.full-list .product:hover .caption
|
|
{
|
|
background-color: #fff;
|
|
top: -40px;
|
|
}
|
|
|
|
.full-list .product .product-shopping-cart
|
|
{
|
|
position: absolute;
|
|
bottom: -27px;
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 0 !important;
|
|
visibility: hidden;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.full-list .product:hover .product-shopping-cart
|
|
{
|
|
visibility: visible;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.full-list .thumbnail
|
|
{
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#basket-back-button
|
|
{
|
|
margin-top: -55px;
|
|
}
|
|
|
|
#homepage-carouselbaner2 .swiper-slide-mobile
|
|
{
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
#seo .row
|
|
{
|
|
display: flex;
|
|
}
|
|
|
|
#header-navbar.bg-menu
|
|
{
|
|
background-color: #1c1c1c;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
#home-list-RECOMMEND .caption
|
|
{
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
#text-horizontal .line > div
|
|
{
|
|
width: 50%;
|
|
}
|
|
|
|
#text-horizontal .line .picture
|
|
{
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#homepage-carouselbaner2.slide-banner-new .swiper-slide:after
|
|
{
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: inherit;
|
|
background-size: cover;
|
|
transform-origin: center;
|
|
transition: transform .5s ease-in-out;
|
|
}
|
|
|
|
#homepage-carouselbaner2.slide-banner-new .swiper-slide:hover:after
|
|
{
|
|
transform: scale(1.012);
|
|
}
|
|
|
|
#text-horizontal .content-text
|
|
{
|
|
width: calc(750px / 2);
|
|
}
|
|
|
|
#text-horizontal .text
|
|
{
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
#text-horizontal .line:nth-child(2n+2) .text
|
|
{
|
|
order: 2;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
#text-horizontal .line:nth-child(2n+2) .content-text
|
|
{
|
|
padding-left: 6%;
|
|
}
|
|
|
|
#text-horizontal .line:nth-child(2n+1) .content-text
|
|
{
|
|
padding-right: 4%;
|
|
}
|
|
|
|
#newsletter form
|
|
{
|
|
width: 26%;
|
|
}
|
|
|
|
footer .list-group h5, footer .list-group .h5
|
|
{
|
|
font-size: 21px;
|
|
}
|
|
|
|
#accordion_footer .row .col-sm-3
|
|
{
|
|
width: 33.3333%;
|
|
}
|
|
|
|
footer .social
|
|
{
|
|
text-align: left;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.title-group-hp p
|
|
{
|
|
font-size: 19px;
|
|
}
|
|
|
|
#seo .tinymce_html,
|
|
#main_text .tinymce_html
|
|
{
|
|
font-size: 18px;
|
|
}
|
|
|
|
#text-horizontal .tinymce_html
|
|
{
|
|
font-size: 1.1333rem;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
height: 51px;
|
|
}
|
|
|
|
#two-column-layout,
|
|
#one-column-layout
|
|
{
|
|
padding-top: 70px;
|
|
}
|
|
|
|
.breadcrumb
|
|
{
|
|
margin-top: 10px;
|
|
font-size: 0.93333rem;
|
|
}
|
|
|
|
#category-thumbnail
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn-product-order-by, #btn-product-filter,
|
|
.form-control.producer-select
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#one-column-layout #app-image-tag
|
|
{
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
footer .navbar-default, #newsletter
|
|
{
|
|
margin-top: 70px;
|
|
}
|
|
|
|
#newsletter + .navbar-default
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.category-list .thumbnail
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.category-list2, .category-line .category-list
|
|
{
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
#shopping-cart .panel-default, #order-confirm .panel-default
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#shopping-cart .panel-default > .panel-heading > .panel-title, #order-confirm .panel-default>.panel-heading > .panel-title
|
|
{
|
|
font-weight: 600;
|
|
font-size: 23px;
|
|
}
|
|
|
|
header .open>.dropdown-menu
|
|
{
|
|
padding: 10px 0;
|
|
}
|
|
|
|
header .open>.dropdown-menu:before
|
|
{
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 6.5px 8px 6.5px;
|
|
border-color: transparent transparent #ffffff transparent;
|
|
}
|
|
|
|
header .navbar-dropdown .navbar-collapse
|
|
{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.btn-navbar:not(.collapsed):before
|
|
{
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -20px;
|
|
right: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 6.5px 8px 6.5px;
|
|
border-color: transparent transparent #1c1c1c transparent;
|
|
margin-right: -7px;
|
|
}
|
|
|
|
.card .product-label
|
|
{
|
|
/* background-color: #F1EBE6; */
|
|
width: 40%;
|
|
/* padding: 2.7%; */
|
|
}
|
|
|
|
.card .product-gallery
|
|
{
|
|
width: 60%;
|
|
padding-right: 45px;
|
|
}
|
|
|
|
/* .product-label .reviews
|
|
{
|
|
padding-top: 45px;
|
|
} */
|
|
|
|
#card-info-box .btn
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
#home-list-RECOMMEND .product-group-list > .product:nth-child(1)
|
|
{
|
|
grid-column: span 2;
|
|
grid-row: span 2;
|
|
}
|
|
|
|
#vertical-categories>.panel-heading
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
color: var(--text_dark);
|
|
font-weight: 600;
|
|
font-size: 21px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#vertical-categories .panel-body,
|
|
#left .box-info .panel-body,
|
|
#left .box-info .panel-heading
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
#vertical-categories,
|
|
#left .box-info
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
#left .box-info
|
|
{
|
|
padding-top: 25px;
|
|
}
|
|
|
|
#left .box-info .panel-title
|
|
{
|
|
font-weight: 600;
|
|
font-size: 21px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#left .box-info,
|
|
.product-attribute-filter-container .filter-title,
|
|
.product-options-filter-container .filter-title
|
|
{
|
|
border-top: 1px solid #0000001a;
|
|
}
|
|
|
|
.product-attribute-filter-container .filter-title,
|
|
.product-options-filter-container .filter-title
|
|
{
|
|
font-weight: 600;
|
|
padding-top: 15px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* #product-photo
|
|
{
|
|
background-color: #fff;
|
|
} */
|
|
|
|
.card h1
|
|
{
|
|
font-size: 29px;
|
|
}
|
|
|
|
#app-image-tag .slider-pro .sp-image
|
|
{
|
|
width: 100% !important;
|
|
}
|
|
|
|
#one-column-layout #edit-account,
|
|
#one-column-layout #order-show
|
|
{
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
footer .list-group>a,
|
|
footer .social .icons a
|
|
{
|
|
position: relative;
|
|
left: 0;
|
|
}
|
|
|
|
footer .list-group>a:hover,
|
|
footer .social .icons a:hover
|
|
{
|
|
left: -3px;
|
|
}
|
|
|
|
.card .description
|
|
{
|
|
font-size: 1.0667rem;
|
|
}
|
|
|
|
#banner-01-carousel .item .row,
|
|
#banner-02-carousel .item .row,
|
|
#banner-03-carousel .item .row
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.container-wide-homepage
|
|
{
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 992px){
|
|
#text-horizontal .content-text
|
|
{
|
|
width: calc(970px / 2);
|
|
}
|
|
|
|
.container-wide
|
|
{
|
|
margin: 0 90px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px){
|
|
#text-horizontal .content-text
|
|
{
|
|
width: calc(1170px / 2);
|
|
}
|
|
|
|
.card .product-label
|
|
{
|
|
width: 32%;
|
|
}
|
|
|
|
.card .product-gallery
|
|
{
|
|
width: 68%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1350px){
|
|
#text-horizontal .content-text
|
|
{
|
|
width: calc(1310px / 2);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #1c1c1c;
|
|
z-index: 10;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
#nav-menu,
|
|
#nav-button-menu.collapsed:hover, #nav-button-menu
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#nav-button-menu
|
|
{
|
|
position: relative;
|
|
width: 52px;
|
|
height: 48px;
|
|
}
|
|
|
|
#nav-button-menu .icon-bar
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
margin: 0;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
#nav-button-menu .icon-bar:nth-child(1)
|
|
{
|
|
top: 15px;
|
|
}
|
|
|
|
#nav-button-menu .icon-bar:nth-child(2)
|
|
{
|
|
top: 22px;
|
|
}
|
|
|
|
#nav-button-menu .icon-bar:nth-child(3)
|
|
{
|
|
top: 29px;
|
|
}
|
|
|
|
#nav-button-menu:not(.collapsed) .icon-bar:nth-child(1)
|
|
{
|
|
transform: rotate(45deg);
|
|
top: 22px;
|
|
}
|
|
|
|
#nav-button-menu:not(.collapsed) .icon-bar:nth-child(2)
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
#nav-button-menu:not(.collapsed) .icon-bar:nth-child(3)
|
|
{
|
|
transform: rotate(-45deg);
|
|
top: 22px;
|
|
}
|
|
|
|
#nav-menu .horizontal-categories
|
|
{
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
#icons-underbanner
|
|
{
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
#icons-underbanner .h4
|
|
{
|
|
font-size: 16px;
|
|
}
|
|
|
|
#icons-underbanner .item:nth-child(1n+3)
|
|
{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#icons-underbanner .item
|
|
{
|
|
width: 50%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#home-list
|
|
{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
#homepage-carouselbaner2 .swiper-slide .caption
|
|
{
|
|
padding-top: 10%;
|
|
}
|
|
|
|
#seo
|
|
{
|
|
padding: 30px 0 50px;
|
|
}
|
|
|
|
#home-list-RECOMMEND .caption
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.full-list .thumbnail .caption
|
|
{
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
#text-horizontal h3
|
|
{
|
|
margin-top: 0;
|
|
font-size: 24px;
|
|
}
|
|
|
|
#text-horizontal .content-text
|
|
{
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
#text-horizontal .picture
|
|
{
|
|
height: 120px;
|
|
}
|
|
|
|
#text-horizontal .text
|
|
{
|
|
padding: 0 2%;
|
|
}
|
|
|
|
#text-horizontal .line
|
|
{
|
|
flex-direction: column;
|
|
}
|
|
|
|
#text-horizontal .tinymce_html
|
|
{
|
|
padding-top: 16px;
|
|
}
|
|
|
|
#home-list-new
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#main_text .tinymce_html
|
|
{
|
|
padding: 20px 0;
|
|
}
|
|
|
|
#main_text
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#newsletter
|
|
{
|
|
flex-direction: column;
|
|
}
|
|
|
|
#newsletter .text
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
#newsletter .text,
|
|
#newsletter form
|
|
{
|
|
margin: 0 2%;
|
|
width: 85%;
|
|
}
|
|
|
|
#newsletter form
|
|
{
|
|
margin-top: 17px;
|
|
}
|
|
|
|
footer .social
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
footer .social .h5,
|
|
footer .social .txt
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
footer .social .icons a
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
#accordion_footer > .list-group
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
#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.active>a
|
|
{
|
|
background-color: transparent;
|
|
color: var(--primary);
|
|
}
|
|
|
|
.card .nav>li>a
|
|
{
|
|
font-size: 22px;
|
|
}
|
|
|
|
#card-info-box .tinymce_html, #card-info-box .btn
|
|
{
|
|
background-color: #F1EBE6;
|
|
}
|
|
|
|
#shopping-cart .table td.product-quantity .form-control
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
|
|
.order-control .panel .panel-body
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.order-control .panel-title
|
|
{
|
|
font-weight: 600;
|
|
}
|
|
|
|
.order-control .panel-heading
|
|
{
|
|
padding-bottom: 8px;
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.order-control
|
|
{
|
|
padding: 0 15px;
|
|
}
|
|
|
|
#icons-underbanner table,
|
|
#icons-underbanner table tbody,
|
|
#icons-underbanner table tr,
|
|
#icons-underbanner table td
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
#icons-underbanner table td
|
|
{
|
|
padding: 0 0 20px;
|
|
}
|
|
|
|
#icons-underbanner table table
|
|
{
|
|
display: table;
|
|
}
|
|
|
|
#icons-underbanner table table tr
|
|
{
|
|
display: table-row;
|
|
}
|
|
|
|
#icons-underbanner table table td
|
|
{
|
|
display: table-cell;
|
|
padding: 0;
|
|
}
|
|
|
|
#icons-underbanner
|
|
{
|
|
padding: 0 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
} |