Team:OUC-China
From 2011.igem.org
(Difference between revisions)
m |
|||
(100 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
#top-section { | #top-section { | ||
height:16px; | height:16px; | ||
- | background: | + | background:transparent; |
} | } | ||
+ | .right-menu li a { background:transparent;} | ||
#gTop { | #gTop { | ||
width: 975px; | width: 975px; | ||
- | height: | + | height: 760px; |
margin: 0 auto 0 auto; | margin: 0 auto 0 auto; | ||
border:none; | border:none; | ||
- | + | position:relative; | |
+ | background:url(https://static.igem.org/mediawiki/2011/4/44/OUC-China.home.jpg?v5) center -70px no-repeat; | ||
} | } | ||
+ | #gTop a.navlink, #logo{ | ||
+ | position:absolute; | ||
+ | width:100px; | ||
+ | height:40px; | ||
+ | display:block; | ||
+ | } | ||
+ | #gTop #logo { width:164px; height:170px; top:50px; left:160px;} | ||
+ | #mainbanner { | ||
+ | position:absolute; | ||
+ | top:40px; | ||
+ | left:340px; | ||
+ | } | ||
+ | #teamlink { top: 305px; left: 460px; } | ||
+ | #projectlink { top: 380px; left: 300px;} | ||
+ | #resultlink { top: 393px; left:620px;} | ||
+ | #safetylink { top:565px; left:380px;} | ||
+ | #otherlink { top:590px; left:590px; } | ||
+ | |||
+ | #gBottom { | ||
+ | height:80px; | ||
+ | width:975px; | ||
+ | margin: 0 auto 0 auto; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #gBottom a { | ||
+ | color:white; | ||
+ | } | ||
+ | #gBottom hover { | ||
+ | color:white; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | #gBottomContent { padding-top:80px;} | ||
+ | #gBottomContent img { margin:5px 30px;} | ||
+ | |||
#content { display:none; } | #content { display:none; } | ||
#footer-box { background:black;} | #footer-box { background:black;} | ||
+ | #footer-box a { | ||
+ | color: white; | ||
+ | } | ||
body { | body { | ||
background:#161616; | background:#161616; | ||
+ | color:white; | ||
} | } | ||
</style> | </style> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | var strVar=""; | ||
+ | strVar += " <ul id=\"team\" class=\"submenus\">"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/TeamIntro\">IGEMers introduction<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors\">Instructor and Adviser<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors#cop\">Collaborator<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors#sup\">Support and thanks<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors#mp\">Mutual help with other teams<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Photos\">Photo gallery<\/a>"; | ||
+ | strVar += " <\/ul>"; | ||
+ | strVar += " "; | ||
+ | strVar += " <ul id=\"project\" class=\"submenus\">"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/storm\">Brain storming<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Abstract\">Abstract<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/prezi\">Prezi<\/a><\/li>"; | ||
+ | strVar += " <\/ul>"; | ||
+ | strVar += " "; | ||
+ | strVar += " <ul id=\"result\" class=\"submenus\">"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Materials\">Materials<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook and data<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/fv\">Experiments on devices<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 OUC Wuxingbricks documentation<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>"; | ||
+ | strVar += " <\/ul>"; | ||
+ | strVar += " "; | ||
+ | strVar += " <ul id=\"safety\" class=\"submenus\">"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Safety\/Consideration\">Human practice<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Safety\">Safety<\/a><\/li>"; | ||
+ | strVar += " <\/ul>"; | ||
+ | strVar += " "; | ||
+ | strVar += " <ul id=\"other\" class=\"submenus\">"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Fa\">Foundational advance<\/a><\/li>"; | ||
+ | strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Newapp\">New application of synthetic biology<\/a><\/li>"; | ||
+ | strVar += " <\/ul>"; | ||
+ | |||
$("#menubar.right-menu ul li:first-child").before("<li><a href='https://2011.igem.org/Main_Page'>iGEM HQ</a></li>"); | $("#menubar.right-menu ul li:first-child").before("<li><a href='https://2011.igem.org/Main_Page'>iGEM HQ</a></li>"); | ||
- | $("#content").before("<div id='gTop'> | + | $("#content").before("<div id='gTop'><a id='logo' href='https://2011.igem.org/Team:OUC-China'><img src='https://static.igem.org/mediawiki/2011/d/d9/OUC-China.logo.gif' alt='logo'/></a><img src='https://static.igem.org/mediawiki/2011/9/99/OUC-China.MainBanner.gif' id='mainbanner' /><a class='navlink' href='#team' id='teamlink'></a><a href='#project' class='navlink' id='projectlink'></a><a class='navlink' href='#result' id='resultlink'></a><a class='navlink' href='#safety' id='safetylink'></a><a class='navlink' href='#other' id='otherlink'></a>"+strVar+"</div><div id='gBottom'><a href='mailto:OUCIGEM@163.com'><img src='https://static.igem.org/mediawiki/2011/d/d2/OUC-shou_1.jpg.png' /> OUCIGEM@163.com</a> <a href='http://www.renren.com/oast' target='_blank'><img src='https://static.igem.org/mediawiki/2011/3/37/OUC-shou-2.gif'/> Find Us on RenRen</a><div id='gBottomContent'></div></div>"); |
+ | $(document).ready(function(){$('a,input[type="submit"]').bind('focus',function(){if(this.blur){ this.blur();}});}); | ||
</script> | </script> | ||
- | |||
- | < | + | <script> |
- | + | $(document).ready(function(){ | |
+ | $("#gTop .navlink").click(function(){ | ||
+ | if($($(this).attr("href")).css("display")=="none"){ | ||
+ | $(".submenus").stop(true,true).fadeOut(200); | ||
+ | $($(this).attr("href")).stop(true,true).fadeIn(200); | ||
+ | }else{ | ||
+ | $(".submenus").stop(true,true).fadeOut(200); | ||
+ | } | ||
+ | return false; | ||
+ | }); | ||
+ | $(".submenus").mouseleave(function(){ | ||
+ | $(this).fadeOut(200); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | .submenus { | ||
+ | position:absolute; | ||
+ | display: inline; | ||
+ | list-style: none; | ||
+ | margin:0; | ||
+ | padding: 0; | ||
+ | border: 1px solid #EEEEEE; | ||
+ | background: white; | ||
+ | display: none; | ||
+ | border-radius: 3px; | ||
+ | opacity:0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | .submenus li { | ||
+ | display:block; | ||
+ | padding: 5px 8px; | ||
+ | list-style: none; | ||
+ | border-bottom: 1px solid #EEEEEE; | ||
+ | } | ||
+ | .submenus li a { | ||
+ | color: green; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .submenus li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #team { | ||
+ | top: 100px; | ||
+ | left: 400px; | ||
+ | } | ||
+ | #team a{ | ||
+ | color: #d2c03a; | ||
+ | } | ||
+ | |||
+ | #project{ | ||
+ | top: 330px; | ||
+ | left: 20px; | ||
+ | } | ||
+ | #project a{ | ||
+ | color: #87430b; | ||
+ | } | ||
+ | |||
+ | #result { | ||
+ | top: 280px; | ||
+ | left: 740px; | ||
+ | } | ||
+ | |||
+ | #safety{ | ||
+ | top: 620px; | ||
+ | left: 290px; | ||
+ | width:240px; | ||
+ | } | ||
+ | #safety a{ | ||
+ | color:#5225a0; | ||
+ | } | ||
+ | |||
+ | #other { | ||
+ | top: 640px; | ||
+ | left: 550px; | ||
+ | } | ||
+ | |||
+ | #other a { | ||
+ | color: #2d7eed; | ||
+ | } | ||
+ | </style> | ||
</html> | </html> | ||
Latest revision as of 03:51, 29 October 2011
Home | Team | Official Team Profile | Project | Parts Submitted to the Registry | Modeling | Notebook | Safety | Attributions |
---|