Team:INSA-Lyon/css home

From 2014.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
html, body {
html, body {
-
margin:0;
 
padding:0;
padding:0;
background-position: center top;
background-position: center top;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-attachment:fixed;
background-attachment:fixed;
-
background-image: url('http://potopov.fr/igem/img/background/fond2.jpg');
+
background-image: url('https://static.igem.org/mediawiki/2014/c/ca/Insa_fond0.jpg');
-webkit-background-size: cover; /* pour Chrome et Safari */
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-moz-background-size: cover; /* pour Firefox */
Line 11: Line 10:
background-size: cover;
background-size: cover;
}
}
 +
 +
h2{
 +
margin-top: 50px;
 +
}
 +
/* ACCUEIL */
/* ACCUEIL */
#igem{
#igem{
-
text-align: right;
+
margin-top: 25px;
-
margin: 20px;
+
margin-right: 30px;
 +
text-align: right;
}
}
-
#igem img{
+
 
-
margin: 10px;
+
-
}
+
#accueil {
#accueil {
Line 46: Line 49:
     text-align: center;   
     text-align: center;   
     background:#FFF;
     background:#FFF;
-
border-radius:50%;
+
    border-radius:50%;
     padding-top: 25px;   
     padding-top: 25px;   
     margin: 0 20px;   
     margin: 0 20px;   
Line 62: Line 65:
     -moz-box-shadow: 0 0 65px #285459;
     -moz-box-shadow: 0 0 65px #285459;
     -webkit-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;
 +
        margin-left: -70px;
 +
}
 +
 +
#twitter {
 +
        float: right;
 +
        margin-right: 50px;
 +
        margin-left: -60px;
}
}

Latest revision as of 01:45, 18 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

{ padding-top: 15px; background-color: #285459; margin-top: 250px; margin-bottom: -50px; height: 200px; }

  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{

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

  1. footer1{

float: left; width: 250px; margin-right: 50px; display: inline-block; }

  1. footer2{

float: left; width: 250px; }

  1. footer3{

width: 250px; margin-left: 50px; display: inline-block; }


  1. copyright {

font-size: 0.8em !important; background-color: #285459; padding-bottom: 2px; padding-top: 16px; }

  1. fb {

float: right; margin-right: 10px; 

       margin-left: -70px;

}

  1. twitter { 
       float: right;
       margin-right: 50px;
       margin-left: -60px;

}

Retrieved from "http://2014.igem.org/Team:INSA-Lyon/css_home"