"

From 2014.igem.org

Revision as of 14:53, 3 October 2014 (view source) JulietteP (Talk | contribs) ← Older edit		Revision as of 15:06, 11 October 2014 (view source) AliceB (Talk | contribs) Newer edit →
Line 75:		Line 75:
	background-color: #285459;		background-color: #285459;
	margin-bottom: -50px;		margin-bottom: -50px;
-	margin-top: 250px;
	}		}
Line 90:		Line 89:
	#footer a:visited {		#footer a:visited {
		+	color:#ffffff;
		+	}
		+
		+	#footer a {
	color:#ffffff;		color:#ffffff;
	}		}
Line 131:		Line 134:
	margin-top: 100px;		margin-top: 100px;
	}		}
		+
		+
	#fb {		#fb {

---

Revision as of 15:06, 11 October 2014

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 */

1. igem{

margin-top: 25px; margin-right: 30px; text-align: right; }

1. accueil {

width: 100%; margin: auto; text-align: center; }

1. accueil li {

margin-top: 100px; }

1. 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 ---------------------------------------------*/

1. footer

{ width: 100%; height: 350px; background-color: #285459; margin-bottom: -50px; }

1. footer h3{

       margin-bottom: 20px;

}

1. footer p{

color:#fff; font-family: "Roboto", sans-serif; font-size: 0.9em; overflow:hidden; }

1. footer a:visited {

color:#ffffff; }

1. footer a {

color:#ffffff; }

1. contact{

float:left; display: inline-block; background-color: #285459; padding-left: 30px; margin-left: 50px; width: 40%; }

1. address1{

texte-align: center; }

1. sponsors{

width: 40%; display: inline-block; background-color: #285459; padding-left: 30px; color: #ffffff; text-align: center; }

1. sponsors a{

font-size:1.6em; }

1. sponsors a:hover{

text-decoration; underline; }

1. copyright {

text-align: center; font-size: 0.8em !important; background-color: #285459; padding-bottom: 6px; padding-top: 6px;

       margin-top: 100px;

}

1. fb {

float: right; margin-right: 10px; margin-top: 10px; }