"

From 2014.igem.org

html, body { margin:0; padding:0; width: 100%; }

@font-face { font-family: "Roboto";

   src: url('http://potopov.fr/igemfont/RobotoCondensed-Regular.ttf');

}

@font-face { font-family: "LatoReg";

   src: url('http://potopov.fr/igemfont/Lato-Reg.ttf');

} @font-face { font-family: "LatoLig";

   src: url('http://potopov.fr/igemfont/Lato-Lig.ttf');

}

/*--------------------- Wiki hack ---------------------------------------------*/

/* la barre titre (banniere igem+ menu haut)*/

1. top-section

{

   height: 10px;
   width: auto;
   margin: 0;
   margin-bottom: -1em;
   padding: 0;
   border: 0 /*none transport*/;

}

/*le conteneur de la banière igem avec un lien vers igem*/

1. p-logo

{

   display:none;
   border:none;
   margin:none;

}

/* la barre de menu du haut */

1. menubar

{

   background: none repeat scroll 0 0 transparent !important;
   color: transparent !important;
   position: absolute;
   top: -6px;
   display: table-cell;

}

/*les lien de la barre de menu du haut */

1. menubar a

{

   text-decoration:none;
   color:#000000;

}

/* le menu de haut gauche */ .left-menu {

   left: 40px;
   background-color:transparent;
  /*display:none;*/

}

/* le menu de login haut droite*/ .right-menu {

   color:transparent;
   text-decoration:none;
   text-align: right;
   background-color:none;

}

/* les lien du login */ .right-menu a {

   color:transparent;
   text-decoration:transparent;
   background-color:none;

}

1. menubar *

{ color: transparent !important; background: transparent !important;

}

1. top-section:hover #menubar *

{ color: #ffffff !important; }

1. top-section a:hover #menubar *

{ text-decoration: underline; }

1. top-section:hover #menubar

{ /*background: rgba(255, 255, 255, 0.75) !important;*/ margin-top: 5px; }

/* la barre de recherche*/

1. search-controls

{

   display:none;

}

/* le body de la page*/

1. content

{

   background-color: transparent;
   border:none;
   padding:none;
   margin:none;
   line-height:1em;

width: 99%; }

1. globalWrapper

{

 font-size: 150%;

}

/*titre de page */ .firstHeading {

   display:none;
   border: none;

}

1. footer-wrapper

{

   position: relative;
   width: 100%;
   margin: auto;
   background-color: transparent;

}

1. f-copyrightico

{

   margin: 1% 0 1% 1%;

}

1. f-poweredbyico

{

   margin: 1% 1% 1% 0;

}

/* la boite en bas de page*/

1. footer-box

{

   display: none;

}

/* le cadre sous le body useless */

1. catlinks

{

   display: none;

}

ul {

 list-style-image: none;
 line-height: 1.2em;

}

/* ----------------End of the wiki hack -------------------------------------*/

p { font-family: "LatoReg", sans-serif; }

h2 { font-family: "LatoReg", sans-serif; color: #fff; font-size: 6em; bottom-bottom: -10px; font-weight: normal; line-height: 20px;

       border:none;

}

h4 { font-family: "LatoLig", sans-serif; color: #fff; font-size: 3em; bottom: -10px; font-weight: normal; line-height: 20px; }

h3 { font-family: "Roboto", sans-serif; color: #fff; font-size: 1.3em; text-align: center; font-weight: normal; }

ul { list-style-type: none; }

a { text-decoration: none !important; font-family: "Roboto", sans-serif; color: #fff; }

/*--------------------- CSS DU MENU ---------------------------------------------*/

1. menu {

   position: fixed;
   width: 50px;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #248588;

}

1. menuul{

text-align: center; padding-bottom: 10px; margin: 0; width: 100%; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.menuulli{ margin: 0; display: block; height: 18%; position: relative; text-align: center; width: 100%; }

.menuullia {

   display: block;
   text-align: center;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;

}

.menuullia span {

   -webkit-transform: rotateZ(-90deg);
   -moz-transform: rotateZ(-90deg);
   -o-transform: rotateZ(-90deg);
   transform: rotateZ(-90deg);
   display: block;
   top: 50%;
   position: absolute;
   margin-top: -8px;
   width: 50px;
   color: #FFFFFF;

}

/* Sous menu */ .ssmenu { width: 250px; height: 350px; top: -10px; text-align: center; background-color: #248588; line-height: 32px; padding-top: 50px; padding-left: 0px; display: none; position: absolute; left: 26px; position: fixed; height: 100%;

       text-decoration: none;

list-style-type: none color: #FFFFFF; }

.ssmenu a:visited { color: #FFFFFF; }

.iconmenu { background:#FFF;

   width:130px;
   height:115px;
   text-align:center;
   border-radius:50%;
   margin: auto;
   padding-top: 15px;
   overflow: hidden;
   line-height: 20px;
   margin-bottom: 20px;
   -moz-transition: all 0.3s ease-out;  
   -webkit-transition: all 0.3s ease-out;  
   transition: all 0.3s ease-out;

} .hu-icon {color: #285459;}

.hu-icon li:hover {

   box-shadow: 0 0 65px #285459;
   -moz-box-shadow: 0 0 65px #285459;
   -webkit-box-shadow: 0 0 65px #285459;  

}

.hi-icon li:hover { background-color: #285459; }

.ssmenu:nth-child(odd) {background-color: #285459;}

.menuulli:nth-child(odd) { background:#46adb2; } .menuulli:first-child { height:6% !important; } .menuulli:hover .ssmenu {display:block !important;} /*--------------------- FIN DU CSS DE MENU ---------------------------------------------*/

/*--------------------- CSS DU FOOTER ---------------------------------------------*/

1. footer

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

1. footer h3{

       margin-bottom: 20px;

}

1. footer p{

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

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

1. copyright {

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

       margin-top: 50px;

}

1. fb {

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