Team:KAIST-Korea/menu

From 2011.igem.org

(Difference between revisions)
(Replaced content with "<html> Hi Ji Han </html>")
 
(91 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
Hi
+
<head>
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript" src="/Team:KAIST-Korea/thickbox?action=raw"></script>
 +
<!--menu_style-->
 +
<style type="text/css">
 +
#bodyContent {
 +
width: 975px;
 +
background-color:transparent;}
-
Ji Han
+
#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:18pt;
 +
left:-15px;
 +
top:75px;
 +
}
 +
 +
.aModeling{
 +
position: absolute;
 +
font-family:Tw Cen MT;
 +
font-size:18pt;
 +
left:-15px;
 +
top:100px;
 +
}
 +
 +
.aExperiments{
 +
position: absolute;
 +
font-family:Tw Cen MT;
 +
font-size:18pt;
 +
left:-15px;
 +
top:125px;
 +
}
 +
.aBiobrick{
 +
position: absolute;
 +
font-family:Tw Cen MT;
 +
font-size:18pt;
 +
left:-15px;
 +
top:150px;
 +
}
 +
.aFuture_Application{
 +
position: absolute;
 +
font-family:Tw Cen MT;
 +
font-size:18pt;
 +
left:-15px;
 +
top:175px;
 +
}
 +
 +
 +
.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:18pt;
 +
left:382px;
 +
top:360px;
 +
}
 +
 +
.aGallery{
 +
position: absolute;
 +
font-family:Tw Cen MT;
 +
font-size:18pt;
 +
left:389px;
 +
top:385px;
 +
}
 +
 +
.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:-8px;
 +
left:-1px;
 +
width: 975px;
 +
height:535px;
 +
padding:4px;
 +
margin-bottom:0px;
 +
border:outset 5px #F0F0F0;
 +
display:none;
 +
}
 +
 +
 +
div.flip
 +
{
 +
position:absolute;
 +
top:-80px;
 +
left:50%;
 +
z-index:1000;
 +
cursor:pointer;
 +
}
 +
 +
 +
div.home
 +
{
 +
position:absolute;
 +
top:10px;left:580px;
 +
margin-right:20px;
 +
}
 +
 +
div.caption
 +
{
 +
padding:5px;
 +
text-align:center;
 +
}
 +
</style>
 +
 +
<!--[if IE]>
 +
<style type="text/css">
 +
 +
</style>
 +
<![endif]--> 
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".flip").click(function(){
 +
    $(".panel").slideToggle("slow");
 +
  });
 +
});
 +
</script>
 +
 +
<style type="text/css">
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
*{padding: 0; margin: 0;}
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
#TB_window {
 +
  font: 12px Arial, Helvetica, sans-serif;
 +
  color: #333333;
 +
}
 +
#TB_secondLine {
 +
  font: 10px Arial, Helvetica, sans-serif;
 +
  color:#666666;
 +
}
 +
#TB_window a:link {color: #666666;}
 +
#TB_window a:visited {color: #666666;}
 +
#TB_window a:hover {color: #000;}
 +
#TB_window a:active {color: #666666;}
 +
#TB_window a:focus{color: #666666;}
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
 +
/* ----------------------------------------------------------------------------------------------------------------*/
 +
#TB_overlay {
 +
  position: fixed;
 +
  z-index:100;
 +
  top: 0px;
 +
  left: 0px;
 +
  height:100%;
 +
  width:100%;
 +
}
 +
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
 +
.TB_overlayBG {
 +
  background-color:black;
 +
  filter:alpha(opacity=75);
 +
  -moz-opacity: 0.75;
 +
  opacity: 0.75;
 +
}
 +
* html #TB_overlay { /* ie6 hack */
 +
    position: absolute;
 +
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 +
}
 +
#TB_window {
 +
  position: fixed;
 +
  background-color:white;
 +
  z-index: 102;
 +
  color:black;
 +
  display:none;
 +
  border: 4px solid #525252;
 +
  text-align:left;
 +
  top:45%;
 +
  left:50%;
 +
}
 +
* html #TB_window { /* ie6 hack */
 +
position: absolute;
 +
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 +
}
 +
#TB_window img#TB_Image {
 +
  display:block;
 +
  margin: 15px 0 0 15px;
 +
  border: 1px solid #666;
 +
}
 +
#TB_caption{
 +
font-family:"Courier New",Serif;
 +
background-color:black;
 +
color:white;
 +
margin-top:10px;
 +
margin-bottom;0px;
 +
  filter:alpha(opacity=75);
 +
  -moz-opacity: 0.75;
 +
  opacity: 0.75;
 +
 +
  height:25px;
 +
  padding:7px 30px 10px 25px;
 +
}
 +
#TB_closeWindow{
 +
  height:25px;
 +
  padding:11px 25px 10px 0;
 +
  float:right;
 +
}
 +
