Team:KAIST/menu

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:KAIST/indexstyle}}
 
-
{{:Team:KAIST/menustyle}}
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
 +
 +
<!--menu_style-->
 +
<style type="text/css">
 +
#bodyContent {
 +
width: 975px;
 +
margin: 226px 0px 0px;
 +
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;
 +
}
 +
 +
<!--[if IE]>
 +
<style type="text/css">
 +
 +
</style>
 +
<![endif]--> 
 +
 +
 +
<!--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;
 +
position:absolute;
 +
top:12%;left:140px;
 +
width: 973px ;
 +
height:535px;
 +
margin: auto ;
 +
padding:5px;
 +
border:outset 5px #F0F0F0;
 +
display:none;
 +
}
 +
div.flip
 +
{
 +
position:fixed;
 +
top:0px;left:650px;
 +
cursor:pointer;
 +
}
 +
div.home
 +
{
 +
position:fixed;
 +
top:10px;left:580px;
 +
margin-right:20px;
 +
}
 +
div.caption
 +
{
 +
padding:5px;
 +
text-align:center;
 +
}
 +
 +
 +
<script type="text/javascript">  
<script type="text/javascript">  
$(document).ready(function(){
$(document).ready(function(){

Revision as of 16:47, 27 June 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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; position:absolute; top:12%;left:140px; width: 973px ; height:535px; margin: auto ; padding:5px; border:outset 5px #F0F0F0; display:none; } div.flip { position:fixed; top:0px;left:650px; cursor:pointer; } div.home { position:fixed; top:10px;left:580px; margin-right:20px; } div.caption { padding:5px; text-align:center; }

<div class="home">Home
Home
</div>
Menu