422 lines
7.1 KiB
CSS
422 lines
7.1 KiB
CSS
:root
|
|
{
|
|
--gray-dark: #434343;
|
|
--gray-light: #eaeaea;
|
|
--radius: 3px;
|
|
--radius-top: 3px 3px 0 0;
|
|
--radius-bottom: 0 0 3px 3px;
|
|
--primary: #ed1c24;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: 'Roboto', sans-serif;
|
|
font-weight: 400;
|
|
color: var(--gray-dark);
|
|
}
|
|
|
|
#product-navbar h1, .title h1, .title h2, .card h1, .tinymce_html h1, .tinymce_html h2, .title-line span
|
|
{
|
|
font-family: inherit;
|
|
}
|
|
|
|
.btn, .thumbnail, .panel, .product-list .thumbnail, .form-control, #captcha_form img, select.form-control, .swiper-container
|
|
{
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
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
|
|
{
|
|
font-weight: 500;
|
|
color: var(--gray-dark);
|
|
}
|
|
|
|
#product-navbar h1, .title h1, .title h2, .title h3
|
|
{
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.title h1 a, .title h2 a, .title h3 a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.title-group-hp h3
|
|
{
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
.btn-default, .btn-shopping-cart, .btn-light
|
|
{
|
|
background-color: var(--gray-light);
|
|
color: var(--gray-dark);
|
|
border-color: var(--gray-light);
|
|
}
|
|
|
|
.panel-heading
|
|
{
|
|
border-radius: var(--radius-top);
|
|
padding: 10px 20px;
|
|
font-size: 19px;
|
|
}
|
|
|
|
.panel-title, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title
|
|
{
|
|
font-size: inherit;
|
|
}
|
|
|
|
.panel-primary>.panel-heading
|
|
{
|
|
background-color: var(--primary);
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
.panel,
|
|
#main_categories .thumbnail div[data-equalizer-watch="image"],
|
|
.product-list .thumbnail, .category .thumbnail, #blog .thumbnail.border, #blog-list .thumbnail.border
|
|
{
|
|
border: 1px solid var(--gray-light);
|
|
}
|
|
|
|
#wait-confirm .panel, #wait-confirm-remind .panel, #create-account .panel, #create-first-user-data .panel, #edit-profile-form, #logout-user .panel, #create-password .panel, #remind-password .panel, #create-password .panel, #confirm-send-password .panel, #user-newsletter .panel, #user-panel-newsletter .panel, #newsletter-remove .panel, #newsletter-add-to-list .panel, #newsletter-confirm .panel, #newsletter-unsubscribe .panel, #newsletter-unsubscribe-confirm .panel, #order-summary .panel, #login-user .panel, .info-panel
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.panel-body
|
|
{
|
|
padding: 12px 16px;
|
|
}
|
|
|
|
.order-control .panel-heading,
|
|
.order-control .panel-body,
|
|
.panel-body.data
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* footer */
|
|
footer .navbar-default
|
|
{
|
|
background-color: #303030;
|
|
}
|
|
/* /footer */
|
|
|
|
/* top */
|
|
#header-navbar
|
|
{
|
|
background-color: var(--gray-dark);
|
|
}
|
|
|
|
#header .social a
|
|
{
|
|
border-color: #d7d7d7;
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
.btn-navbar.collapsed:not(:hover):focus, .btn-navbar.collapsed
|
|
{
|
|
color: #fff;
|
|
}
|
|
/* /top */
|
|
|
|
/* homepage */
|
|
#homepage-baner
|
|
{
|
|
background-color: transparent;
|
|
margin-bottom: 17px;
|
|
}
|
|
|
|
#homepage-carousel:not(.slide-banner-new) .swiper-slide
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
letter-spacing: 0.02em;
|
|
margin-bottom: 7px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#two-column-layout #homepage-baner .container
|
|
{
|
|
width: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
#seo .tinymce_html
|
|
{
|
|
font-size: 1rem;
|
|
}
|
|
|
|
#main_text
|
|
{
|
|
margin-bottom: 40px;
|
|
}
|
|
/* /homepage */
|
|
|
|
/* list */
|
|
|
|
#two-column-layout .bg-white:not(.bg-list)
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.caption .name,
|
|
#main_categories .thumbnail .name
|
|
{
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.product .image
|
|
{
|
|
border-radius: var(--radius-top);
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main_categories .thumbnail
|
|
{
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#main_categories .thumbnail .caption
|
|
{
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#main_categories .thumbnail div[data-equalizer-watch="image"]
|
|
{
|
|
border-radius: var(--radius);
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main_categories .product .image.space > a
|
|
{
|
|
padding: 15px;
|
|
}
|
|
|
|
.product .price
|
|
{
|
|
font-weight: 400;
|
|
}
|
|
|
|
#category_info
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.card .add-quantity .btn:not(:hover)
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.card .add-quantity .btn
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
#category-thumbnail
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
/* /list */
|
|
|
|
/* card */
|
|
.card
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.card .description-short
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
/* /card */
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.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, #left.col-lg-3
|
|
{
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.row
|
|
{
|
|
margin-left: -12px;
|
|
margin-right: -12px;
|
|
}
|
|
|
|
.breadcrumb
|
|
{
|
|
margin: -10px 0 10px;
|
|
}
|
|
|
|
#header-navbar .container
|
|
{
|
|
width: calc(750px - 20px);
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/* top */
|
|
#header-navbar
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#header-navbar .container
|
|
{
|
|
background-color: var(--gray-dark);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
#header-navbar.navbar-fixed-top .container
|
|
{
|
|
border-radius: var(--radius-bottom);
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a
|
|
{
|
|
color: #fff;
|
|
padding: 14px 16px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li>a>svg
|
|
{
|
|
stroke: currentColor;
|
|
}
|
|
|
|
#nav-menu>.navbar-nav>li.homepage>a
|
|
{
|
|
padding: 10px 10px 9px;
|
|
}
|
|
|
|
#top
|
|
{
|
|
margin-bottom: 17px;
|
|
}
|
|
/* /top */
|
|
|
|
/* homepage */
|
|
#homepage-baner:not(.wide)
|
|
{
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide-desktop
|
|
{
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
#homepage-baner .container
|
|
{
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left,
|
|
#homepage-carousel .arrow-right
|
|
{
|
|
margin-top: -25px;
|
|
}
|
|
|
|
#two-column-layout #homepage-carousel .arrow-left
|
|
{
|
|
left: 30px;
|
|
}
|
|
|
|
#two-column-layout #homepage-carousel .arrow-right
|
|
{
|
|
right: 30px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 48px;
|
|
}
|
|
|
|
/* /homepage */
|
|
|
|
/* list */
|
|
.product-list .thumbnail, #main_categories .thumbnail, .category .thumbnail, #blog .thumbnail.border, #blog-list .thumbnail.border
|
|
{
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.product-list.grid-wrapper .thumbnail
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#home-list, #home-list-RECOMMEND, #home-list-new
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* /list */
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
#header-navbar .container
|
|
{
|
|
width: calc(970px - 20px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px){
|
|
#header-navbar .container
|
|
{
|
|
width: calc(1170px - 20px);
|
|
}
|
|
|
|
#left.col-lg-3
|
|
{
|
|
right: 79%;
|
|
width: 21%;
|
|
}
|
|
|
|
#content.col-lg-9
|
|
{
|
|
width: 79%;
|
|
left: 21%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1350px){
|
|
#header-navbar .container
|
|
{
|
|
width: calc(1310px - 20px);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px){
|
|
.swiper-pagination-switch
|
|
{
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
}
|