Team:UT-Tokyo/Templates/BeginContent

From 2011.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
 +
<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">
-
 
-
/* @group general settings */
 
body {
body {
   background-color: #575757;
   background-color: #575757;
Line 22: Line 22:
   border-style: none;
   border-style: none;
   color: #ddd;
   color: #ddd;
-
   font: 15px/32px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+
   font: 17px/32px "Segoe UI",Calibri,"Myriad Pro",Myriad,Frutiger,"Frutiger Linotype","Trebuchet MS",Helvetica,Arial,sans-serif;
   padding: 0;
   padding: 0;
}
}
Line 35: Line 35:
}
}
-
#pageContent h2 {
+
#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;
-
   margin-top: 26px;
+
   padding-top: 26px;
-
   margin-bottom: 10px;
+
   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 78: Line 179:
   background-color: #383838
   background-color: #383838
}
}
 +
 +
.left-menu a {
 +
  text-transform: none;
 +
}
 +
.right-menu {
.right-menu {
   position: absolute;
   position: absolute;
Line 172: 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(http://igem-ut.net/2011/gradation.png);
+
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 184: Line 289:
}
}
-
#navi #menu #projectMenu {
+
#navi #menu .subMenu {
-
   width: 300px;
+
   width: 220px;
-
  height: 120px;
+
   position: absolute;
   position: absolute;
-
  top: 25px;
+
   left: 160px;
-
   left: 200px;
+
   background-image: url(https://static.igem.org/mediawiki/2011/e/e7/UT_Tokyo_trans.png);
-
   background-image: url(http://igem-ut.net/2011/projectMenuBg.png);
+
   background-repeat: repeat;
-
   background-repeat: no-repeat;
+
   display: none;
   display: none;
}
}
-
#navi #menu #projectMenu #projectMenu1 {
+
#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;
-
  top: 6px;
+
   left: -25px;
-
   left: 10px;
+
}
}
-
#navi #menu #projectMenu #projectMenu2 {
+
 
 +
#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: 140px;
+
   left: 10px;
}
}
Line 211: Line 339:
#navi #menu ul li {
#navi #menu ul li {
-
   font: 500 18px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
   font: 500 20px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   list-style: none;
   list-style: none;
   display: block;
   display: block;
-
   width: 180px;
+
   width: 110px;
   height: 23px;
   height: 23px;
   line-height: 27px;
   line-height: 27px;
Line 220: Line 348:
   margin: 0;
   margin: 0;
   padding-bottom: 3px;
   padding-bottom: 3px;
-
  cursor: pointer;
 
}
}
#navi #menu ul li a{
#navi #menu ul li a{
   color: #fff;
   color: #fff;
-
  width: 180px;
 
   display: block;
   display: block;
   text-decoration: none;
   text-decoration: none;
 +
  vertical-align: middle;
}
}
-
#navi #menu #projectMenu ul li {
+
#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;
-
  margin-left: 10px;
 
-
  width: 120px;
 
}
}
-
#navi #menu #projectMenu ul li:hover {
+
#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 275: Line 420:
position:absolute;
position:absolute;
z-index:5;
z-index:5;
 +
}
 +
 +
