avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-06-22 22:39:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

maj index.php/add imgs/maj responsiv

Browse Source
This commit is contained in:
theomemin
2018-12-10 13:37:34 +01:00
parent 016d11864a
commit 3987ff7326
9 changed files with 89 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
project/assets/css/style.css
View File

@ -59,7 +59,16 @@ body{
height: 300vh;
background-color: #eeeeee;
}
.test1{
float: left;
text-align: center;
margin-top: 133px;
}
.test2{
margin-top: 166px;
float: right;
font-family: 'Open Sans', sans-serif;
}
.nav_imie{
height: 40px;
background-color: #1c1c1c;
@ -91,17 +100,17 @@ body{
}
.item_nav_blog_droite{
color: #848484;
font-family: 'Open Sans', sans-serif;
padding-top: 30px;
padding-right: 60px;
display: inline-block;
color: black;
float: right;
}
.item_nav_blog_droite_icon{
padding-top: 30px;
padding-top: 27px;
display: inline-block;
color: black;
float: right;
}
.bloc_principal{
@ -116,14 +125,23 @@ body{
width: 100%;
height: 50px;
background-color: #ffef2b;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
}
.content-homediv{
padding: 0;
}
.item_nav_blog_logo{
padding-top: 5px;
padding-top: 2px;
display: inline-block;
float: left;
}
.p-home {
padding-top: 20px;
color: grey;
}
#twi{
height: 18px;
width: 18px;
@ -135,10 +153,11 @@ body{
}
#search{
font-family: 'Open Sans', sans-serif;
background-color: transparent;
border: none;
width: 120px;
border-bottom: #1c1c1c solid 2px;
width: 180px;
border-bottom: #848484 solid 1px;
}
#glass{
@ -146,6 +165,10 @@ body{
width: 20px;
margin-left: 8px;
}
#titre-home{
padding-bottom: 20px;
font-size: 20px;
}
@media screen and (max-width: 640px) {
.nav_imie {
@ -162,6 +185,21 @@ body{
height: 0;
width: 0;
}
.img-home{
width: 250px;
}
.test1{
margin-top: 20px;
}
.test2{
margin-top: 20px;
}
#titre-home{
padding-bottom: 10px;
}
.p-home{
padding-top: 7px;
}
}
@media screen and (max-width: 365px) {
@ -171,4 +209,22 @@ body{
width: 60px;
border-bottom: #1c1c1c solid 2px;
}
.img-home{
width: 200px;
}
.test1{
margin-top: 20px;
}
.test2{
margin-top: 20px;
}
#titre-home{
padding-bottom: 10px;
}
.p-home{
padding-top: 7px;
}
.bloc_principal_titre{
font-size: 20px;
}
}