Team:UT-Tokyo/Templates/BeginContent

From 2011.igem.org

(Difference between revisions)
(Created page with "aaaaaaaaaaaaaaaaaaaaa")
 
(89 intermediate revisions not shown)
Line 1: Line 1:
-
aaaaaaaaaaaaaaaaaaaaa
+
__NOTOC__
 +
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Maven+Pro:500,700' rel='stylesheet' type='text/css'>
 +
 
 +
<style type="text/css">
 +
body {
 +
  background-color: #575757;
 +
}
 +
 
 +
#globalWrapper {
 +
  box-shadow: 0px 0px 30px #000;
 +
  width: 975px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  padding-bottom: 0;
 +
  background-color: #383838;
 +
}
 +
 
 +
#content {
 +
  background-color: #383838;
 +
  width: 975px;
 +
  border-style: none;
 +
  color: #ddd;
 +
  font: 17px/32px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif;
 +
  padding: 0;
 +
}
 +
 
 +
#bodyContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6, #pageContent p, #pageContent table {
 +
  margin: 0 0 0 10px; padding: 0; border-style: none;
 +
}
 +
 
 +
#bodyContent h1 {
 +
  color: #ffffff;
 +
  font: 700 36px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 +
}
 +
 
 +
#pageContent h1 {
 +
  color: #96e036;
 +
  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 {
 +
  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;
 +
}
 +
 
 +
/* @end */
 +
 
 +
/* @group fix nasty default header settings */
 +
.firstHeading {
 +
  display: none;
 +
}
 +
 
 +
#top-section {
 +
  background-color: #383838;
 +
  border-style: none;
 +
  width:975px;
 +
  height:20px;
 +
}
 +
 
 +
#p-logo {
 +
  display: none;
 +
}
 +
 
 +
#search-controls {
 +
  display: none;
 +
}
 +
 
 +
.left-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  left:0px;
 +
  color: #ddd;
 +
}
 +
.left-menu:hover {
 +
  color: white;
 +
  background-color: #383838
 +
}
 +
 
 +
.left-menu a {
 +
  text-transform: none;
 +
}
 +
 
 +
.right-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  right:0px;
 +
}
 +
 
 +
.right-menu li a {
 +
  background-color: #383838;
 +
}
 +
 
 +
#menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
 +
  color: #fff;
 +
}
 +
/* @end */
 +
 
 +
 
 +
/* @group header */
 +
h1#pageTitle {
 +
  font: 700 42px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 +
}
 +
 
 +
#headerLogo {
 +
  position: absolute;
 +
  float: right;
 +
  width: 350px;
 +
  top: 0;
 +
  right: 0;
 +
}
 +
 
 +
#headerLogo img {
 +
  left: 0;
 +
  top: -10px;
 +
  position: absolute;
 +
  float: left;
 +
}
 +
#headerLogo h1 {
 +
float: right;
 +
margin-left: auto;
 +
padding-right: 10px;
 +
}
 +
 
 +
/* @end */
 +
 
 +
/* @group getting rid of nasty footer etc... */
 +
 
 +
#contentSub {
 +
  display: none;
 +
}
 +
 
 +
#catlinks {
 +
  display: none;
 +
}
 +
 
 +
#pageContent {
 +
  padding-bottom: 15px;
 +
width: 965px;
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
 
 +
}
 +
 
 +
#footer-box {
 +
  background-color: #383838;
 +
  border-style: none;
 +
  padding-top: 10px;
 +
  border-top: 1px solid #777;
 +
}
 +
 
 +
#footer-box a {
 +
  color: #fff;
 +
}
 +
 
 +
/* @end */
 +
 
 +
#header {
 +
  height: 55px;
 +
  width: 975px;
 +
}
 +
 
 +
#navi {
 +
  height: 180px;
 +
  width: 975px;
 +
}
 +
 
 +
