Team:Grenoble

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Grenoble/Templates/Current}}
+
/* I <3 Paris */
 +
#globalWrapper {/* le wiki */
 +
    background-color: #ffffff;
 +
    -bottom:0px;
 +
}
-
<!--
+
#top-section{/* la barre titre (baniere igem+ menu haut)*/
-
{{:Team:Grenoble/Templates/Team:Grenoble_Rawhide}}
+
    height: auto;
-
-->
+
    margin-top: 0 px;
 +
    margin-left: 0 px;
 +
    margin-right: auto;
 +
    margin-bottom: 0 ;
 +
  /* margin-bottom: 10px; */
 +
   
 +
    border: none;
 +
    display: display;
 +
}
-
<html>
+
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
 +
    display:none;
 +
    border:none;
 +
    margin:none;
 +
}
-
<div class="body">
+
#menubar a{/*les lien de la barre de menu du haut */
 +
    margin:5px 5px 0 0;
 +
    text-decoration:none;
 +
    color:#FFFFFF;
 +
}
-
<div class="left">
+
body {
-
<div  class="blocbackground">
+
margin:0;
-
+
-
<img src="https://static.igem.org/mediawiki/2011/3/38/Jb.png" class="icon"/>
+
-
<h2>You are welcome !<span>By JB</span></h2>
+
-
+
-
<p>
+
-
Welcome on version 0.3 of our wiki ! You may still find some blank pages but we are filling it day by day.<br/>
+
-
Follow the state of our work in the<a href="/Team:Grenoble/Notebook/July">Notebook</a> or learn everything you always wanted to know about Grenoble and tartiflette <a href="/Team:Grenoble/Grenoble" >here !</a>
+
-
</p>
+
-
+
-
</div>
+
-
<div  class="blocbackground">
+
padding:0;
-
+
-
<img class="icon" src="https://static.igem.org/mediawiki/2011/3/38/Geof.jpg"/>
+
-
<a href="http://syntheticbiology.org/">
+
-
<h2 class="lien"id="Paragraphe2">iGEM and the future of synthetic biology<span>By Geoffrey</span></h2>
+
-
</a>
+
-
+
width:100%;
-
<p>
 
-
Now booming, synthetic biology is a scientific field that divides the world into 2 parts. On the one hand, people who believe it will  science and our life. On the over hand, people who believe that synthetic biology is dangerous and it simply means playing God.
 
-
</p>
 
-
<p>
 
-
Like all new domains of science, many questions may be raised about synthetic biology. Albert Einstein said: “It is strange that science which before seemed to be inoffensive will be turned into a nightmare that frightens everyone”. The goal of iGEM competition is to promote synthetic biology in the scientific community, but also to inform the public about this new science. Synthetic biology is a very controlled science to prevent side-effects and many countries such as France move to a strong legislative supervision in order to respect the ethical issues related to the modification of life.
 
-
</p>
 
-
<p>
+
}
-
According to the <a href="http://www.bulletins-electroniques.com/actualites/66814.htm">newsletter of the French Embassy to the United States</a>, the international scientific community recognizes the dangers of synthetic biology and it must identify them precisely. It has especially given to the competition iGEM an important educational role for the scientific community of tomorrow.
+
-
</p>
+
-
<p>
+
html {
-
However, synthetic biology is a science with an extraordinary potential. Technological advances it could bring are huge. The fields of application are vast, from agriculture to medicine through the environment and energy, synthetic biology offers new possibilities and new alternatives to current technologies. The iGEM competition directly contributes to advance research in all these fields by enabling student teams to contribute in <a href="http://ung.igem.org/Team_Tracks?year=2011">these categories</a>.
+
-
</p>
+
-
<p>
+
padding:0;
-
"Open source" policy conveyed by iGEM allows the world to take advantage of advances in this field and thus to improve every year the level of competition and projects. And we can say that the objective is on track, because the number of teams participating in this competition is <a href="http://ung.igem.org/Previous_iGEM_Competitions">constantly increasing</a>.
+
-
</p>
+
-
</div>
+
margin:0;
 +
}
-
<div  class="blocbackground">
 
-
 
-
<img class="icon" src="https://static.igem.org/mediawiki/2011/6/6e/Felix.png"/>
 
-
<a href="http://syntheticbiology.org/">
 
-
<h2 class="lien"id="Paragraphe2">A great human adventure<span>By Félix</span></h2>
 
-
</a>
 
-
 
-
<p>
 
-
iGEM competition includes about 160 teams (more or less 2000 students) over the world. There will be a first regional jamboree in different regions such as Europe, Asia, America,… and then a third of us will go to Boston for the last jamboree. This will be the first opportunities for most of students to meet people from so many universities at once ! We ‘ll be hosting at the same places, sharing breakfast and even partying together !... We ‘ll be able to discuss abouts many topics related to our fields, share ideas, and to see how others managed their work by watching their presentations.
 
-
</p>
 
-
<p>
 
