171 lines
2.9 KiB
CSS
171 lines
2.9 KiB
CSS
:root
|
|
{
|
|
--radius: 0;
|
|
--radius-top: 0 0 0 0;
|
|
--radius-bottom: 0 0 0 0;
|
|
--primary: #F0AA74;
|
|
--primary_dark: #d38e59;
|
|
}
|
|
|
|
#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:not(.collapsed), .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
|
|
{
|
|
color: var(--dark);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3,
|
|
#product-navbar h1, .title h1, .title h2, .title h3,
|
|
#seo h2, footer .list-group .h5,
|
|
.panel-heading,
|
|
.card .nav>li>a,
|
|
.card .product-label h1
|
|
{
|
|
font-family: 'Oswald', sans-serif;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.panel-primary>.panel-heading
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
color: var(--gray-dark);
|
|
}
|
|
|
|
.panel-heading
|
|
{
|
|
font-size: 23px;
|
|
padding: 10px 16px 10px;
|
|
}
|
|
|
|
.btn-default, .btn-shopping-cart, .btn-light
|
|
{
|
|
background-color: transparent;
|
|
border-color: var(--gray-dark);
|
|
}
|
|
|
|
.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: var(--primary);
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption.dark h3
|
|
{
|
|
color: var(--gray-dark);
|
|
}
|
|
|
|
.homepage-carousel .btn:not(:hover)
|
|
{
|
|
background-color: var(--gray-dark);
|
|
border-color: var(--gray-dark);
|
|
color: #fff;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
#nav-button-shopping-cart .quantity
|
|
{
|
|
background-color: var(--gray-dark);
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
background-color: #F3F3F3;
|
|
color: #9B9B9B;
|
|
}
|
|
|
|
footer .list-group .h5
|
|
{
|
|
color: var(--gray-dark);
|
|
}
|
|
|
|
footer .copyright
|
|
{
|
|
border-color: #dfdfdf;
|
|
}
|
|
|
|
footer a
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
footer .list-group a:hover, footer .list-group a:focus, footer .list-group a:active
|
|
{
|
|
color :var(--gray-dark);
|
|
}
|
|
|
|
footer .copyright
|
|
{
|
|
padding: 6px 0;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
#header-navbar .container
|
|
{
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
#header h1 small, #header h4 small, #header .h4 small
|
|
{
|
|
display: block;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
#header h1, #header h4, #header .h4
|
|
{
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#header .slogan
|
|
{
|
|
width: 55%;
|
|
}
|
|
|
|
#top-social
|
|
{
|
|
min-width: 20%;
|
|
}
|
|
|
|
.homepage-carousel .swiper-slide .caption h3
|
|
{
|
|
font-size: 72px;
|
|
}
|
|
|
|
.card .nav>li>a
|
|
{
|
|
font-size: 1.733rem;
|
|
}
|
|
|
|
footer .list-group .h5
|
|
{
|
|
font-size: 23px;
|
|
}
|
|
|
|
footer .navbar-default
|
|
{
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#header-navbar
|
|
{
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
footer .list-group
|
|
{
|
|
border-color: #dfdfdf;
|
|
}
|
|
} |