|
|
Line 1: |
Line 1: |
| + | {{Template:Team:SCUT/2015template}} |
| <html xmlns="http://www.w3.org/1999/xhtml"> | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> | | <head> |
− | <style>
| |
− | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
− |
| |
− | <!-- mobile meta tag -->
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
| |
| | | |
− | /* hiding the top section*/
| |
− | body{position:absolute; top:0px; width:100%;height:auto;font-family:微软雅黑;background:transparent;}
| |
− | #top-section{
| |
− | height:0px;
| |
− | border:none;
| |
− | width:980px;
| |
− | margin:5px auto;
| |
− | padding:0 0 0 0;
| |
− | background-color:transparent;
| |
− | }
| |
− | #p-logo{display:none;}
| |
− | #search-controls{display:none;}
| |
− | #top{display:none;}
| |
− | .firstHeading{display:none;}
| |
− | /* end of hiding the top section*/
| |
− |
| |
− | /* global setting*/
| |
− | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;}
| |
− | #content{
| |
− | position:absolute;
| |
− | background-color:transparent;
| |
− | border:none;
| |
− | width:100%;
| |
− | height:auto;
| |
− | marign:0 auto;
| |
− | padding:0 0 0 0;
| |
− | top:0px;
| |
− | }
| |
− | #bodyContent{
| |
− | background-color:transparent;
| |
− | border:none;
| |
− |
| |
− | }
| |
− | siteSub{
| |
− | display:none;
| |
− | border:none;
| |
− | }
| |
− | contentSub{
| |
− | display:none;
| |
− | }
| |
− | /* end of global setting*/
| |
− |
| |
− | /*hiding the footer-box*/
| |
− | #footer-box{display:none;}
| |
− | #catlinks{display:none;}
| |
− | /*end of hiding the footer book*/
| |
− |
| |
− | /* menu (page, edit ...) */
| |
− | #menubar {
| |
− | background-color:transparent;
| |
− | position: relative;
| |
− | float:left;
| |
− | white-space: nowrap;
| |
− | top:-6px;
| |
− | width:490px;
| |
− | z-index: 5000;
| |
− | font-family: sans-serif;
| |
− | font-size: 95%;
| |
− | line-height: 1em;
| |
− | z-index:99;
| |
− | }
| |
− |
| |
− | .left-menu{margin-left:-180px;}
| |
− | .left-menu, .left-menu a {
| |
− | text-align: left;
| |
− |
| |
− | text-transform:lowercase;
| |
− | }
| |
− |
| |
− | .left-menu:hover {
| |
− |
| |
− | background-color: transparent;
| |
− | display:block;
| |
− | }
| |
− |
| |
− | .right-menu{width:400px; float:right;margin-left:100px;}
| |
− | .right-menu, .right-menu a {
| |
− | right: 0px;
| |
− | text-align: right;
| |
− | color: #999999;
| |
− |
| |
− | }
| |
− | #menubar ul {
| |
− | color: #999999;
| |
− | list-style: none;
| |
− | }
| |
− | #menubar li {
| |
− | display: inline;
| |
− | position: relative;
| |
− | cursor: pointer;
| |
− | padding-left: 0px;
| |
− | padding-right: 0px;
| |
− | }
| |
− | .left-menu li a {
| |
− | padding: 0px 10px 0px 0px;
| |
− | color:black;
| |
− | }
| |
− | .left-menu .selected {
| |
− | # color: #999999;
| |
− | }
| |
− | #.left-menu .selected:hover {
| |
− | # color: #999999;
| |
− | #}
| |
− |
| |
− | .left-menu:hover a {
| |
− | color:white;
| |
− | }
| |
− |
| |
− | .left-menu li a:hover {
| |
− | color: #D00000;
| |
− | text-decoration: underline;
| |
− | color:white;
| |
− | }
| |
− |
| |
− |
| |
− | .right-menu li {
| |
− | background-color: transparent;
| |
− | }
| |
− | .right-menu li a {
| |
− | padding: 0px 15px 0px 0px;
| |
− | color: #999999;;
| |
− | background-color: transparent;
| |
− | color:white;
| |
− | }
| |
− | .right-menu li a:hover {
| |
− | color: #D00000;
| |
− | text-decoration: underline;
| |
− | color:white;
| |
− | }
| |
− | /* end menu (edit, page ...) */
| |
− | </style>
| |
− |
| |
− | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
− |
| |
− | <!-- mobile meta tag -->
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
| |
− |
| |
− | <title>Achievement</title>
| |
− |
| |
− | <!-- main style -->
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/style.css" media="screen" />
| |
− |
| |
− | <!-- color scheme -->
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/red/red.css" media="screen" title="red" />
| |
− |
| |
− | <!--miscellaneous-->
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/superfish.css" media="screen">
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/prettyPhoto.css" media="screen"/>
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/font-awesome.css" media="screen"/>
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/audioplayer.css" media="screen" />
| |
− |
| |
− | <!-- revolution slider settings -->
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/rs-plugin/css/settings.css" media="screen" />
| |
− |
| |
− | <!-- setting mobile environment -->
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/responsive.css" media="screen" />
| |
− |
| |
− | <!--[if IE 7]>
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/font-awesome-ie7.min.css">
| |
− | <![endif]-->
| |
− |
| |
− | <!--[if lt IE 9]>
| |
− | <script src="../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| |
− | <![endif]-->
| |
− |
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery-1.8.3.min.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/hoverIntent.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/superfish.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.jcarousel.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.tweet.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jflickrfeed.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.prettyPhoto.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/slides.min.jquery.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.mobilemenu.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.contact.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.preloadify.min.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.jplayer.min.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.isotope.min.js"></script>
| |
− |
| |
− | <!-- jQuery Revolution Slider -->
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
| |
− |
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/custom.js"></script>
| |
− |
| |
− | <link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/template-changer.css" media="screen"/>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/jquery.cookie.js"></script>
| |
− | <script type="text/javascript" src="http://3.graduatesession.sinaapp.com/2015SCUT/js/styleswitch.js"></script>
| |
− |
| |
− | <!-- Google Web Fonts -->
| |
− | <link href=“http://3.graduatesession.sinaapp.com/2015SCUT/css@family=Open+Sans_3A300,400,600,700”rel=“stylesheet”type=“text/css”>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(function()
| |
− | {
| |
− | // Call stylesheet init so that all stylesheet changing functions
| |
− | // will work.
| |
− | $.stylesheetInit();
| |
− |
| |
− | // This code loops through the stylesheets when you click the link with
| |
− | // an ID of "toggler" below.
| |
− | $('#toggler').bind(
| |
− | 'click',
| |
− | function(e)
| |
− | {
| |
− | $.stylesheetToggle();
| |
− | return false;
| |
− | }
| |
− | );
| |
− |
| |
− | // When one of the styleswitch links is clicked then switch the stylesheet to
| |
− | // the one matching the value of that links rel attribute.
| |
− | $('.styleswitch').bind(
| |
− | 'click',
| |
− | function(e)
| |
− | {
| |
− | $.stylesheetSwitch(this.getAttribute('rel'));
| |
− | return false;
| |
− | }
| |
− | );
| |
− | }
| |
− | );
| |
− | </script>
| |
− |
| |
− | </head>
| |
| | | |
| <!--very important: setting a class for homepage --> | | <!--very important: setting a class for homepage --> |
| <body class="home"> | | <body class="home"> |
− |
| |
− | <!-- setting a fullscreen image as background:
| |
− | <img id="bg" src="images/apple.jpg" alt="apple-background" />
| |
− | -->
| |
| | | |
| | | |
Line 245: |
Line 12: |
| <header id="header"> | | <header id="header"> |
| <div class="centered-wrapper"> | | <div class="centered-wrapper"> |
− | <div class="one-third">
| |
− | <div class="logo"><a href="https://2015.igem.org/Team:SCUT"></a></div>
| |
− | </div><!--end one-third-->
| |
| | | |
− | <div class="two-third column-last">
| |
− | <nav id="navigation">
| |
− | <ul id="mainnav">
| |
− | <li><a href="https://2015.igem.org/Team:SCUT"><span>HOME</span></a>
| |
− |
| |
− | </li>
| |
− | <li><a href="#"><span>TEAM</span></a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Attributions">Attributions</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Gallery">Gallery</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Members">Members</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/OurUniversity">Our University</a></li>
| |
− | </ul>
| |
− |
| |
− | </li>
| |
− | <li><a href="#"><span>PROJECT</span></a>
| |
− | <ul>
| |
− |
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/BackgroundOverview">Background & Overview</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/CadmiumAbsorption">Cadmium Absorption</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/SensorSystem">Sensor System</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Protocol">Protocol</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Notebook">NOTEBOOK</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Achievement">ACHIEVEMENT</a></li>
| |
− |
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Modeling"><span>MODELING</span></a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Overview">Overview</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Biosensor">Biosensor</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Bioeffector">Bioeffector</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/FutureWork">Future Work</a></li>
| |
− |
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="#"><span>RESULT</span></a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Parts">Parts</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/BasicParts">Basic Parts</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Inthelab">In the lab</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Description">Description</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Measurement">Measurement</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Collaboration">Collaboration</a></li>
| |
− |
| |
− |
| |
| | | |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Practices"><span>PRACTICES</span></a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/EconomicsandEthics">Economics and ethics</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Outdoors">OUTDOORS</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/SynBiologyStudy">SYN-BIOLOGY STUDY</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Visits">VISITS</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Questionnaire">Questionnaire</a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− |
| |
− |
| |
− | <li><a href="https://2015.igem.org/Team:SCUT/Safety"><span>SAFETY</span></a>
| |
− |
| |
− | </li>
| |
− |
| |
− |
| |
− | </ul>
| |
− | </nav><!--end navigation-->
| |
− | </div><!--end two-third-->
| |
| <div class="clear"></div> | | <div class="clear"></div> |
| </div><!--end centered-wrapper--> | | </div><!--end centered-wrapper--> |
Line 424: |
Line 117: |
| | | |
| <div class="space"></div> | | <div class="space"></div> |
− | <footer id="footer"> | + | <footer id="footer1" style="border-top:5px solid #e1472f;"> |
| <div class="centered-wrapper"> | | <div class="centered-wrapper"> |
| <div id="topfooter"> | | <div id="topfooter"> |
Line 439: |
Line 132: |
| | | |
| <div class="percent-one-half column-last"> | | <div class="percent-one-half column-last"> |
− | <h3>Thanks</h3> | + | <h3 style="margin-left:20px;">Thanks</h3> |
| <ul> | | <ul> |
| <li>Zhang Zhenwu,Prof. Guo Shouqian,Dr. Li, Dr. Li Cheng,Dr. Wang Meng,Chen Kejie</li> | | <li>Zhang Zhenwu,Prof. Guo Shouqian,Dr. Li, Dr. Li Cheng,Dr. Wang Meng,Chen Kejie</li> |