Difference between revisions of "Team:NEFU China/fit"
m |
m |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | <head><meta http-equiv=" | + | <head> |
− | + | <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
− | + | <!--Javascript--> | |
− | + | <!--jQuery--> | |
− | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script> | |
− | + | <script type="text/javascript" src="jquery-1.11.3.js"></script> | |
− | + | <!--MENU--> | |
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#menu li a').hover( | ||
+ | function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, | ||
+ | function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');} | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--NAVIGATION--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#navigation li a').hover( | ||
+ | function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, | ||
+ | function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');} | ||
+ | ); | ||
+ | }); | ||
+ | $(function(){ | ||
+ | $("a").click(function(){ | ||
+ | $("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);} | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--iGEM_LOGO--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("#iGEM_LOGO").mouseover( | ||
+ | function(){$(this).animate({'width': '140px', 'height': '140px'},"fast"); | ||
+ | }); | ||
+ | $("#iGEM_LOGO").mouseout( | ||
+ | function(){$(this).animate({'width': '137px', 'height': '137px'},"fast"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--css--> | ||
+ | <!--RESET--> | ||
+ | <style type="text/css"> | ||
+ | .clearStyle { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #f3f3f3; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png); | ||
+ | background-position: 0px 0px; | ||
+ | height: 100%; | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- myMainContainer--> | ||
+ | <style type="text/css"> | ||
+ | #myMainContainer { | ||
+ | background-color: #f3f3f3; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png); | ||
+ | background-position: 0px 0px; | ||
+ | width: auto; | ||
+ | overflow:hidden; | ||
+ | float:center; | ||
+ | margin-left:0px; | ||
+ | margin-right:0px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--BANNER CONTAINER--> | ||
+ | <style type="text/css"> | ||
+ | #bannerContainer { | ||
+ | margin-left:180px; | ||
+ | margin-right:180px; | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!--MENU--> | ||
+ | <style type="text/css"> | ||
+ | #menu | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 30px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #menu img | ||
+ | { | ||
+ | margin-left: 30px; | ||
+ | margin-bottom: 0px | ||
+ | } | ||
+ | #menu ul | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
− | + | } | |
+ | #menu li | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | position: relative; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #menu a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 4px 0px 0px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #888887; | ||
+ | border-radius: 0 .4em .4em 0; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #menu a.b | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #888887; | ||
+ | color: #ffffff; | ||
+ | border-radius: 0 1em 1em 0; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #menu a:hover | ||
+ | { | ||
+ | background-color: #ffffff; | ||
+ | color:#d82545; | ||
+ | } | ||
+ | #menu a.b:hover | ||
+ | { | ||
+ | background-color: #888887; | ||
+ | color:#f9d24b; | ||
+ | } | ||
+ | #menu span | ||
+ | { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--NAVIGATION--> | ||
+ | <style type="text/css"> | ||
+ | #navigation | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 170px; | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #navigation img | ||
+ | { | ||
+ | margin-right: 30px; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #navigation ul | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | border: 0; | ||
+ | } | ||
+ | #navigation li | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | position: relative; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #navigation a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 4px 0px 0px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #888887; | ||
+ | border-radius: .4em 0em 0em .4em; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #navigation a.b | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #888887; | ||
+ | color: #ffffff; | ||
+ | border-radius: 1em 0em 0em 1em; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #navigation a.t | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #d82545; | ||
+ | color: #ffffff; | ||
+ | border-radius: 1em 0em 0em 1em; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #navigation a:hover | ||
+ | { | ||
+ | background-color: #ffffff; | ||
+ | color:#d82545; | ||
+ | } | ||
+ | #navigation a.b:hover | ||
+ | { | ||
+ | background-color: #888887; | ||
+ | color:#f9d24b; | ||
+ | } | ||
+ | #navigation a.t:hover | ||
+ | { | ||
+ | background-color: #6b1877; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | #navigation span | ||
+ | { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--IGEM LOGO--> | ||
+ | <style type="text/css"> | ||
+ | #logoContainer { | ||
+ | position: fixed; | ||
+ | top: 30px; | ||
+ | right: 30px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--NUDT_Container--> | ||
+ | <style type="text/css"> | ||
+ | #NUDT_Container | ||
+ | { | ||
+ | clear: both; | ||
+ | width: auto; | ||
+ | margin: 30px 180px; | ||
+ | padding: 30px 0px; | ||
+ | font-family: 'verdana',sans-serif; | ||
+ | background: #fff; | ||
+ | box-shadow: 0 3px 8px rgba(0,0,0,.1); | ||
+ | position: relative; | ||
+ | } | ||
+ | #NUDT_Container table{ | ||
+ | position: center; | ||
+ | border: 10px; | ||
+ | } | ||
+ | #NUDT_Container td{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | #NUDT_Container ul | ||
+ | { | ||
+ | list-style-position:inside; | ||
+ | padding: 10px 50px; | ||
+ | border: 0; | ||
− | + | } | |
− | + | #NUDT_Container li | |
+ | { | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
− | + | #NUDT_Container p{ | |
− | + | text-decoration: none; | |
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | color: #888887; | ||
+ | position: relative; | ||
+ | padding: 10px 50px; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | #NUDT_Container a { | ||
+ | position: relative; | ||
+ | text-decoration:none; | ||
+ | color:#d82545; | ||
+ | } | ||
− | + | #NUDT_Container a:hover | |
− | + | { | |
− | + | text-decoration:underline; | |
+ | } | ||
+ | #NUDT_Container h1, h2, h3, h4, h5{ | ||
+ | color: #444; | ||
+ | margin: 20px 0px; | ||
+ | padding:4px 8px; | ||
+ | letter-spacing: -1px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #NUDT_Container h1 { | ||
+ | font:bold 28px/12px 'verdana',sans-serif; | ||
+ | border-left: 10px solid #444; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | #NUDT_Container h2 { | ||
+ | font:bold 20px/6px 'verdana',sans-serif; | ||
+ | border-left: 30px solid #444; | ||
+ | line-height:20px; | ||
+ | } | ||
+ | #NUDT_Container h3 { | ||
+ | font:bold 16px/4px 'verdana',sans-serif; | ||
+ | padding-left: 50px; | ||
+ | line-height:16px; | ||
+ | } | ||
+ | /*CASE*/ | ||
+ | #NUDT_Container ca { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 10px 100px; | ||
+ | padding: 10px 20px; | ||
+ | text-decoration: none; | ||
+ | background-color: #bcbcbc; | ||
+ | color: #000000; | ||
+ | border-radius: 8px 8px; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--TIME--> | ||
+ | <style type="text/css"> | ||
+ | *, *:after, *:before { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | img { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | .cd-container { | ||
+ | /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ | ||
+ | width: 90%; | ||
+ | max-width: 1170px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .cd-container::after { | ||
+ | /* clearfix */ | ||
+ | content: ''; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
− | + | #cd-timeline { | |
− | + | position: relative; | |
− | + | padding: 2em 0; | |
− | + | margin-top: 2em; | |
− | + | margin-bottom: 2em; | |
− | + | } | |
+ | #cd-timeline::before { | ||
+ | /* this is the vertical line */ | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 18px; | ||
+ | height: 100%; | ||
+ | width: 4px; | ||
+ | background: #888887; | ||
+ | } | ||
+ | @media only screen and (min-width: 1170px) { | ||
+ | #cd-timeline { | ||
+ | margin-top: 3em; | ||
+ | margin-bottom: 3em; | ||
+ | } | ||
+ | #cd-timeline::before { | ||
+ | left: 50%; | ||
+ | margin-left: -2px; | ||
+ | } | ||
+ | } | ||
− | + | .cd-timeline-block { | |
+ | position: relative; | ||
+ | margin: 2em 0; | ||
+ | } | ||
+ | .cd-timeline-block:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | .cd-timeline-block:first-child { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | .cd-timeline-block:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | @media only screen and (min-width: 1170px) { | ||
+ | .cd-timeline-block { | ||
+ | margin: 4em 0; | ||
+ | } | ||
+ | .cd-timeline-block:first-child { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | .cd-timeline-block:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
− | + | .cd-timeline-img { | |
− | + | position: absolute; | |
− | + | top: 0; | |
− | + | left: 0; | |
− | + | width: 40px; | |
− | + | height: 40px; | |
− | + | border-radius: 50%; | |
− | + | box-shadow: 0 0 0 4px #ded8db, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); | |
− | + | } | |
− | + | .cd-timeline-img img { | |
− | + | display: block; | |
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | position: relative; | ||
+ | left: 50%; | ||
+ | top: 50%; | ||
+ | margin-left: -12px; | ||
+ | margin-top: -12px; | ||
+ | } | ||
+ | .cd-timeline-img.cd-picture { | ||
+ | background: #888887; | ||
+ | } | ||
+ | .cd-timeline-img.cd-picture:hover { | ||
+ | background: #d82545; | ||
+ | } | ||
+ | @media only screen and (min-width: 1170px) { | ||
+ | .cd-timeline-img { | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | left: 50%; | ||
+ | margin-left: -20px; | ||
+ | /* Force Hardware Acceleration in WebKit */ | ||
+ | -webkit-transform: translateZ(0); | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | } | ||
+ | .cssanimations .cd-timeline-img.is-hidden { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .cssanimations .cd-timeline-img.bounce-in { | ||
+ | visibility: visible; | ||
+ | -webkit-animation: cd-bounce-1 0.6s; | ||
+ | -moz-animation: cd-bounce-1 0.6s; | ||
+ | animation: cd-bounce-1 0.6s; | ||
+ | } | ||
+ | } | ||
− | + | .cd-timeline-content { | |
+ | position: relative; | ||
+ | margin-left: 60px; | ||
+ | background: #e5e6e7; | ||
+ | border-radius: 0.25em; | ||
+ | padding: 1em; | ||
+ | box-shadow: 0 3px 0 #abafb2; | ||
+ | } | ||
+ | .cd-timeline-content:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | .cd-date { | ||
+ | font-family: Athelas; | ||
+ | } | ||
+ | .cd-timeline-content h6 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .cd-timeline-content h6:hover { | ||
+ | color: #d82545; | ||
+ | } | ||
+ | .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { | ||
+ | font-size: 13px; | ||
+ | font-size: 0.8125rem; | ||
+ | } | ||
+ | .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .cd-timeline-content p { | ||
+ | margin: 1em 0; | ||
+ | line-height: 1.6; | ||
+ | } | ||
+ | .cd-timeline-content .cd-date { | ||
+ | float: left; | ||
+ | padding: .8em 0; | ||
+ | opacity: .7; | ||
+ | } | ||
+ | .cd-timeline-content::before { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | top: 16px; | ||
+ | right: 100%; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | border: 7px solid transparent; | ||
+ | border-right: 7px solid white; | ||
+ | } | ||
+ | @media only screen and (min-width: 768px) { | ||
+ | .cd-timeline-content h6 { | ||
+ | font-size: 20px; | ||
+ | font-size: 1.25rem; | ||
+ | } | ||
+ | .cd-timeline-content p { | ||
+ | font-size: 16px; | ||
+ | font-size: 1rem; | ||
+ | } | ||
+ | .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { | ||
+ | font-size: 14px; | ||
+ | font-size: 0.875rem; | ||
+ | } | ||
+ | } | ||
+ | @media only screen and (min-width: 1170px) { | ||
+ | .cd-timeline-content { | ||
+ | margin-left: 0; | ||
+ | padding: 1.6em; | ||
+ | width: 45%; | ||
+ | } | ||
+ | .cd-timeline-content::before { | ||
+ | top: 24px; | ||
+ | left: 100%; | ||
+ | border-color: transparent; | ||
+ | border-left-color: white; | ||
+ | } | ||
+ | .cd-timeline-content .cd-read-more { | ||
+ | float: left; | ||
+ | } | ||
+ | .cd-timeline-content .cd-date { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | left: 122%; | ||
+ | top: 6px; | ||
+ | font-size: 16px; | ||
+ | font-size: 1rem; | ||
+ | } | ||
+ | .cd-timeline-block:nth-child(even) .cd-timeline-content { | ||
+ | float: right; | ||
+ | } | ||
+ | .cd-timeline-block:nth-child(even) .cd-timeline-content::before { | ||
+ | top: 24px; | ||
+ | left: auto; | ||
+ | right: 100%; | ||
+ | border-color: transparent; | ||
+ | border-right-color: white; | ||
+ | } | ||
+ | .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { | ||
+ | float: right; | ||
+ | } | ||
+ | .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { | ||
+ | left: auto; | ||
+ | right: 122%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .cssanimations .cd-timeline-content.is-hidden { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .cssanimations .cd-timeline-content.bounce-in { | ||
+ | visibility: visible; | ||
+ | -webkit-animation: cd-bounce-2 0.6s; | ||
+ | -moz-animation: cd-bounce-2 0.6s; | ||
+ | animation: cd-bounce-2 0.6s; | ||
+ | } | ||
+ | } | ||
− | + | @media only screen and (min-width: 1170px) { | |
− | + | /* inverse bounce effect on even content blocks */ | |
− | + | .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { | |
− | + | -webkit-animation: cd-bounce-2-inverse 0.6s; | |
+ | -moz-animation: cd-bounce-2-inverse 0.6s; | ||
+ | animation: cd-bounce-2-inverse 0.6s; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | <!--DIA_Container--> | ||
+ | <style type="text/css"> | ||
+ | #NUDT_Dia_Container | ||
+ | { | ||
+ | width: auto; | ||
+ | margin: 0px 100px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--BLANK_Container--> | ||
+ | <style type="text/css"> | ||
+ | .BLANK_Container | ||
+ | { | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!--Common--> | ||
+ | <div id = "myMainContainer"> | ||
+ | <div id = "bannerContainer"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style="width: auto"/> | ||
+ | </div> | ||
+ | <div id = "menu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/> | ||
+ | <li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li> | ||
+ | <li><a id = "TEAM" href="https://2015.igem.org/Team:NUDT_CHINA/Team"><span>TEAM</span></a></li> | ||
+ | |||
+ | <li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li> | ||
+ | <li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li> | ||
+ | <li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments & Protocols</span></a></li> | ||
+ | <li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results" class = "b"><span>Results</span></a></li> | ||
+ | <li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li> | ||
+ | |||
+ | <li><a id = "PARTS" href = "#"><span>PARTS</span></a></li> | ||
+ | <li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team Parts</span></a></li> | ||
+ | <li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li> | ||
+ | <li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part" class = "b"><span>Composite Parts</span></a></li> | ||
− | |||
− | + | <li><a id = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li> | |
− | + | <li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> | |
− | + | <li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li> | |
− | + | <li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</span></a></li> | |
− | + | <li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li> | |
− | + | <li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li> | |
− | + | <li><a id = "MEASUREMENT" href="https://2015.igem.org/Team:NUDT_CHINA/Measurement"><span>MEASUREMENT</span></a></li> | |
− | + | <li><a id = "ENTREPRENEURSHIP" href="https://2015.igem.org/Team:NUDT_CHINA/Entrepreneurship"><span>ENTREPRENEURSHIP</span></a></li> | |
− | + | </div> | |
− | + | <div id = "logoContainer"> | |
− | + | <a href="https://igem.org/Main_Page"><img id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a> | |
− | + | </div> | |
− | + | <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head> | |
− | + | </html> | |
− | + | <html> | |
− | + | <!--Main Container--> | |
− | + | <div id = "NUDT_Container" class = "clearStyle"> | |
− | + | <div> | |
− | + | <h1>NOTEBOOK</h1> | |
− | + | <table> | |
− | + | <tr> | |
− | + | <p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS1: The left <B style = "color: #d82545">MENU :)</B> links to other NUDT_CHINA website.</p> | |
− | + | <p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS2: The right <B style = "color: #d82545">NAVIGATE :)</B> posites on content in this page. (Valid when <B style = "color: #d82545">FOLDED/UNFOLDED</B>)</p> | |
− | + | <p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS3: Click <B style = "color: #d82545">SUBTITLE/:)</B> to <B style = "color: #d82545">FOLD/UNFOLD</B> related content. </p> | |
− | + | </tr> | |
− | + | <tr><button id = "slideAll" style = "margin: 0px 50px 0px 100px;"> CLICK TO FOLD/UNFOLD ALL</button> | |
− | + | </tr> | |
− | + | </table> | |
− | + | </div> | |
− | + | <script type="text/javascript"> | |
− | + | $(document).ready(function(){ | |
− | + | $("#slideAll").click(function(){ | |
− | + | $(".Pannal").slideToggle(300); | |
− | + | }); | |
− | + | }); | |
− | + | </script> | |
− | + | <section id="cd-timeline" class="cd-container"> | |
− | + | <!--2015.5.16--> | |
− | + | <div class="cd-timeline-block"> | |
− | + | <div class="cd-timeline-img cd-picture" id = "pic1"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | |
− | + | </div> | |
− | + | <div class="cd-timeline-content" id = "key1"> | |
− | + | <h7 style = "color:black"><h7 style = "color: #d82545">CULTURE&SQUENCE:</h7> Related parts in Kit</h7> | |
− | + | <p style = "padding: 10px 5px; display:none;" id = "cont1" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | |
− | + | <span class="cd-date" style="font-size:24px">2015.5.16</span> | |
− | + | <script type="text/javascript"> | |
− | + | $(document).ready(function(){ | |
− | + | $("#key1").click(function(){ | |
− | + | $("#cont1").slideToggle(300); | |
− | + | }); | |
− | + | }); | |
− | + | $(document).ready(function(){ | |
− | + | $("#pic1").click(function(){ | |
− | + | $("#cont1").slideToggle(300); | |
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.5.31--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <p id = "pos5"></p> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key2"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545"> ACTIVITY: </h7>Move the lab.</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont2" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.5.31</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key2").click(function(){ | ||
+ | $("#cont2").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic2").click(function(){ | ||
+ | $("#cont2").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.6.7--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <p id = "pos6"></p> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key3"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">PCR:</h7> IaaM&IaaH </h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont3" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.6.7</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key3").click(function(){ | ||
+ | $("#cont3").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic3").click(function(){ | ||
+ | $("#cont3").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.6.26--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key4"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> IaaM, SCAF1, TALE2</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont4" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.6.26</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key4").click(function(){ | ||
+ | $("#cont4").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic4").click(function(){ | ||
+ | $("#cont4").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.6.28--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic5"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key5"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> SCAF2,SCAF3,TALE1,TALE3</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont5" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.6.28</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key5").click(function(){ | ||
+ | $("#cont5").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic5").click(function(){ | ||
+ | $("#cont5").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.6.29--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key6"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Plac+RBS30</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont6" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.6.29</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key6").click(function(){ | ||
+ | $("#cont6").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic6").click(function(){ | ||
+ | $("#cont6").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.6.29--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic7"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key7"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Plac+RBS30+TALE1</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont7" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.6.29</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key7").click(function(){ | ||
+ | $("#cont7").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic7").click(function(){ | ||
+ | $("#cont7").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.7.5--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <p id = "pos7"></p> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic8"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key8"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Adding terminator&RBS to GFP1 by PCR</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont8" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.7.5</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key8").click(function(){ | ||
+ | $("#cont8").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic8").click(function(){ | ||
+ | $("#cont8").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.7.24--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic9"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key9"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Iaa H</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont9" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.7.24</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key9").click(function(){ | ||
+ | $("#cont9").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic9").click(function(){ | ||
+ | $("#cont9").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.7.25--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic10"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key10"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">Device(No.1): </h7> GFP(+/-)N</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont10" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.7.25</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key10").click(function(){ | ||
+ | $("#cont10").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic10").click(function(){ | ||
+ | $("#cont10").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.7.27--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic11"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key11"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">SYSTEM(No.1): </h7> GFP(+/-)S1</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont11" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.7.27</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key11").click(function(){ | ||
+ | $("#cont11").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic11").click(function(){ | ||
+ | $("#cont11").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.7.31--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic14"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key14"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)N</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont14" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.7.31</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key14").click(function(){ | ||
+ | $("#cont14").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic14").click(function(){ | ||
+ | $("#cont14").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.8.12--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <p id = "pos8"></p> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key12"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> RBS30</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont12" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.8.12</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key12").click(function(){ | ||
+ | $("#cont12").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic12").click(function(){ | ||
+ | $("#cont12").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.8.17--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic13"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key13"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>IAA(+/+)N</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont13" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.8.17</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key13").click(function(){ | ||
+ | $("#cont13").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic13").click(function(){ | ||
+ | $("#cont13").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.8.19--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic15"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key15"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7> IAA(+/+)S2/S3, GFP P</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont15" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.8.19</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key15").click(function(){ | ||
+ | $("#cont15").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic15").click(function(){ | ||
+ | $("#cont15").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--2015.8.20--> | ||
+ | <div class="cd-timeline-block"> | ||
+ | <div class="cd-timeline-img cd-picture" id = "pic16"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture"> | ||
+ | </div> | ||
+ | <div class="cd-timeline-content" id = "key16"> | ||
+ | <h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)S2/S3</h7> | ||
+ | <p style = "padding: 10px 5px; display:none;" id = "cont16" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p> | ||
+ | <span class="cd-date" style="font-size:24px">2015.8.20</span> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#key16").click(function(){ | ||
+ | $("#cont16").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#pic16").click(function(){ | ||
+ | $("#cont16").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
− | </body></html> | + | </div> |
+ | <!--Navigation--> | ||
+ | <div id = "navigation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/> | ||
+ | <li><a href="#myMainContainer" class = "t"><span>TOP</span></a></li> | ||
+ | <li><a href = "#pos5"><span>2015.5</span></a></li> | ||
+ | <li><a href = "#pos6"><span>2015.6</span></a></li> | ||
+ | <li><a href = "#pos7"><span>2015.7</span></a></li> | ||
+ | <li><a href = "#pos8"><span>2015.8</span></a></li> | ||
+ | <li><a href = "#pos9"><span>2015.9</span></a></li> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 15:46, 12 September 2015