|
|
(One intermediate revision 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 ...) */
| |
− | </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>Team:SCUT/Discription</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="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="jhttp://3.graduatesession.sinaapp.com/2015SCUT/s/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>
| |
− |
| |
− | <body>
| |
− |
| |
− | <!-- 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/Collaboration">Collaboration</a></li>
| |
− |
| |
− |
| |
| | | |
− | </ul>
| |
− | </li>
| |
− | <li><a href="#"><span>PRACTICE</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>
| |
− |
| |
− | </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 334: |
Line 31: |
| <div class="title-content"> | | <div class="title-content"> |
| <div class="three-fourth"> | | <div class="three-fourth"> |
− | <h2>Discription</h2> | + | <h2>Description</h2> |
| </div> | | </div> |
| <div class="one-fourth column-last"> | | <div class="one-fourth column-last"> |
Line 583: |
Line 280: |
| <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"> |
| <div class="one-half"> | | <div class="one-half"> |
| <h3>About Us</h3> | | <h3>About Us</h3> |
− | <p>In 2015, we SCUT teams won top ten innovative and entrepreneurial team set up by SCUT. In our team everyone owns basic biological knowledge and skills of the competition(iGEM). </p> | + | <p class="percent-two-third">In 2015, we SCUT teams won top ten innovative and entrepreneurial team set up by SCUT.Because of the strong support of the college, our team is being on the right track, and increasing understanding of the subject and experience. </p> |
| <div class="footer-logo"></div> | | <div class="footer-logo"></div> |
| </div><!--end percent-one-half--> | | </div><!--end percent-one-half--> |
| <div class="one-half column-last"> | | <div class="one-half column-last"> |
| <div class="percent-one-half"> | | <div class="percent-one-half"> |
− | <h3>We are</h3> | + | |
| <div class="tweet"></div> | | <div class="tweet"></div> |
| </div> | | </div> |
| | | |
| <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> |
Line 630: |
Line 327: |
| </div><!--end bottomfooter--> | | </div><!--end bottomfooter--> |
| </footer><!--end footer--> | | </footer><!--end footer--> |
| + | |
| </div><!--end wrapper--> | | </div><!--end wrapper--> |
| </body> | | </body> |
| </html> | | </html> |