Team:KAIST-Korea/side menu

From 2011.igem.org

(Difference between revisions)
 
(181 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{
+
</style>
-
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{
+
<div id="side menu" style="left:300px;position:relative;top:300px;">
-
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{
+
<div id="overview1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
position: absolute;
+
<a class="aOverview1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Overview</a>
-
font-family:Tw Cen MT;
+
</div>
-
font-size:15pt;
+
<br>
-
left:389px;
+
-
top:425px;
+
-
}
+
-
.aHuman_Practices{
+
<div id="report 1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
position: absolute;
+
<a class="aReport1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 1</a>
-
font-family:Tw Cen MT;
+
</div>
-
font-size:20pt;
+
-
right:80px;
+
-
top:350px;
+
-
}
+
-
.aSafety{
+
<br>
-
position: absolute;
+
-
font-family:Tw Cen MT;
+
-
font-size:20pt;
+
-
right:80px;
+
-
top:380px;
+
-
}
+
-
<!--index_style-->
+
<div id="report 2" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
body
+
<a class="aReport2" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 2</a>
-
{
+
</div>
-
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]>
+
<br>
-
<style type="text/css">
+
-
</style>
+
<div id="report 3" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
<![endif]-->
+
<a class="aReport3" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 3</a>
 +
</div>
-
<script type="text/javascript">
+
<br>
-
$(document).ready(function(){
+
-
$(".flip").click(function(){
+
-
    $(".panel").slideToggle("slow");
+
-
  });
+
-
});
+
-
</script>
+
-
</head>
+
-
+
-
<body>
+
-
+
-
<div class="panel">
+
 +
<div id="report 4" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
 +
<a class="aReport4" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 4</a>
 +
</div>
 +
<br>
 +
<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>
 +
<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>
-
</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>
 
 +
 +
</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"