Team:Grenoble/Templates/Css current.css

From 2011.igem.org

(Difference between revisions)

Latest revision as of 18:13, 21 October 2011

/* I <3 Paris */

globalWrapper {/* le wiki */

    background-color: #ffffff;
   -bottom:0px;

}

top-section{/* la barre titre (baniere igem+ menu haut)*/

   height: auto;
   margin-top: 0 px;
   margin-left: 0 px;
   margin-right: auto;
   margin-bottom: 0 ;
   
   border: none;
   display: display;

}

p-logo{/*le conteneur de la banière igem avec un lien vers igem*/

   display:none;
   border:none;
   margin:none;

}

menubar a{/*les lien de la barre de menu du haut */

   margin:5px 5px 0 0;
   text-decoration:none;
   color:#FFFFFF;

}

.legend{

font:normal 12px Arial, Helvetica, sans-serif;

font-style:italic;

color:#0F174D;

text-align: center;

}

body {

margin:0;

padding:0;

width:100%;

}

html {

padding:0;

margin:0;

}

/* utilisé dans la banière */ img.blabla {

width:100%;

height:auto;

}

h1 {

margin:0;

padding:30px 0 30px 32px;

color:#9c9c9c;

font:bold 45px/1.1em Arial, Helvetica, sans-serif;

text-transform:uppercase;

letter-spacing:-3px;

/* background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) no-repeat top left;

/

background:#FFFFFF url() no-repeat top left;

}

h1 a, h1 a:hover {

color:#9c9c9c;

text-decoration:none;

}

h1 span {

font-weight:bold;

/* color:#8fc400; vert ici, bleu en dessous

/

color:#2F48EE; }

/* in tartiflette we trust */ h1 small {

font:normal 13px/1.2em Arial, Helvetica, sans-serif;

color:#888;

letter-spacing:normal;

}

/* ---------------------- Dolphin nav ---------------------- */

dolphincontainer{

   position:relative;
   height:70px;
   color:#000000;
   background:#F4F6FD;
   width:100%;
   font-family:Helvetica,Arial,Verdana,sans-serif;

}

dolphinnav{

   position:relative;
   height:33px;
   font-size:12px;
   text-transform:uppercase;
   font-weight:bold;

/*

   background:#fff url() repeat-x bottom left;

/

   background:#fff url() repeat-x bottom left;
   
   padding:0 0 0 3px;

}

dolphinnav ul{

   margin:0;
   padding:0;
   list-style:none;
   width:auto;
   float:left;

}

dolphinnav ul li{

   display:block;
   float:left;
   margin:0 1px;

}

dolphinnav ul li a{

   display:block;
   float:left;
   color:#EAECF8;
   text-decoration:none;
   /*padding:12px 20px 0 20px;*/
   height:33px;

}

dolphinnav .scriptina{

   font-family: scriptina, Helvetica,Arial,Verdana,sans-serif;

}

dolphinnav ul li li a{

color:#5F5F5F; }

dolphinnav ul li a.level1{

   padding:12px 20px 0 20px;

}

dolphinnav ul li.sfhover ul li a.level2{

color:#5F5F5F;

   margin: 5px 5px 15px 5px;
   font-size:16px;

}

dolphinnav ul li.sfhover ul li a.level2:hover{

color:#8F8F8F; /* font-size:18px;

/

font-size:16px;

}

dolphinnav ul li ul{

   position: absolute;
   left: -999em;

}

dolphinnav ul li.sfhover a.level1{

   color:#5F5F5F;
   padding:0 20px 0 20px;
   background: #EEF0FC;

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#F4F6FD)); background: -webkit-linear-gradient(#F4F6FD, #F4F6FD); background: -moz-linear-gradient(#F4F6FD, #F4F6FD); background: -ms-linear-gradient(#F4F6FD, #F4F6FD); background: -o-linear-gradient(#F4F6FD, #F4F6FD); background: linear-gradient(#F4F6FD, #F4F6FD);

/*

   border: 1px solid #696;

/

   border: 1px solid #525D9E;
   border-bottom: none;

    -moz-box-shadow: -2px -2px 2px #888;
    -webkit-box-shadow: -2px -2px 2px #888;
    box-shadow: -2px -2px 2px #888;

-webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0 ;

   line-height:275%;

}

dolphinnav ul li.sfhover ul{

       left: 0;
       min-height: 0;

height: 23px; background: #F4F6FD; color:#5F5F5F; margin: 43px 0 0 0 ; overflow: hidden;

}

/* ---------------------- END Dolphin nav ---------------------- */ /*en cas d'emmerde avec image flottante*/ .clearboth { clear:both; }

.body {

margin:0;

padding:0;

}

.blocbackground {

border: 1px solid #666D99;

margin: 5px 0 20px 0; padding: 0 0 20px 5px;

-webkit-box-shadow: #666666 0px 2px 3px; -moz-box-shadow: #666666 0px 2px 3px;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

background: #EEF0FC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF)); background: -webkit-linear-gradient(#EEF0FC, #FFFFFF); background: -moz-linear-gradient(#EEF0FC, #FFFFFF); background: -ms-linear-gradient(#EEF0FC, #FFFFFF); background: -o-linear-gradient(#EEF0FC, #FFFFFF); background: linear-gradient(#EEF0FC, #FFFFFF);

}

/* .blocbackground img { width="610"

J'ai mesuré sur une capture d'écran une largeure de 626 pixels pour le blocbackground, donc on peut mettre un peu plus

}

/

.body h1 {

font:bold 34px Arial, Helvetica, sans-serif;

color:#060D58;

padding:10px 5px;

margin:5px 2px 12px 0;

background : none;

}

.body h2 {

font:bold 24px Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 2px 12px 0;

}

.body h2 span {

float:right;

color:#959595;

font:normal 12px Arial, Helvetica, sans-serif;

}

.body h3 {

font:bold 24px Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 0 10px 0;

}

.body h3 span.vert{

color:#2038D8;

text-decoration:none;

}

.body p{

font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:5px 15px;

margin:0px 5px;

line-height:1.8em;

text-indent: 30px;

text-align: justify;

}

.noindent p{

text-indent: 0px; }

.body img.centerwidenoshadow {

       width:90%;

height:auto;

       /*margin:5px 10px 5px 10px;*/

padding:0;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

}

.body img.centerwide{

       width:90%;

height:auto;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

-webkit-box-shadow: #666666 0px 2px 3px; -moz-box-shadow: #666666 0px 2px 3px; }

/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/

.body img.icon {

float:left;

margin: 8px 5px 2px 0;

width:80px;

height:auto;

border: 1px solid #666D99;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

-webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px;

} /* pour renbdre flottant une image qui n'est pas flottante si elle n'est pas un icon car .body img luiu met le clearboth du coup elle est plus flottante*/

.body img.floated {

float:left;

margin:5px 10px 5px 0;

padding:0;

width:auto;

height:auto;

}

.body a {

color:#5060C9;

text-decoration:underline;

}

.body a.menu {

font:bold Arial, Helvetica, sans-serif;

margin-left:10px;

color:#060D58;

text-decoration:none;

}

.body a:hover {

color:#182AA3;

text-decoration:underline;

}

/*marge à vérif*/

.body h2.lien:hover{

background-color: #5769EA;

}

/* limite taille de l'intérieur de la page pour pas dépasser sur le menu/colonne de droite*/

.left {

float:left;

width:65%;

margin:10px 0px 10px 25px;

padding: 0 25px;

}

.left ul { /* list-style-image: url("");

/

list-style-image: url("");

padding:0px 0px 0px 5px;

margin: 0px 0px 0px 30px;

clear:both; }

.left ul ul{ list-style: circle;

clear:both; }

.left ul, .left li, .left dl, .left ol { font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:3px;

line-height:1.8em; }

table { border: none;

border-collapse: collapse;

width: 615px;

font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:3px;

line-height:1.8em;

}

th { font-family: monospace;

border: thin solid #6495ed;

padding: 5px;

background-color: #D0E3FA;

}

td { border: thin solid #6495ed;

padding: 5px;

text-align: center;

background-color: #ffffff;

}

table.nobordure td, table.nobordure th, table.nobordure {

  border: none;

/*

  background-color: none;

/

  background: none;

}

/* width: alloue une certaine portion de la pge, un cadre possiblement rempli (calculé à partir de la gauche probablement du au float lefgt) les marges réduise l'occupation dans ce cadre*/

.right {

float:right;

width:20%;

margin:10px 10px 0 0;

padding:0 25px;

position:relative;

/* right:0;

/

z-index:2;

}

.right ul {

list-style:none;

margin:5px 0;

padding:5px 0px 5px 0px;

}

.right li {

background:10px 10px no-repeat;

font:normal 14px Arial, Helvetica, sans-serif;

color:#464646;

padding:5px 0;

margin:3px 0;

}

.right li a {

padding:0 0 0 5px;

margin:0;

font:bold 17px Arial, Helvetica, sans-serif;

color:#464646;

text-decoration:none;

}

.right li a:hover {

color:#001CD5;

}

.right ul ol li a{

padding:0 0 0 3px;

margin:0;

font: normal 13px Arial, Helvetica, sans-serif;

color:#38427D;

}

.right ul ol ol li a{

padding:0 0 0 3px;

margin:0;

font: normal 11px Arial, Helvetica, sans-serif;

color:#2A3996;

}

h3 .monthbook a{

text-decoration: none;

font:bold 24px Arial, Helvetica, sans-serif;

color:#0B1971; } h3 .monthbook a:hover{

color:#001CD5;

} /* Cadre du bas :

/

.bottom {

position:relative;

bottom:0;

z-index:1;

text-align:center;

float:center;

width:98%;

height:5%;

margin:0px 15px 0 0px;

padding:0 5px;

}

@@ Line 4: / Line 4: @@
      -bottom:0px;
 }
 #top-section{/* la barre titre (baniere igem+ menu haut)*/
@@ Line 11: / Line 12: @@
      margin-right: auto;
      margin-bottom: 0 ;
-   /* margin-bottom: 10px; */
      border: none;
      display: display;
 }
 #p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
@@ Line 27: / Line 28: @@
      text-decoration:none;
      color:#FFFFFF;
+}
+.legend{
+	font:normal 12px Arial, Helvetica, sans-serif;
+	font-style:italic;
+	color:#0F174D;
+	text-align: center;
 }
@@ Line 36: / Line 49: @@
 	width:100%;
 }
@@ Line 75: / Line 86: @@
 	letter-spacing:-3px;
+/*
 	background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) no-repeat top left;
+*/
+	background:#FFFFFF url(https://static.igem.org/mediawiki/2011/2/20/Banderolle_wiki.png) no-repeat top left;
 }
@@ Line 159: / Line 176: @@
      height:33px;
+}
+#dolphinnav .scriptina{
+    font-family: scriptina, Helvetica,Arial,Verdana,sans-serif;
 }
