Template:Supbiotechcss.css

From 2009.igem.org

(Difference between revisions)
 
(202 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
/*_______________________________________________Global______________________________________________*/
/*fond en absence de fond*/
/*fond en absence de fond*/
body {
body {
-
   background: black;
+
   background: white;
}
}
/*contour de la fenêtre*/
/*contour de la fenêtre*/
#globalWrapper {
#globalWrapper {
   width: 100%;
   width: 100%;
-
   background: black;
+
   background: white;
}
}
 +
/*__________________________________________En-tête de page____________________________________________*/
/*Fenêtre de haut de page (logo iGEM 2009 et image tableau)*/
/*Fenêtre de haut de page (logo iGEM 2009 et image tableau)*/
#top-section {
#top-section {
-
   width: 1090px;
+
  z-index: 10;
 +
   width: 970px;
}
}
/*Image à afficher dans la section supérieur*/
/*Image à afficher dans la section supérieur*/
#top-section img {
#top-section img {
-
   width: 1090px;
+
  z-index: 10;
 +
   width: 970px;
   height: 98px;
   height: 98px;
}
}
 +
/*___________________________________________Titre & Sommaire_________________________________________*/
/*Grand titre et titre de la page*/
/*Grand titre et titre de la page*/
h1 {
h1 {
   position: relative;
   position: relative;
   z-index: 4;
   z-index: 4;
-
   width: 924px;
+
   width: 700px;
   height: 20px;
   height: 20px;
   background: transparent;
   background: transparent;
Line 31: Line 36:
   padding-left: 5px;
   padding-left: 5px;
   margin-right: 10px;
   margin-right: 10px;
-
   margin-top: 10px;
+
   margin-top: 25px;
}
}
/*Titre de la page (spécifique)*/
/*Titre de la page (spécifique)*/
.firstHeading {
.firstHeading {
   width: 100%;
   width: 100%;
 +
  height: 17px;
   margin-left: -5px;
   margin-left: -5px;
   padding-right: 5px;
   padding-right: 5px;
   margin-top: -5px;
   margin-top: -5px;
-
   background: black;
+
   background-image: url("https://static.igem.org/mediawiki/2009/9/96/Barremenuhor.png");
 +
  background-repeat: no-repeat;
   color: white;
   color: white;
}
}
Line 45: Line 52:
h2 {
h2 {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
 +
  margin-top: 15px;
   background: transparent;
   background: transparent;
-
  margin-top: 40px;
 
}
}
/*Petit titre et sommaire*/
/*Petit titre et sommaire*/
h3 {
h3 {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
   background: transparent;
   background: transparent;
}
}
Line 58: Line 65:
.toc {
.toc {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
-
   width: 300px;
+
   width: 450px;
   margin-top: 0px;
   margin-top: 0px;
   margin-bottom: 7px;
   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*/
/*1er claque de la fenêtre, avec image de fond*/
#content {
#content {
-
   width: 1080px;
+
   width: 960px;
   padding-left: -2;
   padding-left: -2;
-
   background-image: url("https://static.igem.org/mediawiki/2009/a/a2/Fonddegragegris.png");
+
   background-image: url("");https://static.igem.org/mediawiki/2009/a/a2/Fonddegragegris.png
   background-attachment: fixed;
   background-attachment: fixed;
 +
  border-left:1px solid #444444;
 +
  border-right:1px solid #444444;
}
}
/*2nd claque de la fenêtre, avec texte*/
/*2nd claque de la fenêtre, avec texte*/
#bodyContent {
#bodyContent {
-
   margin-left: 156px;
+
   margin-left: 170px;
   margin-top: -5px;
   margin-top: -5px;
   margin-bottom: 30px;
   margin-bottom: 30px;
   padding-right: 10px;
   padding-right: 10px;
-
   width: 820px;
+
   width: 700px;
   text-align: justify;
   text-align: justify;
   background: transparent;
   background: transparent;
}
}
-
/*Menu haut image*/
+
/*___________________________________________Barre de menu haut_________________________________________*/
 +
/*Menu haut*/
#menuhaut {
#menuhaut {
 +
  position: absolute;
 +
  top: 300px;
 +
  left: 250px;
 +
  z-index: 4;
 +
  height: 100px;
 +
  color: white;
 +
}
 +
/*Fond Menu haut*/
 +
#menuhautfond {
   position: absolute;
   position: absolute;
   z-index: 2;
   z-index: 2;
   height: 300px;
   height: 300px;
