Team:KAIST-Korea/menu
From 2011.igem.org
(Difference between revisions)
(Replaced content with "<html> Hi Ji Han </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <!--menu_style--> | |
+ | <style type="text/css"> | ||
+ | #bodyContent { | ||
+ | width: 975px; | ||
+ | background-color:transparent;} | ||
+ | #menu ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width:975px; | ||
+ | height:1px; | ||
+ | } | ||
+ | #nav { | ||
+ | position:absolute; | ||
+ | padding: 0 0 0 0; | ||
+ | margin:0px; | ||
+ | list-style: none; | ||
+ | left:60px; | ||
+ | top:78px; | ||
+ | float:left; | ||
+ | width:975px; | ||
+ | height:1px; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | width: 14em; | ||
+ | height: 1em; | ||
+ | font-family:Calibri,sans-serif; | ||
+ | } | ||
+ | |||
+ | #nav a, #nav a:visited { text-decoration:none; color:#ffffff; font-weight:bold;} | ||
+ | #nav a:hover, #nav a:active { color:#ff6633;} | ||
+ | |||
+ | |||
+ | .aOverview{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:85px; | ||
+ | } | ||
+ | |||
+ | .aModeling{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:110px; | ||
+ | } | ||
+ | |||
+ | .aExperiments{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:135px; | ||
+ | } | ||
+ | .aBiobrick{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:160px; | ||
+ | } | ||
+ | .aFuture_Application{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:185px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .aLab_Diary{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:497px; | ||
+ | top:75px; | ||
+ | } | ||
+ | |||
+ | .aWall{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:497px; | ||
+ | top:100px; | ||
+ | } | ||
+ | |||
+ | .aSitemap{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:125px; | ||
+ | } | ||
+ | |||
+ | .aSoftware_Tools{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:150px; | ||
+ | } | ||
+ | |||
+ | .aSponsors{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:175px; | ||
+ | } | ||
+ | |||
+ | .aLinks{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:200px; | ||
+ | } | ||
+ | |||
+ | .aMembers{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:276px; | ||
+ | } | ||
+ | |||
+ | .aPhotos{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:306px; | ||
+ | } | ||
+ | |||
+ | .aVideos{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:336px; | ||
+ | } | ||
+ | |||
+ | .aSummary{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:382px; | ||
+ | top:400px; | ||
+ | } | ||
+ | |||
+ | .aGallery{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:389px; | ||
+ | top:425px; | ||
+ | } | ||
+ | |||
+ | .aHuman_Practices{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | right:80px; | ||
+ | top:350px; | ||
+ | } | ||
+ | |||
+ | .aSafety{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | right:80px; | ||
+ | top:380px; | ||
+ | } | ||
+ | |||
+ | <!--index_style--> | ||
+ | body | ||
+ | { | ||
+ | background:black; | ||
+ | color:white; | ||
+ | font-family:"Arial",Sans-serif; | ||
+ | } | ||
+ | a, a:hover, a:active, a:visited | ||
+ | { | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | div.panel | ||
+ | { | ||
+ | color:white; | ||
+ | font-family:"Arial",Sans-serif; | ||
+ | z-index=200; | ||
+ | position:relative; | ||
+ | top:10px;left:0px; | ||
+ | width: 975px ; | ||
+ | height:535px; | ||
+ | padding:5px; | ||
+ | margin-bottom:25px; | ||
+ | border:outset 5px #F0F0F0; | ||
+ | display:none; | ||
+ | } | ||
+ | div.flip | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:0px;left:45%; | ||
+ | z-index:250; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | div.home | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:10px;left:580px; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | div.caption | ||
+ | { | ||
+ | padding:5px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".flip").click(function(){ | ||
+ | $(".panel").slideToggle("slow"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="panel"> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Menu--> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Project/Overview"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/7/78/Menuground_Project.png" alt="Project" width="531" height="332" style="position:absolute;left:2px;top:0px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /></a> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Diary/Lab_Diary"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/a2/Menuground_Diary.png" alt="Diary" width="268" height="236" style="position:absolute;left:514px;top:-14px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/cc/Menuground_Misc.png" alt="Misc" width="251" height="332" style="position:absolute;left:745px;top:0px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/9/9a/Menuground_Team.png" alt="Team" width="351" height="219" style="position:absolute;left:-13px;top:324px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/e/e3/Menuground_Result.png" alt="Result" width="300" height="212" style="position:absolute;left:331px;top:331px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/c9/Menuground_HumanPractices.png" alt="HumanPractices" width="365" height="212" style="position:absolute;left:616px;top:331px;z-index:0;opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" /> | ||
+ | </a> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2011/a/a7/IGEM_KAIST.png" alt="iGEM_KAIST" width="229" height="110" style="position:absolute;left:533px;top:222px;z-index:0/> | ||
+ | |||
+ | |||
+ | <div id="header"> | ||
+ | <div id="menu"> | ||
+ | <ul id="nav"> | ||
+ | |||
+ | |||
+ | |||
+ | <a class="aOverview" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview">Overview</a> | ||
+ | <a class="aModeling" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling">Modeling</a> | ||
+ | <a class="aExperiments" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments">Experiments</a> | ||
+ | <a class="aBiobrick" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick">Biobrick</a> | ||
+ | <a class="aFuture_Application" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application">Future Application</a> | ||
+ | |||
+ | <a class="aLab_Diary" href="https://2011.igem.org/Team:KAIST-Korea/Diary/Lab_Diary">Lab Diary</a> | ||
+ | <a class="aWall" href="https://2011.igem.org/Team:KAIST-Korea/Diary/Wall">Wall</a> | ||
+ | |||
+ | <a class="aSitemap" href="https://2011.igem.org/Team:KAIST-Korea/Mics/Sitemap">Sitemap</a> | ||
+ | <a class="aSoftware_Tools" href="https://2011.igem.org/Team:KAIST-Korea/Mics/Software_Tools">Software Tools</a> | ||
+ | <a class="aSponsors" href="https://2011.igem.org/Team:KAIST-Korea/Mics/Sponsors">Sponsors</a> | ||
+ | <a class="aLinks" href="https://2011.igem.org/Team:KAIST-Korea/Mics/Links">Links</a> | ||
+ | |||
+ | <a class="aMembers" href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">Members</a> | ||
+ | <a class="aPhotos" href="https://2011.igem.org/Team:KAIST-Korea/Team/Photos">Photos</a> | ||
+ | <a class="aVideos" href="https://2011.igem.org/Team:KAIST-Korea/Team/Videos">Videos</a> | ||
+ | |||
+ | <a class="aSummary" href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary">Summary</a> | ||
+ | <a class="aGallery" href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery">Gallery</a> | ||
+ | |||
+ | <a class="aHuman_Practices" href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices">Human Practices</a> | ||
+ | <a class="aSafety" href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Safety">Safety</a> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--End of Menu--> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="flip"><img src="https://static.igem.org/mediawiki/2011/b/b2/All_menu_open.png" alt="Menu" width="131" height="20"/></div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 02:53, 8 July 2011