Team:HZAU-China/Notebook
From 2013.igem.org
(Difference between revisions)
(22 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:HZAU-China/background-head}} | {{:Team:HZAU-China/background-head}} | ||
- | |||
- | |||
<html> | <html> | ||
<style> | <style> | ||
- | |||
#background{ | #background{ | ||
- | + | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | |
- | + | float:left; | |
- | + | min-heiht:600px; | |
- | + | width: 1000px; | |
- | float: left; | + | |
- | min- | + | |
- | width: | + | |
} | } | ||
#sidebar { | #sidebar { | ||
- | background-color: | + | background-color:transparent; |
- | + | ||
clear: both; | clear: both; | ||
float: left; | float: left; | ||
height: auto; | height: auto; | ||
- | width: | + | width: 240px; |
- | + | padding-top: 10px; | |
- | + | padding-left: 15px; | |
- | padding- | + | |
- | + | ||
} | } | ||
#paragraphs { | #paragraphs { | ||
- | background-color: | + | background-color: transparent; |
- | + | ||
float: right; | float: right; | ||
height: auto; | height: auto; | ||
- | + | text-align: justify; | |
- | + | padding-top: 10px; | |
- | padding- | + | padding-right:15px; |
- | + | ||
width: 710px; | width: 710px; | ||
+ | } | ||
+ | a, a:visited { | ||
+ | color: #7770b4; | ||
+ | text-decoration: none; | ||
} | } | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
<style> | <style> | ||
- | *{ padding: | + | *{margin:0px;padding:0px;} |
- | . | + | ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;} |
- | . | + | ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;} |
- | . | + | ul.menu, |
- | . | + | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#d3f18c;font-family:arial, sans-serif;} |
- | . | + | ul.menu {z-index:100;padding:10px;margin:0 auto;} |
+ | ul.menu ul {z-index:50; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -moz-transition: 0.5s; | ||
+ | -ms-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | ul.menu li {line-height:30px;position:relative;} | ||
+ | ul.menu > li {margin-top:2px;font-size:12px;} | ||
+ | ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;} | ||
+ | ul.menu label.open {display:block;background:#517b1f no-repeat 170px 12px;line-height:30px;position:relative;z- | ||
+ | index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;} | ||
+ | ul.menu span {display:block;background:#517b1f;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;} | ||
+ | ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ||
+ | ul.menu ul li {margin-top:-30px; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -moz-transition: 0.5s; | ||
+ | -ms-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#b3e24b;} | ||
+ | ul.menu ul li a:hover {background:#d3f18c;} | ||
+ | ul.menu input {position:absolute;left:-9999px;} | ||
+ | ul.menu li input:checked + label {background:#069;} | ||
+ | ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;} | ||
+ | ul.menu li input:checked ~ ul li {margin-top:0;} | ||
+ | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") | ||
+ | |||
+ | no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | ||
+ | ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ||
+ | ul.menu input.close:checked + label.close {display:none;} | ||
+ | ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;} | ||
+ | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <body> |
- | < | + | <div id="background"> |
- | < | + | <div id="sidebar"> |
- | < | + | <body> |
- | + | <ul class="menu"> | |
- | <a | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record"><span style="font-size:19px;color=#fff;">Meeting Record</span></a></li> |
- | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery"><span>Gallery</span></a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol"><span>Protocol</span></a></li> | |
- | + | </body> | |
- | + | </div> | |
- | < | + | <div id="paragraphs"> |
- | < | + | <p><br></p> |
- | </ | + | <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Meeting Record</span></center> |
- | < | + | <p><br></p> |
- | + | ||
- | <a | + | |
- | < | + | |
- | </a | + | |
- | + | ||
- | + | ||
- | <a | + | |
- | < | + | |
- | </a | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/7/75/Brainstorming_for_the_project_ideas.pdf">Brainstorming for the project ideas</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/6/65/HZAU_IGEM_Meeting_Record_No.1%285.18%29.pdf">HZAU IGEM Meeting Record No.1(5.18)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/2/29/HZAU_IGEM_meeting_Record_No.2%285.25%29.pdf">HZAU IGEM meeting Record No.2(5.25)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/f/fb/HZAU_IGEM_Meeting_Record_No.3%286.1%29.pdf">HZAU IGEM Meeting Record No.3(6.1)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/6/62/HZAU_IGEM_Meeting_Record_No.4%286.8%29.pdf">HZAU IGEM Meeting Record No.4(6.8)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/9/9f/HZAU_IGEM_Meeting_Record_No.5_%286.15%29.pdf">HZAU IGEM Meeting Record No.5 (6.15)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/2/23/HZAU_IGEM_Meeting_Record_No.6%286.22%29.pdf">HZAU IGEM Meeting Record No.6(6.22)</a><br></p> |
- | + | ||
- | </a> | + | |
- | < | + | |
- | < | + | <p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/e/e7/HZAU_IGEM_meeting_record_No.7%286.29%29.pdf">HZAU IGEM meeting record No.7(6.29)</a><br></p> |
- | + | ||
- | </a> | + | </div> |
- | < | + | |
- | + | ||
</div> | </div> | ||
</body> | </body> |
Latest revision as of 09:35, 27 September 2013