#navi #menu {
 +
  position: absolute;
 +
  top:55px; /* same as the height of #header */
 +
  left:0;
 +
  right:0;
 +
  margin: auto;
 +
  width:975px; /* Make sure your images are the same size */
 +
  height:180px; /* Make sure your images are the same size */
 +
  z-index: 999;
 +
}
 +
#navi #menu #hauptMenu {
 +
/* background: #333 url(gradation.png) no-repeat scroll left top;*/
 +
background-image: url(https://static.igem.org/mediawiki/2011/b/b8/UT_Tokyo_gradation.png);
 +
background-repeat: repeat-y;
 +
width: 200px;
 +
height: 180px;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
 
 +
#navi #menu .subMenu {
 +
  width: 220px;
 +
  position: absolute;
 +
  left: 160px;
 +
  background-image: url(https://static.igem.org/mediawiki/2011/e/e7/UT_Tokyo_trans.png);
 +
  background-repeat: repeat;
 +
  display: none;
 +
}
 +
 
 +
#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;
 +
  left: -25px;
 +
}
 +
 
 +
#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;
 +
  top: 6px;
 +
  left: 10px;
 +
}
 +
 
 +
#navi #menu ul {
 +
  margin: 0;
 +
}
 +
 
 +
#navi #menu ul li {
 +
  font: 500 20px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 +
  list-style: none;
 +
  display: block;
 +
  width: 110px;
 +
  height: 23px;
 +
  line-height: 27px;
 +
  padding-left: 14px;
 +
  margin: 0;
 +
  padding-bottom: 3px;
 +
}
 +
#navi #menu ul li a{
 +
  color: #fff;
 +
  display: block;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
}
 +
 
 +
#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;
 +
  padding-bottom: 7px;
 +
}
 +
 
 +
#navi #menu .subMenu ul li:hover {
 +
  background-image: url(http://igem-ut.net/2011/trans.png);
 +
}
 +
 
 +
.editsection {
 +
  display: none;
 +
}
 +
 
 +
/* The Nivo Slider styles */
 +
.nivoSlider {
 +
  position: relative;
 +
  height: 180px;
 +
  width: 975px;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:6;
 +
display:none;
 +
}
 +
