Team:KAIST-Korea/menu

From 2011.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 2: Line 2:
<head>
<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-->
<!--menu_style-->
<style type="text/css">
<style type="text/css">
Line 43: Line 44:
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:-15px;
left:-15px;
-
top:85px;
+
top:75px;
}
}
Line 51: Line 52:
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:-15px;
left:-15px;
-
top:110px;
+
top:100px;
}
}
Line 59: Line 60:
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:-15px;
left:-15px;
-
top:135px;
+
top:125px;
}
}
.aBiobrick{
.aBiobrick{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:-15px;
left:-15px;
-
top:160px;
+
top:150px;
}
}
.aFuture_Application{
.aFuture_Application{
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:-15px;
left:-15px;
-
top:185px;
+
top:175px;
}
}
Line 154: Line 155:
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:382px;
left:382px;
-
top:400px;
+
top:360px;
}
}
Line 162: Line 163:
position: absolute;
position: absolute;
font-family:Tw Cen MT;
font-family:Tw Cen MT;
-
font-size:15pt;
+
font-size:18pt;
left:389px;
left:389px;
-
top:425px;
+
top:385px;
}
}
Line 202: Line 203:
position:relative;
position:relative;
top:-8px;
top:-8px;
-
left:0px;
+
left:-1px;
width: 975px;
width: 975px;
height:535px;
height:535px;
-
padding:5px;
+
padding:4px;
-
margin-bottom:25px;
+
margin-bottom:0px;
border:outset 5px #F0F0F0;
border:outset 5px #F0F0F0;
display:none;
display:none;
Line 215: Line 216:
{
{
position:absolute;
position:absolute;
-
top:-60px;
+
top:-80px;
left:50%;
left:50%;
-
z-index:1000;
 
-
cursor:pointer;
 
-
}
 
-
 
-
div.menu_home
 
-
{
 
-
position:absolute;
 
-
top:-60px;
 
-
left:40%;
 
-
z-index:1000;
 
-
cursor:pointer;
 
-
}
 
-
 
-
 
-
div.menu_iGEM
 
-
{
 
-
position:absolute;
 
-
top:-60px;
 
-
left:60%;
 
z-index:1000;
z-index:1000;
cursor:pointer;
cursor:pointer;
Line 247: Line 229:
margin-right:20px;
margin-right:20px;
}
}
 +
div.caption
div.caption
{
{
Line 267: Line 250:
});
});
</script>
</script>
-
</head>
+
 
 +
<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>
<body>
Line 279: Line 412:
-
<a href="https://2011.igem.org/Team:KAIST-Korea/Project/Overview">
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview">
-
<img src="https://static.igem.org/mediawiki/2011/7/78/Menuground_Project.png" alt="Project" width="531" height="332" style="position:absolute;left:2px;top:0px;z-index:0;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>
+
<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">
<a href="https://2011.igem.org/Team:KAIST-Korea/Diary/Lab_Diary">
-
<img src="https://static.igem.org/mediawiki/2011/a/a2/Menuground_Diary.png" alt="Diary" width="268" height="236" style="position:absolute;left:514px;top:-14px;z-index:0;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" />
+
<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>
-
 
+
<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">
<a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap">
-
<img src="https://static.igem.org/mediawiki/2011/c/cc/Menuground_Misc.png" alt="Misc" width="251" height="332" style="position:absolute;left:745px;top:0px;z-index:0;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" />
+
<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>
-
 
<a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">
<a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">
-
<img src="https://static.igem.org/mediawiki/2011/9/9a/Menuground_Team.png" alt="Team" width="351" height="219" style="position:absolute;left:-13px;top:324px;z-index:0;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" />
+
<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>
<a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary">
<a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary">
-
<img src="https://static.igem.org/mediawiki/2011/e/e3/Menuground_Result.png" alt="Result" width="300" height="212" style="position:absolute;left:331px;top:331px;z-index:0;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" />
+
<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>
<a href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices">
<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="365" height="212" style="position:absolute;left:616px;top:331px;z-index:0;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" />
+
<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>
</a>
-
 
-
<img src="https://static.igem.org/mediawiki/2011/a/a7/IGEM_KAIST.png" alt="iGEM_KAIST" width="229" height="110" style="position:absolute;left:533px;top:222px;z-index:0/>
 
-
 
<div id="header">
<div id="header">
Line 323: Line 455:
<a class="aWall" href="https://2011.igem.org/Team:KAIST-Korea/Diary/Wall">Wall</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/Mics/Sitemap">Sitemap</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/Mics/Software_Tools">Software Tools</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/Mics/Sponsors">Sponsors</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/Mics/Links">Links</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="aMembers" href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">Members</a>
Line 336: Line 468:
<a class="aHuman_Practices" href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices">Human Practices</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/Human_Practices/Safety">Safety</a>
+
<a class="aSafety" href="https://2011.igem.org/Team:KAIST-Korea/Safety">Safety</a>
Line 351: Line 483:
</div>
</div>
-
<div class="flip"><img src="https://static.igem.org/mediawiki/2011/b/b4/Menu_Menu.png" alt="Menu" width="100"/></div>
+
 
-
<div class="menu_home"><img src="https://static.igem.org/mediawiki/2011/a/ab/Menu_Home.png" alt="Menu" width="100"/></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 class="menu_iGEM"><img src="https://static.igem.org/mediawiki/2011/5/59/Menu_iGEM.png" alt="Menu" width="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>
</body>
</html>
</html>

Latest revision as of 19:57, 22 July 2011

Menu
Menu Menu