Team:INSA-Lyon/css contenu
From 2014.igem.org
Line 86: | Line 86: | ||
#footer | #footer | ||
{ | { | ||
- | + | padding-top: 15px; | |
- | + | background-color: #285459; | |
- | + | ||
margin-bottom: -50px; | margin-bottom: -50px; | ||
- | + | height: 200px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 110: | Line 106: | ||
color:#ffffff; | color:#ffffff; | ||
} | } | ||
+ | |||
#contact{ | #contact{ | ||
- | |||
display: inline-block; | display: inline-block; | ||
background-color: #285459; | background-color: #285459; | ||
padding-left: 30px; | padding-left: 30px; | ||
margin-left: 50px; | margin-left: 50px; | ||
- | |||
} | } | ||
- | # | + | #footer1{ |
- | + | float: left; | |
+ | width: 250px; | ||
+ | margin-right: 50px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #footer2{ | ||
+ | float: left; | ||
+ | width: 250px; | ||
} | } | ||
- | # | + | #footer3{ |
- | + | width: 250px; | |
- | + | margin-left: 50px; | |
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #copyright { | ||
+ | font-size: 0.8em !important; | ||
background-color: #285459; | background-color: #285459; | ||
- | padding- | + | padding-bottom: 2px; |
- | + | padding-top: 16px; | |
- | + | ||
} | } | ||
- | # | + | #fb { |
- | + | float: right; | |
+ | margin-right: 10px; | ||
} | } | ||
Revision as of 10:59, 12 October 2014
html, body { padding:0; margin-top: 0;
background-color: #ffffff;
}
/* PAGE CONTENU*/
- igem{
padding-top: 25px; text-align: right; margin-top: 20px; margin-right: 20px; }
- contenu h4 {
padding-bottom: 25px;
}
- contenu{
margin-top: -25px; padding:0; top:0; background-position: center top; background-repeat: no-repeat; text-align: center;
margin-left: 40px; text-align: center;
padding-bottom: 50px; }
.icon {
color:#285459;
background:#FFF;
width:120px; height:72px; padding-top: 48px; text-align:center; border-radius:50%; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; display: inline-block;
}
.iconmulti { background:#FFF;
width:120px; height:82px; padding-top: 38px; text-align:center; border-radius:50%; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; display: inline-block;
}
- presentation {
margin: auto;
padding-top:40px;
width: 50%;
display: block; overflow: hidden; margin-bottom: 50px; }
.center { text-align: center; }
.colone1{
width: 50%; float: left;
}
.colone2{
width: 50%; float:right;
}
/*--------------------- CSS DU FOOTER ---------------------------------------------*/
- footer
{ padding-top: 15px; background-color: #285459; margin-bottom: -50px; height: 200px; }
- footer p{
color:#fff; font-family: "Roboto", sans-serif; font-size: 0.9em; overflow:hidden; }
- footer a:visited {
color:#ffffff; }
- footer a {
color:#ffffff; }
- contact{
display: inline-block; background-color: #285459; padding-left: 30px; margin-left: 50px; }
- footer1{
float: left; width: 250px; margin-right: 50px; display: inline-block; }
- footer2{
float: left; width: 250px; }
- footer3{
width: 250px; margin-left: 50px; display: inline-block; }
- copyright {
font-size: 0.8em !important; background-color: #285459; padding-bottom: 2px; padding-top: 16px; }
- fb {
float: right; margin-right: 10px; }
- sponsors a:hover{
text-decoration; underline; }
- copyright {
text-align: center; font-size: 0.8em !important; background-color: #285459; padding-bottom: 6px; padding-top: 6px;
margin-top: 100px;
}
- fb {
float: right; margin-right: 10px; margin-top: 10px; }