Team:INSA-Lyon/css soustitre

From 2014.igem.org

(Difference between revisions)
Line 25: Line 25:
#presentation {
#presentation {
-
text-align: center;
+
text-align: center;
-
margin-left: 200px;
+
margin: auto;
-
margin-right: 200px;
+
width: 800px;
-
width: 100%;
+
-
margin-top: 50px;
+
}
}

Revision as of 19:39, 8 October 2014

html, body { padding:0; margin-top: 0; background-color: #ffffff; }

/* PAGE SOUS-TITRE*/

  1. igem{

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


  1. soustitre{

margin-top: -25px; padding:0; top:0; background-position: center top; background-repeat: no-repeat; text-align: center; height: 50%; }


  1. presentation {

text-align: center; margin: auto; width: 800px; }

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


  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. 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; }