Team:UT-Tokyo/Templates/BeginContent
From 2011.igem.org
(Difference between revisions)
(77 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
<html> | <html> | ||
<link href='http://fonts.googleapis.com/css?family=Maven+Pro:500,700' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Maven+Pro:500,700' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
body { | body { | ||
background-color: #575757; | background-color: #575757; | ||
Line 23: | Line 22: | ||
border-style: none; | border-style: none; | ||
color: #ddd; | color: #ddd; | ||
- | font: | + | font: 17px/32px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 36: | Line 35: | ||
} | } | ||
- | #pageContent | + | #pageContent h1 { |
color: #96e036; | color: #96e036; | ||
font: 700 28px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | font: 700 28px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||
- | + | padding-top: 26px; | |
- | + | padding-bottom: 10px; | |
+ | } | ||
+ | |||
+ | #pageContent h2 { | ||
+ | color: #F9782F; | ||
+ | font: 700 20px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||
+ | padding-top: 16px; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | #pageContent h3 { | ||
+ | color: #ddd; | ||
+ | font: 700 17px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||
+ | padding-top: 16px; | ||
+ | padding-bottom: 10px; | ||
} | } | ||
#pageContent p { | #pageContent p { | ||
- | margin-bottom: 10px; | + | padding-bottom: 10px; |
+ | } | ||
+ | |||
+ | #pageContent ol.protocol { | ||
+ | font-style:italic; | ||
+ | font-family:Georgia, Times, serif; | ||
+ | font-size:24px; | ||
+ | color:#bfe1f1; | ||
+ | list-style-position: outside; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | #pageContent ol.protocol li { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #pageContent ol.protocol li p { | ||
+ | padding:8px; border-left: 1px solid #999; | ||
+ | color: #ddd; | ||
+ | font: 17px/20px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | } | ||
+ | #pageContent ol.protocol li p em { display:block; } | ||
+ | |||
+ | #pageContent ol { | ||
+ | margin-left: 40px; | ||
+ | } | ||
+ | |||
+ | #pageContent ul { | ||
+ | list-style: disc; | ||
+ | margin-left: 35px; | ||
+ | } | ||
+ | #pageContent ul li { | ||
+ | margin-bottom: 8px; | ||
+ | font: 17px/20px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | } | ||
+ | |||
+ | #pageContent dl { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | #pageContent dl dt { | ||
+ | font: Bold 17px/20px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | #pageContent dl dd { | ||
+ | font: 17px/20px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | margin-bottom: 16px; | ||
+ | } | ||
+ | |||
+ | #pageContent table { | ||
+ | margin-left: 10px; | ||
+ | color: #ddd; | ||
+ | border-spacing: 0; | ||
+ | font: 12px/18px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | #pageContent table caption { | ||
+ | color: #fff; | ||
+ | font: Bold 18px/20px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif; | ||
+ | text-align: left; | ||
+ | margin-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | #pageContent table tr th { | ||
+ | background-color: #383838; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | padding: 8px 5px; | ||
+ | } | ||
+ | |||
+ | #pageContent table tr td { | ||
+ | padding: 5px; | ||
+ | background-color: #383838; | ||
+ | } | ||
+ | |||
+ | #pageContent table tr td.number { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #pageContent a:link { | ||
+ | color: #7FB9FF; | ||
+ | } | ||
+ | |||
+ | #pageContent a:visited { | ||
+ | color: #C953FC; | ||
+ | } | ||
+ | |||
+ | #pageContent a:hover { | ||
+ | color: #c39; | ||
} | } | ||
Line 79: | Line 179: | ||
background-color: #383838 | background-color: #383838 | ||
} | } | ||
+ | |||
+ | .left-menu a { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
.right-menu { | .right-menu { | ||
position: absolute; | position: absolute; | ||
Line 173: | Line 278: | ||
z-index: 999; | z-index: 999; | ||
} | } | ||
- | |||
#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 185: | Line 289: | ||
} | } | ||
- | #navi #menu | + | #navi #menu .subMenu { |
- | width: | + | width: 220px; |
- | + | ||
position: absolute; | position: absolute; | ||
- | + | left: 160px; | |
- | left: | + | background-image: url(https://static.igem.org/mediawiki/2011/e/e7/UT_Tokyo_trans.png); |
- | background-image: url( | + | background-repeat: repeat; |
- | background-repeat: | + | |
display: none; | display: none; | ||
} | } | ||
- | #navi #menu #projectMenu # | + | #navi #menu #teamMenu { |
+ | top: 25px; | ||
+ | height: 70px; | ||
+ | } | ||
+ | |||
+ | #navi #menu #projectMenu { | ||
+ | top: 15px; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | #navi #menu #dataMenu { | ||
+ | top: 15px; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | #navi #menu #societyMenu { | ||
+ | top: 105px; | ||
+ | height: 70px; | ||
+ | } | ||
+ | |||
+ | #navi #menu .subMenu img { | ||
position: absolute; | position: absolute; | ||
- | + | left: -25px; | |
- | left: | + | |
} | } | ||
- | #navi #menu #projectMenu # | + | |
+ | #navi #menu #teamMenu img {top: 13px;} | ||
+ | #navi #menu #projectMenu img {top: 60px;} | ||
+ | #navi #menu #dataMenu img {top: 94px;} | ||
+ | #navi #menu #societyMenu img {top: 43px;} | ||
+ | |||
+ | #navi #menu .subMenu ul { | ||
position: absolute; | position: absolute; | ||
top: 6px; | top: 6px; | ||
- | left: | + | left: 10px; |
} | } | ||
Line 212: | Line 339: | ||
#navi #menu ul li { | #navi #menu ul li { | ||
- | font: 500 | + | font: 500 20px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
list-style: none; | list-style: none; | ||
display: block; | display: block; | ||
- | width: | + | width: 110px; |
height: 23px; | height: 23px; | ||
line-height: 27px; | line-height: 27px; | ||
Line 221: | Line 348: | ||
margin: 0; | margin: 0; | ||
padding-bottom: 3px; | padding-bottom: 3px; | ||
- | |||
} | } | ||
#navi #menu ul li a{ | #navi #menu ul li a{ | ||
color: #fff; | color: #fff; | ||
- | |||
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
+ | vertical-align: middle; | ||
} | } | ||
- | #navi #menu # | + | #navi #menu ul li.active, #navi #menu ul li.hover { |
+ | background-image: url(http://igem-ut.net/2011/trans.png); | ||
+ | } | ||
+ | |||
+ | #navi #menu ul li.active a { | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | #navi #menu #hauptMenu ul li{ | ||
+ | font-size: 24px; | ||
+ | height: 34px; | ||
+ | line-height: 34px; | ||
+ | } | ||
+ | |||
+ | #navi #menu .subMenu ul li { | ||
+ | width: 180px; | ||
+ | line-height: 20px; | ||
height: 20px; | height: 20px; | ||
padding-bottom: 7px; | padding-bottom: 7px; | ||
- | |||
- | |||
} | } | ||
- | #navi #menu | + | #navi #menu .subMenu ul li:hover { |
background-image: url(http://igem-ut.net/2011/trans.png); | background-image: url(http://igem-ut.net/2011/trans.png); | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | display: none; | ||
} | } | ||
Line 276: | Line 420: | ||
position:absolute; | position:absolute; | ||
z-index:5; | z-index:5; | ||
+ | } | ||
+ | |||
+ | #references ul li { | ||
+ | list-style-type: none; | ||
+ | font-size: 15px; | ||
} | } | ||
Line 296: | Line 445: | ||
google.load("jquery", "1"); | google.load("jquery", "1"); | ||
</script> | </script> | ||
+ | |||
<script src="http://igem-ut.net/2011/jquery.nivo.slider_mod.js" type="text/javascript"></script> | <script src="http://igem-ut.net/2011/jquery.nivo.slider_mod.js" type="text/javascript"></script> | ||
<script src="http://igem-ut.net/2011/jquery.blockUI.js" type="text/javascript"></script> | <script src="http://igem-ut.net/2011/jquery.blockUI.js" type="text/javascript"></script> | ||
+ | <script src="http://igem-ut.net/2011/jquery.ba-hashchange.min.js" type="text/javascript"></script> | ||
+ | <script src="http://igem-ut.net/2011/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | window.onunload = function() {}; | ||
+ | |||
+ | String.prototype.startswith = function (str){ | ||
+ | return this.indexOf(str) == 0; | ||
+ | }; | ||
var UT_Tokyo = UT_Tokyo || {}; | var UT_Tokyo = UT_Tokyo || {}; | ||
Line 305: | Line 462: | ||
(function(UT_Tokyo) { | (function(UT_Tokyo) { | ||
+ | // code stolen from http://neave.com/ | ||
+ | var ua = navigator.userAgent.toLowerCase(); | ||
- | UT_Tokyo.useAjaxLoading = !!(document.location.href.match('Team:UT-Tokyo/?$')); | + | UT_Tokyo.isIE6 = /msie [1-6]\./.test(ua); |
+ | UT_Tokyo.isIE7 = /msie 7\./.test(ua); | ||
+ | UT_Tokyo.isIE8 = /msie 8\./.test(ua); | ||
+ | if (UT_Tokyo.isIE6 * UT_Tokyo.isIE8) { | ||
+ | UT_Tokyo.isIE6 = false; | ||
+ | } | ||
+ | UT_Tokyo.isIE9 = /msie 9\./.test(ua); | ||
+ | UT_Tokyo.isIE7or8 = UT_Tokyo.isIE7 || UT_Tokyo.isIE8; | ||
+ | UT_Tokyo.isChrome = /chrome/.test(ua); | ||
+ | UT_Tokyo.isFF = /firefox/.test(ua); | ||
+ | UT_Tokyo.isOpera = !!((/opera/.test(ua)) * (/opera mini/.test(ua))); | ||
+ | UT_Tokyo.isMac = (/mac os/i).test(ua); | ||
+ | UT_Tokyo.isAndroid = /android/.test(ua); | ||
+ | UT_Tokyo.isiPad = /iPad/.test(navigator.platform); | ||
+ | UT_Tokyo.isTouch = !!('ontouchstart' in window); | ||
+ | UT_Tokyo.hasStorage = !!(!!(window.sessionStorage) * !!(sessionStorage.getItem)); | ||
+ | UT_Tokyo.hasHistory = !!(!!(window.history) * !!(history.pushState)); | ||
+ | UT_Tokyo.hasCanvas = !!window.CanvasRenderingContext2D; | ||
+ | UT_Tokyo.hasWebGL = !!window.WebGLRenderingContext; | ||
+ | |||
+ | UT_Tokyo.useAjaxLoading = true; //!!(document.location.href.match('Team:UT-Tokyo/?$')); | ||
+ | UT_Tokyo.needHandling = false; //true; | ||
+ | UT_Tokyo.currentUrl = null; | ||
UT_Tokyo.menuMap = UT_Tokyo.menuMap || {}; | UT_Tokyo.menuMap = UT_Tokyo.menuMap || {}; | ||
UT_Tokyo.currentMenuEntry = UT_Tokyo.currentMenuEntry != null ? UT_Tokyo.currentMenuEntry : -1; | UT_Tokyo.currentMenuEntry = UT_Tokyo.currentMenuEntry != null ? UT_Tokyo.currentMenuEntry : -1; | ||
+ | UT_Tokyo.hoveringMenuEntry = UT_Tokyo.hoveringMenuEntry != null ? UT_Tokyo.hoveringMenuEntry : -1; | ||
+ | UT_Tokyo.submenuIdMap = { | ||
+ | '1': '#teamMenu', | ||
+ | '2': '#projectMenu', | ||
+ | '3': '#dataMenu', | ||
+ | '4': '#societyMenu', | ||
+ | }; | ||
- | UT_Tokyo. | + | UT_Tokyo._showSubmenuIfExist = function(idx, fadeTime) { |
- | + | $('#navi #menu .subMenu').fadeOut(fadeTime); | |
- | + | if (idx in UT_Tokyo.submenuIdMap) { | |
- | if ( | + | $('#navi #menu ' + UT_Tokyo.submenuIdMap[idx]).fadeIn(fadeTime); |
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
}; | }; | ||
UT_Tokyo.menuIndexFromFullPageName = function(fullPageName) { | UT_Tokyo.menuIndexFromFullPageName = function(fullPageName) { | ||
if (fullPageName.match('Team:UT-Tokyo/?$')) return 0; | if (fullPageName.match('Team:UT-Tokyo/?$')) return 0; | ||
- | else if (fullPageName.match('Team:UT-Tokyo/Team')) return 1; | + | else if (fullPageName.match('Team:UT-Tokyo/(Team|Acknowledgment)')) return 1; |
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/ | + | else if (fullPageName.match('Team:UT-Tokyo/(Data|Parts|LabNote)')) return 3; |
- | else if (fullPageName.match('Team:UT-Tokyo/Safety')) return 4 | + | else if (fullPageName.match('Team:UT-Tokyo/(Society|Outreach|Safety)')) return 4; |
- | + | ||
- | + | ||
else return 0; // invalid! | else return 0; // invalid! | ||
}; | }; | ||
Line 354: | Line 519: | ||
}; | }; | ||
- | UT_Tokyo. | + | UT_Tokyo.setActive = function(idx) { |
- | $ | + | $.each(UT_Tokyo.menuMap, function() { |
- | + | $(this).removeClass('active'); | |
- | $( | + | |
}); | }); | ||
- | $( | + | $(UT_Tokyo.menuMap[idx]).addClass('active'); |
- | + | UT_Tokyo.activeMenuEntry = idx; | |
+ | $('#slider').nivoToggle(idx); | ||
+ | UT_Tokyo._showSubmenuIfExist(idx, 0); | ||
}; | }; | ||
- | UT_Tokyo. | + | UT_Tokyo.setHover = function(idx) { |
- | $( | + | $.each(UT_Tokyo.menuMap, function() { |
- | + | $(this).removeClass('hover'); | |
- | $( | + | }); |
- | } | + | $(UT_Tokyo.menuMap[idx]).addClass('hover'); |
- | + | UT_Tokyo.hoverMenuEntry = idx; | |
- | + | ||
- | + | ||
$('#slider').nivoToggle(idx); | $('#slider').nivoToggle(idx); | ||
+ | UT_Tokyo._showSubmenuIfExist(idx, 300); | ||
}; | }; | ||
- | UT_Tokyo. | + | UT_Tokyo.unsetHover = function() { |
- | + | $.each(UT_Tokyo.menuMap, function() { | |
- | $(this | + | $(this).removeClass('hover'); |
- | + | }); | |
+ | $('#slider').nivoToggle(UT_Tokyo.activeMenuEntry); | ||
+ | UT_Tokyo._showSubmenuIfExist(UT_Tokyo.activeMenuEntry, 300); | ||
}; | }; | ||
Line 383: | Line 550: | ||
fullPageName.replace(/^\s*(.*?)\s*$/, "$1"); | fullPageName.replace(/^\s*(.*?)\s*$/, "$1"); | ||
var idx = this.menuIndexFromFullPageName(fullPageName); | var idx = this.menuIndexFromFullPageName(fullPageName); | ||
- | this. | + | this.setActive(idx); |
+ | }; | ||
+ | |||
+ | UT_Tokyo.transit = function(toUrl) { | ||
+ | if (toUrl == UT_Tokyo.currentUrl) return; | ||
+ | |||
+ | // toUrl must start with '2011.igem.org/Team:UT-Tokyo' | ||
+ | var fullPageName = toUrl.match(/2011.igem.org\/(Team:UT-Tokyo.*)$/)[1]; | ||
+ | if (!fullPageName) { | ||
+ | //console.log('invalid url'); | ||
+ | return; | ||
+ | } | ||
+ | $('#pageContent').block({'message': null}); | ||
+ | var title_timer = setInterval(function() { | ||
+ | h = $('#pageTitle').html(); | ||
+ | m = h.match(/Loading(\.*)$/); | ||
+ | if (m) { | ||
+ | l = m[1].length; | ||
+ | if (l < 5) h += '.' | ||
+ | else h = 'Loading.'; | ||
+ | } else { | ||
+ | h = 'Loading.'; | ||
+ | } | ||
+ | $('#pageTitle').html(h); | ||
+ | }, 80); | ||
+ | document.location.href = toUrl; | ||
+ | /* | ||
+ | $.ajax({ | ||
+ | 'url': toUrl, | ||
+ | 'dataType': 'html', | ||
+ | 'success': function(html){ | ||
+ | var $new_page = $(html); | ||
+ | // content | ||
+ | $('#pageContent').html($('#pageContent', $new_page).html()); | ||
+ | |||
+ | // title | ||
+ | var matches = html.match(/<title>(.*?)<\/title>/); | ||
+ | document.title = matches[1]; | ||
+ | |||
+ | // title on the header | ||
+ | clearInterval(title_timer); | ||
+ | $('#pageTitle').html($('#pageTitle', $new_page).html()); | ||
+ | // menu | ||
+ | UT_Tokyo.initMenu(fullPageName); | ||
+ | |||
+ | // unblock | ||
+ | $('#pageContent').unblock(); | ||
+ | |||
+ | // left menu | ||
+ | $('.left-menu ul li a').each(function() { | ||
+ | $this = $(this); | ||
+ | if ($this.html().startswith('Page')) { | ||
+ | $this.attr('href', '/'+fullPageName); | ||
+ | } else if ($this.html().startswith('Discussion')) { | ||
+ | $this.attr('href', '/Talk:'+fullPageName+'?action=edit&redlink=1'); | ||
+ | } else if ($this.html().startswith('Edit')) { | ||
+ | $this.attr('href', '/'+fullPageName+'?action=edit'); | ||
+ | } else if ($this.html().startswith('History')) { | ||
+ | $this.attr('href', '/'+fullPageName+'?action=history'); | ||
+ | } else if ($this.html().startswith('Move')) { | ||
+ | $this.attr('href', '/Special:MovePage/'+fullPageName); | ||
+ | } else if ($this.html().startswith('Watch')) { | ||
+ | $this.attr('href', '/'+fullPageName+'?action=watch'); | ||
+ | } | ||
+ | }); | ||
+ | UT_Tokyo.currentUrl = toUrl; | ||
+ | UT_Tokyo.needHandling = true; | ||
+ | }, | ||
+ | 'error': function(XMLHttpRequest, textStatus, errorThrown) { | ||
+ | clearInterval(title_timer); | ||
+ | } | ||
+ | }); | ||
+ | */ | ||
+ | }; | ||
+ | |||
+ | UT_Tokyo.urlFromHash = function(hash) { | ||
+ | var BASE = 'https://2011.igem.org/Team:UT-Tokyo'; | ||
+ | if (hash == '' || hash == '#' || hash == '#Top' || hash == '#/Top') { | ||
+ | return BASE; | ||
+ | } else { | ||
+ | return BASE + hash.substr(1) | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | UT_Tokyo.hashFromUrl = function(url) { | ||
+ | match = url.match(/2011.igem.org\/Team:UT-Tokyo(.*)$/); | ||
+ | if (!match) return ''; // invalid | ||
+ | m = match[1]; | ||
+ | if (m == '' || m == '/') { | ||
+ | return '#/Top'; | ||
+ | } else { | ||
+ | return '#' + m; | ||
+ | } | ||
}; | }; | ||
Line 390: | Line 649: | ||
// setting slider and event handlers | // setting slider and event handlers | ||
$(document).ready(function () { | $(document).ready(function () { | ||
+ | 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({ | ||
directionNav: false, | directionNav: false, | ||
Line 395: | Line 659: | ||
manualAdvance: true, | manualAdvance: true, | ||
animSpeed: 200, | animSpeed: 200, | ||
+ | effect: 'fade,fold', | ||
}); | }); | ||
Line 400: | Line 665: | ||
UT_Tokyo.registerMenuItem(idx, this); | UT_Tokyo.registerMenuItem(idx, this); | ||
$(this).mouseenter(function() { | $(this).mouseenter(function() { | ||
- | UT_Tokyo. | + | UT_Tokyo.setHover(idx); |
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
}); | }); | ||
- | + | $('#navi #menu').mouseleave(function() { | |
+ | UT_Tokyo.unsetHover(); | ||
+ | }); | ||
+ | |||
+ | if (true) { | ||
+ | |||
$('#navi #menu ul li a').click(function(e) { | $('#navi #menu ul li a').click(function(e) { | ||
- | + | UT_Tokyo.needHandling = false; | |
- | UT_Tokyo.transit( | + | |
+ | toUrl = $(this).attr('href'); | ||
+ | //location.hash = UT_Tokyo.hashFromUrl(toUrl); | ||
+ | UT_Tokyo.transit(toUrl); | ||
e.preventDefault(); | e.preventDefault(); | ||
return false; | return false; | ||
}); | }); | ||
- | + | /* | |
- | + | $(window).hashchange(function() { | |
+ | if (UT_Tokyo.needHandling) { | ||
+ | // if (!location.hash) return; | ||
+ | toUrl = UT_Tokyo.urlFromHash(location.hash); | ||
+ | UT_Tokyo.transit(toUrl); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $(window).hashchange(); | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | $('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 | ||
+ | $('#pageContent table tr:odd td').css('background-color','#393F40'); | ||
UT_Tokyo.initMenu('\ | UT_Tokyo.initMenu('\ | ||
\</html> | \</html> | ||
Line 421: | Line 714: | ||
<html>') | <html>') | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
<div id="header"> | <div id="header"> | ||
Line 435: | 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 449: | 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