add category-pets template

This commit is contained in:
2023-12-23 21:37:22 +03:00
parent e7fa783a51
commit 231fb35249
5 changed files with 236 additions and 40 deletions

View File

@@ -1,10 +1,48 @@
.vij-header{
display: flex;
align-items: center;
justify-content: center;
gap: 10%;
max-width: 100%;
padding-right: 8px;
}
.vij-promo{
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
#mainbanner{
padding: 0;
}
.menu-main-pets-header{
display: inline-flex;
align-items: flex-start;
gap: 39px;
}
.menu-main-pets-header li {
font-size: .8em;
}
.vij-promo-pets{
color: #3F3F3F;
font-size: .8em;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-pets{
background-color: #000;
display: flex;
align-items: center;
gap: 15px;
gap: 1%;
box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.07);
margin-right: 12px;
margin-right: 0 12px 0 0;
width: 100%;
height: 100px;
}
@@ -22,12 +60,15 @@
width: 163px;
height: 125px;
flex-shrink: 0;
background: url('/wp-content/themes/vij/pub/images/dog-cat.png'), transparent 50% / cover no-repeat;
margin-top: -24px;
}
ul.menu_main_pets{
display: flex;
padding: 5px;
@@ -57,12 +98,31 @@ ul.menu_main_pets{
}
.header-icons-pets{
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
.header-icons-pets li{
width: 20px;
height: 20px;
margin-left: 6px;
cursor: pointer;
}
.btn-search-pets{
background: url(/wp-content/themes/vij/pub/icons/lupa-pets.svg) no-repeat;
width: 19px;
height: 19px;
}
.btn-rss-pets{
background: url(/wp-content/themes/vij/pub/icons/rss-pets.svg) no-repeat;
background: url(/wp-content/themes/vij/pub/icons/rss-pets-1.svg) no-repeat;
width: 15px;
height: 15px;
}
.header-social-pets{
@@ -97,6 +157,69 @@ ul.menu_main_pets{
gap: 40px;
}
.footer-qrs-pets{
display: inline-flex;
align-items: flex-start;
gap: 25px;
}
.footer-qrs-pets img{
width: 80px;
height: 80px;
}
.footer-qrs-pets p{
font-size: .6em;
font-style: normal;
line-height: normal;
color: #3F3F3F;
}
@media (max-width: 767px) {
.toggle-nav-pets {
background: url(/wp-content/themes/vij/pub/icons/gumburger.svg) no-repeat;
width: 20px;
height: 20px;
}
.menu-main-pets-header{
display: none;
}
.header-social-pets{
display: none;
}
#header-contact-pets{
display: none;
}
.header-icons-pets{
display: none;
}
.header-pets{
max-width: 100%;
gap: 4%;
}
.footer-qr-pets{
display: none;
}
#pere{
display: none;
}
.socials-footer-pets{
gap: 12px;
}
}