Team:INSA-Lyon/css home
From 2014.igem.org
html, body { padding:0; background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-image: url('https://static.igem.org/mediawiki/2014/c/ca/Insa_fond0.jpg'); -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -background-size: cover; /* pour Opera */ background-size: cover; }
h2{ margin-top: 50px; }
/* ACCUEIL */
- igem{
margin-top: 25px; margin-right: 30px; text-align: right; }
- accueil {
width: 100%; margin: auto; text-align: center; }
- accueil li {
margin-top: 100px; }
- icones {
margin-top: 100px; }
.icon { display: inline; }
.icon a {
display: inline-block; width:150px; height:125px; text-align: center; background:#FFF; border-radius:50%; padding-top: 25px; margin: 0 20px; color: #285459; line-height: 22px; overflow: hidden; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.icon a:hover, .icon a:focus {
box-shadow: 0 0 65px #285459; -moz-box-shadow: 0 0 65px #285459; -webkit-box-shadow: 0 0 65px #285459;
}
/*--------------------- CSS DU FOOTER ---------------------------------------------*/
- footer
{ padding-top: 15px; background-color: #285459; margin-top: 250px; 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; }
- twitter {
float: right; margin-right: 50px; margin-left: -60px;
}