Team:KAIST-Korea/modelingmenu

From 2011.igem.org

(Difference between revisions)
 
(61 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:KAIST-Korea/menu}}
 
-
 
<html>
<html>
<head>
<head>
Line 6: Line 4:
<style type="text/css">
<style type="text/css">
-
a:hover {color:#E6E6E6;}  /* mouse over link */
+
 
-
a:active {color:#FFFFFF;}  /* selected link */
+
.sidemenu a:hover {font-style:italic; color:#E6E6E6;}  /* mouse over link */
 +
.sidemenu a:active {color:#FFFFFF;}  /* selected link */
.sidemenu{
.sidemenu{
 +
width:200px;
 +
height:0px;
 +
z-index:100;
 +
position:relative;
 +
top:200px;
 +
left:-25px;
 +
}
 +
 +
.sidemenu div{
 +
border:solid 3px;
 +
border-left-width:0px;
 +
background-color:#000000;
 +
 +
background-color:#404040;
 +
text-align:center;
 +
padding-top:3px;
 +
font-family:"Times New Roman", Serif;
font-family:"Times New Roman", Serif;
-
font-size:20pt;
+
font-size:15pt;
-
height:50px;
+
 
-
width:100px;
+
height:25px;
 +
width:150px;
}
}
-
#aOverview1:hover{border: solid 3px #610B0B; border-left-width:0px; padding: 0px; margin: 0;}
+
.sidemenu div:hover{
-
{
+
border:solid 3px;
-
position: absolute;
+
border-left-width:0px;
 +
background-color:#404040;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
#aOverview1:hover{border-color:DarkRed;}
 +
#aOverview1{
 +
position:absolute;
left:20px;
left:20px;
-
top:0px;
+
top:150px;
}
}
-
#aReport1:hover{border: solid 2px #610B0B; padding: 0px; margin: 0;}
+
#aReport1:hover{border-color:Orange;}
-
{
+
#aReport1{
-
border: solid 2px #FF0000; padding: 0px; margin: 0;
+
position:absolute;
-
position: absolute;
+
left:20px;
left:20px;
-
top:0px;
+
top:200px;
}
}
-
#aReport2:hover{border: solid 2px #610B0B; padding: 0px; margin: 0;}
+
#aReport2:hover{border-color:Yellow;}
 +
#aReport2
{
{
-
border: solid 2px #FF0000; padding: 0px; margin: 0;
+
position:absolute;
-
position: absolute;
+
left:20px;
left:20px;
-
top:0px;
+
top:250px;
}
}
-
#aReport3:hover{border: solid 2px #610B0B; padding: 0px; margin: 0;}
+
#aReport3:hover{border-color:YellowGreen;}
 +
#aReport3
 +
{
 +
position:absolute;
 +
left:20px;
 +
top:300px;
 +
}
 +
 
 +
#aReport4:hover{border-color:SkyBlue;}
 +
#aReport4
{
{
-
border: solid 2px #FF0000; padding: 0px; margin: 0;
+
position:absolute;
-
position: absolute;
+
left:20px;
left:20px;
-
top:0px;
+
top:350px;
}
}
-
#aReport4:hover{border: solid 2px #610B0B; padding: 0px; margin: 0;}
+
#aReport5:hover{border-color:Violet;}
 +
#aReport5
{
{
-
border: solid 2px #FF0000; padding: 0px; margin: 0;
+
position:absolute;
-
position: absolute;
+
left:20px;
left:20px;
-
top:0px;
+
top:400px;
}
}
-
#aReport5:hover{border: solid 2px #610B0B; padding: 0px; margin: 0;}
+
#aResults:hover{border-color:Blue;}
 +
#aResults
{
{
-
border: solid 2px #FF0000; padding: 0px; margin: 0;
+
position:absolute;
-
position: relative;
+
left:20px;
left:20px;
-
top:0px;
+
top:450px;
}
}
 +
</style>
</style>
</head>
</head>
 +
<body>
<body>
 +
<div class="sidemenu">
 +
<div id="aOverview1">
 +
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling">Overview</a>
 +
</div>
-
<div class="sidemenu" style="height:210px;width:100px;left:0px;position:relative;top:0px;">
+
<br>
-
<div id="aOverview1" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aReport1">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling">Overview</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_1">Section 1</a>
</div>
</div>
<br>
<br>
-
<div id="aReport1" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aReport2">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_1">Report 1</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_2">Section 2</a>
</div>
</div>
<br>
<br>
-
<div id="aReport2" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aReport3">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_2">Report 2</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_3">Section 3</a>
</div>
</div>
<br>
<br>
-
<div id="aReport3" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aReport4">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_3">Report 3</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_4">Section 4</a>
</div>
</div>
<br>
<br>
-
<div id="aReport4" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aReport5">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_4">Report 4</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_5">Section 5</a>
</div>
</div>
<br>
<br>
-
<div id="aReport5" style="background-color:black;height:20px;width:150px;float:bottom;text-align:center;">
+
<div id="aResults">
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/report_5">Report 5</a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Results">Gallery</a>
</div>
</div>

Latest revision as of 20:13, 10 August 2011







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