@@ Line 172: / Line 194: @@
 #dolphinnav ul li.sfhover ul li a.level2{
 	color:#5F5F5F;
-    	margin: 5px 5px 15px 5px;
+    margin: 5px 5px 15px 5px;
-    	font-size:16px;
+    font-size:16px;
 }
@@ Line 182: / Line 205: @@
 	color:#8F8F8F;
+/*
 	font-size:18px;
+*/
+	font-size:16px;
@@ Line 255: / Line 281: @@
 .blocbackground {
-	border: 1px solid #696;
+	border: 1px solid #666D99;
@@ Line 261: / Line 287: @@
 	padding: 0 0 20px 5px;
-	-webkit-box-shadow: #666 0px 2px 3px;
+	-webkit-box-shadow: #666666 0px 2px 3px;
-	-moz-box-shadow: #666 0px 2px 3px;
+	-moz-box-shadow: #666666 0px 2px 3px;
 	-webkit-border-radius: 8px;
@@ Line 268: / Line 294: @@
 	border-radius: 8px;
-	background: #fcf6ee;
+	background: #EEF0FC;
-	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcf6ee), to(#FFFFFF));
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF));
-	background: -webkit-linear-gradient(#fcf6ee, #FFFFFF);
+	background: -webkit-linear-gradient(#EEF0FC, #FFFFFF);
-	background: -moz-linear-gradient(#fcf6ee, #FFFFFF);
+	background: -moz-linear-gradient(#EEF0FC, #FFFFFF);
-	background: -ms-linear-gradient(#fcf6ee, #FFFFFF);
+	background: -ms-linear-gradient(#EEF0FC, #FFFFFF);
-	background: -o-linear-gradient(#fcf6ee, #FFFFFF);
+	background: -o-linear-gradient(#EEF0FC, #FFFFFF);
-	background: linear-gradient(#fcf6ee, #FFFFFF);
+	background: linear-gradient(#EEF0FC, #FFFFFF);
 }
@@ Line 281: / Line 307: @@
 .blocbackground img {
 	width="610"
-/*
 J'ai mesuré sur une capture d'écran une largeure de 626 pixels pour le blocbackground, donc on peut mettre un peu plus
-*/
 }
 */
-.body h2 {
+.body h1 {
-	font:bold 24px Arial, Helvetica, sans-serif;
+	font:bold 34px Arial, Helvetica, sans-serif;
-	color:#323a3f;
+	color:#060D58;
 	padding:10px 5px;
 	margin:5px 2px 12px 0;
+	background : none;
 }
-.body h1 {
+.body h2 {
-	font:bold 34px Arial, Helvetica, sans-serif;
+	font:bold 24px Arial, Helvetica, sans-serif;
 	color:#323a3f;
@@ Line 308: / Line 336: @@
 	margin:5px 2px 12px 0;
-	background : none;
 }
+.body h2 span {
+	float:right;
+	color:#959595;
+	font:normal 12px Arial, Helvetica, sans-serif;
+}
 .body h3 {
@@ Line 330: / Line 364: @@
 	color:#2038D8;
+	text-decoration:none;
 }
@@ Line 335: / Line 371: @@
-.body h2 span {
+.body p{
-	float:right;
+	font:normal 13px Arial, Helvetica, sans-serif;
-	color:#959595;
+	color:#0F174D;
-	font:normal 12px Arial, Helvetica, sans-serif;
+	padding:5px 15px;
-}
-.body p {
+	margin:0px 5px;
-	font:normal 12px Arial, Helvetica, sans-serif;
-	color:#2C3152;
-	padding:5px;
-	margin:0;
 	line-height:1.8em;
 	text-indent: 30px;
+	text-align: justify;
+}
+.noindent p{
+	text-indent: 0px;
 }
+.body img.centerwidenoshadow {
-.body img {
+        width:90%;
-	clear:both;
+	height:auto;
-         margin:5px 10px 5px 10px;
+         /*margin:5px 10px 5px 10px;*/
 	padding:0;
@@ Line 384: / Line 418: @@
 	height:auto;
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px;
+	border-radius: 8px;
-	-webkit-box-shadow: #666 0px 2px 3px;
+	-webkit-box-shadow: #666666 0px 2px 3px;
-	-moz-box-shadow: #666 0px 2px 3px;
+	-moz-box-shadow: #666666 0px 2px 3px;
 }
@@ Line 402: / Line 440: @@
 	height:auto;
-	border: 1px solid #696;
+	border: 1px solid #666D99;
 	-webkit-border-radius: 5px;
@@ Line 417: / Line 455: @@
 .body img.floated {
-	float:right;
+	float:left;
 	margin:5px 10px 5px 0;
@@ Line 431: / Line 469: @@
 .body a {
-	color:#97c950;
+	color:#5060C9;
 	text-decoration:underline;
+}
+.body a.menu {
+	font:bold Arial, Helvetica, sans-serif;
+	margin-left:10px;
+	color:#060D58;
+	text-decoration:none;
 }
 .body a:hover {
-	color:#5060C9;
+	color:#182AA3;
 	text-decoration:underline;
@@ Line 449: / Line 499: @@
 .body h2.lien:hover{
-	margin: 0px 80px 0 0 ;
+	background-color: #5769EA;
-	background-color: #BDC2E4;
 }
@@ Line 467: / Line 515: @@
 	padding: 0 25px;
-	background:url(images/l_bg.gif) top left no-repeat;
 }
@@ Line 475: / Line 520: @@
 .left ul {
+/*
+	list-style-image: url("https://static.igem.org/mediawiki/2011/0/08/Igem_logo.png");
+*/
+	list-style-image: url("https://static.igem.org/mediawiki/2011/5/5f/Puce.png");
+	padding:0px 0px 0px 5px;
+	margin: 0px 0px 0px 30px;
+	clear:both;
+}
+.left ul ul{
 	list-style: circle;
 	clear:both;
 }
-.left ul li dl {
+.left ul, .left li, .left dl, .left ol {
+	font:normal 13px Arial, Helvetica, sans-serif;
-	font:normal 12px Arial, Helvetica, sans-serif;
+	color:#0F174D;
+	padding:3px;
+	line-height:1.8em;
+}
+table {
+	border: none;
-	color:#5F5F5F;
+	border-collapse: collapse;
+	width: 615px;
+	font:normal 13px Arial, Helvetica, sans-serif;
+	color:#0F174D;
+	padding:3px;
+	line-height:1.8em;
 }
-td /* Toutes les cellules des tableaux... */
+th {
+	font-family: monospace;
+	border: thin solid #6495ed;
+	padding: 5px;
+	background-color: #D0E3FA;
+}
+td {
+	border: thin solid #6495ed;
+	padding: 5px;
+	text-align: center;
+	background-color: #ffffff;
+}
+table.nobordure td, table.nobordure th, table.nobordure
 {
-    border: 1px solid black; /* ... auront une bordure de 1px */
+    border: none;
+/*
+   background-color: none;
+*/
+   background: none;
 }
@@ Line 496: / Line 601: @@
 .right {
 	float:right;
@@ Line 506: / Line 609: @@
 	padding:0 25px;
+	position:relative;
+/*
+	right:0;
+*/
+	z-index:2;
 }
@@ Line 517: / Line 626: @@
 	margin:5px 0;
-	padding:0;
+	padding:5px 0px 5px 0px;
 }
@@ Line 543: / Line 654: @@
 	font:bold 17px Arial, Helvetica, sans-serif;
-	color:#5F5F5F;
+	color:#464646;
 	text-decoration:none;
@@ Line 551: / Line 662: @@
 .right li a:hover {
-	color:#8F8F8F;
+	color:#001CD5;
-	margin:5px;
+}
-	/*background-color:#a2cd9a;*/
+.right ul ol li a{
-	text-decoration:none;
+	padding:0 0 0 3px;
+	margin:0;
+	font: normal 13px Arial, Helvetica, sans-serif;
+	color:#38427D;
+}
+.right ul ol ol li a{
+	padding:0 0 0 3px;
+	margin:0;
+	font: normal 11px Arial, Helvetica, sans-serif;
+	color:#2A3996;
+}
+h3 .monthbook a{
+	text-decoration: none;
+	font:bold 24px Arial, Helvetica, sans-serif;
+	color:#0B1971;
+}
+h3 .monthbook a:hover{
+	color:#001CD5;
+}
+/*
+Cadre du bas :
+*/
+.bottom {
+	position:relative;
+	bottom:0;
+	z-index:1;
+	text-align:center;
+	float:center;
+	width:98%;
+	height:5%;
+	margin:0px 15px 0 0px;
+	padding:0 5px;
 }