Wiki/skins/igem/styleulb.css

From 2011.igem.org

(Difference between revisions)
(Created page with " body { background-image: url("https://static.igem.org/mediawiki/2011/4/46/Ubfondhd.png"); background-repeat: repeat-x; margin: auto; - Pour centrer notre page: backgr...")
Line 1: Line 1:
 +
/*
 +
** 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
  body
{
{

Revision as of 10:10, 26 August 2011

/*

    • 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("Ubfondhd.png"); background-repeat: repeat-x;

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


  1. header

{ background-image: url("Ulbhaut.png"); width:992px; height:181px;

   margin: auto; /* Pour centrer notre page */

}

  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("Ulbmaintext.png"); 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("Ulbfacebook.png"); }

  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("Ulbsponsor.png"); }

  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("Ulbphoto.png"); }

  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("Ulbnextevent.png"); }

  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("Ulbbas.png"); 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; }