Template:Supbiotechcss.css

From 2009.igem.org

(Difference between revisions)
 
(156 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 {
   z-index: 10;
   z-index: 10;
-
   width: 1090px;
+
   width: 970px;
}
}
/*Image à afficher dans la section supérieur*/
/*Image à afficher dans la section supérieur*/
#top-section img {
#top-section img {
   z-index: 10;
   z-index: 10;
-
   width: 1090px;
+
   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 33: 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 48: Line 53:
   position: relative;
   position: relative;
   z-index: 4;
   z-index: 4;
 +
  margin-top: 15px;
   background: transparent;
   background: transparent;
-
  margin-top: 40px;
 
}
}
/*Petit titre et sommaire*/
/*Petit titre et sommaire*/
Line 61: Line 66:
   position: relative;
   position: relative;
   z-index: 4;
   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;
}
}
 +
/*___________________________________________Barre de menu haut_________________________________________*/
/*Menu haut*/
/*Menu haut*/
#menuhaut {
#menuhaut {
   position: absolute;
   position: absolute;
   top: 300px;
   top: 300px;
-
   left: 80px;
+
   left: 250px;
   z-index: 4;
   z-index: 4;
-
   height: 300px;
+
   height: 100px;
-
   width: 1090px;
+
   color: white;
}
}
/*Fond Menu haut*/
/*Fond Menu haut*/
Line 96: Line 107:
   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;
-
   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-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 gauche*/
#menu {
#menu {
Line 107: Line 148:
   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 113: Line 154:
   display: table;
   display: table;
}
}
-
/*Fond du Menu gauche*/
+
/*Petit titre du Menu gauche*/
-
#menufond {
+
#menu a {
-
  position: absolute;
+
   z-index: 5;
-
  top: 33px;
+
   background-image: url("https://static.igem.org/mediawiki/2009/5/57/Boutontitre.png");
-
  left: 0px;
+
   background-repeat: no-repeat;
-
   z-index: 4;
+
  color: black;
-
  float: left;
+
  display: block;
-
  width: 160px;
+
  height: 17px;
-
  height: 100%;
+
  margin-left: 7px;
-
   background-image: url("https://static.igem.org/mediawiki/2009/c/c4/Barre_opacity.png");
+
   margin-top: 1px;
-
   background-repeat: repeat-y;
+
  padding: 2px 4px;
-
   opacity: 0.6;
+
  width: 140px;
}
}
-
/*Texte du menu haut*/
+
/*Petit titre du Menu gauche sélectionné*/
-
#menu p {
+
.selflink {
-
   z-index: 4;
+
  z-index: 5;
-
   margin-top: 300px;
+
  display: block;
-
   line-height: 1.5em;
+
  height: 18px;
-
   margin: 0.4em 0 0.5em;
+
  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;
   z-index: 4;
   background: transparent;
   background: transparent;
Line 156: Line 234:
   background: transparent;
   background: transparent;
}
}
-
/*Drapeau"*/
+
/*______________________________________Logo - Drapeau - Barre de recherche_____________________________*/
 +
/*Drapeau*/
#drapeau {
#drapeau {
   position: absolute;
   position: absolute;
Line 164: Line 243:
   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: 6;
   z-index: 6;
}
}
Line 183: Line 262:
   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 {
   position: relative;
   position: relative;
   z-index: 10;
   z-index: 10;
-
   width: 1080px;
+
   width: 960px;
   background-color: white;
   background-color: white;
}
}

Latest revision as of 14:36, 18 October 2009