Team:Hong Kong HKUST/notebook
From 2013.igem.org
(Difference between revisions)
Line 20: | Line 20: | ||
}); | }); | ||
</script> | </script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("ul.first > li").hover(function(){ | ||
+ | $(this).find("ul").stop().fadeToggle(10); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | $('#menubar').mouseover(function(){ | ||
+ | $('#menubar').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar').mouseleave(function(){ | ||
+ | $('#menubar').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseover(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseleave(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;font: x-small sans-serif;} | ||
+ | #menubar | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;} | ||
+ | #menubar ul li a | ||
+ | { color:#8D1919;} | ||
+ | #menubar.right-menu | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;} | ||
+ | .right-menu li a | ||
+ | {color:#8D1919;background-color:#EEECEC;} | ||
+ | #p-logo | ||
+ | {visibility:hidden;} | ||
+ | .firstHeading | ||
+ | {visibility:hidden;} | ||
+ | #globalWrapper | ||
+ | {position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;} | ||
+ | #content | ||
+ | {width: 1000px;border:none;background-color:#ffffff;padding:0px;margin-top:0px;line-height: 1.5em;color: black;} | ||
+ | #top-section | ||
+ | {height:2px;border:none;background-color:#494042;} | ||
+ | #catlinks | ||
+ | {border-color:#494042;background-color:#494042;} | ||
+ | #footer-box | ||
+ | {display:none} | ||
+ | #kepala | ||
+ | {position:absolute;top:15px;background-color:#F0A5BE;} | ||
+ | #cover | ||
+ | {position:absolute;top:0px;height:168px;width:100%;background:#494042;z-index:-1;} | ||
+ | body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | div.menu | ||
+ | { | ||
+ | width:100%; | ||
+ | } | ||
+ | .row { | ||
+ | width: 940px; | ||
+ | max-width: 100%; | ||
+ | min-width: 768px; | ||
+ | margin: 0 auto; | ||
+ | |||
+ | } | ||
+ | .row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .row:before, .row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | } | ||
+ | .menu ul,li | ||
+ | { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | ul.first>li | ||
+ | { | ||
+ | float:left; | ||
+ | width:16.6667%; | ||
+ | } | ||
+ | ul.first>li>a:link,ul.first>li>a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#494042; | ||
+ | background-color:#35bb91; | ||
+ | text-align:center; | ||
+ | padding:3%; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | |||
+ | ul.first>li>a:hover,ul.first>li>a:active | ||
+ | { | ||
+ | background-color:#e32e51; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul | ||
+ | { | ||
+ | display:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#494042; | ||
+ | background-color:#8ff5d5; | ||
+ | text-align:center; | ||
+ | padding:3%; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active | ||
+ | { | ||
+ | background-color:#f87790; | ||
+ | } | ||
+ | .menu | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:141px; | ||
+ | width:100%; | ||
+ | } | ||
+ | ul.side-nav { | ||
+ | display: block; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 17px 0; | ||
+ | } | ||
+ | ul.side-nav h6 { | ||
+ | margin: 47px 0px 0px; | ||
+ | } | ||
+ | ul.side-nav li.divider { | ||
+ | border-top: 1px solid #ddd; | ||
+ | } | ||
+ | .two, .row .two { | ||
+ | width: 16.66667%; | ||
+ | top:160px; | ||
+ | } | ||
+ | ul, ol { | ||
+ | font-size: 14px; | ||
+ | line-height: 1.6; | ||
+ | } | ||
+ | [class*="column"] + [class*="column"]:last-child { | ||
+ | float: right; | ||
+ | } | ||
+ | .ten, .row .ten { | ||
+ | width: 83.33333%; | ||
+ | top:192px; | ||
+ | z-index:-2; | ||
+ | } | ||
+ | .column, .columns { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | padding: 0 15px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .twelve, .row .twelve { | ||
+ | width: 100%; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: 'Bitter', serif; | ||
+ | font-weight: normal; | ||
+ | color: #000; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | div.team-bios-container div.row { | ||
+ | padding: 0px 0px 10px; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | .row .row { | ||
+ | width: auto; | ||
+ | max-width: none; | ||
+ | min-width: 0; | ||
+ | margin: 0 -15px; | ||
+ | } | ||
+ | media="screen, projection" | ||
+ | #bodyContent h1, #bodyContent h2 { | ||
+ | margin-bottom: .6em; | ||
+ | } | ||
+ | h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered { | ||
+ | text-align: center; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 37px; | ||
+ | } | ||
+ | .nine, .row .nine { | ||
+ | width: 75%; | ||
+ | } | ||
+ | [class*="column"] + [class*="column"]:last-child { | ||
+ | float: right; | ||
+ | } | ||
+ | .three, .row .three { | ||
+ | width: 25%; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
<ul> | <ul> | ||
Line 37: | Line 251: | ||
</li> | </li> | ||
</ul> | </ul> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></a> | ||
+ | <div id="cover"></div> | ||
+ | <div class="menu"> | ||
+ | <ul class="first"> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modelling">Modelling</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/datapage">Data Page</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">notebook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Interviews">Interviews</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Presentation">Presentation</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Videos">Videos</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Article">Article</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 04:19, 19 August 2013