#references ul li {
 +
  list-style-type: none;
 +
  font-size: 15px;
}
}
Line 295: 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 310: Line 468:
UT_Tokyo.isIE7 = /msie 7\./.test(ua);
UT_Tokyo.isIE7 = /msie 7\./.test(ua);
UT_Tokyo.isIE8 = /msie 8\./.test(ua);
UT_Tokyo.isIE8 = /msie 8\./.test(ua);
-
if (UT_Tokyo.isIE6 && UT_Tokyo.isIE8) {
+
if (UT_Tokyo.isIE6 * UT_Tokyo.isIE8) {
UT_Tokyo.isIE6 = false;
UT_Tokyo.isIE6 = false;
}
}
Line 317: Line 475:
UT_Tokyo.isChrome = /chrome/.test(ua);
UT_Tokyo.isChrome = /chrome/.test(ua);
UT_Tokyo.isFF = /firefox/.test(ua);
UT_Tokyo.isFF = /firefox/.test(ua);
-
UT_Tokyo.isOpera = /opera/.test(ua) && !(/opera mini/.test(ua));
+
UT_Tokyo.isOpera = !!((/opera/.test(ua)) * (/opera mini/.test(ua)));
UT_Tokyo.isMac = (/mac os/i).test(ua);
UT_Tokyo.isMac = (/mac os/i).test(ua);
UT_Tokyo.isAndroid = /android/.test(ua);
UT_Tokyo.isAndroid = /android/.test(ua);
UT_Tokyo.isiPad = /iPad/.test(navigator.platform);
UT_Tokyo.isiPad = /iPad/.test(navigator.platform);
UT_Tokyo.isTouch = !!('ontouchstart' in window);
UT_Tokyo.isTouch = !!('ontouchstart' in window);
-
UT_Tokyo.hasStorage = !!(window.sessionStorage && sessionStorage.getItem);
+
UT_Tokyo.hasStorage = !!(!!(window.sessionStorage) * !!(sessionStorage.getItem));
-
UT_Tokyo.hasHistory = !!(window.history && history.pushState);
+
UT_Tokyo.hasHistory = !!(!!(window.history) * !!(history.pushState));
UT_Tokyo.hasCanvas = !!window.CanvasRenderingContext2D;
UT_Tokyo.hasCanvas = !!window.CanvasRenderingContext2D;
UT_Tokyo.hasWebGL = !!window.WebGLRenderingContext;
UT_Tokyo.hasWebGL = !!window.WebGLRenderingContext;
-
UT_Tokyo.useAjaxLoading = !!(document.location.href.match('Team:UT-Tokyo/?$'));
+
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.transit = function(toUrl) {
+
UT_Tokyo._showSubmenuIfExist = function(idx, fadeTime) {
-
   // toUrl must start with '2011.igem.org/Team:UT-Tokyo'
+
   $('#navi #menu .subMenu').fadeOut(fadeTime);
-
  fullPageName = toUrl.match('2011.igem.org/(Team:UT-Tokyo.*)$');
+
   if (idx in UT_Tokyo.submenuIdMap) {
-
   if (!fullPageName) {
+
     $('#navi #menu ' + UT_Tokyo.submenuIdMap[idx]).fadeIn(fadeTime);
-
     console.log('invalid url');
+
-
    return;
+
   }
   }
-
  $('#pageContent').block();
 
-
  $.get(toUrl, 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
 
-
    $('#pageTitle').html($('#pageTitle', $new_page).html());
 
-
   
 
-
    // menu
 
-
    this.initMenu(fullPageName);
 
-
   
 
-
    // unblock
 
-
    $('#pageContent').unblock();
 
-
  });
 
};
};
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/Acknowledgment')) return 3;
+
   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 if (fullPageName.match('Team:UT-Tokyo/Parts')) return 5;
+
-
  else if (fullPageName.match('Team:UT-Tokyo/Data')) return 6;
+
   else return 0; // invalid!
   else return 0; // invalid!
};
};
Line 375: Line 519:
};
};
-
UT_Tokyo.selectMenuEntry = function(idx) {
+
UT_Tokyo.setActive = function(idx) {
-
   $('#slider').nivoToggle(idx);
+
   $.each(UT_Tokyo.menuMap, function() {
-
  $('#navi').mouseleave(function() {
+
     $(this).removeClass('active');
-
     $('#slider').nivoToggle(idx);
+
   });
   });
-
   $(this.menuMap[idx]).css('background-image', 'url(trans.png)');
+
   $(UT_Tokyo.menuMap[idx]).addClass('active');
-
   this.currentMenuEntry = idx;
+
  UT_Tokyo.activeMenuEntry = idx;
 +
  $('#slider').nivoToggle(idx);
 +
   UT_Tokyo._showSubmenuIfExist(idx, 0);
};
};
-
UT_Tokyo.hoverMenuEntry = function(idx) {
+
UT_Tokyo.setHover = function(idx) {
-
   $(this.menuMap[idx]).css('background-image', 'url(trans.png)');
+
   $.each(UT_Tokyo.menuMap, function() {
-
  if (idx == 2) {
+
     $(this).removeClass('hover');
-
     $('#projectMenu').fadeIn(200);
+
   });
-
   } else {
+
  $(UT_Tokyo.menuMap[idx]).addClass('hover');
-
    $(this.menuMap[2]).css('background-image', 'none');
+
  UT_Tokyo.hoverMenuEntry = idx;
-
    $('#projectMenu').fadeOut(200);
+
-
  }
+
   $('#slider').nivoToggle(idx);
   $('#slider').nivoToggle(idx);
 +
  UT_Tokyo._showSubmenuIfExist(idx, 300);
};
};
-
UT_Tokyo.leaveMenuEntry = function(idx) {
+
UT_Tokyo.unsetHover = function() {
-
   if (idx != this.currentMenuEntry && idx != 2) {
+
   $.each(UT_Tokyo.menuMap, function() {
-
     $(this.menuMap[idx]).css('background-image', 'none');
+
     $(this).removeClass('hover');
-
   }
+
  });
 +
  $('#slider').nivoToggle(UT_Tokyo.activeMenuEntry);
 +
   UT_Tokyo._showSubmenuIfExist(UT_Tokyo.activeMenuEntry, 300);
};
};
UT_Tokyo.initMenu = function(fullPageName) {
UT_Tokyo.initMenu = function(fullPageName) {
 +
  fullPageName.replace(/^\s*(.*?)\s*$/, "$1");
   var idx = this.menuIndexFromFullPageName(fullPageName);
   var idx = this.menuIndexFromFullPageName(fullPageName);
-
   this.selectMenuEntry(idx);
+
   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 410: 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 415: Line 659:
     manualAdvance: true,
     manualAdvance: true,
     animSpeed: 200,
     animSpeed: 200,
 +
    effect: 'fade,fold',
   });
   });
    
    
