Difference between revisions of "Team:SCAU-China"

Line 1: Line 1:
 
{{SCAU-China}}
 
{{SCAU-China}}
−
<html lang="en" dir="ltr" class="client-nojs">
+
<!DOCTYPE html>
−
<head>
+
<html>
−
<meta charset="UTF-8" />
+
  <head>
−
<title>2016.igem.org</title>
+
    <meta charset="UTF-8">
−
<meta name="generator" content="MediaWiki 1.24.1" />
+
    <meta http-equiv="x-ua-compatible" content="IE=edge">
−
<link rel="shortcut icon" href="/favicon.ico" />
+
    <link rel="styleSheet" href="../css/pc.css">
−
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
+
  </head>
−
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
+
  <body>
−
<link rel="alternate" hreflang="x-default" href="/Main_Page" />
+
     <div class="container scac-page"><a href="#" class="icon-1"><img src="../img/icon-1.png"></a><a href="#" class="icon-2"><img src="../img/icon-2.png"></a><a href="#" class="icon-3"><img src="../img/icon-3.png"></a><a href="#" class="icon-4"><img src="../img/icon-4.png"></a><a href="#" class="icon-5"><img src="../img/icon-5.png"></a><a href="#" class="icon-6"><img src="../img/icon-6.png"></a><a href="#" class="icon-7"><img src="../img/icon-7.png"></a><a href="#" class="icon-8"><img src="../img/icon-8.png"></a><a href="#" class="icon-9"><img src="../img/icon-9.png"></a><a href="#" class="icon-10"><img src="../img/icon-10.png"></a><a href="#" class="icon-11"><img src="../img/icon-11.png"></a><a href="#" class="igem"><img src="../img/igem.png"></a>
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
      <p class="content"> weqweraserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;</p>
−
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
−
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
−
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
−
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
−
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
−
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
+
−
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
−
<script>if(window.mw){
+
−
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Main_Page","wgTitle":"Main Page","wgCurRevisionId":114107,"wgRevisionId":114107,"wgArticleId":1,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Main_Page","wgIsProbablyEditable":false,"wgRestrictionEdit":["sysop"],"wgRestrictionMove":["sysop"],"wgIsMainPage":true,"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
−
}</script><script>if(window.mw){
+
−
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
−
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false,"variant":"en"});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"+\\","patrolToken":"+\\","watchToken":"+\\"});},{},{});
+
−
/* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:c2a6e0f393444edcfe542f485c3692c2 */
+
−
}</script>
+
−
<script>if(window.mw){
+
−
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
−
}</script>
+
−
</head>
+
−
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Main_Page skin-igem action-view">
+
−
 
+
−
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
−
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
−
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
−
 
+
−
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
+
−
 
+
−
 
+
−
     <div id='globalWrapper'>
+
−
        <div id='top_menu_under' class='noprint'></div>
+
−
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
−
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
−
    {  t:"Main%20Page",
+
−
a:"View+%2FMain_Page++View source+%2Fwiki%2Findex.php%3Ftitle%3DMain_Page%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DMain_Page%26action%3Dhistory++Page+%2FMain_Page++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3AMain_Page%26action%3Dedit%26redlink%3D1++" });
+
−
</script>
+
−
 
+
−
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
+
−
<div id="content" class="mw-body" role="main">
+
−
    <a id="top"></a>
+
−
 
+
−
            <div id="top_title">
+
−
                <div class="logo_2016">
+
−
                    <a href="https://2016.igem.org">
+
−
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
+
−
                    </a>
+
−
                </div>
+
−
 
+
−
        <h1 id="firstHeading" class="firstHeading">
+
−
            <span dir="auto">Main Page</span>
+
−
        </h1>
+
−
            </div>
+
−
 
+
−
            <div id="HQ_page">
+
−
                <div id="bodyContent">
+
−
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
−
 
+
−
 
+
−
<style>
+
−
#HQ_page .threeColumns { width:30%;}
+
−
 
+
−
.firstHeading, .logo_2016 {display:none;}
+
−
 
+
−
/*
+
−
@media only screen and (max-width: 950px) {
+
−
#content {width:100%; margin-left:0px; padding:0px; margin:auto;}
+
−
#HQ_page .threeColumns {width: 30%;}
+
−
}
+
−
 
+
−
@media only screen and (max-width: 750px) {
+
−
#HQ_page .threeColumns {width:95%; }
+
−
}
+
−
*/
+
−
 
+
−
#exampleSlider ul li {list-style: none;}
+
−
 
