Team:HKUST-Hong Kong/Notebook
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
(Trevor Page Creation Test) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | $('#Team').mouseover(function(){ | |
- | + | $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100); | |
- | + | }); | |
- | + | $('#Team').mouseleave(function(){ | |
- | + | $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100); | |
- | + | }); | |
- | + | $('#Project').mouseover(function(){ | |
- | + | $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100); | |
- | + | }); | |
+ | $('#Project').mouseleave(function(){ | ||
+ | $('#Project').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100); | ||
+ | }); | ||
+ | $('#Human_practice').mouseover(function(){ | ||
+ | $('#Human_practice').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100); | ||
+ | }); | ||
+ | $('#Human_practice').mouseleave(function(){ | ||
+ | $('#Human_practice').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100); | ||
+ | }); | ||
+ | $('#Wet_lab').mouseover(function(){ | ||
+ | $('#Wet_lab').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100); | ||
+ | }); | ||
+ | $('#Wet_lab').mouseleave(function(){ | ||
+ | $('#Wet_lab').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100); | ||
+ | }); | ||
+ | $('#Extras').mouseover(function(){ | ||
+ | $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100); | ||
+ | }); | ||
+ | $('#Extras').mouseleave(function(){ | ||
+ | $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100); | ||
+ | }); | ||
+ | $('#Team').click(function(){ | ||
+ | $('#Team_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | $('#Project').click(function(){ | ||
+ | $('#Project_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | $('#Wet_lab').click(function(){ | ||
+ | $('#Wet_lab_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | $('#Human_practice').click(function(){ | ||
+ | $('#Human_practice_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | $('#Extras').click(function(){ | ||
+ | $('#Extras_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | $('#menubar').mouseover(function(){ | ||
+ | $('#menubar').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar').mouseleave(function(){ | ||
+ | $('#menubar').stop().animate({top:"-40px"},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:"-40px"},500); | ||
+ | }); | ||
+ | $('#News_Click').click(function(){ | ||
+ | $('#News_Content').slideToggle("slow"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <title>Team:HKUST-Hong Kong - 2012.igem.org</title> | ||
- | + | <style type="text/css"> | |
+ | |||
+ | .firstHeading { | ||
+ | height:0px; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #content { | ||
+ | border-left-width:1px; | ||
+ | border-right-width:1px; | ||
+ | width:965px; | ||
+ | } | ||
+ | #top-section { | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: #92d2ff; | ||
+ | border-width:0px; | ||
+ | height:0; | ||
+ | } | ||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | margin-top:14px; | ||
+ | } | ||
+ | #menubar { | ||
+ | background-color: #000000; | ||
+ | top: -4px; | ||
+ | width: 488px; | ||
+ | height:40px; | ||
+ | position:absolute; | ||
+ | top:-40px; | ||
+ | border-bottom:3px solid #FF8A00; | ||
+ | } | ||
+ | |||
+ | #menubar ul li a { | ||
+ | color: #007da6; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu{ | ||
+ | positon:relative; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | color: #007da6; | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | |||
+ | #search-controls{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #Notebook_Content{ | ||
+ | width:200px; | ||
+ | margin-left:10px; | ||
+ | margin-right:10px; | ||
+ | background-color:#FFDDFF; | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | #Modeling_Content{ | ||
+ | width:200px; | ||
+ | margin-left:10px; | ||
+ | margin-right:10px; | ||
+ | background-color:#DDFFFF; | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | #topHeader{ | ||
+ | width:965px; | ||
+ | height:320px; | ||
+ | } | ||
+ | |||
+ | .firstHeading{ | ||
+ | width:950px; | ||
+ | alignment-adjust:right; | ||
+ | visibility:hidden; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #contentSub{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | background-color:#999; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: #FFF; | ||
+ | border-left-color:#FFF; | ||
+ | border-right-color:#FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | #Navigation_top{ | ||
+ | padding-top:20px; | ||
+ | width:971px; | ||
+ | height:auto; | ||
+ | background-color: #FFBB55; | ||
+ | float:left; | ||
+ | border-left:3px solid #FF8A00; | ||
+ | border-right:3px solid #FF8A00; | ||
+ | border-bottom:3px solid #FF8A00; | ||
+ | position:relative; | ||
+ | background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg'); | ||
+ | top:-20px; | ||
+ | left:-6px; | ||
+ | border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
+ | } | ||
+ | |||
+ | .Navigation_Buttons{ | ||
+ | width:168px; | ||
+ | height:50px; | ||
+ | margin:10px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | background-color:#333333; | ||
+ | opacity:0.6; | ||
+ | border:3px solid #000000; | ||
+ | border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
+ | } | ||
+ | |||
+ | .Navigation_Buttons#Team{ | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .Navigation_Buttons h3 p{ | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div.Navigation_Content{ | ||
+ | width:950px; | ||
+ | height:auto; | ||
+ | margin:7px; | ||
+ | display:none; | ||
+ | float:left; | ||
+ | opacity:0.6; | ||
+ | background-color:#555555; | ||
+ | border:3px solid #000000; | ||
+ | border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
+ | } | ||
+ | |||
+ | .Navigation_Content#Home_Content{ | ||
+ | position:inherit; | ||
+ | } | ||
+ | |||
+ | .Content_Buttons{ | ||
+ | width:164px; | ||
+ | height:50px; | ||
+ | margin:10px; | ||
+ | background-color:#000000; | ||
+ | padding-top:20px; | ||
+ | opacity:1.0; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
+ | float:left; | ||
+ | border:3px solid #FFFFFF; | ||
+ | border-radius:7px; | ||
+ | -moz-border-radius:7px; | ||
+ | } | ||
+ | |||
+ | .Content_Buttons p a{ | ||
+ | color:#33DDFF; | ||
+ | text-decoration:none; | ||
+ | size:10px; | ||
+ | } | ||
+ | |||
+ | .Upper_Logos#iGEM_Logo{ | ||
+ | width:100px; | ||
+ | height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png'); | ||
+ | background-size:100px 80px; | ||
+ | background-repeat:no-repeat; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .Upper_Logos#HKUST_Logo{ | ||
+ | width:80px; | ||
+ | height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/b/b0/UCL-Igem.png'); | ||
+ | background-size:70px 80px; | ||
+ | background-repeat:no-repeat; | ||
+ | float:left; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="Navigation_top"> | ||
+ | <div id="iGEM_Logo" class="Upper_Logos"></div> | ||
+ | <div id="HKUST_Logo" class="Upper_Logos"></div> | ||
+ | <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div> | ||
+ | <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div> | ||
+ | <div class="Navigation_Buttons" id="Wet_lab" align="center"><h3><p>WET LAB</p></h3></div> | ||
+ | <div class="Navigation_Buttons" id="Human_practice" align="center"><h3><p>HUMAN PRACTICE</p></h3></div> | ||
+ | <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div> | ||
+ | |||
+ | <div class="Navigation_Content" id="Team_Content"> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Instructor">Instructor</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Members">Members</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></div> | ||
+ | <div class="Content_Buttons""><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Acknowledgement">Acknowledgement</a></p></div> | ||
+ | </div> | ||
+ | <div class="Navigation_Content" id="Project_Content"> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Project Abstract</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Background_and_Motive">Background and<br> Motive</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">Project Description</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Module">Module</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Chasis">Chassis</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">Safety</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Expectation">Expectation</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Potential_Application">Potential applicaton</a></p></div> | ||
+ | </div> | ||
+ | <div class="Navigation_Content" id="Wet_lab_Content" align="center"> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts_and_Device">Parts and Devices</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Notebook">Notebook</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Characterization">Characterization</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Achievement">Achievement</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Prospect">Prospect</a></p></div> | ||
+ | </div> | ||
+ | <div class="Navigation_Content" id="Human_practice_Content" align="center"> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Overview">Overview</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Interview">Interview</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Presentation">Presentation</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Calendar">Calendar</a></p></div> | ||
+ | </div> | ||
+ | <div class="Navigation_Content" id="Extras_Content" align="center"> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Glossary">Glossary</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Site_Map">Site Map</a></p></div> | ||
+ | <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Photo_Gallery">Photo Gallery</a></p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 13:23, 23 September 2012