Line 420: Line 665:
     UT_Tokyo.registerMenuItem(idx, this);
     UT_Tokyo.registerMenuItem(idx, this);
     $(this).mouseenter(function() {
     $(this).mouseenter(function() {
-
       UT_Tokyo.hoverMenuEntry(idx, this);
+
       UT_Tokyo.setHover(idx);
-
    });
+
-
    $(this).mouseleave(function() {
+
-
      UT_Tokyo.leaveMenuEntry(idx, this);
+
     });
     });
   });
   });
    
    
-
   //if (UT_Tokyo.useAjaxLoading) {
+
   $('#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) {
-
    alert(this.attr('href'));
+
      UT_Tokyo.needHandling = false;
-
       UT_Tokyo.transit(this.attr('href'));
+
     
 +
      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() {
-
   UT_Tokyo.initMenu('{{{fullpagename}}}');
+
      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>
</script>
<div id="header">
<div id="header">
-
   <h1 id="pageTitle">{{{subpagename}}}</h1>
+
   <h1 id="pageTitle">
 +
</html>
 +
{{{subpagename}}}
 +
<html>
 +
</h1>
   <div id="headerLogo">
   <div id="headerLogo">
-
   <img src="logo.png" alt="logo" /><h1>iGEM UT-Tokyo</h1>
+
   <img src="https://static.igem.org/mediawiki/2011/5/5c/UT-Tokyo_logo.png" alt="logo" /><h1>iGEM UT-Tokyo</h1>
   </div>
   </div>
</div>
</div>
Line 448: 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="http://igem-ut.net/2011/img1.png" />
+
       <img src="https://static.igem.org/mediawiki/2011/2/28/UT-Tokyo_Menu_Top.jpg" />
-
       <img src="http://igem-ut.net/2011/img2.png" />
+
       <img src="https://static.igem.org/mediawiki/2011/4/4c/UT_Top2.png" />
-
       <img src="http://igem-ut.net/2011/img3.png" />
+
       <img src="https://static.igem.org/mediawiki/2011/7/7a/UT_Top3.png" />
-
       <img src="http://igem-ut.net/2011/img4.jpg" />
+
       <img src="https://static.igem.org/mediawiki/2011/b/bf/UT_Top4.png" />
-
      <img src="http://igem-ut.net/2011/img5.jpg" />
+
       <img src="https://static.igem.org/mediawiki/2011/1/1a/UT_Top5.png" />
-
       <img src="http://igem-ut.net/2011/img6.jpg" />
+
-
      <img src="http://igem-ut.net/2011/img7.jpg" />
+
     </div>
     </div>
     <div id="menu">
     <div id="menu">
Line 462: 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/Acknowledgment">Acknowledgment</a></li>
 
-
      <li><a href="https://2011.igem.org/Team:UT-Tokyo/Safety">Safety</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/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="projectMenu">
+
     <div id="teamMenu" class="subMenu">
-
    <ul id="projectMenu1">
+
      <img src="https://static.igem.org/mediawiki/2011/f/f2/UT_Tokyo_triangle.png" alt="" />
-
    <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Background">Background</a></li>
+
      <ul>
-
    <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Introduction">Introduction</a></li>
+
        <li><a href="https://2011.igem.org/Team:UT-Tokyo/Team">Members</a></li>
-
    <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Concepts">Concepts</a></li>
+
        <li><a href="https://2011.igem.org/Team:UT-Tokyo/Acknowledgment">Acknowledgment</a></li>
-
    <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Method">Method</a></li>
+
      </ul>
-
    </ul>
+
-
    <ul id="projectMenu2">
+
-
    <li><a href="https://2011.igem.org/Team:UT-Tokyo/Project/Achievement">Achievement</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/Modeling">Modeling</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>
+
<div id="pageContent"></html>
-
<div id="pageContent">
+

Latest revision as of 01:51, 6 October 2011