User:Zeb/style.css

From 2011.igem.org

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

 body
{
	   background-image: url("https://static.igem.org/mediawiki/2011/4/46/Ubfondhd.png"); 
	background-repeat: repeat-x;
   margin: auto; /* Pour centrer notre page */
   background-color: #e6e6e6;
   }


#header
{
	background-image: url("https://static.igem.org/mediawiki/2011/2/2c/Ulbhaut.png");
	width:992px;
	height:181px;
    margin: auto; /* Pour centrer notre page */
}

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

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

#hmaint
{
color: #690115;
font-weight: bolder;
float: left;
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
background-repeat:no-repeat;
width:697px;
height: 16px;
}

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

#facebook{
margin-left: 707px;
height:200px;
}
#joinus{
color: #690115;
font-weight: bolder;
width:274px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/6/6d/Ulbfacebook.png");
}

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

#footer{
width: 992px;
height: 201px;
margin:auto;
}

#sponsor{
width: 440px;
height: 201px;
float: left;
}

#sponsort{
color: #690115;
font-weight: bolder;
width:440px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Ulbsponsor.png");
}

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

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

#photot
{
width:247px;
height: 16px;
background-image: url("https://static.igem.org/mediawiki/2011/0/0b/Ulbphoto.png");
}

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

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

#nextevent{
color: #690115;
font-weight: bolder;
width:274px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/a/a8/Ulbnextevent.png");
}

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

#bas{
margin-top: 4px;
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
background-repeat: repeat-x;
height: 30px;
  margin: auto;
}

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

#basi a{
color: white;
}


/*code justine */ 

#menu a /* pour changer les laids liens bleu soulignÈs*/
{
position:relative;
color: white;
text-decoration: none;
text-align: center;
}

#menu
{
position:relative;
top:126px;
}

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

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

}

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

}

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

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

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

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

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

#team  td 
{
text-align:center;
}

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

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

#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*/
}


#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*/
}

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

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

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

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