new nav bar -> navbar_blog

This commit is contained in:
theomemin
2018-11-26 11:40:45 +01:00
parent 933f28c550
commit 452000854f
10 changed files with 130 additions and 51 deletions

View File

@@ -7,6 +7,11 @@ body{
background-color: #1c1c1c;
}
.nav_blog{
height: 80px;
background-color: #EAE7E4;
}
.item_nav_imie{
display: inline-block;
padding-left: 20px;
@@ -14,12 +19,68 @@ body{
color: white;
float: right;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-size: 16px;
font-weight: 600;
}
@media screen and (max-width: 640px) {
.nav_imie {
height: 0;
}
.item_nav_blog_gauche{
padding-top:25px;
vertical-align: center;
display: inline-block;
color: black;
float: left;
}
.item_nav_blog_droite{
padding-top: 20px;
display: inline-block;
color: black;
float: right;
}
#twi{
height: 18px;
width: 18px;
}
#fb{
height: 18px;
width: 9px;
}
#search{
background-color: transparent;
border: none;
width: 120px;
border-bottom: #1c1c1c solid 2px;
}
#glass{
height: 20px;
width: 20px;
margin-left: 8px;
}
@media screen and (max-width: 640px) {
.nav_imie {
height: 0;
}
.item_nav_imie{
font-size: 0;
}
#twi{
height: 0;
width: 0;
}
#fb{
height: 0;
width: 0;
}
}
@media screen and (max-width: 365px) {
#search{
background-color: transparent;
border: none;
width: 60px;
border-bottom: #1c1c1c solid 2px;
}
}