|
|
| (2 intermediate revisions by the same user not shown) |
| 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*/
| + | <!--very important: setting a class for homepage --> |
| − | #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;}
| + | <body class="home"> |
| − | #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 ...) */
| |
| − |
| |
| − | #mainnav a {text-decoration:none;}
| |
| − | </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>Safety</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 -->
| |
| − | <body class="home">
| |
| − |
| |
| − | <!-- setting a fullscreen image as background:
| |
| − | <img id="bg" src="images/apple.jpg" alt="apple-background" />
| |
| − | -->
| |
| | <div id="wrapper"> | | <div id="wrapper"> |
| | <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/Collaborations">Collaborations</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--> |
| | </header> | | </header> |
| | + | |
| | | | |
| | <div class="top-shadow"></div> | | <div class="top-shadow"></div> |
| Line 395: |
Line 90: |
| | </div> | | </div> |
| | </div><!--end one-third--> | | </div><!--end one-third--> |
| − |
| + | <div class="clear"></div> |
| | + | </div><!--end centered-wrapper--> |
| | <div class="space"></div> | | <div class="space"></div> |
| | | | |
| − |
| + | <footer id="footer1" style="border-top:5px solid #e1472f;"> |
| − | | + | |
| − | <footer id="footer">
| + | |
| | <div class="centered-wrapper"> | | <div class="centered-wrapper"> |
| | <div id="topfooter"> | | <div id="topfooter"> |
| Line 415: |
Line 109: |
| | | | |
| | <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> |