Team:KAIST-Korea/side menu

From 2011.igem.org

(Difference between revisions)
 
(180 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<body>
-
<head>
 
-
 
-
<!--menu_style-->
 
<style type="text/css">
<style type="text/css">
-
#bodyContent {
+
#navi {  
-
width: 975px;
+
-
background-color:transparent;}
+
-
 
+
-
#menu ul {
+
-
padding: 0;
+
-
margin: 0;
+
-
width:975px;
+
-
height:1px;
+
-
}
+
-
 
+
-
#nav {  
+
position:absolute;  
position:absolute;  
padding: 0 0 0 0;   
padding: 0 0 0 0;   
Line 28: Line 15:
}
}
-
#nav li {
+
#navi li {
float: left;
float: left;
position: relative;
position: relative;
Line 36: Line 23:
}
}
-
#nav a, #nav a:visited { text-decoration:none; color:#ffffff; font-weight:bold;}
+
#navi a, #navi a:visited { text-decoration:none; color:white; font-weight:bold;}
-
#nav a:hover, #nav a:active { color:#ff6633;}
+
#navi a:hover, #navi a:active { color:white;}
-
 
+
.aOverview1{
-
.aOverview{
+
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:-15px;
+
left:19px;
-
top:85px;
+
top:0px;
}
}
-
.aModeling{
+
.aReport1{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:-15px;
+
left:20px;
-
top:110px;
+
top:40px;
}
}
-
.aExperiments{
+
.aReport2{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:-15px;
+
left:20px;
-
top:135px;
+
top:78px;
-
}
+
-
.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;
+
}
}
-
+
.aReport3{
-
.aLab_Diary{
+
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:497px;
+
left:20px;
-
top:75px;
+
top:117px;
}
}
-
.aWall{
+
.aReport4{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:497px;
+
left:20px;
-
top:100px;
+
top:157px;
}
}
-
.aSitemap{
+
.aReport5{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
font-size:15pt;
font-size:15pt;
-
left:728px;
+
left:20px;
-
top:125px;
+
top:196px;
}
}
-
.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>
</style>
-
<!--[if IE]>
 
-
<style type="text/css">
 
-
</style>
 
-
<![endif]--> 
 
-
<script type="text/javascript">
+
<div id="side menu" style="left:300px;position:relative;top:300px;">
-
$(document).ready(function(){
+
-
$(".flip").click(function(){
+
-
    $(".panel").slideToggle("slow");
+
-
  });
+
-
});
+
-
</script>
+
-
</head>
+
-
+
-
<body>
+
-
+
-
<div class="panel">
+
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Project/Overview">
+
<div id="overview1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
<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 class="aOverview1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Overview</a>
 +
</div>
 +
<br>
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Diary/Lab_Diary">
+
<div id="report 1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
<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 class="aReport1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 1</a>
-
</a>
+
</div>
 +
<br>
 +
<div id="report 2" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
 +
<a class="aReport2" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 2</a>
 +
</div>
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap">
+
<br>
-
<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>
+
 +
<div id="report 3" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
 +
<a class="aReport3" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 3</a>
 +
</div>
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">
+
<br>
-
<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">
+
<div id="report 4" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
<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 class="aReport4" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 4</a>
-
</a>
+
</div>
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices">
+
<br>
-
<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="report 5" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
 
+
<a class="aReport5" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 5</a>
-
 
+
-
<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/System_Modeling">System 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>
</div>
Line 320: Line 119:
-
 
+
<div class="flip"><img src="https://static.igem.org/mediawiki/2011/b/b4/Menu_Menu.png" alt="Menu" width="80"  style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.8;this.filters.alpha.opacity=90" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100"/></div>
-
 
+
-
 
+
-
 
+
Line 329: Line 125:
</div>
</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>
</body>
</html>
</html>

Latest revision as of 04:31, 8 July 2011

Retrieved from "http://2011.igem.org/Team:KAIST-Korea/side_menu"