Difference between revisions of "Team:Pasteur Paris"

Line 4: Line 4:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function(){
 
$(document).ready(function(){
−
$('#itemDesc').hover(function(){
+
                  $('#itemDesc').hover(function(){
−
                        //alert('hover');
+
        $(this).children('.front').stop().animate({'top' : '-150px'}, 500);
−
        $(this).children('.front').stop().animate({'top' : '150px','left' : '-300px'}, 500);
+
 
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 
});
 
});
Line 21: Line 20:
 
       <div class="col-md-11 col-lg-11" >
 
       <div class="col-md-11 col-lg-11" >
 
         <div class="row">
 
         <div class="row">
−
           <div class="col-md-12" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/433591piranhaplantbyfungasm.png);">
+
           <div class="col-md-12 Item1" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/433591piranhaplantbyfungasm.png);">
 
                   Item 1
 
                   Item 1
 
           </div>
 
           </div>
Line 36: Line 35:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-12 wrap" id="itemDesc">
 
           <div class="col-md-12 wrap" id="itemDesc">
−
                <!-- <div> Description </div> -->
+
                <div class="sleek" id="desc_item1">Description of the item 1 in construction.</div>
−
                <!-- <div class="front"> Description 2 </div> -->
+
                 <!-- <img class="sleek" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg"/> -->
−
                 <img class="sleek" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg"/>
+
                 <div class="sleek front">Description in construction</div>
−
                 <img class="sleek" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg" class="front" />
+
                <!-- <img class="sleek front" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg" class="front" /> -->
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 50: Line 49:
 
                         float:left;
 
                         float:left;
 
                         position:relative;
 
                         position:relative;
−
                         /*width:300px;
+
                         width:300px;
 
                         height:150px;
 
                         height:150px;
−
                         margin:20px;*/
+
                         margin:20px;
 
                         overflow:hidden;
 
                         overflow:hidden;
 
                   }
 
                   }
 
                   #itemDesc {
 
                   #itemDesc {
 
                         border: 3px solid #61085E;
 
                         border: 3px solid #61085E;
−
                         line-height: 500px;
+
                         /*line-height: 500px;
 
                         font-size:20px;
 
                         font-size:20px;
−
                         margin-bottom:15px;
+
                         margin-bottom:15px;*/
 
                   }
 
                   }
−
.sleek
+
                  #desc_item1{
−
{
+
                        width:300px;
−
/*top:0;
+
                        height:150px;
 +
                        text-align: center;
 +
                  }
 +
                  .front {
 +
                        width:300px;
 +
                        height:150px;
 +
                        text-align: center;
 +
                        color: #FFFFFF;
 +
                        background-color: black;
 +
                  }
 +
.sleek {
 +
top:0;
 
left:0;
 
left:0;
−
position:absolute;*/
+
position:absolute;
 
}
 
}
  

Revision as of 09:05, 30 July 2015

Presentation video of our project, PlastiCure!
Made by iGEM IONIS, during the Parisian Meet-up!

Item 1
Item 2
Description of the item 1 in construction.
Description in construction