/* The slices and boxes in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
height:100%;
 +
}
 +
.nivo-box {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
}
 +
 
 +
#references ul li {
 +
  list-style-type: none;
 +
  font-size: 15px;
 +
}
 +
 
 +
</style>
 +
<script type="text/javascript">
 +
 
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-25315936-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 
 +
</script>
 +
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
  google.load("jquery", "1");
 +
</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.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">
 +
window.onunload = function() {};
 +
 
 +
String.prototype.startswith = function (str){
 +
    return this.indexOf(str) == 0;
 +
};
 +
 
 +
var UT_Tokyo = UT_Tokyo || {};
 +
 
 +
(function(UT_Tokyo) {
 +
 
 +
// code stolen from http://neave.com/
 +
var ua = navigator.userAgent.toLowerCase();
 +
 
 +
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.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._showSubmenuIfExist = function(idx, fadeTime) {
 +
  $('#navi #menu .subMenu').fadeOut(fadeTime);
 +
  if (idx in UT_Tokyo.submenuIdMap) {
 +
    $('#navi #menu ' + UT_Tokyo.submenuIdMap[idx]).fadeIn(fadeTime);
 +
  }
 +
};
 +
 
 +
UT_Tokyo.menuIndexFromFullPageName = function(fullPageName) {
 +
  if (fullPageName.match('Team:UT-Tokyo/?$')) return 0;
 +
  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/(Data|Parts|LabNote)')) return 3;
 +
  else if (fullPageName.match('Team:UT-Tokyo/(Society|Outreach|Safety)')) return 4;
 +
  else return 0; // invalid!
 +
};
 +
 
 +
UT_Tokyo.registerMenuItem = function(idx, item) {
 +
  this.menuMap[idx] = item;
 +
};
 +
 
 +
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.setHover = function(idx) {
 +
  $.each(UT_Tokyo.menuMap, function() {
 +
    $(this).removeClass('hover');
 +
  });
 +
  $(UT_Tokyo.menuMap[idx]).addClass('hover');
 +
  UT_Tokyo.hoverMenuEntry = idx;
 +
  $('#slider').nivoToggle(idx);
 +
  UT_Tokyo._showSubmenuIfExist(idx, 300);
 +
};
 +
 
 +
UT_Tokyo.unsetHover = function() {
 +
  $.each(UT_Tokyo.menuMap, function() {
 +
    $(this).removeClass('hover');
 +
  });
 +
  $('#slider').nivoToggle(UT_Tokyo.activeMenuEntry);
 +
  UT_Tokyo._showSubmenuIfExist(UT_Tokyo.activeMenuEntry, 300);
 +
};
 +
 
 +
UT_Tokyo.initMenu = function(fullPageName) {
 +
  fullPageName.replace(/^\s*(.*?)\s*$/, "$1");
 +
  var idx = this.menuIndexFromFullPageName(fullPageName);
 +
  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;
 +
  }
 +
};
 +
 
 +
}(UT_Tokyo));
 +
 
 +
// setting slider and event handlers
 +
$(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({
 +
    directionNav: false,
 +
    controlNav: false,
 +
    manualAdvance: true,
 +
    animSpeed: 200,
 +
    effect: 'fade,fold',
 +
  });
 +
 
 +
  $('#navi #menu #hauptMenu ul li').each(function(idx) {
 +
    UT_Tokyo.registerMenuItem(idx, this);
 +
    $(this).mouseenter(function() {
 +
      UT_Tokyo.setHover(idx);
 +
    });
 +
  });
 +
 
 +
  $('#navi #menu').mouseleave(function() {
 +
    UT_Tokyo.unsetHover();
 +
  });
 +
 
 +
  if (true) {
 +
 
 +
    $('#navi #menu ul li a').click(function(e) {
 +
      UT_Tokyo.needHandling = false;
 +
     
 +
      toUrl = $(this).attr('href');
 +
      //location.hash = UT_Tokyo.hashFromUrl(toUrl);
 +
      UT_Tokyo.transit(toUrl);
 +
      e.preventDefault();
 +
      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('\
 +
\</html>
 +
{{{fullpagename}}}\
 +
<html>')
 +
});
 +
 
 +
</script>
 +
<div id="header">
 +
  <h1 id="pageTitle">
 +
</html>
 +
{{{subpagename}}}
 +
<html>
 +
</h1>
 +
  <div id="headerLogo">
 +
  <img src="https://static.igem.org/mediawiki/2011/5/5c/UT-Tokyo_logo.png" alt="logo" /><h1>iGEM UT-Tokyo</h1>
 +
  </div>
 +
</div>
 +
<div id="navi">
 +
  <div class="slider-wrapper theme-default">
 +
    <div id="slider" class="nivoSlider">
 +
      <img src="https://static.igem.org/mediawiki/2011/2/28/UT-Tokyo_Menu_Top.jpg" />
 +
      <img src="https://static.igem.org/mediawiki/2011/4/4c/UT_Top2.png" />
 +
      <img src="https://static.igem.org/mediawiki/2011/7/7a/UT_Top3.png" />
 +
      <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" />
 +
    </div>
 +
    <div id="menu">
 +
    <div id="hauptMenu">
 +
    <ul>
 +
      <li><a href="https://2011.igem.org/Team:UT-Tokyo">Top</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/Data">Data</a></li>
 +
      <li><a href="https://2011.igem.org/Team:UT-Tokyo/Society">Society</a></li>
 +
    </ul>
 +
    </div>
 +
    <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 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 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 id="pageContent"></html>

Latest revision as of 01:51, 6 October 2011