Team:HZAU-China/Notebook
From 2013.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style> | <style> | ||
#background{ | #background{ | ||
- | + | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | |
- | + | float:left; | |
- | + | min-heiht:600px; | |
- | float: left; | + | width: 1000px; |
- | min- | + | |
- | width: | + | |
} | } | ||
#sidebar { | #sidebar { | ||
- | + | background-color:transparent; | |
- | background-color: | + | |
clear: both; | clear: both; | ||
float: left; | float: left; | ||
height: auto; | height: auto; | ||
- | width: | + | width: 240px; |
- | + | padding-top: 10px; | |
- | padding- | + | padding-left: 15px; |
} | } | ||
#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> | ||
*{margin:0px;padding:0px;} | *{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.menu ul {padding:0;margin:0;list-style:none;position:;width: | + | 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 {z-index:100;padding:10px;margin:0 auto;} | ||
ul.menu ul {z-index:50; | ul.menu ul {z-index:50; | ||
Line 48: | Line 46: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
- | ul.menu li {line-height:30px;position:relative | + | ul.menu li {line-height:30px;position:relative;} |
ul.menu > li {margin-top:2px;font-size:12px;} | 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 > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;} | ||
- | ul.menu label.open {display:block;background:# | + | 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:# | + | 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 label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ||
ul.menu ul li {margin-top:-30px; | ul.menu ul li {margin-top:-30px; | ||
Line 62: | Line 60: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
- | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:# | + | 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:# | + | ul.menu ul li a:hover {background:#d3f18c;} |
ul.menu input {position:absolute;left:-9999px;} | ul.menu input {position:absolute;left:-9999px;} | ||
ul.menu li input:checked + label {background:#069;} | ul.menu li input:checked + label {background:#069;} | ||
- | ul.menu li input:checked ~ ul {background:# | + | ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;} |
ul.menu li input:checked ~ ul li {margin-top:0;} | 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 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.tabs:checked ~ label.close {display:block;z-index:200;} | ||
ul.menu input.close:checked + label.close {display:none;} | ul.menu input.close:checked + label.close {display:none;} | ||
Line 74: | Line 74: | ||
ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <body> | |
- | + | <div id="background"> | |
- | <p> | + | <div id="sidebar"> |
- | <br> | + | <body> |
- | </p> | + | <ul class="menu"> |
- | <center> | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record"><span style="font-size:19px;color=#fff;">Meeting Record</span></a></li> |
- | <span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%"> | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery"><span>Gallery</span></a></li> |
- | </center> | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol"><span>Protocol</span></a></li> |
- | <p> | + | </body> |
- | <br> | + | </div> |
- | </p> | + | <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> | ||
- | < | + | <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> | |
- | + | ||
- | + | </div> | |
- | <p | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <a | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </a> | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</body> | </body> |
Latest revision as of 09:35, 27 September 2013