#TB_closeAjaxWindow{
 +
  padding:7px 10px 5px 0;
 +
  margin-bottom:1px;
 +
  text-align:right;
 +
  float:right;
 +
}
 +
#TB_ajaxWindowTitle{
 +
  float:left;
 +
  padding:7px 0 5px 10px;
 +
  margin-bottom:1px;
 +
}
 +
#TB_title{
 +
  background-color:#808080;
 +
  height:27px;
 +
}
 +
#TB_ajaxContent{
 +
  clear:both;
 +
  padding:2px 15px 15px 15px;
 +
  overflow:auto;
 +
  text-align:left;
 +
  line-height:1.4em;
 +
}
 +
#TB_ajaxContent.TB_modal{
 +
  padding:15px;
 +
}
 +
#TB_ajaxContent p{
 +
  padding:5px 0px 5px 0px;
 +
}
 +
#TB_load{
 +
  position: fixed;
 +
  display:none;
 +
  height:13px;
 +
  width:208px;
 +
  z-index:103;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
 +
}
 +
* html #TB_load { /* ie6 hack */
 +
position: absolute;
 +
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 +
}
 +
#TB_HideSelect{
 +
  z-index:99;
 +
  position:fixed;
 +
  top: 0;
 +
  left: 0;
 +
  background-color:#fff;
 +
  border:none;
 +
  filter:alpha(opacity=0);
 +
  -moz-opacity: 0;
 +
  opacity: 0;
 +
  height:100%;
 +
  width:100%;
 +
}
 +
* html #TB_HideSelect { /* ie6 hack */
 +
    position: absolute;
 +
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 +
}
 +
#TB_iframeContent{
 +
  clear:both;
 +
  border:none;
 +
  margin-bottom:-1px;
 +
  margin-top:1px;
 +
  _margin-bottom:1px;
 +
}
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
 +
<div class="panel">
 +
 +
 +
 +
<!--Menu-->
 +
 +
 +
 +
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview">
 +
<img src="https://static.igem.org/mediawiki/2011/a/ac/Projects.png" alt="Project" width="531" height="332" style="position:absolute;left:2px;top:0px;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/Diary/Lab_Diary">
 +
<img class="menu2" src="https://static.igem.org/mediawiki/2011/a/a2/Menuground_Diary.png" alt="Diary" width="271" height="236" style="position:absolute;left:513px;top:-14px;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">
 +
<img src="https://static.igem.org/mediawiki/2011/5/51/Logo-kaist.png" alt="iGEM_KAIST" width="232" height="110" style="position:absolute;left:532px;top:222px;"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/Misc/Sitemap">
 +
<img src="https://static.igem.org/mediawiki/2011/8/88/MISC.png" alt="Misc" width="219" height="332" style="position:absolute;left:763px;top:0px;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/Team/Members">
 +
<img src="https://static.igem.org/mediawiki/2011/a/a3/Team-kaist.png" alt="Team" width="352" height="210" style="position:absolute;left:2px;top:332px;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">
 +
<img src="https://static.igem.org/mediawiki/2011/1/17/Results.png" alt="Result" width="271" height="210" style="position:absolute;left:353px;top:332px;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/Human_Practices/Human_Practices">
 +
<img src="https://static.igem.org/mediawiki/2011/c/c9/Menuground_HumanPractices.png" alt="HumanPractices" width="359" height="210" style="position:absolute;left:623px;top:332px;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="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/Modeling">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/Misc/Sitemap">Sitemap</a>
 +
<a class="aSoftware_Tools" href="https://2011.igem.org/Team:KAIST-Korea/Misc/Software_Tools">Software Tools</a>
 +
<a class="aSponsors" href="https://2011.igem.org/Team:KAIST-Korea/Misc/Attributions">Attributions</a>
 +
<a class="aLinks" href="https://2011.igem.org/Team:KAIST-Korea/Misc/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/Safety">Safety</a>
 +
 +
 +
 +
</ul>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<!--End of Menu-->
 +
 +
</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>
 +
 +
<a href="https://2011.igem.org/Team:KAIST-Korea">
 +
<img src="https://static.igem.org/mediawiki/2011/a/ab/Menu_Home.png" alt="Menu" width="80"  style="position:absolute;left:40%;top:-80px;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"/></a>
 +
 +
 +
<a href="https://2011.igem.org">
 +
<img src="https://static.igem.org/mediawiki/2011/5/59/Menu_iGEM.png" alt="Menu" width="80"style="position:absolute;left:60%;top:-80px;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"/>
 +
</a>
 +
 +
</body>
</html>
</html>

Latest revision as of 19:57, 22 July 2011

Project Diary iGEM_KAIST Misc Team Result HumanPractices
Menu
Menu Menu

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