Team:NYMU-Taipei/NYMU14 Style
From 2014.igem.org
(Difference between revisions)
(31 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | </p> |
+ | <script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&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=" | + | <!--[if lt IE 9]> |
+ | <script type="text/javascript" src="/Team:NYMU-Taipei/IE9.js?action=raw&ctype=text/javascript"></script> | ||
+ | <![endif]--> | ||
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-1.11.0.min.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="/Team:NYMU-Taipei/jquery-1.11.0.min.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-migrate-1.2.1.min.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="/Team:NYMU-Taipei/jquery-migrate-1.2.1.min.js?action=raw&ctype=text/javascript"></script> | ||
Line 8: | Line 34: | ||
<script type="text/javascript" src="/Team:NYMU-Taipei/jquery-easing.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="/Team:NYMU-Taipei/jquery-easing.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="/Team:NYMU-Taipei/menu.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="/Team:NYMU-Taipei/menu.js?action=raw&ctype=text/javascript"></script> | ||
- | |||
- | |||
<script type="text/x-mathjax-config"> | <script type="text/x-mathjax-config"> | ||
- | MathJax.Hub.Config({ | + | MathJax.Hub.Config({tex2jax: { inlineMath: [['$','$'], ['\\\\(','\\\\)']] } , displayAlign: "left" , displayIndent: "20px" }); |
- | + | </script> | |
- | }); | + | <script type="text/javascript" |
+ | src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> | ||
</script> | </script> | ||
Line 20: | Line 45: | ||
<link href="https://2014.igem.org/Team:NYMU-Taipei/menu.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | <link href="https://2014.igem.org/Team:NYMU-Taipei/menu.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
<link href="https://2014.igem.org/Team:NYMU-Taipei/normalize.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | <link href="https://2014.igem.org/Team:NYMU-Taipei/normalize.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=Fira+Sans:400,500italic' rel='stylesheet' type='text/css'> | ||
+ | --> | ||
+ | <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