Team:Grenoble/Templates/Css current.css

From 2011.igem.org

(Difference between revisions)
 
(109 intermediate revisions not shown)
Line 4: Line 4:
     -bottom:0px;
     -bottom:0px;
}
}
 +
#top-section{/* la barre titre (baniere igem+ menu haut)*/
#top-section{/* la barre titre (baniere igem+ menu haut)*/
Line 11: Line 12:
     margin-right: auto;
     margin-right: auto;
     margin-bottom: 0 ;
     margin-bottom: 0 ;
-
  /* margin-bottom: 10px; */
 
      
      
     border: none;
     border: none;
     display: display;
     display: display;
}
}
 +
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
Line 27: Line 28:
     text-decoration:none;
     text-decoration:none;
     color:#FFFFFF;
     color:#FFFFFF;
 +
}
 +
 +
.legend{
 +
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
font-style:italic;
 +
 +
color:#0F174D;
 +
 +
text-align: center;
 +
}
}
Line 36: Line 49:
width:100%;
width:100%;
-
 
-
 
}
}
Line 75: Line 86:
letter-spacing:-3px;
letter-spacing:-3px;
 +
/*
background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) no-repeat top left;
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 91: Line 108:
font-weight:bold;
font-weight:bold;
-
color:#8fc400;
+
/*
 +
color:#8fc400; vert ici, bleu en dessous
 +
*/
 +
color:#2F48EE;
}
}
Line 112: Line 132:
     height:70px;
     height:70px;
     color:#000000;
     color:#000000;
-
     background:#fdf9f4;
+
     background:#F4F6FD;
     width:100%;
     width:100%;
     font-family:Helvetica,Arial,Verdana,sans-serif;
     font-family:Helvetica,Arial,Verdana,sans-serif;
Line 123: Line 143:
     text-transform:uppercase;
     text-transform:uppercase;
     font-weight:bold;
     font-weight:bold;
 +
/*
     background:#fff url(https://static.igem.org/mediawiki/2011/b/b7/Dolphin_bg.png) repeat-x bottom left;
     background:#fff url(https://static.igem.org/mediawiki/2011/b/b7/Dolphin_bg.png) repeat-x bottom left;
 +
*/
 +
    background:#fff url(https://static.igem.org/mediawiki/2011/a/a4/Dolphin_bg_blue.png) repeat-x bottom left;
 +
   
     padding:0 0 0 3px;
     padding:0 0 0 3px;
      
      
Line 147: Line 171:
     display:block;
     display:block;
     float:left;
     float:left;
-
     color:#eaf8ea;
+
     color:#EAECF8;
     text-decoration:none;
     text-decoration:none;
     /*padding:12px 20px 0 20px;*/
     /*padding:12px 20px 0 20px;*/
     height:33px;
     height:33px;
      
      
 +
}
 +
 +
#dolphinnav .scriptina{
 +
 +
    font-family: scriptina, Helvetica,Arial,Verdana,sans-serif;
}
}
#dolphinnav ul li li a{
#dolphinnav ul li li a{
-
color:#5f5f5f;
+
color:#5F5F5F;
}
}
Line 166: Line 195:
#dolphinnav ul li.sfhover ul li a.level2{
#dolphinnav ul li.sfhover ul li a.level2{
      
      
-
color:#5f5f5f;
+
   
-
    margin: 5px 5px 15px 5px;
+
color:#5F5F5F;
-
    font-size:16px;
+
    margin: 5px 5px 15px 5px;
 +
    font-size:16px;
}
}
Line 174: Line 204:
#dolphinnav ul li.sfhover ul li a.level2:hover{
#dolphinnav ul li.sfhover ul li a.level2:hover{
      
      
-
color:#8f8f8f;
+
color:#8F8F8F;
 +
/*
font-size:18px;
font-size:18px;
 +
*/
 +
