Difference between revisions of "Team:UChile Biotec/Team"

Grapes can be eaten fresh as table grapes or they can be used for making wine, jam, juice, jelly, grape seed extract, raisins, vinegar, and grape seed oil

Raspberry

The raspberry is the edible fruit of a multitude of plant species in the genus Rubus of the rose family, most of which are in the subgenus Idaeobatus; the name also applies to these plants themselves.

@@ Line 1: / Line 1: @@
 {{:Team:UChile_Biotec/css}}
 <html>
+<style>
-<div class="column two_thirds_size" >
+.textOverImage{
+    width:200px;
-<h1>Team</h1>
+    height:200px;
-<p>In this page you can introduce your team members, instructors, and advisors. </p>
+    display:inline-block;
+    background-size:cover;
+    border-radius:4px;
-<h3>What should this page contain?</h3>
+    margin:4px;
-<ul>
+    position:relative;
-<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+    cursor:pointer;
-<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+    overflow:hidden;
-<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+  }
-<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
-</ul>
+  .textOverImage > input{
-</div>
+    display:none;
+  }
+  .textOverImage > div,.textOverImage > h2{
-<div class="column third_size" >
+    position:absolute;
-<div class="highlight decoration_A_full">
+    background-color:rgba(255,255,255,0.8);
-<h3>Inspiration</h3>
+    bottom:20px;
-<p>You can look at what other teams did to get some inspiration! <br />
+    left:4px;
-Here are a few examples:</p>
+    right:4px;
-<ul>
+    border-radius:4px;
-<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+    padding:8px;
-<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+    overflow:hidden;
-<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+    opacity:0;
-<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+    transition:.3s;
-</ul>
+  }
-</div>
-</div>
+  .textOverImage:hover > h2,.textOverImage > input:checked + h2 + div{
+    bottom:4px;
+    opacity:1;
+  }
+  .textOverImage > input:checked + h2{
+    bottom:-20px;
+    opacity:0;
+  }
+  .textOverImage > h2{
+    margin:0;
+  }
+  </style>
+  <label class="textOverImage" style="background-image:url(https://web.opendrive.com/api/v1/download/file.json/NTlfNDgyMTkzNl8?inline=1)">
+  <input type="checkbox">
+  <h2>Grapes</h2>
+  <div>
+    Grapes can be eaten fresh as table grapes or they can be used for making wine, jam, juice, jelly, grape seed extract, raisins, vinegar, and grape seed oil
+  </div>
+</label>
+<label class="textOverImage" style="background-image:url(https://web.opendrive.com/api/v1/download/file.json/NTlfNDgyMDc3MV8?inline=1)">
+  <input type="checkbox">
+  <h2>Raspberry</h2>
+  <div>
+    The raspberry is the edible fruit of a multitude of plant species in the genus Rubus of the rose family, most of which are in the subgenus Idaeobatus; the name also applies to these plants themselves.
+  </div>
+</label>
 </html>