Team:INSA-Lyon/css soustitre

From 2014.igem.org

(Difference between revisions)
Line 72: Line 72:
{
{
width: 100%;
width: 100%;
-
height: 320px;
+
height: 350px;
background-color: #285459;
background-color: #285459;
margin-bottom: -50px;
margin-bottom: -50px;
Line 90: Line 90:
#footer a:visited {
#footer a:visited {
color:#ffffff;
color:#ffffff;
-
}
 
-
 
-
#footer a{
 
-
    color: #ffffff;
 
-
font-size: 1.5em;
 
-
}
 
-
 
-
#footer a:hover {
 
-
    text-decoration: underline;
 
}
}
Line 139: Line 130:
         margin-top: 100px;
         margin-top: 100px;
}
}
 +

Revision as of 14:12, 3 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 {

margin-left: 50px; 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; }