(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css"> | ||
+ | <link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickthemecss190&action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <style> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, | ||
+ | #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear { | ||
+ | display: none; | ||
+ | } | ||
− | + | #top-section { | |
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | #globalWrapper, #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
− | + | html, body, .wrapper { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
+ | background-color: transparent; | ||
+ | } | ||
− | |||
− | |||
− | + | #logo { | |
+ | float: left; | ||
+ | position: relative; | ||
+ | margin-left:1%; | ||
+ | display: block !important; | ||
+ | } | ||
+ | #logo img { width:150px;} /*???*/ | ||
− | + | #content{ | |
− | + | margin-top: -22px; | |
+ | padding: 0px; | ||
+ | background-color: #E6E6F2; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | } | ||
+ | #header { | ||
+ | background: linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -webkit-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -moz-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -o-linear-gradient(to right, #005AB5, #007500); | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding: 2% 0%; | ||
+ | margin: 0 0px !important; | ||
+ | } | ||
+ | #footer { | ||
+ | background: linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -webkit-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -moz-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -o-linear-gradient(to right, #005AB5, #007500); | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding: 7px 0; | ||
+ | margin: 0 0px !important; | ||
+ | } | ||
+ | #menu a { text-decoration: none; } | ||
+ | #menu a:link, a:visited, a:active { color: white; } | ||
+ | #menu a:hover { color: #c1d9ff; } | ||
+ | #menu { | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | transform: translateY(-10%); | ||
+ | margin-right: 1%; | ||
+ | display: block !important; | ||
+ | } | ||
+ | #menu li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | padding:2% 0%; | ||
+ | |||
+ | } | ||
+ | #menu li a { font: 18px sans-serif; font-weight: bolder; padding: 15px; } | ||
+ | #menu ul li ul { | ||
+ | background-color: #336666; | ||
+ | opacity: 0.8 ; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | margin: 0; | ||
+ | padding: 10% 0; | ||
+ | font-weight: lighter !important; | ||
+ | } | ||
+ | #menu ul li ul li { font-size: 10px; padding: 5%; } | ||
+ | #menu li:hover ul, .menu li.over ul { display: block; } | ||
+ | |||
+ | |||
+ | #sponsors { | ||
+ | text-align: center; | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | #contact { | ||
+ | text-align: center; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | #contact a { text-decoration: none; } | ||
+ | #contact a:link, a:visited, a:active { color: white; } | ||
+ | #contact a:hover { color: #c1d9ff; } | ||
+ | |||
+ | |||
+ | #section {clear: both; | ||
+ | width:100%; | ||
+ | margin-top:-20px; | ||
+ | padding: 133px auto 0 auto; | ||
+ | overflow: hidden; | ||
+ | background-color:white !important;} | ||
+ | #main-title { | ||
+ | font-size: 45px; | ||
+ | color: #4b5ea4; | ||
+ | font-family: sans-serif; | ||
+ | text-align: center; | ||
+ | font-weight: lighter; | ||
+ | margin: 0; | ||
+ | padding: 30px 0px 0px 0px; | ||
+ | margin: 0px 67px 0px 65px; | ||
+ | } | ||
+ | .sublinks { text-align: center; } | ||
+ | .sublinks h2 { | ||
+ | display: inline-block; | ||
+ | margin: 20px 40px; | ||
+ | } | ||
+ | .sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4; font-family: sans-serif; font-weight: lighter; } | ||
+ | .sub-title { | ||
+ | font-family: sans-serif; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .conteudo { | ||
+ | width:100%; | ||
+ | max-width: 1800px; | ||
+ | background-color: white; | ||
+ | line-height: 1.5; | ||
+ | clear: both; | ||
+ | padding: 0px 100px 10px 100px; | ||
+ | } | ||
+ | .p-top { | ||
+ | color: #4b5ea4; | ||
+ | text-align: center; | ||
+ | margin-top: 5px; | ||
+ | font: 25px sans-serif; | ||
+ | transform: translateY(80%); | ||
+ | } | ||
+ | |||
+ | .panel-default > .panel-heading { | ||
+ | color: #333; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | p.partone { | ||
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | |||
+ | } | ||
+ | p { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-weight: 400 !important; | ||
+ | font-size: 18px !important; | ||
+ | line-height: 1.5; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | h4 { | ||
+ | font-family: 'Josefin Sans', sans-serif !important; | ||
+ | font-size: 30px !important; | ||
+ | } | ||
+ | .some-padding { | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | h4{ | ||
+ | display: inline-block; | ||
+ | display:-webkit-inline-block; /* Safari, Chrome, and Opera */ | ||
+ | display: -moz-inline-block;/* Firefox */ | ||
+ | display: -o-inline-block; | ||
+ | width: 700px; | ||
+ | } | ||
+ | h1{ | ||
+ | margin-bottom:0px !important; | ||
+ | } | ||
+ | *{margin: 0;padding: 0;} | ||
+ | |||
+ | #box div{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 600px; | ||
+ | height: 500px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #box img{ | ||
+ | width: 600px; | ||
+ | height: 500px; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul li{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | ol li{ | ||
+ | |||
+ | list-style-type:decimal; | ||
+ | |||
+ | list-style-position:inside ; | ||
+ | |||
+ | font-size: 15px; | ||
+ | |||
+ | } | ||
+ | ol{ | ||
+ | padding-left: 10px ; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | .parttwo a{ | ||
+ | display: block; | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | #header{ | ||
+ | width: 100%; | ||
+ | height:95px; /* header的高度一定要是固定值*/ | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | clear:both; | ||
+ | z-index: 3; | ||
+ | |||
+ | } | ||
+ | #footer{ | ||
+ | width: 100%; | ||
+ | height:100px; /* footer的高度一定要是固定值*/ | ||
+ | position:absolute; | ||
+ | bottom:0px; | ||
+ | left:0px; | ||
+ | color: white; | ||
+ | } | ||
+ | .body{ | ||
+ | clear:both; | ||
+ | overflow: hidden; | ||
+ | padding-top: 80px; | ||
+ | padding-bottom: 100px; | ||
+ | /*保证footer是相对于container位置绝对定位*/ | ||
+ | position:relative; | ||
+ | margin-bottom: -123px; | ||
+ | width:100%; | ||
+ | min-height:100%; | ||
+ | /*设置padding-bottom值大于等于footer的height值,以保证main的内容能够全部显示出来而不被footer遮盖;*/ | ||
+ | box-sizing: border-box; | ||
+ | -moz-box-sizing:border-box; /* Firefox */ | ||
+ | -webkit-box-sizing:border-box; /* Safari */ | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div class="body"> | ||
+ | <div id="header"> | ||
+ | <!--LOGO LINK---> | ||
+ | <div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div> | ||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">PROJECT ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Description">Description</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Results">Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">WETLAB ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">DRYLAB ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">TEAM ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Team">Members</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Attributions">Attributoins</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/InterLab">INTERLAB</a></li> | ||
+ | <li><a href="#">PARTS ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Parts">Parts</a></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Improve">Improve</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices">HUMAN PRACTICES ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#Silver">Silver</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#integrated">Gold & Integrated</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Public_Engagement">Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div id="section"> | ||
+ | <div class="conteudo"> | ||
+ | <h1 id="main-title">Improve</h1> | ||
+ | |||
+ | <b>Advanced CcaS with PSA domain knocked out with an opposite response to green/red light.</b> | ||
+ | CcaS is a membrane protein functioning in CcaS/CcaR two-component system in response to green/red light. Under green light, the system and activate the transcription and expression of the specific genes downstream a proper promoter named PcpcG2, while the expression of the genes can be repressed when exposed to red light. This year, we were inspired by Professor Sode’ work of making a modification of CcaS’s structure and functions. And we deleted 858 base pairs in gene coding for CcaS, which means we removed the PSA domain in CcaS protein. When we characterized this new part, we surprised to find that the new CcaS had an opposite response to green/red light, compared to the original one. | ||
+ | 放几张表征的图,然后附上part的链接http://parts.igem.org/Part:BBa_K2627000 | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e2/T--SDU-China--chara.png" alt=""> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="footer"> | ||
+ | <div id="sponsors"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" /> | ||
+ | <map name="Map-Sponsors" class="Map-Sponsors"> | ||
+ | <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" /> | ||
+ | <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" /> | ||
+ | <area title="KLAB" href="http://www.mbtech.sdu.edu.cn/" shape="rect" coords="440,0,715,60" /> | ||
+ | </map> | ||
+ | </div> | ||
+ | <div id="contact"> | ||
+ | <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div> | ||
+ | <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 07:42, 11 October 2018