+
−
.highlight_box.lime_green {background-color: #e8edaa;}
+
−
/*  .highlight_box.lime_green:hover {background-color: #fcffd7;} */
+
−
 
+
−
</style>
+
−
 
+
−
<!-- <img src="https://static.igem.org/mediawiki/2016/d/d1/2016-iGEM-from-Above-cropped.png" alt=""  width="950px"/>-->
+
−
 
+
−
 
+
−
<div class="clear"></div>
+
−
 
+
−
 
+
−
<div style="width: 315px; float:left;">
+
−
<center> <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg">
+
−
<br><BR>
+
−
<h2> BUILD, SHARE, CELEBRATE !</H2>
+
−
</center>
+
−
 
+
−
</div>
+
−
 
+
−
<div style="width: 600px; float:left; PADDING-LEFT:15PX; ">
+
−
<ul style="list-style: none; margin:0px;">
+
−
    <li><img src="https://static.igem.org/mediawiki/2016/6/61/Main_page_01.jpg" alt="" /></li> <!--
+
−
    <li><img src="https://static.igem.org/mediawiki/2016/e/e9/Main_page_02.jpg" alt="" /></li>
+
−
    <li><img src="https://static.igem.org/mediawiki/2016/f/fd/Main_page_03.jpg" alt="" /></li>
+
−
    <li><img src="https://static.igem.org/mediawiki/2016/f/f5/Main_page_04.jpg" alt="" /></li> -->
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="clear"></div>
+
−
<!-- ~~~~~~~~ ALERT BOX ~~~~~~~~ -->
+
−
<!--
+
−
<div class="oneColumns">
+
−
<div class="highlight_box red">
+
−
<br><center><font color=white><b>Attention: All igem.org sites will be down for maintenance on Wednesday June 8th from 8:00 to 10:00AM Boston time.</b></font></center>
+
−
<br>
+
−
</div>
+
−
-->
+
−
 
+
−
<!-- ~~~~~~~~ SEASON HIGHLIGHTS ~~~~~~~~ -->
+
−
<!-- ^^^^^^ When you ADD a SEASON HIGHLIGHT, be sure to use the 4th color block that is not currently in use when you edit the page. Every change should include a new color to in order to provide a visual cue for the user. ^^^^^ -->
+
−
<!-- <h3>Highlights</h3>-->
+
−
 
+
−
<style>
+
−
.highlight_box {padding:10px; color:black; cursor:pointer}
+
−
#HQ_page .threeColumns .highlight_box h4, #HQ_page .oneColumn .highlight_box h4 { text-align:center; color:white; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px;}
+
−
 
+
−
.highlight_box.red {background-color: #e9232f; color:white;}
+
−
.highlight_box.red:hover {background-color: #f67d85;}
+
−
 
+
−
 
+
−
.highlight_box.turquoise:hover { background-color: #84bea7;}
+
−
.highlight_box.turquoise {background-color:#5ba88a; color:white;}
+
−
 
+
−
.highlight_box.orange:hover {background-color: #f59864;}
+
−
.highlight_box.orange { background-color:#f17530; color:white;}
+
−
 
+
−
.highlight_box.navy:hover {background-color: #7a8892;}
+
−
.highlight_box.navy { background-color:#4e606e; color:white;}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
<div class="threeColumns" onClick="parent.location= 'https://2016.igem.org/Giant_Jamboree'">
+
−
<div  class="highlight_box navy">
+
−
<h4> Giant Jamboree registration is OPEN </h4>
+
−
<p>Attend the Giant Jamboree in Boston from October 27-31. Come celebrate your hard work! <span style="font-weight:bold; color:#e9232f;"> &#160;&#160;&#160;&#160;  Registration deadline: August 31</span>
+
−
<center><a href="https://2016.igem.org/Giant_Jamboree">Learn more about the Giant Jamboree</a></center>
+
−
<center>OR</center>
+
−
<center><b><a href="https://www.regonline.com/iGEM2016GiantJamboree">REGISTER NOW!</a></b></center>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="threeColumns" onClick="parent.location= 'https://2016.igem.org/Judging/Apply'">
+
−
<div  class="highlight_box turquoise">
+
−
<h4>Judging Forms are Open!</h4>
+
−
<p>All teams must fill out a Judging Form! Judges use the form to evaluate a team for prizes and awards.  
+
−
<br>
+
−
<center>Head to your <a href="https://igem.org/Team_List.cgi">team information page</a> and click on the Judging Form link at the top.</p>
+
−
<b>Deadline: Oct 14th</b></center>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="threeColumns">
+
−
<div class=" highlight_box lime_green" style="    height: 168px;">
+
−
<h4 style="  border-bottom: 1px solid black; color:black">300 Teams! </h4>
+
−
<p> <center> <b>We're excited to announce that <b>300 teams</b> have officially registered for iGEM 2016! </b> </center> <br><br>
+
−
See the <a href="https://igem.org/Team_List?year=2016">complete list of teams here</a> or take a look at the <a href="https://2016.igem.org/Community/Map"> world map.</a>
+
−
<br>
+
−
</p>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="clear"></div>
+
−
 
+
−
<div class="oneColumn" style="padding-top:0px;">
+
−
<!-- ~~~~~~~~ iGEM NEWS ~~~~~~~~ -->
+
−
<div class="clear"></div>
+
−
<div class="clear gray_line" STYLE="WIDTH:920PX"></div>
+
−
 
+
−
 
+
−
<center> <h1>iGEM News</h1></center>
+
−
 
+
−
<div id="load_newsItems_here">
+
−
 
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear"></div>
+
−
</div>
+
−
 
+
−
<div class="threeColumns"></div>
+
−
 
+
−
<div class="threeColumns">
+
−
<a href="https://2016.igem.org/Archive"><div class="button">
+
−
MORE NEWS
+
−
</div></a>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="clear"></div>
+
−
 
+
−
 
+
−
<div class="oneColumn">
+
−
 
+
−
 
+
−
 
+
−
<center>
+
−
<h2> Sponsors </h2>
+
−
<BR>
+
−
<a href="https://2016.igem.org/Sponsors/IDT"><img src="https://static.igem.org/mediawiki/2015/b/ba/Idt_logo2015.jpg" width="180px"></a>
+
−
<br><br>
+
−
<a href="https://igem.org/Sponsors"><img src="https://static.igem.org/mediawiki/igem.org/3/33/Agilent_igemlogo.jpg" width="200px"></a>
+
−
<a href="https://2016.igem.org/Sponsors/Autodesk"><img src="https://static.igem.org/mediawiki/igem.org/c/c6/Autodesk-logo.png" width="150px"> </a>
+
−
<a href="https://igem.org/Sponsors"><img src="https://static.igem.org/mediawiki/igem.org/3/3a/FBI_Seal.jpeg"width="95px"></a>
+
−
<a href="https://2016.igem.org/Sponsors/GenScript"><img src="https://static.igem.org/mediawiki/igem.org/a/a6/HQ_sponsor_genscript.jpg" width="130px"> </a>
+
−
<br> 
+
−
<a href="https://2016.igem.org/Sponsors/MathWorks"><img src="https://static.igem.org/mediawiki/2012/c/c0/MathWorks_logo_small.png" width="150px">    </a> 
+
−
<a href="http://blogs.plos.org/collections/plos-igem-collection/"><img src="https://static.igem.org/mediawiki/2016/c/c2/Plos_logo.jpg"  width="120px"> </a>
+
−
<a href="https://2016.igem.org/Sponsors/Synbiobeta"><img src="https://static.igem.org/mediawiki/2015/9/92/SynBioBeta_Logo.png" width="150px"> </a>
+
−
<br> 
+
−
<a href="https://2016.igem.org/SYNENERGENE_Calls_for_Proposals"><img src="https://static.igem.org/mediawiki/igem.org/9/9f/Synenergene-logo.png" width="150px">  </a>
+
−
<a href="https://2016.igem.org/Sponsors/Syngenta"><img src="https://static.igem.org/mediawiki/2016/9/95/Syngenta_logo.png" width="120px">   </a>
+
−
<a href="https://igem.org/Sponsors"><img src="https://static.igem.org/mediawiki/2015/8/88/Twist_Logo-03.jpg" width="80px">      </a>   
+
−
<br><br>
+
−
<a href="https://igem.org/Sponsors"><img src="https://static.igem.org/mediawiki/igem.org/a/a0/SGI-DNA_logo.png" width="80px"></a>
+
−
<a href="https://igem.org/Sponsors"><img src="https://static.igem.org/mediawiki/igem.org/f/f3/Gen9_New_Logo_Avenir.png" width="70px">
+
−
</center>
+
−
 
+
−
</div>
+
−
 
+
−
<script>
+
−
$(document).ready(function() {
+
−
 
+
−
// to use this function send the "source page" and then send the div's id to where you want to send it
+
−
load_these_items ( "https://2016.igem.org/Archive #load_these_newsItems", "load_newsItems_here");
+
−
 
+
−
});
+
−
 
+
−
 
+
−
function load_these_items ( source_page , destination_div ) {
+
−
 
+
−
$("#"+destination_div ).load( source_page , function() { 
+
−
});
+
−
}
+
−
 
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<style>
+
−
 
+
−
 
+
−
#home_logo {display:none;}
+
−
#menuDisplay { margin-top:-5px;}
+
−
 
+
−
 
+
−
.pop_why_cover{   
+
−
display:none;
+
−
z-index: 90;
+
−
top: 0px;
+
−
left: 0px;
+
−
width: 100vw;
+
−
height: 101%;
+
−
float: left;
+
−
position: absolute;
+
−
opacity: 0.5;
+
−
background-color: #b2b2b2;
+
−
margin: 0px;
+
−
padding:0px;
+
−
 
+
−
}
+
−
 
+
−
.specific_page_menu { margin: 0px -15px 20px -15px; background-color:#f2f2f2; padding:15px; }
+
−
 
+
−
.pop_close {
+
−
    font-size: 20px;
+
−
    border: 3px solid #f17530;
+
−
    padding: 0px 7px 2px 7px;
+
−
    color: #f17530;
+
−
background-color: white;
+
−
    border-radius: 5px;
+
−
    cursor: pointer;
+
−
    font-weight: bold;
+
−
    width: 10px;
+
−
    float: right;
+
−
    height: 23px;
+
−
}
+
−
 
+
−
.pop_close:hover {
+
−
    background-color: #f17530;
+
−
color: white;
+
−
}
+
−
 
+
−
.pop_why_box {
+
−
position:fixed;
+
−
top: 100px;
+
−
border-color: #5ba88a;
+
−
}
+
−
 
+
−
 
+
−
.pop_why {
+
−
    border: 2px solid #5ba88a;
+
−
    color: #5ba88a;
+
−
}
+
−
 
+
−
.pop_why:hover {
+
−
background-color: #5ba88a;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
.gray_line{
+
−
border-top: 2px solid #d3d3d3; width:950px; height: 20px;}
+
−
 
+
−
#sideMenu a:hover {
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
 
+
−
/* make the background of a div light gray */
+
−
#HQ_page .background_lime {
+
−
background-color: #e8edaa;
+
−
}
+
−
 
+
−
 
+
−
#HQ_page .quicklinks a {
+
−
color: #4e606e;
+
−
}
+
−
 
+
−
#HQ_page .quicklinks a:hover {
+
−
color: #f27631;
+
−
}
+
−
 
+
−
 
+
−
#sideMenu {padding-bottom:0px; }
+
−
 
+
−
#HQ_page .full_border {padding: 10px 15px;}
+
−
</style>
+
−
 
+
−
<script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
hub_list[1]= "Requirements";
+
−
 
+
−
hub_list[2]= "Safety";
+
−
 
+
−
hub_list[3]= "Judging";
+
−
 
+
−
hub_list[4]= "Resources";
+
−
 
+
−
hub_list[5]= "Test";
+
−
 
+
−
hub_list[6]= "Team_Information";
+
−
 
+
−
hub_list[7]= "Community";
+
−
 
+
−
hub_list[8]= "Tracks";
+
−
 
+
−
hub_list[8]= "Giant_Jamboree";
+
−
 
+
−
var which_why= "why_default"; //STORES WHAT WHY IS BEING CALLED, has a default assigned
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
$(document).ready(function(){
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
var y= $(document).height();
+
−
var x= $( document ).width();
+
−
 
+
−
var w;
+
−
var u;
+
−
 
+
−
$(".pop_why").click(function() { //IF A POP WHY IS CLICKED
+
−
+
−
 
+
−
 
+
−
which_why = "https://2016.igem.org/HQ:Why"+" " + "#" +which_why;
+
−
 
+
−
 
+
−
 
+
−
$( ".pop_why_content" ).load( which_why , function() {
+
−
 
+
−
$(".pop_close").click(function() {
+
−
remove_popwhy();
+
−
});
+
−
 
+
−
$(".pop_why_cover").click(function() {
+
−
remove_popwhy();
+
−
});
+
−
 
+
−
} );
+
−
 
+
−
 
+
−
 
+
−
// CALL BOTH ELEMENTS
+
−
$(".pop_why_box").show();
+
−
$(".pop_why_cover").show();
+
−
 
+
−
 
+
−
//w= $(window).height();
+
−
//u=  $(".pop_why_content").height();
+
−
//w=w-u;
+
−
//w=w/2;
+
−
 
+
−
 
+
−
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
+
−
 
+
−
 
+
−
 
+
−
//$(".pop_why_cover").css("height" , y);
+
−
//$(".pop_why_cover").css("width" , x);
+
−
});
+
−
 
+
−
});
+
−
 
+
−
 
+
−
// IF THE CLOSE BUTTON IS CLICKED OR ANYTHING OUTSIDE THE POP WHY DIV
+
−
function remove_popwhy () {
+
−
 
+
−
$(".pop_why_box").hide();
+
−
$(".pop_why_cover").hide();
+
−
$( ".pop_why_content" ).empty();
+
−
 
+
−
}
+
−
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// END POP WHY ( ? )
+
−
 
+
−
 
+
−
 
+
−
// CLICK_OPEN =  EXPAND OR COLLAPSE CONTENT
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
$(".click_open").click(function() {
+
−
var myself = $(this);
+
−
var my_content = myself.find(".click_content");
+
−
var my_icon = myself.find(".click_icon");
+
−
 
+
−
if ( my_content.is(':visible')) {
+
−
my_content.hide();
+
−
my_icon.html("▼");
+
−
myself.css("background-color", "#f2f2f2");
+
−
}
+
−
 
+
−
else {
+
−
my_content.show();
+
−
my_icon.html("▶");
+
−
myself.css("background-color", "#ffffff");
+
−
}
+
−
});
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
 
+
−
$(".menu_control").click(function() {
+
−
$("#sideMenu").toggle();
+
−
$(".menu_cover").toggle();
+
−
});
+
−
 
+
−
$(".menu_cover").click(function() {
+
−
$("#sideMenu").toggle();
+
−
$(".menu_cover").toggle();
+
−
});
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</p>
+
−
<!--
+
−
NewPP limit report
+
−
CPU time usage: 0.005 seconds
+
−
Real time usage: 0.005 seconds
+
−
Preprocessor visited node count: 9/1000000
+
−
Preprocessor generated node count: 44/1000000
+
−
Post‐expand include size: 41/2097152 bytes
+
−
Template argument size: 0/2097152 bytes
+
−
Highest expansion depth: 2/40
+
−
Expensive parser function count: 0/100
+
−
-->
+
−
 
+
−
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:1-0!*!*!*!*!*!* and timestamp 20160908173203 and revision id 114107
+
−
-->
+
−
</div>             <div class="visualClear"></div>
+
−
            </div>
+
−
    </div>
+
−
 
+
−
        </div>
+
−
 
+
−
        <!-- Side Menubar -->
+
−
        <div id="sideMenu">
+
−
            <a href="https://2016.igem.org">
+
−
                <div id="home_logo" >
+
−
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
+
−
                </div>
+
−
            </a>
+
−
 
+
−
            <div style="clear:both; height:5px;"></div>
+
−
 
+
−
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
+
−
        </div>
+
−
 
+
−
        <!-- Pop_Why Div is definded here -->
+
−
        <div class="pop_why_cover"></div>
+
−
 
+
−
        <div class="pop_why_box" >
+
−
            <div class="pop_close">× </div>
+
−
            <div class="pop_why_content"><h3> Loading ... </h3></div>
+
−
        </div>
+
−
 
+
 
     </div>
 
     </div>
 +
    <div class="container footer-table">
 +
      <table>
 +
        <tr>
 +
          <th>home1</th>
 +
          <th>product2</th>
 +
          <th>product3</th>
 +
          <th>product4</th>
 +
          <th>product5</th>
 +
          <th>product6</th>
 +
          <th>product7</th>
 +
          <th>product8</th>
 +
        </tr>
 +
        <tr>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
        </tr>
 +
        <tr>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
        </tr>
 +
        <tr>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
        </tr>
 +
        <tr>
 +
          <td></td>
 +
          <td></td>
 +
          <td></td>
 +
          <td></td>
 +
          <td></td>
 +
          <td></td>
 +
          <td>2sffsdf</td>
 +
          <td></td>
 +
        </tr>
 +
      </table>
 +
      <ul class="contact-us clear">
 +
        <li><img src="../img/tel.png"><span>158********</span></li>
 +
        <li><img src="../img/wechat.png"><span>duguqiubai</span></li>
 +
        <li><img src="../img/qq.png"><span>88888888</span></li>
 +
      </ul>
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 15:02, 28 September 2016

MENU ▤

<!DOCTYPE html>

weqweraserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;raserhsfgsdlfsdui;

home1 product2 product3 product4 product5 product6 product7 product8
2sffsdf 2sffsdf 2sffsdf 2sffsdf 2sffsdf 2sffsdf
2sffsdf 2sffsdf 2sffsdf 2sffsdf 2sffsdf
2sffsdf 2sffsdf 2sffsdf
2sffsdf
  • 158********
  • duguqiubai
  • 88888888