Team:Toulouse

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
<html>
<html>
-
<style type="text/css">
+
<!--/* open Sans : fonnt Google*/-->
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 
 +
<!--/* CSS contenu*/-->
 +
 
 +
<style type="text/css">
 +
 
 +
  .title1{color:#20a8da; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
 +
 
 +
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
 +
 
 +
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
 +
 
 +
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
 +
 
/* Removing wiki-like stuff */
/* Removing wiki-like stuff */
/****************************/
/****************************/
Line 74: Line 93:
.part-little-projet{
.part-little-projet{
background-color:#2ecc71;
background-color:#2ecc71;
-
display: block;
+
display: inline-block;
position: relative;
position: relative;
height:310px;
height:310px;
width: 310px;
width: 310px;
-
float:left;
 
}
}
Line 91: Line 109:
.part-large-projet{
.part-large-projet{
background-color:#f0f0f0;
background-color:#f0f0f0;
-
display:block;
+
display: inline-block;
position: relative;
position: relative;
height:310px;
height:310px;
width: 646px;
width: 646px;
-
float:left;
 
}
}
Line 175: Line 192:
               <a href="#" class="part-little-projet">
               <a href="#" class="part-little-projet">
                 <div class="title-part-projet">Overwiew</div>
                 <div class="title-part-projet">Overwiew</div>
-
                 <div class="text-part-projet">Let's save our trees with SubtiTree !</div>
+
                 <div style="position:absolute; top:90px; left:39px; color:white; font-family:'Open Sans'; font-size:15px;">Let's save our trees with SubtiTree !</div>
-
                 <div class="link-part projet">Read more</div>
+
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; ">Read more</div>
               </a>
               </a>
               <a href="#" class="part-large-projet">
               <a href="#" class="part-large-projet">
-
                 <div class="title-part-projet">Fixation</div>
+
                 <div class="title-part-projet">Blinding</div>
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
                 <div class="link-part projet">Read more</div>
                 <div class="link-part projet">Read more</div>
Line 188: Line 205:
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
               <a href="#" class="part-large-projet">
               <a href="#" class="part-large-projet">
-
                 <div class="title-part-projet">Fixation</div>
+
                 <div class="title-part-projet">Chemotaxis</div>
-
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
+
                 <div class="text-part-projet">To target the pathogenic fungus.</div>
                 <div class="link-part projet">Read more</div>
                 <div class="link-part projet">Read more</div>
               </a>
               </a>
               <a href="#" class="part-little-projet">
               <a href="#" class="part-little-projet">
-
                 <div class="title-part-projet">Overwiew</div>
+
                 <div class="title-part-projet">Fungicides</div>
-
                 <div class="text-part-projet">Let's save our trees with SubtiTree !</div>
+
                 <div style="position:absolute; top:90px; left:39px; color:white; font-family:'Open Sans'; font-size:15px;">To eradicate fungal diseases</div>
                 <div class="link-part projet">Read more</div>
                 <div class="link-part projet">Read more</div>
               </a>
               </a>
Line 202: Line 219:
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
               <a href="#" class="part-little-projet">
               <a href="#" class="part-little-projet">
-
                 <div class="title-part-projet">Overwiew</div>
+
                 <div class="title-part-projet">Spreading</div>
-
                 <div class="text-part-projet">Let's save our trees with SubtiTree !</div>
+
                 <div style="position:absolute; top:90px; left:39px; color:white; font-family:'Open Sans'; font-size:15px;">How can SubtiTree respect the environment ? How do we keep control on Subtitree?</div>
                 <div class="link-part projet">Read more</div>
                 <div class="link-part projet">Read more</div>
               </a>
               </a>
               <a href="#" class="part-large-projet">
               <a href="#" class="part-large-projet">
-
                 <div class="title-part-projet">Fixation</div>
+
                 <div class="title-part-projet">Modelling</div>
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
                 <div class="link-part projet">Read more</div>
                 <div class="link-part projet">Read more</div>

Revision as of 16:42, 7 October 2014