436 lines
8.0 KiB
CSS
436 lines
8.0 KiB
CSS
#header #logo-top
|
|
{
|
|
order: 2;
|
|
width: 40%;
|
|
max-width: 40%;
|
|
padding: 0;
|
|
justify-content: center;
|
|
}
|
|
|
|
#header .slogan
|
|
{
|
|
order: 1;
|
|
width: 30%;
|
|
max-width: 40%;
|
|
}
|
|
|
|
#header #top-social
|
|
{
|
|
order: 3;
|
|
width: 30%;
|
|
max-width: 40%;
|
|
}
|
|
|
|
#header, #header-navbar, #nav-menu .navbar-nav > li.active > a
|
|
{
|
|
background-color: #0a1114;
|
|
}
|
|
|
|
.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: #2e91e6;
|
|
}
|
|
|
|
.btn, .thumbnail, .panel, .product-list .thumbnail, .form-control, select.form-control,
|
|
#shopping-cart, #order-confirm, #order-summary, #payment, #category_info .image img
|
|
{
|
|
border-radius: 7px;
|
|
}
|
|
|
|
#card-info-box .btn
|
|
{
|
|
border-radius: 7px 7px 0 0;
|
|
}
|
|
|
|
.btn-primary, .information .btn-shopping-cart, .homepage-carousel .btn
|
|
{
|
|
background-color: #2e91e6;
|
|
border-color: #2e91e6;
|
|
}
|
|
|
|
.btn-primary:hover, .information .btn-shopping-cart:hover,
|
|
.btn-primary:focus, .information .btn-shopping-cart:focus,
|
|
.btn-primary:active, .information .btn-shopping-cart:active,
|
|
.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, .homepage-carousel .btn:hover, .homepage-carousel .btn:focus, .homepage-carousel .btn:active, .category-line .product .thumbnail .caption h2 a:hover, .category-line .product .thumbnail .caption h2 a:focus, .category-line .product .thumbnail .caption h2 a:active
|
|
{
|
|
background-color: #0a1114;
|
|
border-color: #0a1114;
|
|
}
|
|
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active
|
|
{
|
|
background-color: #2e91e6;
|
|
}
|
|
|
|
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
|
|
{
|
|
color: #2e91e6;
|
|
}
|
|
|
|
.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: #2e91e6;
|
|
}
|
|
|
|
#header .social a
|
|
{
|
|
border-radius: 7px;
|
|
border-color: #4b555b;
|
|
}
|
|
|
|
#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,
|
|
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
color: #2e91e6;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption h3 small
|
|
{
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
display: block;
|
|
letter-spacing: -0.05em;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption.dark h3
|
|
{
|
|
color: #202126;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption b
|
|
{
|
|
font-size: 23px;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption.dark b
|
|
{
|
|
color: #33363a;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption p
|
|
{
|
|
font-size: 17px;
|
|
}
|
|
|
|
#homepage-baner, #homepage-carousel .swiper-slide-desktop
|
|
{
|
|
background-color: #cedce8;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide-mobile
|
|
{
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.product-list .thumbnail, #main_categories .thumbnail, .category .thumbnail
|
|
{
|
|
border-color: #d4dce1;
|
|
}
|
|
|
|
#main_categories .thumbnail
|
|
{
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: #0a1114;
|
|
color: #929395;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
footer .copyright, footer .list-group
|
|
{
|
|
border-color: #3d4146;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.swiper-active-switch
|
|
{
|
|
background-color: #2e91e6;
|
|
border-color: #2e91e6;
|
|
}
|
|
|
|
.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: #2e91e6;
|
|
color: #2e91e6;
|
|
}
|
|
|
|
.homepage-carousel .swiper-hero-progress
|
|
{
|
|
background-color: #2e91e6;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
body,
|
|
#homepage-carousel:not(.slide-banner-new) .swiper-slide
|
|
{
|
|
background-color: #eef1f2;
|
|
}
|
|
|
|
.bg-white
|
|
{
|
|
border-radius: 7px;
|
|
box-shadow: 0 5px 20px rgba(0,0,0, .02);
|
|
}
|
|
|
|
.bg-white .bg-white
|
|
{
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#two-column-layout .bg-white
|
|
{
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
#header-navbar
|
|
{
|
|
background-color: #2e91e6;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li > a
|
|
{
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
padding-top: 17px;
|
|
padding-bottom: 17px;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li.home-icon svg
|
|
{
|
|
stroke: currentColor;
|
|
}
|
|
|
|
#nav-menu > .navbar-nav > li.home-icon > a
|
|
{
|
|
padding: 10px 14px 10px 16px;
|
|
}
|
|
|
|
.product-list .thumbnail .image
|
|
{
|
|
border-radius: 7px 7px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.btn-navbar
|
|
{
|
|
height: 54px;
|
|
}
|
|
|
|
#homepage .bg-white
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
#homepage-carousel.slide-banner-new .swiper-slide-desktop
|
|
{
|
|
width: 60%;
|
|
background-size: cover;
|
|
position: relative;
|
|
z-index: 4;
|
|
background-position: center;
|
|
}
|
|
|
|
#homepage-carousel.slide-banner-new .swiper-slide-desktop.swiper-no-description
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
#homepage-carousel.slide-banner-new .swiper-slide-desktop.swiper-no-description
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
#homepage-carousel.slide-banner-new .swiper-slide
|
|
{
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption
|
|
{
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption
|
|
{
|
|
width: 40%;
|
|
position: relative;
|
|
/* left: -20%; */
|
|
transition: all 0.2s ease;
|
|
opacity: 0;
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide-active .caption,
|
|
#homepage-carousel .swiper-slide-duplicate-active .caption
|
|
{
|
|
/* left: 0px; */
|
|
opacity: 1;
|
|
transition-delay: .3s;
|
|
}
|
|
|
|
#homepage-carousel
|
|
{
|
|
background-color: #cedce8;
|
|
margin-bottom: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#homepage-carousel .swiper-container,
|
|
#homepage-carousel .swiper-wrapper
|
|
{
|
|
background-color: inherit;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide-mobile
|
|
{
|
|
background-color: inherit !important;
|
|
}
|
|
|
|
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
|
|
{
|
|
right: 20px;
|
|
}
|
|
|
|
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left
|
|
{
|
|
left: 20px;
|
|
}
|
|
|
|
#homepage-baner:not(.wide) #homepage-carousel .arrow-right
|
|
{
|
|
right: -55px;
|
|
}
|
|
|
|
#homepage-baner:not(.wide) #homepage-carousel .arrow-left
|
|
{
|
|
left: -55px;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 41px;
|
|
letter-spacing: -0.07em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption h3 small
|
|
{
|
|
font-size: 51px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption
|
|
{
|
|
/* align-items: flex-start; */
|
|
padding-left: 4%;
|
|
padding-right: 6%;
|
|
/* text-align: left; */
|
|
}
|
|
|
|
#homepage-baner:not(.wide)
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
#homepage-baner:not(.wide) #homepage-carousel
|
|
{
|
|
border-radius: 7px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.wide #homepage-carousel .swiper-pagination-bullets
|
|
{
|
|
bottom: 15px;
|
|
}
|
|
|
|
.wide .homepage-carousel .swiper-slide-mobile
|
|
{
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#homepage-baner
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#homepage-baner:not(.wide) #homepage-carousel.slide-banner-new .swiper-slide-desktop
|
|
{
|
|
border-radius: 7px 0 0 7px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 992px){
|
|
#homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 50px;
|
|
}
|
|
|
|
#homepage-baner:not(.wide) #homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 56 px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
/* font-size: 94px; */
|
|
font-size: 74px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#homepage-carousel .caption
|
|
{
|
|
background-color: #cedce8;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide-mobile
|
|
{
|
|
align-items: flex-end;
|
|
}
|
|
|
|
#homepage-carousel .caption
|
|
{
|
|
width: 88%;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
margin-bottom: 13%;
|
|
border-radius: 7px;
|
|
background-color: #cedce8;
|
|
padding: 5%;
|
|
}
|
|
|
|
#homepage-carousel .arrow-right, #homepage-carousel .arrow-left
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#homepage-carousel .swiper-slide .caption p
|
|
{
|
|
margin-bottom: 5px;
|
|
}
|
|
} |