|
|
Line 1: |
Line 1: |
| + | |
| <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]--> | | <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]--> |
| <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> | | <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> |
Line 6: |
Line 7: |
| <head> | | <head> |
| <!--- Basic Page Needs========================================================================= --> | | <!--- Basic Page Needs========================================================================= --> |
− | <meta charset="utf-8"/> | + | <meta charset="utf-8"> |
− | <title></title>
| + | <title>Team</title> |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> |
− | <meta name="description" content="Wiki of Peking iGEM 2016" />
| + | <meta name="description" content="Wiki of Peking iGEM 2016" /> |
− | <meta name="author" content="Li Jiamian & Wang Yuqing"/>
| + | <meta name="author" content="Li Jiamian & Wang Yuqing"> |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | <!-- Mobile Specific Metas===================================================================== -->
| + | <!— Mobile Specific Metas===================================================================== --> |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
− | <!-- Fix Overwrite the original iGEM style=================================================== -->
| + | <!-- Fix Overwrite the original iGEM style=================================================== --> |
− | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
| + | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> |
− | <!-- CSS======================================================================================= -->
| + | <!-- CSS======================================================================================= --> |
− | <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
| + | <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" /> |
− | <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
| + | <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" /> |
− | <!-- CSS======================================================================================= -->
| + | <!-- flexslider================================================================================ --> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
| + | <link rel="stylesheet" type="text/css" media="all" href="https://2016.igem.org/Template:Peking/css/fstyle?action=raw&ctype=text/css" /> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
| + | <link rel='stylesheet' id='responsive-css' href='https://2016.igem.org/Template:Peking/css/responsive?action=raw&ctype=text/css' type='text/css' media='all' /> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
| + | <link rel='stylesheet' id='polaroid-slider-css' href='https://2016.igem.org/Template:Peking/css/fpolaroid?action=raw&ctype=text/css' type='text/css' media='all' /> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
| + | <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery?action=raw&ctype=text/javascript'></script> |
− | <style>
| + | <!-- CSS======================================================================================= --> |
− | .texttitle{
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"> |
− | color:#6495ED;
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"> |
− | font-size: 20px;
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"> |
− | line-height: 48px;
| + | </head> |
− | margin-bottom: 12px;
| + | |
− | font-family: raleway-bold, sans-serif !important;
| + | <style> |
− | background: transparent;
| + | body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2016/f/fe/T--Peking--images_bodyBackground.jpg); background-attachment:fixed;} |
− | letter-spacing: 3px;
| + | .texttitle{ |
− | text-transform: uppercase;
| + | color: #11abb0; |
− | font-weight: 350;
| + | font-size: 38px; |
− | text-align:center;
| + | line-height: 48px; |
− |
| + | margin-bottom: 12px; |
− | padding-top:40px;
| + | font-family: raleway-bold, sans-serif !important; |
− | }
| + | background: transparent; |
− | sup{font-size:11px;}
| + | letter-spacing: 3px; |
− | .references{margin-top:150px;margin-bottom:40px;}
| + | text-transform: uppercase; |
− | .references p{font-size:14px !important; color:#666161 !important;}
| + | font-weight: 350; |
− | .classic-title {font-weight: 300;padding-top:30px;}
| + | text-align: center; |
− | .classic-title span {
| + | padding-top:40px; |
− | padding-bottom: 8px;
| + | } |
− | border-bottom: 1px solid #383232;
| + | sup{font-size:11px;} |
− | font-weight: 400;
| + | .references{margin-top:150px;margin-bottom:40px;} |
− | }
| + | .references p{font-size:14px !important; color:#666161 !important;} |
− | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| + | .classic-title {font-weight: 300;padding-top:30px;} |
− | .anchor{padding-top:100px;margin-top:-100px;}
| + | .classic-title span { |
− | </style>
| + | padding-bottom: 8px; |
− |
| + | border-bottom: 1px solid #383232; |
− | </head>
| + | font-weight: 400; |
− | <body>
| + | } |
− | <!--sidebar 引用==============================================================================-->
| + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
− | <style>
| + | .anchor{padding-top:100px;margin-top:-100px;} |
− | #primary span{
| + | </style> |
− | display:block;
| + | <body> |
− | word-break:break-all
| + | |
− | }
| + | |
− |
| + | |
− | #page-wrap {
| + | |
− | width: 25%;
| + | |
− | margin: 0px;
| + | |
− | position: relative;
| + | |
− | }
| + | |
− |
| + | |
− | #sidebar {
| + | |
− | width: 25%;
| + | |
− | margin-left: 0px;
| + | |
− | }
| + | |
− | @media (min-width:1024px){
| + | |
− | #sidebar{position:relative;top:120px;max-width:200px;}}
| + | |
− | @media (max-width: 1023px){
| + | |
− | #sidebar{display:none;
| + | |
− | }
| + | |
− | #page-wrap{display:none;}
| + | |
− | }
| + | |
− | </style>
| + | |
− |
| + | |
− |
| + | |
− | <script type="text/javascript">
| + | |
− | function menuFixed(id){
| + | |
− | var obj = document.getElementById(id);
| + | |
− | var _getHeight = obj.offsetTop;
| + | |
− |
| + | |
− | window.onscroll = function(){
| + | |
− | changePos(id,_getHeight);
| + | |
− | }
| + | |
− | }
| + | |
− | function changePos(id,height){
| + | |
− | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| + | |
− | if(w>=1024){
| + | |
− | if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
| + | |
− | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
| + | |
− | }
| + | |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
| + | |
− | var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| + | |
− | var w = window.innerWidth;
| + | |
− |
| + | |
− | if(scrollTop < height){ obj.style.position = 'relative';
| + | |
− | }else{
| + | |
− | obj.style.position = 'fixed';
| + | |
− | }
| + | |
− | }
| + | |
− | </script>
| + | |
− |
| + | |
− | <script type="text/javascript">
| + | |
− | window.onload = function(){
| + | |
− | menuFixed('sidebar');
| + | |
− | }
| + | |
− | </script>
| + | |
− | <script>
| + | |
− | function naver(id){
| + | |
− | var obj=document.getElementById(id);
| + | |
− | var oPos=obj.offsetTop;
| + | |
− | return window.scrollTo(0,oPos+250);
| + | |
− | }
| + | |
− | </script>
| + | |
− | <!--sidebar 引用 end ==============================================================================-->
| + | |
− | <!--panel 引用==================================================================================-->
| + | |
− | <style type="text/css">
| + | |
− | .panel-default .panel-heading a{
| + | |
− | text-decoration: none;
| + | |
− | display:block;
| + | |
− | padding:10px;
| + | |
− | }
| + | |
− | .panel-heading.panel-title{
| + | |
− | text-decoration: none;
| + | |
− | padding-top:0px;
| + | |
− | padding-bottom:0px;
| + | |
− | padding-left:0px;
| + | |
− | padding-right:0px;
| + | |
− | text-align:center;
| + | |
− | font-size:19px;
| + | |
− |
| + | |
− | }
| + | |
− | a[aria-expanded="true"] {
| + | |
− | background-color:rgba(70, 73, 76, 0.95);
| + | |
− | text-decoration: none;
| + | |
− | color:white;
| + | |
− | }
| + | |
− |
| + | |
− | .panel-default .panel-heading a[aria-expanded="false"]{
| + | |
− | -o-transition: background-color 1s linear;
| + | |
− | -moz-transition: background-color 1s linear;
| + | |
− | -khtml-transition: background-color 1s linear;
| + | |
− | -webkit-transition: background-color 1s linear;
| + | |
− | -ms-transition: background-color 1s linear;
| + | |
− | transition: background-color 1s linear;
| + | |
− | }
| + | |
− | .panel-default .panel-heading a[aria-expanded="false"]:hover{
| + | |
− | background-color:rgba(70, 73, 76, 0.95);
| + | |
− | text-decoration: none;
| + | |
− | color:white;
| + | |
− | }
| + | |
− | .panel-default .panel-heading a[aria-expanded="true"]{
| + | |
− | -o-transition: opacity 1s linear;
| + | |
− | -moz-transition: opacity 1s linear;
| + | |
− | -khtml-transition: opacity 1s linear;
| + | |
− | -webkit-transition: opacity 1s linear;
| + | |
− | -ms-transition: opacity 1s linear;
| + | |
− | transition: opacity 0.7s linear;
| + | |
− | }
| + | |
− | .panel-default .panel-heading a[aria-expanded="true"]:hover{
| + | |
− | opacity:0.7;
| + | |
− | }
| + | |
− |
| + | |
− | .coll p a{
| + | |
− | color:#5c9085 !important;
| + | |
− | }
| + | |
− | .coll p a:hover{
| + | |
− | color:#11abb0 !important;
| + | |
− | }
| + | |
− | .coll {
| + | |
− | width:100%;
| + | |
− | float:left;
| + | |
− | }
| + | |
− | .coll .info {
| + | |
− | width:6%;
| + | |
− | font-size:11px;
| + | |
− | color:#a4a4a4;
| + | |
− | margin-top:0px;
| + | |
− | float:left;
| + | |
− |
| + | |
− | }
| + | |
− | .coll .content {
| + | |
− | width:94%;
| + | |
− | float:left;
| + | |
− | margin-left:40px;
| + | |
− | margin-top:-3px;
| + | |
− | }
| + | |
− | .coll .ordi {
| + | |
− | width;100%;
| + | |
− | margin:0px 0px 0px 0px;
| + | |
− | font-size:35px;
| + | |
− | font-style:italic;
| + | |
− | float:left;
| + | |
− | color:#11abb0;
| + | |
− | opacity:0.8;
| + | |
− | }
| + | |
− |
| + | |
− | </style>
| + | |
− |
| + | |
− | <script type="text/javascript">
| + | |
− | $(document).ready(function(){
| + | |
− | $("#button1").click(function(){
| + | |
− | $(".panel-collapse").collapse("show");
| + | |
− | });
| + | |
− | });
| + | |
− | $(document).ready(function(){
| + | |
− | $("#button2").click(function(){
| + | |
− | $(".panel-collapse").collapse("hide");
| + | |
− | });
| + | |
− | });
| + | |
− | $("#notebook").addClass("navbar-active");
| + | |
− | </script>
| + | |
− | <!--panel 引用 end ==================-->
| + | |
− |
| + | |
| <!-- Navigation --> | | <!-- Navigation --> |
| <div id="navigation" class="navbar navbar-fixed-top"> | | <div id="navigation" class="navbar navbar-fixed-top"> |
Line 284: |
Line 125: |
| </div> | | </div> |
| <!--/Navigation --> | | <!--/Navigation --> |
− |
| + | |
− |
| + | |
| <!-- Page Title======================================================================== --> | | <!-- Page Title======================================================================== --> |
| <div id="page-title"> | | <div id="page-title"> |
Line 395: |
Line 236: |
| | | |
| </div> | | </div> |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | </div> <!-- Team wrapper End --> |
− | </div><!--row end-->
| + | |
− | </section>
| + | </div> <!-- row End --> |
− | </div><!--12 columes end-->
| + | |
− | </div><!--page-content end-->
| + | </section> <!-- section end --> |
− |
| + | |
− |
| + | </div> <!-- primary end --> |
− |
| + | |
− |
| + | </div> <!-- page-content End--> |
− |
| + | |
− |
| + | </div> <!-- Content End--> |
− |
| + | |
− |
| + | |
− | <!-- footer============================================================================== -->
| + | |
− | <style>
| + | |
− | footer .copyright span:before {
| + | <!-- footer |
− | content: "|";
| + | ================================================== --> |
− | padding-left: 10px;
| + | |
− | padding-right: 12px;
| + | |
− | color: #b4bbbb;
| + | |
− | }
| + | <style> |
− | footer .copyright span:after {
| + | footer .copyright span:before { |
− | content: "|";
| + | content: "|"; |
− | padding-left: 10px;
| + | padding-left: 10px; |
− | padding-right: 12px;
| + | padding-right: 12px; |
− | color: #b4bbbb;
| + | color: #b4bbbb; |
− | }
| + | } |
− | </style>
| + | footer .copyright span:after { |
− | <footer id="page-footer">
| + | content: "|"; |
− | <div class="row">
| + | padding-left: 10px; |
− | <div class="twelve columns" >
| + | padding-right: 12px; |
− | <ul class="copyright">
| + | color: #b4bbbb; |
− | <!--<li>© 2014 Sparrow</li> -->
| + | } |
− | <li><a href="https://2018.igem.org/Team:Peking">Home</a> <a href="mailto:indigomad@pku.edu.cn">Contact</a></li>
| + | </style> |
− | <span> ©2018 PEKING IGEM. All Rights Reserved.</span>
| + | |
− | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
| + | <footer id="page-footer"> |
− | </ul>
| + | |
− | </div>
| + | <div class="row"> |
− | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
| + | |
− | </div>
| + | <div class="twelve columns" > |
− | </footer> <!-- Footer End-->
| + | |
− |
| + | <ul class="copyright"> |
− |
| + | <!--<li>© 2014 Sparrow</li> --> |
− | <!-- Java Script======================================================================= -->
| + | <li><a href="https://2018.igem.org/Team:Peking">Home</a> <a href="mailto:indigomad@pku.edu.cn">Contact</a></li> |
− | <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
| + | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> |
− | <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
| + | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> |
− |
| + | </ul> |
− | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
| + | </div> |
− | <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
| + | |
− |
| + | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div> |
− |
| + | |
− | <!--quotations from black: start-->
| + | </div> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
| + | </footer> <!-- Footer End--> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
| + | <!-- Java Script======================================================================= --> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
| + | <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
| + | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
| + | <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
| + | <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
| + | <!--quotations from flexslider: start--> |
− | <!--quotations from black: end-->
| + | <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script> |
− | </body>
| + | <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script> |
− | </html>
| + | <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script> |
| + | <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script> |
| + | <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script> |
| + | <!--quotations from flexslider: end--> |
| + | |
| + | <!--quotations from black: start--> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script> |
| + | <!--quotations from black: end--> |
| + | |
| + | |
| + | </body> |