Team:INSA-Lyon/css contenu
From 2014.igem.org
Line 70: | Line 70: | ||
.colone1 { | .colone1 { | ||
float: left; | float: left; | ||
+ | height: 100% | ||
+ | display: inline-block; | ||
} | } | ||
.colone2 { | .colone2 { | ||
float: right; | float: right; | ||
+ | height: 100% | ||
+ | display: inline-block; | ||
} | } | ||
Revision as of 11:42, 15 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; 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; width: 900px; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; height: 100% display: inline-block; }
.colone1 {
float: left;
height: 100% display: inline-block; }
.colone2 {
float: right;
height: 100% display: inline-block; }
.center{ text-align:center; }
.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: 50px;
margin-top: 40px;
overflow: hidden; display: inline-block; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.iconmulti { background:#FFF;
width:120px; height:82px; padding-top: 38px; text-align:center; border-radius:50%; margin-left: 20px; margin-right: 20px; margin-bottom: 50px;
margin-top: 40px;
overflow: hidden; display: inline-block; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
/*--------------------- CSS DU FOOTER ---------------------------------------------*/
- footer
{ padding-top: 15px; background-color: #285459; margin-bottom: -50px; height: 200px; width: 100%; display: inline-block; }
- 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; }