Wiki/skins/igem/styleulb.css
From 2011.igem.org
/*
- MediaWiki 'monobook' style sheet for CSS2-capable browsers.
- Copyright Gabriel Wicke - http://wikidev.net/
- License: GPL (http://www.gnu.org/copyleft/gpl.html)
- Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
- and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
- Michael Zeltner and Geir Bækholt)
- All you guys rock :)
- /
/* Font size:
- We take advantage of keyword scaling- browsers won't go below 9px
- More at http://www.w3.org/2003/07/30-font-size
- http://style.cleverchimp.com/font_size_intervals/altintervals.html
- /
body { background-image: url(""); background-repeat: repeat-x;
margin: auto; /* Pour centrer notre page */ background-color: #e6e6e6; }
- header
{ background-image: url(""); 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(""); 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(""); }
- 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(""); }
- 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(""); }
- 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(""); }
- eventi{
padding: 4px; color: white width:266px; height: 175px; border: 2px inset #27303e; background-color: #690115; }
- bas{
margin-top: 4px; background-image: url(""); 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; }