Team:KAIST-Korea/menu
From 2011.igem.org
(Difference between revisions)
(43 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 215: | Line 216: | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top:- | + | top:-80px; |
left:50%; | left:50%; | ||
z-index:1000; | z-index:1000; | ||
Line 250: | Line 251: | ||
</script> | </script> | ||
- | < | + | <style type="text/css"> |
- | + | /* ----------------------------------------------------------------------------------------------------------------*/ | |
- | + | /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ | |
- | + | /* ----------------------------------------------------------------------------------------------------------------*/ | |
- | + | *{padding: 0; margin: 0;} | |
- | this. | + | /* ----------------------------------------------------------------------------------------------------------------*/ |
- | + | /* ---------->>> 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 273: | Line 412: | ||
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Projects"> | + | <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" /> | <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> | ||
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Diary"> | + | <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" /> | <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> | ||
Line 283: | Line 422: | ||
<a href="https://2011.igem.org/Team:KAIST-Korea"> | <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" /> | <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> |
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Misc"> | + | <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" /> | <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"> | + | <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" /> | <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"> | + | <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" /> | <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"> | + | <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" /> | <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> | ||
Line 348: | Line 487: | ||
<a href="https://2011.igem.org/Team:KAIST-Korea"> | <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:- | + | <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"> | <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:- | + | <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> | </a> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 19:57, 22 July 2011