"

From 2011.igem.org

<style>

1. content {

background: none; padding:0; width:100%; border:0; }

html { width:100%; height:100%; background:none; border:none; margin:0; padding:0; }

1. p-logo {

display:none; }

1. top-section {

border:none; margin: 0 auto; height:0px ! important; width:100%; }

img.bg_team { /* Set rules to fill background */ min-height: 100%; min-width: 1024px;

/* Set up proportionate scaling */ width: 100%; height: auto;

/* Set up positioning */ position: fixed; top: 0; left: 0; z-index:-1; }

1. globalWrapper{

margin:0; padding:0; border:0; }

1. catlinks{

width:0px; height:0px; display:none; }

1. footer-box{

width:0px; height:0px; display:none; }

1. search-controls {

display:none; }

1. globalWrapper{

margin:0; padding:0; border:0; }

1. top-section {

border:none; margin: 0 auto; height:0px ! important; width:100%; } .firstHeading { display:none; }

1. bodyContent{

margin:0 auto; padding:0; width:685px; border:0; background:none; z-index:800; }

body

{ background-image: url(""); background-repeat: repeat-x;

  margin: auto; /* Pour centrer notre page */
  background-color: #e6e6e6;
  }

1. header

{ background-image: url(""); width:992px; height:181px; background-image: url(""); }

1. main

{ width:992px; height:430px; margin: auto; }

1. maintext

{ float: left; width:697px; min-height:200px; }

1. hmaint

{ color: #690115; font-weight: bolder; float: left; background-image: url(""); background-repeat:no-repeat; width:697px; height: 16px; }

1. maint

{ float: left; padding: 4px; background-color: white; width:685px; height: 392px; border: 2px inset #27303e; }

1. facebook{

margin-left: 707px; height:200px; }

1. joinus{

color: #690115; font-weight: bolder; width:274px; height:16px; background-image: url(""); }

1. module{

background-color: white; width:270px; height:400px; border: 2px inset #27303e; clear:float; }

1. footer{

width: 992px; height: 201px; margin:auto; }

1. sponsor{

width: 440px; height: 201px; float: left; }

1. sponsort{

color: #690115; font-weight: bolder; width:440px; height:16px; background-image: url(""); }

1. sponsori{

padding: 4px; color: white; background-color: #690115; width:428px; height:175px; border: 2px inset #27303e; }

1. photo{

float: left; width:247px; height: 201px; margin-left: 10px; }

1. photot

{ width:247px; height: 16px; background-image: url(""); }

1. photoi

{ width:247px; height: 187px; background-color: black; }

1. event{

float: left; margin-left: 10px; width: 274px; height: 201px; }

1. nextevent{

color: #690115; font-weight: bolder; width:274px; height:16px; background-image: url(""); }

1. eventi{

padding: 4px; color: white width:266px; height: 175px; border: 2px inset #27303e; background-color: #690115; }

1. bas{

margin-top: 4px; background-image: url(""); background-repeat: repeat-x; height: 30px;

 margin: auto;

}

1. basi{

padding-top: 5px; color: white; text-align: center; font-size: 15px; }

1. basi a{

color: white; }

/*code justine */

1. menu a /* pour changer les laids liens bleu soulignÈs*/

{ position:relative; color: white; text-decoration: none; text-align: center; }

1. menu

{ position:relative; top:126px; }

1. menu1 /* mise en forme menu1, plein de choses ‡ virer sur la version dÈfinitive*/

{ width:800px; /* version dÈfinitive:virer ca*/ height: 25px; /* version dÈfinitive:virer ca*/ font-size: 20px; text-align:center; }

1. home

{ float:left; position: absolute; width: 50px; height: 25px; text-align:center;

}

1. project

{ float:left; position: relative; left: 70px; width: 70px; height: 25px; text-align:center;

}

1. modeling

{ float:left; text-align:center; position: relative; width: 90px; height: 25px; left:80px; }

1. results

{ float:left; position: relative; width: 70px; height: 25px; left:90px; text-align:center; }

1. parts

{ float:left; position: relative; width: 55px; height: 25px; left:100px; text-align:center; }

1. human

{ float:left; position: relative; width: 130px; height: 25px; left:110px; text-align:center; }

1. team

{ float:left; position: relative; width: 85px; height: 25px; left:110px; text-align:center; margin : auto; }

1. team td

{ text-align:center; }

1. sponsors

{ float:left; position: relative; width: 90px; height: 25px; left:110px; text-align:center; }

.select { height:25px; /* si tu modifies hauteur du menu1, il faut modifier ca aussi. Il ne s'adapte pas automatiquement, parce qu'il fait en fonctiond ela taille du texte */ background-color:rgb(115,1,21); }

1. menu2

{ width:1020px; height:18px; font-size: 12px; padding-top: 1px; }

1. menu2project /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/

{ position:relative; left: 61px; width:807px; /* version dÈfinitive:virer ca*/ height:18px; /* version dÈfinitive:virer ca*/ }

1. menu2results /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/

{ position:relative; left: 220px; width:807px; /* version dÈfinitive:virer ca*/ height:18px; /* version dÈfinitive:virer ca*/ }

1. menu2modeling

{ position:relative; left:132px; width:888px; /* version dÈfinitive:virer ca*/ height:18px; /* version dÈfinitive:virer ca*/ }

1. souspindel /* mise en forme du sous-menu "pindel", aussi bien pour modeling que result*/

{ position:absolute; left:50px; height:18px; text-align:center; width:50px; }

1. soushelper /* mise en forme du sous-menu "plasmide helper", aussi bien pour modeling que result*/

{ position:absolute; left:111px; height:18px; text-align:center; width:80px; top:0px; }

1. sousproof /* mise en forme du sous-menu "proof of concept", aussi bien pour modeling que result*/

{ position:absolute; left:193px; height:18px; text-align:center; width:120px; top:0px; } </style>

  </head>