Team:Sheffield/modelling

From 2014.igem.org

(Difference between revisions)
Line 41: Line 41:
.content .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#58a6fb;font-size:24px;background:url("../images/log/clock.png") no-repeat left top;}
.content .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#58a6fb;font-size:24px;background:url("../images/log/clock.png") no-repeat left top;}
.content .main .year{position:relative;z-index:0;}
.content .main .year{position:relative;z-index:0;}
-
.content .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;}
+
.content .main .year h2{height:200px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;}
.content .main .year h2 a{color:#58a6fb;}
.content .main .year h2 a{color:#58a6fb;}
.content .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.content .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
Line 71: Line 71:
<h1 class="title">product</h1>
<h1 class="title">product</h1>
<div class="year">
<div class="year">
-
<h2><a href="#">2012<i></i></a></h2>
+
<h2><a href="#"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" width="200px"><i></i></a></h2>
<div class="list">
<div class="list">
-
<ul>
+
<ul>
<li class="cls highlight">
<li class="cls highlight">
<p class="date">March</p>
<p class="date">March</p>
Line 89: Line 89:
<p></p>
<p></p>
-
</div>
 
-
</li>
 
-
<li class="cls">
 
-
<p class="date">May</p>
 
-
<p class="intro"></p>
 
-
<p class="version">&nbsp;</p>
 
-
<div class="more">
 
-
<p></p>
 
-
 
-
</div>
 
-
</li>
 
-
<li class="cls">
 
-
<p class="date">June</p>
 
-
<p class="intro"></p>
 
-
<p class="version">&nbsp;</p>
 
-
<div class="more">
 
-
<p></p>
 
-
</div>
 
-
</li>
 
-
<li class="cls">
 
-
<p class="date">July</p>
 
-
<p class="intro"></p>
 
-
<p class="version">&nbsp;</p>
 
-
<div class="more">
 
-
<p></p>
 
-
 
-
</div>
 
-
</li>
 
-
<li class="cls">
 
-
<p class="date">August</p>
 
-
<p class="intro"></p>
 
-
<p class="version">&nbsp;</p>
 
-
<div class="more">
 
-
<p></p>
 
-
 
-
</div>
 
-
</li>
 
-
<li class="cls">
 
-
<p class="date">September</p>
 
-
<p class="intro"></p>
 
-
<p class="version"></p>
 
-
</li>
 
-
<li class="cls highlight">
 
-
<p class="date">October</p>
 
-
<p class="intro"></p>
 
-
<p class="version">&nbsp;</p>
 
-
<div class="more">
 
-
<p></p>
 
</div>
</div>
</li>
</li>
</ul>
</ul>
 +
</div>
</div>
</div>
</div>
Line 145: Line 98:
<div class="year">
<div class="year">
<h2><a href="#">2013<i></i></a></h2>
<h2><a href="#">2013<i></i></a></h2>
-
<div class="list">
+
<div>
-
<ul>
+
 
-
<li class="cls">
+
-
<p class="date">March</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">April</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">May</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">June</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
</div>
+
-
</li>
+
-
<li class="cls highlight">
+
-
<p class="date">July</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
+
-
</div>
+
-
</li>
+
-
<li class="cls highlight">
+
-
<p class="date">August</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">September</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">October</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
</div>
+
-
</li>
+
-
+
-
</ul>
+
</div>
</div>
</div>
</div>
Line 222: Line 105:
<div class="year">
<div class="year">
<h2><a href="#">2014<i></i></a></h2>
<h2><a href="#">2014<i></i></a></h2>
-
<div class="list">
+
<div>
-
<ul>
+
-
<li class="cls">
+
-
<p class="date">August</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
<div class="more">
+
-
<p></p>
+
-
</div>
+
-
</li>
+
-
<li class="cls">
+
-
<p class="date">July</p>
+
-
<p class="intro"></p>
+
-
<p class="version">&nbsp;</p>
+
-
</li>
+
-
</ul>
+
</div>
</div>
</div>
</div>
Line 268: Line 137:
</body>
</body>
-
 
-
</div>
 
-
 
</html>
</html>

Revision as of 15:47, 22 September 2014

timeline

product

  • March

     

  • April

     

2013

2014

Retrieved from "http://2014.igem.org/Team:Sheffield/modelling"