-
   width: 1090px;
+
   width: 970px;
-
   margin-top: -31px;
+
   margin-top: -11px;
-
   margin-left: -161px;
+
   margin-left: -175px;
-
  margin-bottom: 350px;
+
   background-image: url("https://static.igem.org/mediawiki/2009/e/ed/DVS.png");
-
   background-image: url("https://static.igem.org/mediawiki/2009/5/54/Louvre.jpg");https://static.igem.org/mediawiki/2009/5/5c/Pince_menu_haut.png
+
  background-repeat: no-repeat;
 +
https://static.igem.org/mediawiki/2009/5/54/Louvre.jpg;
}
}
-
/*Menu haut texte*/
+
/*Fond Menu haut*/
-
#menuhaut table {
+
#menuhautbarre {
-
   margin-left: 170px;
+
  position: absolute;
-
   margin-top: 30px;
+
  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 gauche*/
#menu {
#menu {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 5;
   float: left;
   float: left;
   width: 134px;
   width: 134px;
-
   margin-left: -162px;
+
   margin-left: -176px;
   margin-right: 18px;
   margin-right: 18px;
   margin-top: -11px;
   margin-top: -11px;
Line 108: Line 154:
   display: table;
   display: table;
}
}
-
/*Texte du menu haut*/
+
/*Petit titre du Menu gauche*/
-
#menu p {
+
#menu a {
-
  margin-top: 300px;
+
-
  line-height: 1.5em;
+
-
  margin: 0.4em 0 0.5em;
+
-
}
+
-
/*Texte du menu gauche*/
+
-
#textemenu {
+
-
  position: absolute;
+
   z-index: 5;
   z-index: 5;
 +
  background-image: url("https://static.igem.org/mediawiki/2009/5/57/Boutontitre.png");
 +
  background-repeat: no-repeat;
   color: black;
   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 {
 +
  z-index: 5;
 +
  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*/
/*Barre de menu iGEM*/
#menubar li {
#menubar li {
 +
  z-index: 4;
 +
  background: transparent;
 +
}
 +
/*_______________________________________________Texte et lien____________________________________________*/
 +
/*Lien jamais suivi"*/
 +
a {
 +
  position: relative;
 +
  z-index: 4;
   background: transparent;
   background: transparent;
}
}
Line 127: Line 219:
li {
li {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
   background: transparent;
   background: transparent;
}
}
Line 133: Line 225:
p {
p {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
   background: transparent;
   background: transparent;
}
}
Line 139: Line 231:
dd {
dd {
   position: relative;
   position: relative;
-
   z-index: 3;
+
   z-index: 4;
   background: transparent;
   background: transparent;
}
}
-
/*Drapeau"*/
+
/*______________________________________Logo - Drapeau - Barre de recherche_____________________________*/
 +
/*Drapeau*/
#drapeau {
#drapeau {
   position: absolute;
   position: absolute;
   top: 35px;
   top: 35px;
   right: 110px;
   right: 110px;
-
   z-index: 5;
+
   z-index: 6;
   float: right;
   float: right;
}
}
-
/*Logo iGEM-team"*/
+
/*Logo Sup'Biotech*/
-
#logoigem {
+
#logosb {
   position: absolute;
   position: absolute;
   left: 10px;
   left: 10px;
   z-index: 6;
   z-index: 6;
}
}
-
/*Logo Sup'Biotech"*/
+
/*Logo iGEM-team*/
-
#logosb {
+
#logoigem {
   position: absolute;
   position: absolute;
-
   top: 45px;
+
   top:35px;
-
   right: 15px;
+
   right: 5px;
-
   z-index: 5;
+
   z-index: 6;
}
}
/*Barre de recherche"*/
/*Barre de recherche"*/
#cse-search-box {
#cse-search-box {
   position: absolute;
   position: absolute;
-
   z-index: 5;
+
   z-index: 4;
   margin-top: 230px;
   margin-top: 230px;
}
}
 +
/*______________________________________________Pied de page___________________________________________*/
/*Fenêtre de bas de page*/
/*Fenêtre de bas de page*/
#footer-box {
#footer-box {
-
   width: 1080px;
+
  position: relative;
 +
  z-index: 10;
 +
   width: 960px;
   background-color: white;
   background-color: white;
}
}

Latest revision as of 14:36, 18 October 2009

Retrieved from "http://2009.igem.org/Template:Supbiotechcss.css"