Team:UT-Tokyo/Templates/BeginContent
From 2011.igem.org
(Difference between revisions)
(updated menu structure) |
|||
(20 intermediate revisions not shown) | |||
Line 179: | Line 179: | ||
background-color: #383838 | background-color: #383838 | ||
} | } | ||
+ | |||
+ | .left-menu a { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
.right-menu { | .right-menu { | ||
position: absolute; | position: absolute; | ||
Line 275: | Line 280: | ||
#navi #menu #hauptMenu { | #navi #menu #hauptMenu { | ||
/* background: #333 url(gradation.png) no-repeat scroll left top;*/ | /* background: #333 url(gradation.png) no-repeat scroll left top;*/ | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2011/b/b8/UT_Tokyo_gradation.png); |
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
width: 200px; | width: 200px; | ||
Line 288: | Line 293: | ||
position: absolute; | position: absolute; | ||
left: 160px; | left: 160px; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2011/e/e7/UT_Tokyo_trans.png); |
background-repeat: repeat; | background-repeat: repeat; | ||
display: none; | display: none; | ||
Line 304: | Line 309: | ||
#navi #menu #dataMenu { | #navi #menu #dataMenu { | ||
- | top: | + | top: 15px; |
- | height: | + | height: 150px; |
} | } | ||
Line 320: | Line 325: | ||
#navi #menu #teamMenu img {top: 13px;} | #navi #menu #teamMenu img {top: 13px;} | ||
#navi #menu #projectMenu img {top: 60px;} | #navi #menu #projectMenu img {top: 60px;} | ||
- | #navi #menu #dataMenu img {top: | + | #navi #menu #dataMenu img {top: 94px;} |
#navi #menu #societyMenu img {top: 43px;} | #navi #menu #societyMenu img {top: 43px;} | ||
Line 415: | Line 420: | ||
position:absolute; | position:absolute; | ||
z-index:5; | z-index:5; | ||
+ | } | ||
+ | |||
+ | #references ul li { | ||
+ | list-style-type: none; | ||
+ | font-size: 15px; | ||
} | } | ||
Line 442: | Line 452: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | window.onunload = function() {}; | ||
String.prototype.startswith = function (str){ | String.prototype.startswith = function (str){ | ||
Line 500: | Line 511: | ||
else if (fullPageName.match('Team:UT-Tokyo/Project')) return 2; | else if (fullPageName.match('Team:UT-Tokyo/Project')) return 2; | ||
else if (fullPageName.match('Team:UT-Tokyo/(Data|Parts|LabNote)')) return 3; | else if (fullPageName.match('Team:UT-Tokyo/(Data|Parts|LabNote)')) return 3; | ||
- | else if (fullPageName.match('Team:UT-Tokyo/(Society| | + | else if (fullPageName.match('Team:UT-Tokyo/(Society|Outreach|Safety)')) return 4; |
else return 0; // invalid! | else return 0; // invalid! | ||
}; | }; | ||
Line 514: | Line 525: | ||
$(UT_Tokyo.menuMap[idx]).addClass('active'); | $(UT_Tokyo.menuMap[idx]).addClass('active'); | ||
UT_Tokyo.activeMenuEntry = idx; | UT_Tokyo.activeMenuEntry = idx; | ||
+ | $('#slider').nivoToggle(idx); | ||
UT_Tokyo._showSubmenuIfExist(idx, 0); | UT_Tokyo._showSubmenuIfExist(idx, 0); | ||
}; | }; | ||
Line 523: | Line 535: | ||
$(UT_Tokyo.menuMap[idx]).addClass('hover'); | $(UT_Tokyo.menuMap[idx]).addClass('hover'); | ||
UT_Tokyo.hoverMenuEntry = idx; | UT_Tokyo.hoverMenuEntry = idx; | ||
+ | $('#slider').nivoToggle(idx); | ||
UT_Tokyo._showSubmenuIfExist(idx, 300); | UT_Tokyo._showSubmenuIfExist(idx, 300); | ||
}; | }; | ||
Line 530: | Line 543: | ||
$(this).removeClass('hover'); | $(this).removeClass('hover'); | ||
}); | }); | ||
+ | $('#slider').nivoToggle(UT_Tokyo.activeMenuEntry); | ||
UT_Tokyo._showSubmenuIfExist(UT_Tokyo.activeMenuEntry, 300); | UT_Tokyo._showSubmenuIfExist(UT_Tokyo.activeMenuEntry, 300); | ||
}; | }; | ||
Line 636: | Line 650: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
UT_Tokyo.currentUrl = 'https://2011.igem.org' + location.pathname; | UT_Tokyo.currentUrl = 'https://2011.igem.org' + location.pathname; | ||
+ | |||
+ | // add link to the hq <- "iGEM HQ" sounds slightly different from "iGEM 2011 Main Page"... (Shimizu) | ||
+ | $('.left-menu ul').prepend('<li><a href="/"><img src="https://static.igem.org/mediawiki/2011/7/70/UT-Tokyo_IGEM_basic_Logo_white.png" /> <b>iGEM 2011 Top</b></a></li>'); | ||
$('#slider').nivoSlider({ | $('#slider').nivoSlider({ | ||
Line 679: | Line 696: | ||
*/ | */ | ||
} | } | ||
+ | |||
+ | $('sup.ref').each(function() { | ||
+ | var m = $(this).html(); | ||
+ | var num = m.substr(1, m.length-2); | ||
+ | $(this).css('cursor', 'pointer').css('color', '#7FB9FF').click(function() { | ||
+ | $.scrollTo('#ref_'+num, 0); | ||
+ | $('#references ul li').css('background-color', '#383838'); | ||
+ | $('#ref_'+num).css('background-color', '#655'); | ||
+ | }); | ||
+ | }); | ||
$("p:empty").remove(); // remove empty p element generated by MediaWiki | $("p:empty").remove(); // remove empty p element generated by MediaWiki | ||
Line 687: | Line 714: | ||
<html>') | <html>') | ||
}); | }); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</script> | </script> | ||
Line 710: | Line 729: | ||
<div class="slider-wrapper theme-default"> | <div class="slider-wrapper theme-default"> | ||
<div id="slider" class="nivoSlider"> | <div id="slider" class="nivoSlider"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2011/2/28/UT-Tokyo_Menu_Top.jpg" /> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2011/4/4c/UT_Top2.png" /> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2011/7/7a/UT_Top3.png" /> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2011/b/bf/UT_Top4.png" /> |
- | + | <img src="https://static.igem.org/mediawiki/2011/1/1a/UT_Top5.png" /> | |
- | <img src=" | + | |
- | + | ||
</div> | </div> | ||
<div id="menu"> | <div id="menu"> | ||
Line 724: | Line 741: | ||
<li><a href="https://2011.igem.org/Team:UT-Tokyo/Team">Team</a></li> | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Team">Team</a></li> | ||
<li><a href="https://2011.igem.org/Team:UT-Tokyo/Project">Project</a></li> | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project">Project</a></li> | ||
- | |||
- | |||
- | |||
<li><a href="https://2011.igem.org/Team:UT-Tokyo/Data">Data</a></li> | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Data">Data</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Society">Society</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="teamMenu" class="subMenu"> |
- | + | <img src="https://static.igem.org/mediawiki/2011/f/f2/UT_Tokyo_triangle.png" alt="" /> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Team">Members</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Acknowledgment">Acknowledgment</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | <div id="projectMenu" class="subMenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/f2/UT_Tokyo_triangle.png" alt="" /> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Background">Background</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/System">System</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Results">Results</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Discussion">Discussion</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Achievement">Achievement</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | <div id="dataMenu" class="subMenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/f2/UT_Tokyo_triangle.png" alt="" /> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Data">Data</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Data/Method">Method</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Data/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Parts">Parts submitted</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/LabNote">Lab Note</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="societyMenu" class="subMenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/f2/UT_Tokyo_triangle.png" alt="" /> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Safety">Safety</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT-Tokyo/Outreach">Outreach</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
<div id="pageContent"></html> | <div id="pageContent"></html> |
Latest revision as of 01:51, 6 October 2011