283 lines
5.1 KiB
CSS
283 lines
5.1 KiB
CSS
.btn-primary, .information .btn-shopping-cart,
|
|
.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
|
|
{
|
|
background-color: #df0005;
|
|
}
|
|
|
|
.container:empty
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* .homepage-carousel .swiper-slide .caption h3 small,
|
|
.homepage-carousel .swiper-slide .caption.light p
|
|
{
|
|
color: #fc252a;
|
|
} */
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 50px;
|
|
letter-spacing: -0.03em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3 small,
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
font-size: 25px;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption img
|
|
{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.homepage-carousel .btn
|
|
{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #df0005;
|
|
}
|
|
|
|
.btn-navbar.collapsed:not(:hover):focus, .btn-navbar.collapsed
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
background-color: #12100e;
|
|
}
|
|
|
|
.more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
background-color: #c8c6c6;
|
|
border: none;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.swiper-active-switch
|
|
{
|
|
background-color: #df0005;
|
|
}
|
|
|
|
#header .social a,
|
|
.social a
|
|
{
|
|
border: none;
|
|
opacity: .3;
|
|
}
|
|
|
|
#header .social a:hover, #header .social a:focus, #header .social a:active,
|
|
.social a:hover, .social a:focus, .social a:active
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
#homepage-baner .container
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
@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
|
|
{
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
#category_info
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.row, .panel .form-horizontal .form-group
|
|
{
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
#top
|
|
{
|
|
background-color: #12100e;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li > a
|
|
{
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
#header h1 small, #header h4 small, #header .h4 small
|
|
{
|
|
color: #aaa;
|
|
}
|
|
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
right: 70px;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-right, .homepage-carousel:hover .arrow-right
|
|
{
|
|
right: 30px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left
|
|
{
|
|
left: 70px;
|
|
}
|
|
|
|
#homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-left
|
|
{
|
|
left: 30px;
|
|
}
|
|
|
|
#homepage .bg-white
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
#homepage-baner,
|
|
#homepage-baner:not(.wide)
|
|
{
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption
|
|
{
|
|
padding: 2%;
|
|
align-items: flex-start;
|
|
max-width: 1300px;
|
|
text-align: left;
|
|
width: 80%;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide-mobile
|
|
{
|
|
justify-content: center;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 100px;
|
|
letter-spacing: -0.03em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3 small,
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
font-size: 45px;
|
|
}
|
|
|
|
.main_categories-on .homepage-carousel .swiper-slide-mobile
|
|
{
|
|
padding-bottom: 126px;
|
|
}
|
|
|
|
#homepage-baner + .container > #main_categories.categories_on_banner:is(:nth-child(1))
|
|
{
|
|
margin-top: -140px;
|
|
z-index: 3;
|
|
position: relative;
|
|
}
|
|
|
|
#main_categories .thumbnail
|
|
{
|
|
border: none;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
#main_categories .thumbnail h3
|
|
{
|
|
font-size: 27px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
#main_categories .thumbnail .caption
|
|
{
|
|
padding: 3px 0 0;
|
|
}
|
|
|
|
.swiper-pagination-switch
|
|
{
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
#nav-menu .navbar-nav > li.active > a
|
|
{
|
|
background-color: #12100e;
|
|
color: #fff;
|
|
}
|
|
|
|
.category .thumbnail
|
|
{
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left, .homepage-carousel .arrow-right
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
.homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-right
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
.homepage-carousel .arrow-left:before, .homepage-carousel .arrow-right:before,
|
|
.homepage-carousel .arrow-left:after, .homepage-carousel .arrow-right:after,
|
|
.homepage-carousel .arrow-left:hover:before, .homepage-carousel .arrow-right:hover:before,
|
|
.homepage-carousel .arrow-left:hover:after, .homepage-carousel .arrow-right:hover:after
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* .homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 80px;
|
|
margin-bottom: 13px;
|
|
} */
|
|
|
|
.wide .homepage-carousel .swiper-slide .caption
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wide .homepage-carousel .swiper-pagination-bullets
|
|
{
|
|
bottom: 20px;
|
|
}
|
|
|
|
.main_categories-on #homepage-carousel .swiper-pagination
|
|
{
|
|
bottom: 140px;
|
|
}
|
|
|
|
#homepage:not(.main_categories-on) .bg-white
|
|
{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
}
|