Team:KAIST-Korea/side menu

From 2011.igem.org

(Difference between revisions)
 
(182 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<body>
<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 25: Line 15:
}
}
-
#nav li {
+
#navi li {
float: left;
float: left;
position: relative;
position: relative;
Line 33: 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{
+
 
 +
.aReport3{
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:160px;
+
top:117px;
}
}
-
.aFuture_Application{
+
 
 +
.aReport4{
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:185px;
+
top:157px;
}
}
-
body
+
.aReport5{
-
{
+
position: absolute;
-
background:black;
+
font-family:Tw Cen MT;
-
color:white;
+
font-size:15pt;
-
font-family:"Arial",Sans-serif;
+
left:20px;
-
}
+
top:196px;
-
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");
+
 
-
  });
+
 
-
});
+
<div id="overview1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
</script>
+
<a class="aOverview1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Overview</a>
-
</head>
+
</div>
-
+
<br>
-
<body>
+
 
-
+
<div id="report 1" style="background-color:black;height:20px;width:100px;float:bottom;text-align:center;">
-
<div class="panel">
+
<a class="aReport1" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><font size="3" face="arial" color="gray">Report 1</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>
 +
 
 +
<br>
 +
 
 +
<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>
 +
 
 +
<br>
 +
 
 +
<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>
 +
</body>
</html>
</html>

Latest revision as of 04:31, 8 July 2011

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