font-size:16px;
Line 186: Line 219:
#dolphinnav ul li.sfhover a.level1{
#dolphinnav ul li.sfhover a.level1{
-
     color:#5f5f5f;
+
     color:#5F5F5F;
     padding:0 20px 0 20px;
     padding:0 20px 0 20px;
-
     background: #fcf6ee;
+
     background: #EEF0FC;
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcf6ee), to(#fdf9f4));
+
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#F4F6FD));
-
background: -webkit-linear-gradient(#fcf6ee, #fdf9f4);
+
background: -webkit-linear-gradient(#F4F6FD, #F4F6FD);
-
background: -moz-linear-gradient(#fcf6ee, #fdf9f4);
+
background: -moz-linear-gradient(#F4F6FD, #F4F6FD);
-
background: -ms-linear-gradient(#fcf6ee, #fdf9f4);
+
background: -ms-linear-gradient(#F4F6FD, #F4F6FD);
-
background: -o-linear-gradient(#fcf6ee, #fdf9f4);
+
background: -o-linear-gradient(#F4F6FD, #F4F6FD);
-
background: linear-gradient(#fcf6ee, #fdf9f4);
+
background: linear-gradient(#F4F6FD, #F4F6FD);
 +
/*
     border: 1px solid #696;
     border: 1px solid #696;
 +
*/
 +
    border: 1px solid #525D9E;
     border-bottom: none;
     border-bottom: none;
Line 219: Line 255:
         min-height: 0;
         min-height: 0;
height: 23px;
height: 23px;
-
background: #fdf9f4;
+
background: #F4F6FD;
-
color:#5f5f5f;
+
color:#5F5F5F;
margin: 43px 0 0 0 ;
margin: 43px 0 0 0 ;
overflow: hidden;
overflow: hidden;
Line 245: Line 281:
.blocbackground {
.blocbackground {
    
    
-
border: 1px solid #696;
+
border: 1px solid #666D99;
Line 251: Line 287:
padding: 0 0 20px 5px;
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;
-webkit-border-radius: 8px;
Line 258: Line 294:
border-radius: 8px;
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 271: Line 307:
.blocbackground img {
.blocbackground img {
width="610"
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
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;
padding:10px 5px;
margin:5px 2px 12px 0;
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;
color:#323a3f;
Line 298: Line 336:
margin:5px 2px 12px 0;
margin:5px 2px 12px 0;
-
 
-
background : none;
 
}
}
 +
.body h2 span {
 +
float:right;
 +
 +
color:#959595;
 +
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
}
.body h3 {
.body h3 {
Line 319: Line 363:
.body h3 span.vert{
.body h3 span.vert{
-
color:#8fc400;
+
color:#2038D8;
 +
 +
text-decoration:none;
}
}
Line 325: 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;
 +
margin:0px 5px;
 +
 +
line-height:1.8em;
 +
 +
text-indent: 30px;
 +
 +
text-align: justify;
 +
}
}
-
.body p {
+
.noindent p{
-
font:normal 12px Arial, Helvetica, sans-serif;
+
text-indent: 0px;
 +
}
-
color:#5f5f5f;
+
.body img.centerwidenoshadow {
-
padding:5px;
+
        width:90%;
-
margin:0;
+
height:auto;
 +
 
 +
        /*margin:5px 10px 5px 10px;*/
 +
 
 +
padding:0;
-
line-height:1.8em;
 
-
text-indent: 30px;
+
-webkit-border-radius: 8px;
 +
-moz-border-radius: 8px;
 +
border-radius: 8px;
 +
 
}
}
 +
.body img.centerwide{
-
.body img {
 
-
clear:both;
+
        width:90%;
-
padding:0;
+
height:auto;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
Line 362: Line 423:
border-radius: 8px;
border-radius: 8px;
-
+
-webkit-box-shadow: #666666 0px 2px 3px;
 +
-moz-box-shadow: #666666 0px 2px 3px;
}
}
Line 378: Line 440:
height:auto;
height:auto;
-
border: 1px solid #696;
+
border: 1px solid #666D99;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
Line 393: Line 455:
.body img.floated {
.body img.floated {
-
float:right;
+
float:left;
margin:5px 10px 5px 0;
margin:5px 10px 5px 0;
Line 407: Line 469:
.body a {
.body a {
-
color:#97c950;
+
color:#5060C9;
text-decoration:underline;
text-decoration:underline;
 +
}
 +
 +
.body a.menu {
 +
 +
font:bold Arial, Helvetica, sans-serif;
 +
 +
margin-left:10px;
 +
 
 +
color:#060D58;
 +
 +
text-decoration:none;
 +
}
}
.body a:hover {
.body a:hover {
-
color:#90c950;
+
color:#182AA3;
text-decoration:underline;
text-decoration:underline;
Line 425: Line 499:
.body h2.lien:hover{
.body h2.lien:hover{
-
margin: 0px 80px 0 0 ;
+
background-color: #5769EA;
-
 
+
-
background-color: #D8FFC8;
+
}
}
Line 443: Line 515:
padding: 0 25px;
padding: 0 25px;
-
 
-
background:url(images/l_bg.gif) top left no-repeat;
 
-
 
}
}
Line 451: Line 520:
.left ul {
.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;
list-style: circle;
 +
clear:both;
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 472: Line 601:
.right {
.right {
-
 
-
 
float:right;
float:right;
Line 482: Line 609:
padding:0 25px;
padding:0 25px;
-
 
 +
position:relative;
 +
 +
/*
 +
right:0;
 +
*/
 +
 +
z-index:2;
}
}
Line 493: Line 626:
margin:5px 0;
margin:5px 0;
-
padding:0;
+
padding:5px 0px 5px 0px;
 +
 +
}
}
Line 519: Line 654:
font:bold 17px Arial, Helvetica, sans-serif;
font:bold 17px Arial, Helvetica, sans-serif;
-
color:#5f5f5f;
+
color:#464646;
text-decoration:none;
text-decoration:none;
Line 527: Line 662:
.right li a:hover {
.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;
}
}

Latest revision as of 18:13, 21 October 2011

/* I <3 Paris */

  1. globalWrapper {/* le wiki */ 
    background-color: #ffffff;
   -bottom:0px;

}


  1. 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;

}


  1. p-logo{/*le conteneur de la banière igem avec un lien vers igem*/ 
   display:none;
   border:none;
   margin:none;

}

  1. 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(Banderolle_wiki.png) 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 ---------------------- */

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

}

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

/* 

   background:#fff url(Dolphin_bg.png) repeat-x bottom left;
  • / 
   background:#fff url(Dolphin_bg_blue.png) repeat-x bottom left;
   
   padding:0 0 0 3px;

}

  1. dolphinnav ul{ 
   margin:0;
   padding:0;
   list-style:none;
   width:auto;
   float:left;

}

  1. dolphinnav ul li{ 
   display:block;
   float:left;
   margin:0 1px;

}

  1. dolphinnav ul li a{ 
   display:block;
   float:left;
   color:#EAECF8;
   text-decoration:none;
   /*padding:12px 20px 0 20px;*/
   height:33px;

}

  1. dolphinnav .scriptina{ 
   font-family: scriptina, Helvetica,Arial,Verdana,sans-serif;

}

  1. dolphinnav ul li li a{

color:#5F5F5F; }

  1. dolphinnav ul li a.level1{ 
   padding:12px 20px 0 20px;

}

  1. dolphinnav ul li.sfhover ul li a.level2{


color:#5F5F5F; 

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

}

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

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

  • /

font-size:16px;


}

  1. dolphinnav ul li ul{ 
   position: absolute;
   left: -999em;

}

  1. 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%;

}


  1. 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("Igem_logo.png");

  • /

list-style-image: url("Puce.png");

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;

}

Retrieved from "http://2011.igem.org/Team:Grenoble/Templates/Css_current.css"