Team:BNU-China/time axis.html

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:BNU-China/CSS/clean}} {{Team:BNU-China/CSS/main}} {{Team:BNU-China/head}} <html> </html> {{Team:BNU-China/foot}}")
Line 2: Line 2:
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/head}}
{{Team:BNU-China/head}}
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Notebook</title>
 +
<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>
 +
<script type="text/javascript" src="js/time_axis.js"></script>
 +
<style>
 +
@charset "utf-8";
 +
* {
 +
margin:0;
 +
padding:0;
 +
list-style-type:none;
 +
}
 +
a, img {
 +
border:0;
 +
}
 +
body {
 +
font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
 +
}
 +
.demo {
 +
width:960px;
 +
margin:60px auto 0 auto;
 +
background:url(./images/release-bg.png) repeat-y right;
 +
}
 +
/*history*/
 +
.history {
 +
background:url(./images/line04.gif) repeat-y 187px 0;
 +
overflow:hidden;
 +
position:relative;
 +
}
 +
.history-date {
 +
overflow:hidden;
 +
position:relative;
 +
}
 +
.history-date h2 {
 +
background:#fff url(./images/icon06.gif) no-repeat 158px 0;
 +
height:59px;
 +
font-size:25px;
 +
font-family:微软雅黑;
 +
font-weight:normal;
 +
padding-left:45px;
 +
margin-bottom:74px;
 +
}
 +
.history-date h2.first {
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
width:935px;
 +
z-index:99;
 +
}
 +
.history-date h2 a {
 +
color:#00bbff;
 +
display:inline-block;
 +
*display:inline;
 +
zoom:1;
 +
background:url(./images/icon08.gif) no-repeat right 50%;
 +
padding-right:17px;
 +
margin:21px 97px 0 0;
 +
}
 +
.history-date h2 a:hover {
 +
text-decoration:none;
 +
}
 +
.history-date h2 img {
 +
vertical-align:-5px;
 +
}
 +
.history-date h2.date02 {
 +
background:none;
 +
}
 +
.history-date ul li {
 +
background:url(./images/icon07.gif) no-repeat 180px 0;
 +
padding-bottom:50px;
 +
zoom:1;
 +
}
 +
.history-date ul li.last {
 +
padding-bottom:0;
 +
}
 +
.history-date ul li:after {
 +
content:" ";
 +
display:block;
 +
height:0;
 +
clear:both;
 +
visibility:hidden;
 +
}
 +
.history-date ul li h3 {
 +
float:left;
 +
width:168px;
 +
text-align:right;
 +
padding-right:19px;
 +
color:#c3c3c3;
 +
font:normal 18px/16px Arial;
 +
}
 +
.history-date ul li h3 span {
 +
display:block;
 +
color:#d0d0d0;
 +
font-size:12px;
 +
}
 +
.history-date ul li dl {
 +
float:left;
 +
padding-left:41px;
 +
margin-top:-5px;
 +
font-family:微软雅黑;
 +
}
 +
.history-date ul li dl dt {
 +
font:20px/22px 微软雅黑;
 +
color:#737373;
 +
}
 +
.history-date ul li dl dt span {
 +
display:block;
 +
color:#787878;
 +
font-size:12px;
 +
}
 +
.history-date ul li.green h3 {
 +
color:#1db702;
 +
}
 +
.history-date ul li.green h3 span {
 +
color:#a8dda3;
 +
}
 +
.history-date ul li.green dl {
 +
margin-top:-8px;
 +
}
 +
.history-date ul li.green dl dt {
 +
font-size:30px;
 +
line-height:28px;
 +
}
 +
.history-date ul li.green dl dt a {
 +
display:inline-block;
 +
*display:inline;
 +
zoom:1;
 +
overflow:hidden;
 +
vertical-align:middle;
 +
margin-left:12px;
 +
}
 +
.history-date ul li.green dl dd {
 +
padding-top:20px;
 +
display:none;
 +
}
 +
.history-date ul li.green dl dd img {
 +
float:left;
 +
}
 +
.history-date ul li.green dl dd p {
 +
overflow:hidden;
 +
zoom:1;
 +
line-height:21px;
 +
color:#787878;
 +
}
 +
.history-date h2.first .more-history {
 +
font-size:16px;
 +
background:transparent;
 +
margin-left:30px;
 +
}
 +
.history-date h2.first .more-history:hover {
 +
text-decoration:underline;
 +
}
 +
*body .history-date ul li dl dt {
 +
_font-size:12px!important;
 +
_font-weight:bold;
 +
}
 +
*body .history-date ul li dl dt span {
 +
_font-weight:normal!important;
 +
}
 +
