|
|
| (5 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function(){
| |
| - | $(".menu li").hover(function(){
| |
| - | $(this).find("ul>li").stop().fadeToggle(10);
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| | | | |
| - | <style type="text/css">
| |
| - | .menu ul{
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | list-style:none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .menu{
| |
| - | position:absolute;
| |
| - | z-index:+1;
| |
| - | }
| |
| - |
| |
| - | body{
| |
| - | font-family:auto;
| |
| - | background-color:white;
| |
| - | padding:0px;
| |
| - | }
| |
| - |
| |
| - | .menu ul li{
| |
| - | float:left;
| |
| - | width:160px;
| |
| - | height:30px;
| |
| - | line-height:30px;
| |
| - | text-align:center;
| |
| - | background-color:green;
| |
| - | }
| |
| - |
| |
| - | .menu ul li a{
| |
| - | text-decoration:none;
| |
| - | color:yellow;
| |
| - | }
| |
| - |
| |
| - | .menu ul li li{
| |
| - | background-color:green;
| |
| - | color:white;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .menu ul li li:hover{
| |
| - | background:green;
| |
| - | }
| |
| - |
| |
| - | .menu ul li li a{
| |
| - | text-decoration:none;
| |
| - | color:white;
| |
| - | }
| |
| - | </style>
| |
| - | <style>
| |
| - | .pos_fixed
| |
| - | {
| |
| - | position:fixed;
| |
| - | top:300px;
| |
| - | left:10px;
| |
| - | }
| |
| - |
| |
| - | ol.pos_fixed
| |
| - | {
| |
| - | list-style-type:none;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - | .pos_fixed a:link,.pos_fixed a:visited
| |
| - | {
| |
| - | display:block;
| |
| - | font-weight:bold;
| |
| - | color:#FFFFFF;
| |
| - | background-color:#98bf21;
| |
| - | width:120px;
| |
| - | text-align:center;
| |
| - | padding:4px;
| |
| - | text-decoration:none;
| |
| - | text-transform:uppercase;
| |
| - | }
| |
| - | .pos_fixed a:hover,.pos_fixed a:active
| |
| - | {
| |
| - | background-color:#7A991A;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - | <body>
| |
| - |
| |
| - | <div class="menu">
| |
| - | <ul>
| |
| - |
| |
| - | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
| |
| - |
| |
| - | <li><a href="team">Team</a>
| |
| - | <ul>
| |
| - | <li><a href="members">Members</a></li>
| |
| - | <li><a href="advisors">Advisors</a></li>
| |
| - | <li><a href="instructors">Instructors</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li><a href="project">Project</a>
| |
| - | <ul>
| |
| - | <li><a href="abstract">Abstract(Details)</a></li>
| |
| - | <li><a href="modelling">Modelling</a></li>
| |
| - | <li><a href="characterization">Characterization</a></li>
| |
| - | <li><a href="parts">Parts</a></li>
| |
| - | <li><a href="datapage">Data Page</a></li>
| |
| - | <li><a href="results">Results</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li><a href="wetlab">Wetlab</a>
| |
| - | <ul>
| |
| - | <li><a href="notebook">Notebook</a></li>
| |
| - | <li><a href="protocols">Protocols</a></li>
| |
| - | <li><a href="safety">Safety</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li><a href="achievements">Achievement</a>
| |
| - | <ul>
| |
| - | <li><a href="medalrequirements">Medal Requirements</a></li>
| |
| - | <li><a href="prizes">Prizes</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li><a href="humanpractice">Human Practice</a></li>
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - | <style>
| |
| - | .menu ol
| |
| - | {
| |
| - | list-style-type:none;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - | .menu li
| |
| - | {
| |
| - | float:left;
| |
| - | }
| |
| - | .menu a:link,.menu a:visited
| |
| - | {
| |
| - | display:block;
| |
| - | width:120px;
| |
| - | font-weight:bold;
| |
| - | color:#FFFFFF;
| |
| - | background-color:#98bf21;
| |
| - | text-align:center;
| |
| - | padding:4px;
| |
| - | text-decoration:none;
| |
| - | text-transform:uppercase;
| |
| - | }
| |
| - | .menu a:hover,.menu a:active
| |
| - | {
| |
| - | background-color:#7A991A;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | <title>Team</title>
| |
| - | </head>
| |
| - | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
| |
| - | </script>
| |
| - | <script>
| |
| - | $(document).ready(function()
| |
| - | {
| |
| - | $("#team1").mouseover(function(){
| |
| - | $("#team1").animate({width:"110px"});
| |
| - | });
| |
| - | $("#team2").mouseleave(function(){
| |
| - | $("#team1").animate({width:"220px"});
| |
| - | });
| |
| - | $("#wetlab1").mouseover(function(){
| |
| - | $("#wetlab1").animate({width:"110px"});
| |
| - | });
| |
| - | $("#wetlab2").mouseleave(function(){
| |
| - | $("#wetlab1").animate({width:"220px"});
| |
| - | });
| |
| - | $("#hp1").mouseover(function(){
| |
| - | $("#hp1").animate({width:"215px"});
| |
| - | });
| |
| - | $("#hp2").mouseleave(function(){
| |
| - | $("#hp1").animate({width:"430px"});
| |
| - | });
| |
| - | $("#project1").mouseover(function(){
| |
| - | $("#project1").animate({width:"110px"});
| |
| - | });
| |
| - | $("#project2").mouseleave(function(){
| |
| - | $("#project1").animate({width:"220px"});
| |
| - | });
| |
| - | $('#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>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <h3><center><div id="kepala" style="height:121px;width:965px;"><img src="https://static.igem.org/mediawiki/2013/5/5a/Banner_gear.png" id="banner" style="height:121px;width:965px;align:middle;"></div></center></h3>
| |
| - | <center><img src = "https://static.igem.org/mediawiki/2012/8/81/HKUST2012Team.jpg" alt="HKUST iGEM Team 2013" id="photo" width="480" height="300" margin-top:1px;></center>
| |
| - | <div id="instructors" style="background-color:#FFD700;height:120px;width:300px;">
| |
| - | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/instructors" id="instructorsword">Instructors</a>
| |
| - | <img src = "https://static.igem.org/mediawiki/2013/3/3d/Safety_white.png" id="instructorsphoto" width="120" height="120">
| |
| - | </div>
| |
| - | <div id="advisors" style="background-color:#FCFF27;height:120px;width:300px;">
| |
| - | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/advisors" id="advisorsword">Advisors</a>
| |
| - | <img src = "https://static.igem.org/mediawiki/2013/2/21/Wetlab.png" id="advisorsphoto" width="120" height="100">
| |
| - | </div>
| |
| - | <div id="members" style="background-color:#FF9E0B;height:120px;width:300px;">
| |
| - | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/members" id="membersword">Members</a>
| |
| - | <img src = "https://static.igem.org/mediawiki/2013/c/c6/Teambox.png" id="membersphoto" width="130" height="90">
| |
| - | </div>
| |
| - | <div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div>
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | #banner
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:-15px;
| |
| - | top:15px;
| |
| - | }
| |
| - | #photo
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:250px;
| |
| - | top:200px;
| |
| - | }
| |
| - | #membersphoto
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:150px;
| |
| - | top:10px;
| |
| - | }
| |
| - | #advisorsphoto
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:150px;
| |
| - | top:5px;
| |
| - | }
| |
| - | #instructorsphoto
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:150px;
| |
| - | top:0px;
| |
| - | }
| |
| - | #membersword
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:10px;
| |
| - | top:5px;
| |
| - | }
| |
| - | #advisorsword
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:10px;
| |
| - | top:5px;
| |
| - | }
| |
| - | #instructorsword
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:10px;
| |
| - | top:5px;
| |
| - | }
| |
| - | #members
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:5px;
| |
| - | top:530px;
| |
| - | }
| |
| - | #advisors
| |
| - | {
| |
| - | position:absolute;
| |
| - | left:340px;
| |
| - | top:530px;
| |
| - | }
| |
| - | #instructors
| |
| - | {
| |
| - | position:absolute;
| |
| - | right:5px;
| |
| - | top:530px;
| |
| - | }
| |
| - | #copyright
| |
| - | {
| |
| - | position:absolute;
| |
| - | right:330px;
| |
| - | top:700px;
| |
| - | }
| |
| - | #globalWrapper
| |
| - | {
| |
| - | background-color:#fff7e8;
| |
| - | height:560px;
| |
| - | }
| |
| - | #content
| |
| - | {
| |
| - | background-color:#fff7e8;
| |
| - | border-color:#fff7e8;
| |
| - |
| |
| - | }
| |
| - | #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
| |
| - | {
| |
| - | height:0px;
| |
| - | visibility:hidden;
| |
| - | }
| |
| - | #top-section
| |
| - | {
| |
| - | height:0px;
| |
| - | }
| |
| - | #footer-box
| |
| - | {
| |
| - | height:0px;
| |
| - | display:none;
| |
| - | visbility:hidden;
| |
| - | }
| |
| - | #catlinks
| |
| - | {
| |
| - | border-color:#fff7e8;
| |
| - | background-color:#fff7e8;
| |
| - | }
| |
| - | #search-controls
| |
| - | {
| |
| - | visibility:hidden
| |
| - | }
| |
| - | .firstHeading
| |
| - | {
| |
| - | visibility:hidden
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </div>
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
"
