Team:KAIST-Korea/menu
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <!--menu_style--> <style type="text/css"> #bodyContent { width: 975px; background-color:transparent;} #menu ul { padding: 0; margin: 0; width:975px; height...") |
|||
(92 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: | + | font-size:18pt; |
left:-15px; | left:-15px; | ||
- | top: | + | top:75px; |
} | } | ||
Line 51: | Line 52: | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:-15px; | left:-15px; | ||
- | top: | + | top:100px; |
} | } | ||
Line 59: | Line 60: | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:-15px; | left:-15px; | ||
- | top: | + | top:125px; |
} | } | ||
.aBiobrick{ | .aBiobrick{ | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:-15px; | left:-15px; | ||
- | top: | + | top:150px; |
} | } | ||
.aFuture_Application{ | .aFuture_Application{ | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:-15px; | left:-15px; | ||
- | top: | + | top:175px; |
} | } | ||
Line 154: | Line 155: | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:382px; | left:382px; | ||
- | top: | + | top:360px; |
} | } | ||
Line 162: | Line 163: | ||
position: absolute; | position: absolute; | ||
font-family:Tw Cen MT; | font-family:Tw Cen MT; | ||
- | font-size: | + | font-size:18pt; |
left:389px; | left:389px; | ||
- | top: | + | top:385px; |
} | } | ||
Line 201: | Line 202: | ||
z-index=200; | z-index=200; | ||
position:relative; | position:relative; | ||
- | top: | + | top:-8px; |
- | width: 975px ; | + | left:-1px; |
+ | width: 975px; | ||
height:535px; | height:535px; | ||
- | padding: | + | padding:4px; |
- | margin-bottom: | + | margin-bottom:0px; |
border:outset 5px #F0F0F0; | border:outset 5px #F0F0F0; | ||
display:none; | display:none; | ||
} | } | ||
+ | |||
+ | |||
div.flip | div.flip | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-80px; |
- | z-index: | + | left:50%; |
+ | z-index:1000; | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
+ | |||
+ | |||
div.home | div.home | ||
{ | { | ||
Line 222: | Line 229: | ||
margin-right:20px; | margin-right:20px; | ||
} | } | ||
+ | |||
div.caption | div.caption | ||
{ | { | ||
Line 242: | Line 250: | ||
}); | }); | ||
</script> | </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> | <body> | ||
Line 254: | Line 412: | ||
- | <a href="https://2011.igem.org/Team:KAIST-Korea/ | + | <a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"> |
- | <img src="https://static.igem.org/mediawiki/2011/ | + | <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=" | + | <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/ | + | <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/ | + | <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/ | + | <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=" | + | <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> | ||
- | |||
- | |||
- | |||
<div id="header"> | <div id="header"> | ||
Line 290: | Line 447: | ||
<a class="aOverview" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview">Overview</a> | <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/ | + | <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="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="aBiobrick" href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick">Biobrick</a> | ||
Line 298: | 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/ | + | <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/ | + | <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/ | + | <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/ | + | <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 311: | 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 | + | <a class="aSafety" href="https://2011.igem.org/Team:KAIST-Korea/Safety">Safety</a> |
Line 326: | Line 483: | ||
</div> | </div> | ||
- | <div class="flip"><img src="https://static.igem.org/mediawiki/2011/b/ | + | |
+ | <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> | </body> | ||
</html> | </html> |
Latest revision as of 19:57, 22 July 2011