-
iGEM competition is not just about doing scientific work in order to get a medal, but is also about doing all of what an engineer or researcher needs to do ! Each team needs to set up contacts and collaboration with other groups. Sharing bricks or helping others is a criteria for winning a gold medal! We also need to get funds in order to finance our work…. So we  must make a project that fits some challenge of our society ! As every one knows, new technologies rise up new ethical issues. This aspect has to be considered on every single project !
 
-
</p>
 
-
<img class="floated" src="greenzap/images/mit.jpg"/>
+
/* utilisé dans la banière */
 +
img.blabla  {
-
<p>
+
width:100%;
-
Now that we have found an interesting  project  which seems ethic, and can be useful for the society, we are on the way for 4 month of intense work ! Our group is made of 12 people with very different education , that have to understand and synchronise each other. Since we are spread out in multiple places, we already meet once a week in order to coordinate or work. This need of an efficient communication within the team is an exiting part of the project !
+
-
</p>
+
-
</div>
+
height:auto;
-
</div>
+
}
 +
 
 +
 
 +
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;
-
</div>
+
background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) 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(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;
 +
   
 +
}
 +
   
 +
#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 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;
 +
 +
 
 +
}
 +
 
 +
#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:#323a3f;
 +
*/
 +
 
 +
color:#03436B;
 +
 +
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 h3 {
 +
 
 +
font:bold 24px Arial, Helvetica, sans-serif;
 +
 
 +
color:#323a3f;
 +
 
 +
padding:10px 5px;
 +
 
 +
margin:5px 0 10px 0;
 +
 
 +
}
 +
 
 +
.body h3 span.vert{
 +
 
 +
color:#2038D8;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.body h2 span {
 +
 
 +
float:right;
 +
 
 +
color:#959595;
 +
 
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 
 +
}
 +
 
 +
.body p {
 +
 
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 
 +
color:#2C3152;
 +
 
 +
padding:5px;
 +
 
 +
margin:0;
 +
 
 +
line-height:1.8em;
 +
 +
text-indent: 30px;
 +
 
 +
}
 +
 
 +
 
 +
.body img {
 +
 
 +
clear:both;
 +
 
 +
        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-box-shadow: #666 0px 2px 3px;
 +
-moz-box-shadow: #666 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 #696;
 +
 +
-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:right;
 +
 
 +
margin:5px 10px 5px 0;
 +
 
 +
padding:0;
 +
 
 +
width:auto;
 +
 
 +
height:auto;
 +
 
 +
}
 +
 
 +
.body a {
 +
 
 +
/*
 +
color:#97c950;
 +
*/
 +
 
 +
color:#5060C9;
 +
 
 +
text-decoration:underline;
 +
 
 +
}
 +
 
 +
.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;
 +
 
 +
background:url(images/l_bg.gif) top left no-repeat;
 +
 +
 
 +
}
 +
 
 +
 
 +
.left ul {
 +
list-style: circle;
 +
clear:both;
 +
}
 +
 
 +
.left ul li dl {
 +
 
 +
font:normal 12px Arial, Helvetica, sans-serif;
 +
 +
color:#5F5F5F;
 +
 +
}
 +
 
 +
td /* Toutes les cellules des tableaux... */
 +
{
 +
  border: 1px solid black; /* ... auront une bordure de 1px */
 +
}
 +
 
 +
/*
 +
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;
 +
 
 +
 +
 
 +
}
 +
 
 +
.right ul {
 +
 
 +
list-style:none;
 +
 
 +
margin:5px 0;
 +
 
 +
padding:0;
 +
 
 +
}
 +
 
 +
.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:#5F5F5F;
 +
 
 +
text-decoration:none;
 +
 
 +
}
 +
 
 +
.right li a:hover {
 +
 
 +
color:#8F8F8F;
 +
 
 +
margin:5px;
 +
 
 +
/*background-color:#a2cd9a;*/
 +
 
 +
text-decoration:none;
-
</html>
+
}

Revision as of 16:20, 13 September 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 ;
  /* margin-bottom: 10px; */
   
   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;

}

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;

}

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


}

  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:#323a3f;

  • /

color:#03436B;

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 h3 {

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

color:#323a3f;

padding:10px 5px;

margin:5px 0 10px 0;

}

.body h3 span.vert{

color:#2038D8;

}


.body h2 span {

float:right;

color:#959595;

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

}

.body p {

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

color:#2C3152;

padding:5px;

margin:0;

line-height:1.8em;

text-indent: 30px;

}


.body img {

clear:both; 

       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-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 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 #696;

-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:right;

margin:5px 10px 5px 0;

padding:0;

width:auto;

height:auto;

}

.body a {

/* color:#97c950;

  • /

color:#5060C9;

text-decoration:underline;

}

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

background:url(images/l_bg.gif) top left no-repeat;


}


.left ul { list-style: circle; clear:both; }

.left ul li dl {

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

color:#5F5F5F;

}

td /* Toutes les cellules des tableaux... */ { 

  border: 1px solid black; /* ... auront une bordure de 1px */

}

/* 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;


}

.right ul {

list-style:none;

margin:5px 0;

padding:0;

}

.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:#5F5F5F;

text-decoration:none;

}

.right li a:hover {

color:#8F8F8F;

margin:5px;

/*background-color:#a2cd9a;*/

text-decoration:none;

}

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