*body .history-date ul li.green dl dt a {
 +
_background:transparent!important;
 +
*background:transparent!important;
 +
*font-size:12px!important;
 +
_font-weight:normal!important;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="demo">
 +
<div class="history">
 +
<div class="history-date">
 +
<ul>
 +
<h2 class="first">
 +
<a href="#nogo">2014</a>&nbsp;&nbsp;Team:BNU-China
 +
</h2>
 +
<li class="green">
 +
<h3>10.30</h3>
 +
<dl>
 +
<dt>Giant Jamboree</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.19</h3>
 +
<dl>
 +
<dt>....... </span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.02</h3>
 +
<dl>
 +
<dt>....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li class="green">
 +
<h3>10.27</h3>
 +
<dl>
 +
<dt>...<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.15</h3>
 +
<dl>
 +
<dt>.....</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>06.05</h3>
 +
<dl>
 +
<dt>......</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>05.12</h3>
 +
<dl>
 +
<dt>.....</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>05.11</h3>
 +
<dl>
 +
<dt>....<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>05.03</h3>
 +
<dl>
 +
<dt>.....</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>03.08</h3>
 +
<dl>
 +
<dt>......<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>01.29</h3>
 +
<dl>
 +
<dt>.....</span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
<div class="history-date">
 +
<ul>
 +
<h2 class="date02"><a href="#nogo">September</a></h2>
 +
<li>
 +
<h3>12.12</h3>
 +
<dl>
 +
<dt>....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li class="green">
 +
<h3>11.24</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>11.01</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.27</h3>
 +
<dl>
 +
<dt>......</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.22</h3>
 +
<dl>
 +
<dt>....<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.21</h3>
 +
<dl>
 +
<dt>....</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>08.30</h3>
 +
<dl>
 +
<dt>.....<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>06.22</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>05.19</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>04.07</h3>
 +
<dl>
 +
<dt>....</dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>03.27</h3>
 +
<dl>
 +
<dt>....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
<div class="history-date">
 +
<ul>
 +
<h2 class="date02"><a href="#nogo">August</a></h2>
 +
<li>
 +
<h3>12.13</h3>
 +
<dl>
 +
<dt>........<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.20</h3>
 +
<dl>
 +
<dt>....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.15</h3>
 +
<dl>
 +
<dt>....<span>...<br /></span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
       
 +
        <div class="history-date">
 +
<ul>
 +
<h2 class="date02"><a href="#nogo">July</a></h2>
 +
<li>
 +
<h3>12.13</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.20</h3>
 +
<dl>
 +
<dt>.....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.15</h3>
 +
<dl>
 +
<dt>....<span>....<br/></span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
       
 +
        <div class="history-date">
 +
<ul>
 +
<h2 class="date02"><a href="#nogo">June</a></h2>
 +
<li>
 +
<h3>12.13</h3>
 +
<dl>
 +
<dt>.....<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.20</h3>
 +
<dl>
 +
<dt>...<span>.....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.15</h3>
 +
<dl>
 +
<dt>.....<span>.....<br/></span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
       
 +
        <div class="history-date">
 +
<ul>
 +
<h2 class="date02"><a href="#nogo">May</a></h2>
 +
<li>
 +
<h3>12.13</h3>
 +
<dl>
 +
<dt>...<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>10.20</h3>
 +
<dl>
 +
<dt>....<span>....</span></dt>
 +
</dl>
 +
</li>
 +
<li>
 +
<h3>09.15</h3>
 +
<dl>
 +
<dt>...<span>....<br/></span></dt>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
</html>
</html>
{{Team:BNU-China/foot}}
{{Team:BNU-China/foot}}

Revision as of 06:24, 24 July 2014

1 2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Notebook

    2014  Team:BNU-China

  • 10.30

    Giant Jamboree

  • 10.19

    .......

  • 10.02

    ........

  • 10.27

    .......

  • 10.15

    .....

  • 06.05

    ......

  • 05.12

    .....

  • 05.11

    .........

  • 05.03

    .....

  • 03.08

    ...........

  • 01.29

    .....

    September

  • 12.12

    ........

  • 11.24

    .........

  • 11.01

    .........

  • 10.27

    ......

  • 09.22

    .........

  • 09.21

    ....

  • 08.30

    ..........

  • 06.22

    .........

  • 05.19

    .........

  • 04.07

    ....

  • 03.27

    ........

    August

  • 12.13

    ............

  • 10.20

    ........

  • 09.15

    .......

    July

  • 12.13

    .........

  • 10.20

    .........

  • 09.15

    ........

    June

  • 12.13

    ..........

  • 10.20

    ........

  • 09.15

    ..........

    May

  • 12.13

    .......

  • 10.20

    ........

  • 09.15

    .......

Retrieved from "http://2014.igem.org/Team:BNU-China/time_axis.html"