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

80% of the home page

Browse Source
This commit is contained in:
theomemin
2018-12-17 16:32:46 +01:00
parent 97c15c5468
commit e06bffb8b1
3 changed files with 177 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,13 +55,15 @@ table {
body{
margin: 0;
}
.test{
height: 300vh;
background-color: #eeeeee;
}
.test2{
margin-top: 70px;
float: right;
margin: auto;
text-align: center;
margin-top: 100px;
font-family: 'Open Sans', sans-serif;
}
.nav_imie{
@ -72,7 +74,6 @@ body{
.nav_blog{
height: 80px;
background-color: white;
}
.item_nav_imie{
@ -110,19 +111,24 @@ body{
}
.bloc_principal{
width: 100%;
height: 440px;
margin-top: 100px;
height: 500px;
margin-top: 70px;
background: url("../img/img-home.jpg");
background-position: center;
background-size: cover;
box-shadow: 1px 1px 30px 1px lightgrey;
}
.cover-black{
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.6);
}
.bloc_principal_titre{
text-align: center;
padding-top: 13px;
width: 100%;
height: 50px;
background-color: #ffef2b;
background-color: #fdee5a;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
}
@ -136,16 +142,25 @@ body{
display: inline-block;
float: left;
}
.bloc-plus{
margin-top: 40px;
float: right;
width: 120px;
height: 25px;
background-color: #fdee5a;
}
.p-home {
width: 500px;
padding-top: 20px;
margin-right: 50px;
color: grey;
color: white;
line-height: 23px;
}
.article-home{
width: 300px;
height: 300px;
background-color: white;
margin: 40px auto auto 20px;
margin: 90px auto auto 0;
box-shadow: 1px 1px 30px 1px lightgrey;
font-family: 'Open Sans', sans-serif;
}
@ -157,14 +172,38 @@ body{
padding-top: 22px;
padding-right: 10px;
}
.cat-home{
.cat-home-ops{
margin-top: 10px;
height: 20px;
width: 50px;
background-color: #f2d761;
background-color: #64bdea;
text-align: center;
display: inline-block;
}
.cat-home-dev{
margin-top: 10px;
height: 20px;
width: 50px;
background-color: #f2d761;
text-align: center;
display: inline-block;
}
.cat-home-digi{
margin-top: 10px;
height: 20px;
width: 50px;
background-color: #6bb194;
text-align: center;
display: inline-block;
}
.cat-home-devops{
margin-top: 10px;
height: 20px;
width: 75px;
background-color: #9142b7;
text-align: center;
display: inline-block;
}
.cat-home-name{
padding-top: 3px;
color: white;
@ -185,17 +224,40 @@ body{
display: block;
}
.p-home-article{
padding-top: 10px;
padding-top: 20px;
color:#848484;
font-size: 15px;
line-height: 18px;
}
.footer-article-home{
.footer-article-home-digi{
width:300px;
height: 5px;
background-color: #f2d761;
background-color: #6bb194;
position: absolute;
bottom: 0;
}
#titre-article-home{
.footer-article-home-dev{
width:300px;
height: 5px;
background-color: #f2d761;
position: absolute;
bottom: 0;
}
.footer-article-home-ops{
width:300px;
height: 5px;
background-color: #64bdea;
position: absolute;
bottom: 0;
}
.footer-article-home-devops{
width:300px;
height: 5px;
background-color: #9142b7;
position: absolute;
bottom: 0;
}
#titre-article-dev{
font-weight:bold;
}
#twi{
@ -221,7 +283,12 @@ body{
width: 20px;
margin-left: 8px;
}
#info-plus{
padding-top: 5px;
}
#titre-home{
color: white;
padding-bottom: 20px;
font-size: 20px;
}