Team:NYMU-Taipei/NYMU14 Style

From 2014.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
</p>
 +
<script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&amp;ctype=text/javascript"></script>
 +
<div class="preloading" style="margin-top: 20px; width: 100%; height: 100%; position: fixed; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;"><div id='waitmask' style='position: fixed;width: 250px;height: 250px;margin: 0 auto;top: 50%;left: 50%;margin-left: -125px;margin-top: -125px;background-color: rgba(2,2,2,0.5);border-radius: 20px;'></div></div>
 +
<script>
 +
var opts = {
 +
  lines: 13, // The number of lines to draw
 +
  length: 20, // The length of each line
 +
  width: 10, // The line thickness
 +
  radius: 30, // The radius of the inner circle
 +
  corners: 1, // Corner roundness (0..1)
 +
  rotate: 0, // The rotation offset
 +
  direction: 1, // 1: clockwise, -1: counterclockwise
 +
  color: '#FFF', // #rgb or #rrggbb or array of colors
 +
  speed: 1, // Rounds per second
 +
  trail: 60, // Afterglow percentage
 +
  shadow: false, // Whether to render a shadow
 +
  hwaccel: false, // Whether to use hardware acceleration
 +
  className: 'spinner', // The CSS class to assign to the spinner
 +
  zIndex: 2e9, // The z-index (defaults to 2000000000)
 +
  top: '50%', // Top position relative to parent
 +
  left: '50%' // Left position relative to parent
 +
};
 +
var target = document.getElementById('waitmask');
 +
var spinner = new Spinner(opts).spin(target);
 +
</script>
<!-- Scripts -->
<!-- Scripts -->
-
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+
<!--[if lt IE 9]>
 +
<script type="text/javascript" src="/Team:NYMU-Taipei/IE9.js?action=raw&amp;ctype=text/javascript"></script>
 +
<![endif]-->
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-1.11.0.min.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-1.11.0.min.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-migrate-1.2.1.min.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-migrate-1.2.1.min.js?action=raw&amp;ctype=text/javascript"></script>
Line 9: Line 35:
<script type="text/javascript" src="/Team:NYMU-Taipei/menu.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/javascript" src="/Team:NYMU-Taipei/menu.js?action=raw&amp;ctype=text/javascript"></script>
<script type="text/x-mathjax-config">
<script type="text/x-mathjax-config">
-
   MathJax.Hub.Config({tex2jax: { inlineMath: [['$','$'], ['\\\\(','\\\\)']] } });
+
   MathJax.Hub.Config({tex2jax: { inlineMath: [['$','$'], ['\\\\(','\\\\)']] } , displayAlign: "left" , displayIndent: "20px" });
</script>
</script>
<script type="text/javascript"
<script type="text/javascript"
Line 21: Line 47:
<link href="https://2014.igem.org/Team:NYMU-Taipei/project.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
<link href="https://2014.igem.org/Team:NYMU-Taipei/project.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
-
<!--font-->
+
<!--font
<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,500italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,500italic' rel='stylesheet' type='text/css'>
-
</head>
+
-->
 +
<style type="text/css">
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Oleo Script';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Oleo Script'), local('OleoScript-Regular'), url(http://fonts.gstatic.com/s/oleoscript/v5/_weQNDK6Uf40CiGFKBBUjiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Oleo Script';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Oleo Script'), local('OleoScript-Regular'), url(http://fonts.gstatic.com/s/oleoscript/v5/_weQNDK6Uf40CiGFKBBUjuL2WfuF7Qc3ANwCvwl0TnA.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
/* cyrillic */
 +
@font-face {
 +
  font-family: 'Russo One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Russo One'), local('RussoOne-Regular'), url(http://fonts.gstatic.com/s/russoone/v4/4ofjFbAC3dpxPypNpg86KxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 +
}
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Russo One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Russo One'), local('RussoOne-Regular'), url(http://fonts.gstatic.com/s/russoone/v4/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Russo One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Russo One'), local('RussoOne-Regular'), url(http://fonts.gstatic.com/s/russoone/v4/RO6e96EC9m6OLO0tr7J3zxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
/* cyrillic-ext */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/C7bP6N8yXZ-PGLzbFLtQKRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
 +
}
 +
/* cyrillic */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/iLJc6PpCnnbQjYc1Jq4v0xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 +
}
 +
/* devanagari */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/5pCv5Yz4eMu9gmvX8nNhfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC;
 +
}
 +
/* greek-ext */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/gEkd0pn-sMtQ_P4HUpi6WBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+1F00-1FFF;
 +
}
 +
/* greek */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/iPF-u8L1qkTPHaKjvXERnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0370-03FF;
 +
}
 +
/* vietnamese */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/mTzVK0-EJOCaJiOPeaz-hxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
 +
}
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Noto Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Noto Sans'), local('NotoSans'), url(http://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
/* cyrillic-ext */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/g5Sf_134cAtTKkNnIjIkXxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
 +
}
 +
/* cyrillic */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/T3abUOg4YgfjOby2l-QudhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 +
}
 +
/* greek */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/5jAMGMsBXS6xUYEytGcZdBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0370-03FF;
 +
}
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/MIPWVWI_mY_QERxcMVPEwBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
/* cyrillic-ext */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: italic;
 +
  font-weight: 500;
 +
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(http://fonts.gstatic.com/s/firasans/v5/6s0YCA9oCTF6hM60YM-qTeKfXlfQjcwZMTeE7wI4WGI.woff2) format('woff2');
 +
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
 +
}
 +
/* cyrillic */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: italic;
 +
  font-weight: 500;
 +
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(http://fonts.gstatic.com/s/firasans/v5/6s0YCA9oCTF6hM60YM-qTUtJuoiaQfPpa269V2FDaLo.woff2) format('woff2');
 +
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 +
}
 +
/* greek */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: italic;
 +
  font-weight: 500;
 +
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(http://fonts.gstatic.com/s/firasans/v5/6s0YCA9oCTF6hM60YM-qTZ2u1fTOyc-e8Bt1FRZ8XII.woff2) format('woff2');
 +
  unicode-range: U+0370-03FF;
 +
}
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: italic;
 +
  font-weight: 500;
 +
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(http://fonts.gstatic.com/s/firasans/v5/6s0YCA9oCTF6hM60YM-qTbX8PDrklLOWyWIn-2-AqKA.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Fira Sans';
 +
  font-style: italic;
 +
  font-weight: 500;
 +
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(http://fonts.gstatic.com/s/firasans/v5/6s0YCA9oCTF6hM60YM-qTVZ9_gRnCZKV8woZ8AMwFSQ.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
</style>
 +
 
</html>
</html>

Latest revision as of 19:21, 15 October 2014