Template:Supbiotechcss.css
From 2009.igem.org
(Difference between revisions)
Enguerrand (Talk | contribs) |
Enguerrand (Talk | contribs) |
||
(826 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | /*_______________________________________________Global______________________________________________*/ | |
+ | /*fond en absence de fond*/ | ||
body { | body { | ||
- | background | + | background: white; |
} | } | ||
+ | /*contour de la fenêtre*/ | ||
#globalWrapper { | #globalWrapper { | ||
width: 100%; | width: 100%; | ||
+ | background: white; | ||
} | } | ||
+ | /*__________________________________________En-tête de page____________________________________________*/ | ||
+ | /*Fenêtre de haut de page (logo iGEM 2009 et image tableau)*/ | ||
#top-section { | #top-section { | ||
- | width: | + | z-index: 10; |
+ | width: 970px; | ||
} | } | ||
+ | /*Image à afficher dans la section supérieur*/ | ||
#top-section img { | #top-section img { | ||
- | width: | + | z-index: 10; |
+ | width: 970px; | ||
height: 98px; | height: 98px; | ||
} | } | ||
+ | /*___________________________________________Titre & Sommaire_________________________________________*/ | ||
+ | /*Grand titre et titre de la page*/ | ||
+ | h1 { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | width: 700px; | ||
+ | height: 20px; | ||
+ | background: transparent; | ||
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | padding-left: 5px; | ||
+ | margin-right: 10px; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | /*Titre de la page (spécifique)*/ | ||
+ | .firstHeading { | ||
+ | width: 100%; | ||
+ | height: 17px; | ||
+ | margin-left: -5px; | ||
+ | padding-right: 5px; | ||
+ | margin-top: -5px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2009/9/96/Barremenuhor.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | color: white; | ||
+ | } | ||
+ | /*Moyen titre et sommaire*/ | ||
+ | h2 { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | margin-top: 15px; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*Petit titre et sommaire*/ | ||
+ | h3 { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*Sommaire automatique du Wiki*/ | ||
+ | .toc { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | width: 450px; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 7px; | ||
+ | background-image: url("");https://static.igem.org/mediawiki/2009/8/8e/Sommaire_bibou.jpg | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | /*__________________________________________Content & BodyContent________________________________________*/ | ||
+ | /*1er claque de la fenêtre, avec image de fond*/ | ||
#content { | #content { | ||
- | width: | + | width: 960px; |
- | position: | + | padding-left: -2; |
- | background: white; | + | background-image: url("");https://static.igem.org/mediawiki/2009/a/a2/Fonddegragegris.png |
+ | background-attachment: fixed; | ||
+ | border-left:1px solid #444444; | ||
+ | border-right:1px solid #444444; | ||
+ | } | ||
+ | /*2nd claque de la fenêtre, avec texte*/ | ||
+ | #bodyContent { | ||
+ | margin-left: 170px; | ||
+ | margin-top: -5px; | ||
+ | margin-bottom: 30px; | ||
+ | padding-right: 10px; | ||
+ | width: 700px; | ||
+ | text-align: justify; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*___________________________________________Barre de menu haut_________________________________________*/ | ||
+ | /*Menu haut*/ | ||
+ | #menuhaut { | ||
+ | position: absolute; | ||
+ | top: 300px; | ||
+ | left: 250px; | ||
+ | z-index: 4; | ||
+ | height: 100px; | ||
+ | color: white; | ||
+ | } | ||
+ | /*Fond Menu haut*/ | ||
+ | #menuhautfond { | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | height: 300px; | ||
+ | width: 970px; | ||
+ | margin-top: -11px; | ||
+ | margin-left: -175px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2009/e/ed/DVS.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | https://static.igem.org/mediawiki/2009/5/54/Louvre.jpg; | ||
+ | } | ||
+ | /*Fond Menu haut*/ | ||
+ | #menuhautbarre { | ||
+ | position: absolute; | ||
+ | top: 318px; | ||
+ | left: 0px; | ||
+ | z-index: 3; | ||
+ | height: 35px; | ||
+ | width: 970px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2009/9/96/Barremenuhor.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | /*??? mais ne pas supprmier !!!*/ | ||
+ | #menuhaut p { | ||
+ | z-index: 4; | ||
+ | margin-top: 300px; | ||
+ | line-height: 1.5em; | ||
+ | margin: 0.4em 0 0.5em; | ||
+ | color: white; | ||
+ | } | ||
+ | /*Texte du menu haut*/ | ||
+ | #menuhaut a { | ||
+ | z-index: 6; | ||
+ | margin-top: 300px; | ||
+ | line-height: 1.5em; | ||
+ | margin: 0.4em 0 0.5em; | ||
+ | color: white; | ||
} | } | ||
+ | /*___________________________________________Barre de menu Gauche_________________________________________*/ | ||
+ | /*Menu gauche*/ | ||
#menu { | #menu { | ||
+ | position: relative; | ||
+ | z-index: 5; | ||
float: left; | float: left; | ||
- | margin-left: | + | width: 134px; |
- | margin-right: | + | margin-left: -176px; |
- | + | margin-right: 18px; | |
- | + | margin-top: -11px; | |
- | + | padding-left: 5px; | |
+ | display: table; | ||
} | } | ||
- | # | + | /*Petit titre du Menu gauche*/ |
- | + | #menu a { | |
- | background-color: | + | z-index: 5; |
+ | background-image: url("https://static.igem.org/mediawiki/2009/5/57/Boutontitre.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | color: black; | ||
+ | display: block; | ||
+ | height: 17px; | ||
+ | margin-left: 7px; | ||
+ | margin-top: 1px; | ||
+ | padding: 2px 4px; | ||
+ | width: 140px; | ||
} | } | ||
- | + | /*Petit titre du Menu gauche sélectionné*/ | |
- | + | .selflink { | |
+ | z-index: 5; | ||
+ | display: block; | ||
+ | height: 18px; | ||
+ | width: 140px; | ||
+ | padding: 2px 4px; | ||
+ | color: gold; | ||
+ | font-style: bold; | ||
+ | margin-left: 7px; | ||
} | } | ||
- | # | + | /*Moyen titre du Menu gauche*/ |
- | + | #menu b { | |
- | margin: | + | z-index: 5; |
- | width: | + | background-image: url("https://static.igem.org/mediawiki/2009/c/cb/Bouton_inter.png"); |
+ | background-repeat: no-repeat; | ||
+ | color: white; | ||
+ | display: block; | ||
+ | height: 17px; | ||
+ | margin-left: 7px; | ||
+ | padding: 2px 4px; | ||
+ | width: 140px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | /*Grand titre du Menu gauche*/ | ||
+ | #Partie { | ||
+ | z-index: 5; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2009/3/3b/Boutongrandtitre.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | color: white; | ||
+ | display: block; | ||
+ | margin-left: 7px; | ||
+ | padding: 2px 4px; | ||
+ | width: 140px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | /*__________________________________________Barre de menu iGEM__________________________________________*/ | ||
+ | /*Barre de menu iGEM*/ | ||
+ | #menubar li { | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*_______________________________________________Texte et lien____________________________________________*/ | ||
+ | /*Lien jamais suivi"*/ | ||
+ | a { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*Texte "supérieur"*/ | ||
+ | li { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*Texte "normal"*/ | ||
+ | p { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*Texte "décalé"*/ | ||
+ | dd { | ||
+ | position: relative; | ||
+ | z-index: 4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | /*______________________________________Logo - Drapeau - Barre de recherche_____________________________*/ | ||
+ | /*Drapeau*/ | ||
+ | #drapeau { | ||
+ | position: absolute; | ||
+ | top: 35px; | ||
+ | right: 110px; | ||
+ | z-index: 6; | ||
+ | float: right; | ||
+ | } | ||
+ | /*Logo Sup'Biotech*/ | ||
+ | #logosb { | ||
+ | position: absolute; | ||
+ | left: 10px; | ||
+ | z-index: 6; | ||
+ | } | ||
+ | /*Logo iGEM-team*/ | ||
+ | #logoigem { | ||
+ | position: absolute; | ||
+ | top:35px; | ||
+ | right: 5px; | ||
+ | z-index: 6; | ||
+ | } | ||
+ | /*Barre de recherche"*/ | ||
+ | #cse-search-box { | ||
+ | position: absolute; | ||
+ | z-index: 4; | ||
+ | margin-top: 230px; | ||
+ | } | ||
+ | /*______________________________________________Pied de page___________________________________________*/ | ||
+ | /*Fenêtre de bas de page*/ | ||
+ | #footer-box { | ||
+ | position: relative; | ||
+ | z-index: 10; | ||
+ | width: 960px; | ||
+ | background-color: white; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 14:36, 18 October 2009