Team:NCTU Formosa/Notebook
From 2009.igem.org
(Difference between revisions)
Poiuytrechu (Talk | contribs) |
Poiuytrechu (Talk | contribs) |
||
(2 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <!-- | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
+ | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
+ | <body> | ||
+ | <style media="all" type="text/css"> | ||
+ | <!-- | ||
+ | #body{ | ||
+ | width:880px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | .nav { | ||
+ | height:35px; | ||
+ | background: url(images/bg.gif) repeat-x; | ||
+ | position:relative; | ||
+ | font-family:arial, verdana, sans-serif; | ||
+ | font-size:11px; | ||
+ | width:100%; | ||
+ | z-index:100; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .nav .table { | ||
+ | display:table; | ||
+ | margin:0 auto; | ||
+ | } | ||
- | + | .nav .select, | |
- | + | .nav .current { | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | list-style:none; | |
+ | display:table-cell; | ||
+ | white-space:nowrap; | ||
+ | } | ||
- | + | .nav li { | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | height:auto; | |
- | + | float:left; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
+ | .nav .select a { | ||
+ | display:block; | ||
+ | height:35px; | ||
+ | float:left; | ||
+ | font-weight:bold; | ||
+ | background: url(images/bg.gif); | ||
+ | padding:0 30px 0 30px; | ||
+ | text-decoration:none; | ||
+ | line-height:35px; | ||
+ | white-space:nowrap; | ||
+ | color:#dfdfdf; | ||
+ | } | ||
+ | .nav .select a:hover, | ||
+ | .nav .select li:hover a { | ||
+ | background: url(images/hover.gif); | ||
+ | padding:0 0 0 15px; | ||
+ | cursor:pointer; | ||
+ | color:#2b3238; | ||
+ | } | ||
+ | .nav .select a b{ | ||
+ | font-weight:bold; | ||
+ | } | ||
- | + | .nav .select a:hover b, | |
+ | .nav .select li:hover a b { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | padding:0 30px 0 15px; | ||
+ | background:url(images/hover.gif) right top; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .nav .select_sub { | ||
+ | display:none; | ||
+ | } | ||
+ | /* IE6 only */ | ||
+ | .nav table { | ||
+ | border-collapse:collapse; | ||
+ | margin:-1px; | ||
+ | font-size:1em; | ||
+ | width:0; | ||
+ | height:0; | ||
+ | } | ||
+ | .nav .sub { | ||
+ | display:table; | ||
+ | margin:0 auto; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | } | ||
- | + | .nav .sub_active .current_sub a, | |
+ | .nav .sub_active a:hover { | ||
+ | background:transparent; | ||
+ | color:#2b3238; | ||
+ | } | ||
- | { | + | .nav .select :hover .select_sub, |
- | + | .nav .current .show { | |
- | + | display:block; | |
- | + | position:absolute; | |
- | + | width:100%; | |
- | + | top:35px; | |
- | + | background:url(images/back.gif); | |
- | + | padding:0; | |
- | + | z-index:100; | |
+ | left:0; | ||
+ | text-align:center; | ||
+ | } | ||
- | + | .nav .current .show { | |
+ | z-index:10; | ||
+ | } | ||
- | + | .nav .select :hover .sub li a, | |
+ | .nav .current .show .sub li a { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background:transparent; | ||
+ | padding:0 10px 0 10px; | ||
+ | margin:0; | ||
+ | white-space:nowrap; | ||
+ | border:0; | ||
+ | color:#2b3238; | ||
+ | } | ||
- | + | .nav .current .sub li.sub_show a { | |
+ | color:#2b3238; | ||
+ | cursor:default; | ||
+ | } | ||
+ | |||
+ | .nav .select .sub li a { | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | |||
+ | .nav .select :hover .sub li a:hover, | ||
+ | .nav .current .sub li a:hover { | ||
+ | visibility:visible; | ||
+ | color:#909090; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width:100%; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | #bg{ | ||
+ | width: 100%; height:948px; | ||
+ | background: url('https://static.igem.org/mediawiki/2009/e/e1/All.jpg') no-repeat top center; | ||
+ | position: relative; | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | |||
+ | .symlesson { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/3/31/Red.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .symlesson a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/3/31/Red.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | .symwetlab { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/3/31/Purple.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .symwetlab a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/3/31/Purple.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | .symwebupdate { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/7/72/Green.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .symwebupdate a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/7/72/Green.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | .symdiscussion{ | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/d/d9/Grassgreen.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .symdiscussion a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/d/d9/Grassgreen.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | .symbreakthrough { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/0/06/Brown.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .symbreakthrough a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/0/06/Brown.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | .sympracticing { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/1/16/Blue.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .sympracticing a, { | ||
+ | width:15px;height:15px; | ||
+ | background:url('https://static.igem.org/mediawiki/2009/1/16/Blue.png') no-repeat center center; | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | text-indent:-9999px; | ||
+ | } | ||
+ | |||
+ | #textcontent{ | ||
+ | width:100%; height:1000px; | ||
+ | font-size: 2em; | ||
+ | margin-top: 100px; | ||
+ | } | ||
+ | #textcontent2 { | ||
+ | width:100%; | ||
+ | margin:10px 0px 40px 0px; | ||
+ | } | ||
+ | |||
+ | .month {font-size:0.7em; font-weight:bold; margin:50px 0px 30px 30px;} | ||
+ | .innertext {} | ||
+ | .date {width:100px; float:left; text-align: right; margin-right: 30px; font-size:0.5em; } | ||
+ | .events{width:700px; float:right; font-size:0.5em; } | ||
+ | --> | ||
+ | </style> | ||
+ | <!--[if IE]> | ||
+ | <style media="all" type="text/css"> | ||
+ | .nav ul {display:inline-block;} | ||
+ | .nav ul {display:inline;} | ||
+ | .nav ul li {float:left;} | ||
+ | .nav {text-align:center;} | ||
+ | .nav .select a:hover b, | ||
+ | .nav .select li:hover a b {float:none;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="body"> | ||
+ | <div class="nav"> | ||
+ | <div class="table"> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa" target="_self"><b>Home</b></a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Team" target="_self"><b>Team</b></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="" target="_self"><b>Project</b></a> | ||
+ | <div class="select_sub"> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Introduction" target="_self">Introduction</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Components" target="_self">Components</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Construction" target="_self">Construction</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Protocol" target="_self">Protocol</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Safety" target="_self">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="" target="_self"><b>Notebook</b></a> | ||
+ | <div class="select_sub"> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Notebook/Calendar" target="_self">Calendar</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Notebook/Traveling" target="_self">Traveling</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab" target="_self"><b>WetLab</b></a> | ||
+ | <div class="select_sub"> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab/Mainworks" target="_self">Mainworks</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab/Groupwors" target="_self">Groupwors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/SubmittedParts" target="_self"><b>Submitted Parts</b></a> | ||
+ | <div class="select_sub"> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="" target="_self">4</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul class="select"> | ||
+ | <li><a href="https://2009.igem.org/Team:NCTU_Formosa/Contact" target="_self"><b>Contact</b></a> | ||
+ | <div class="select_sub"> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="" target="_self">6</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="content"> | ||
+ | |||
+ | <div id="bg"> | ||
+ | <div class="symlesson" style="left:401px; top:177px;"><a href="#0715" target="_self"> 7/15</a></div> | ||
+ | <div class="symlesson" style="left:511px; top:177px;"><a href="#0717" target="_self"> 7/17</a></div> | ||
+ | <div class="symlesson" style="left:291px; top:227px;"><a href="#0720" target="_self"> 7/20</a></div> | ||
+ | <div class="symlesson" style="left:401px; top:227px;"><a href="#0722" target="_self"> 7/22</a></div> | ||
+ | <div class="symlesson" style="left:291px; top:277px;"><a href="#0727" target="_self"> 7/27</a></div> | ||
+ | <div class="symlesson" style="left:401px; top:277px;"><a href="#0729" target="_self"> 7/29</a></div> | ||
+ | <div class="symlesson" style="left:511px; top:277px;"><a href="#0731" target="_self"> 7/31</a></div> | ||
+ | <div class="symlesson" style="left:548px; top:353px;"><a href="#0803" target="_self"> 8/03</a></div> | ||
+ | <div class="symlesson" style="left:658px; top:353px;"><a href="#0805" target="_self"> 8/05</a></div> | ||
+ | <div class="symlesson" style="left:768px; top:353px;"><a href="#0807" target="_self"> 8/07</a></div> | ||
+ | <div class="symlesson" style="left:548px; top:403px;"><a href="#0810" target="_self"> 8/10</a></div> | ||
+ | <div class="symlesson" style="left:658px; top:403px;"><a href="#0812" target="_self"> 8/12</a></div> | ||
+ | <div class="symlesson" style="left:768px; top:403px;"><a href="#0814" target="_self"> 8/14</a></div> | ||
+ | <div class="symdiscussion" style="left:548px; top:453px;"><a href="#0817" target="_self"> 8/17</a></div> | ||
+ | <div class="symwetlab" style="left:768px; top:453px;"><a href="#0821" target="_self"> 8/21</a></div> | ||
+ | <div class="symwetlab" style="left:768px; top:503px;"><a href="#0828" target="_self"> 8/28</a></div> | ||
+ | |||
+ | <div class="symwetlab" style="left:361px; top:465px;"><a href="#0904" target="_self"> 9/04</a></div> | ||
+ | |||
+ | <div class="symwetlab" style="left:141px; top:515px;"><a href="#0906" target="_self"> 9/06</a></div> | ||
+ | <div class="symwetlab" style="left:196px; top:515px;"><a href="#0907" target="_self"> 9/07</a></div> | ||
+ | <div class="symwetlab" style="left:251px; top:515px;"><a href="#0908" target="_self"> 9/08</a></div> | ||
+ | <div class="symdiscussion" style="left:298px; top:515px;"><a href="#0909" target="_self"> 9/09</a></div> | ||
+ | <div class="symwebupdate" style="left:315px; top:515px;"><a href="#0909" target="_self"> 9/09</a></div> | ||
+ | <div class="symwetlab" style="left:361px; top:515px;"><a href="#0910" target="_self"> 9/10</a></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="textcontent"> | ||
+ | |||
+ | |||
+ | <div id="textcontent2"> | ||
+ | <div class="month"> <h2> July </h2></div> | ||
+ | <div class="innertext"> | ||
+ | <div class="date"><p><a name="0715" id="7/15"></a> 7/15 </p></div> | ||
+ | <div class="events"><p>It is the beginning today!!!!!!!! </p></div> | ||
+ | <div class="date"><p><a name="0717" id="7/17"></a> 7/17 </p></div> | ||
+ | <div class="events"><p>Lesson:Parts, Devices and Biobricks. </p> | ||
+ | <p> </p> | ||
+ | <p>In this lesson we learned about the principle of the construction of biobricks.</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="textcontent2"> | ||
+ | <div class="month"> <h2> August </h2></div> | ||
+ | <div class="innertext"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="textcontent2"> | ||
+ | <div class="month"> <h2> September </h2></div> | ||
+ | <div class="innertext"> | ||
+ | <div class="date"><p><a name="0910" id="9/10"></a> 9/10 </p></div> | ||
+ | <div class="events"><p>Today we have a meeting that ... </p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="textcontent2"> | ||
+ | <div class="month"> <h2> October </h2></div> | ||
+ | <div class="innertext"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 17:05, 24 September 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">