Team:Shenzhen BGIC 0101/Notebook

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
 +
<html>
<html>
<head>
<head>
Line 67: Line 69:
-
<div id="page-header">
+
<div id="page-header" style="background-color: #6594cb;height: 200px;">
<h1>note book</h1>
<h1>note book</h1>
</div>
</div>
<br/>
<br/>
-
<section id="blog" class="container" style="width:800px">
+
<div class="container1">
 +
        <style>
 +
 +
ul.timeline {
 +
list-style-type: none;
 +
background: url("http://fineui.com/res/img/version_line.png") repeat-y scroll 120px 0 transparent;
 +
margin: 50px 0;
 +
padding: 0;
 +
width:1000px;
 +
}
 +
 +
ul.timeline li {
 +
position: relative;
 +
margin-bottom: 20px;
 +
}
-
<article class="clearfix">
+
ul.timeline li .version {
-
<div id="post-1815" class="post-1815 post type-post status-publish format-standard hentry category-evolution" style="background: url(https://static.igem.org/mediawiki/2013/c/ce/Xinzhi.jpg);font-family: 'Comic Sans MS', cursive;">
+
position: absolute;
-
<div class="text">
+
width: 290px;
-
<center><h2>NOTE BOOK</h2></center>
+
text-align: right;
-
<br/><br/>
+
left: -200px;
-
<h3>July:</h3>
+
top: 10px;
-
<hr/><p>test test</p><br/><hr/>
+
font-size: 40px;
-
<h3>August:</h3>
+
line-height: 50px;
-
<hr/><p>test test</p><br/><hr/>
+
color: #3594cb;
-
<h3>September:</h3>
+
overflow: hidden;
-
<hr/><p>test test</p><br/><hr/>
+
}
-
<h3>October:</h3>
+
ul.timeline li .number {
-
<hr/><p>test test</p><br/><hr/>
+
position: absolute;
-
</div></div>
+
background: url("http://fineui.com/res/img/version_dot.png") no-repeat scroll 0 0 transparent;
 +
width: 56px;
 +
height: 56px;
 +
left: 97px;
 +
line-height: 56px;
 +
text-align: center;
 +
color: #fff;
 +
font-size: 18px;
 +
}
 +
ul.timeline li.alt .number {
 +
background-image: url("http://fineui.com/res/img/version_dot_alt.png");
 +
}
-
</article>
+
ul.timeline li .content1 {
 +
background-color: #3594cb;
 +
padding: 20px;
 +
color: #fff;
 +
font-size: 13px;
 +
line-height: 20px;
 +
-webkit-border-radius: 4px;
 +
border-radius: 4px;
 +
margin-left: 180px;
 +
}
 +
ul.timeline li.alt .content1{
 +
background-color: #43B1F1;
 +
 +
}
 +
.container1{
 +
padding: 0px;
 +
margin-left: 150px;
 +
}
 +
 +
</style>
 +
<ul class="timeline">
-
</section>
+
<li class="alt"><div class="version">Sept.</div><div class="number">1</div><div class="content1">
 +
test
 +
</div></li>
 +
<li><div class="version">Sept.</div><div class="number">2</div><div class="content1">
 +
test
 +
</div></li>
 +
<li  class="alt"><div class="version">Agu.</div><div class="number">3</div><div class="content1">
 +
test
 +
</div></li>
 +
<li><div class="version">Agu.</div><div class="number">4</div><div class="content1">
 +
test
 +
</div></li>
 +
 
 +
<li class="alt"><div class="version">Jul.</div><div class="number">5</div><div class="content1">
 +
test
 +
</div></li>
 +
<li><div class="version">Jul.</div><div class="number">6</div><div class="content1">
 +
test
 +
></div></li>
 +
<li class="alt"><div class="version">Jun.</div><div class="number">7</div><div class="content1">
 +
test
 +
</div></li>
 +
<li><div class="version">Jun.</div><div class="number">8</div><div class="content1">
 +
test
 +
></div></li>
 +
 
 +
</ul>
 +
 
 +
        <br />
 +
<br />
 +
    </div>
 +
 
 +
 +
 
<div class="push"></div>
<div class="push"></div>
</div><!-- wrapper -->
</div><!-- wrapper -->

Revision as of 08:30, 24 September 2013


logo

note book


  • Sept.
    1
    test
  • Sept.
    2
    test
  • Agu.
    3
    test
  • Agu.
    4
    test
  • Jul.
    5
    test
  • Jul.
    6
    test >
  • Jun.
    7
    test
  • Jun.
    8
    test >


Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_0101/Notebook"