Team:NJU China/Parts
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | <!DOCTYPE html> |
- | < | + | <html lang="en" class="no-js"> |
- | < | + | <head> |
- | + | <meta charset="UTF-8" /> | |
- | < | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
- | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
- | </ | + | <title>NJU_China</title> |
- | < | + | <meta name="description" content="Circular Navigation Styles - Building a Circular Navigation with CSS Transforms | Codrops " /> |
- | + | <meta name="keywords" content="css transforms, circular navigation, round navigation, circular menu, tutorial" /> | |
- | + | <meta name="author" content="Sara Soueidan for Codrops" /> | |
- | </ | + | <link rel="shortcut icon" href="../favicon.ico"> |
- | </ | + | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script> |
- | < | + | <link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css"> |
+ | <STYLE type="text/css"> | ||
+ | /* hiding the top section*/ | ||
+ | body{position:absolute; top:0px; width:100%; height:1480px;} | ||
+ | #top-section{ | ||
+ | height:0px; | ||
+ | border:none; | ||
+ | width:980px; | ||
+ | margin:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | background-color:transparent; | ||
+ | overflow:hide; | ||
- | { | + | } |
- | + | #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{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | width:1200px; | ||
+ | height:700px; | ||
+ | marign:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | top:-40px; | ||
+ | } | ||
+ | #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, .left-menu a { | ||
+ | text-align: left; | ||
+ | color:#999999; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | color: #D00000; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu{width:400px; float:right} | ||
+ | .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; | ||
+ | } | ||
+ | .left-menu .selected { | ||
+ | # color: #999999; | ||
+ | } | ||
+ | #.left-menu .selected:hover { | ||
+ | # color: #999999; | ||
+ | #} | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: #999999;; | ||
+ | } | ||
+ | |||
+ | .left-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right-menu li { | ||
+ | # background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a { | ||
+ | padding: 0px 15px 0px 0px; | ||
+ | color: #999999;; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | /* end menu (edit, page ...) */ | ||
+ | |||
+ | |||
+ | /* HEADER STYLES: banner, navbar, etc. */ | ||
+ | |||
+ | ul#nav { | ||
+ | width:1800px; | ||
+ | margin:-40px 0 0 30px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | |||
+ | color: #FFFFFF; | ||
+ | background-color:none; | ||
+ | margin: 0 85px 0 0; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | #nav li:last-child { margin:0; } | ||
+ | |||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | /*display: block;*/ | ||
+ | opacity:1; | ||
+ | margin:0; | ||
+ | background-color: none; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | /*text-shadow: 0 1px 0 #fff;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | </STYLE> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); | ||
+ | @font-face { | ||
+ | font-family: 'codropsicons'; | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot'); | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), | ||
+ | url('../fonts/codropsicons/codropsicons.woff') format('woff'), | ||
+ | url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), | ||
+ | url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .container > header, | ||
+ | .codrops-top, | ||
+ | .container > section { | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .container > header { | ||
+ | margin: 0 auto; | ||
+ | padding: 2em; | ||
+ | text-align: center; | ||
+ | background: rgba(0,0,0,0.01); | ||
+ | } | ||
+ | |||
+ | .container > header h1 { | ||
+ | font-size: 2.625em; | ||
+ | line-height: 1.3; | ||
+ | margin: 0; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | .container > header span { | ||
+ | display: block; | ||
+ | font-size: 60%; | ||
+ | opacity: 0.7; | ||
+ | padding: 0 0 0.6em 0.1em; | ||
+ | } | ||
+ | |||
+ | /* To Navigation Style */ | ||
+ | .codrops-top { | ||
+ | background: #f06060; | ||
+ | background: rgba(255, 255, 255, 0.1); | ||
+ | text-transform: uppercase; | ||
+ | width: 100%; | ||
+ | font-size: 0.69em; | ||
+ | line-height: 2.2; | ||
+ | } | ||
+ | |||
+ | .codrops-top a { | ||
+ | text-decoration: none; | ||
+ | padding: 0 1em; | ||
+ | letter-spacing: 0.1em; | ||
+ | color: #fff; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .codrops-top a:hover { | ||
+ | background: rgba(255,255,255,0.95); | ||
+ | color: #777; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .codrops-icon:before { | ||
+ | font-family: 'codropsicons'; | ||
+ | margin: 0 4px; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | .codrops-icon-drop:before { | ||
+ | content: "\e001"; | ||
+ | } | ||
+ | |||
+ | .codrops-icon-prev:before { | ||
+ | content: "\e004"; | ||
+ | } | ||
+ | |||
+ | /* Demo Buttons Style */ | ||
+ | .codrops-demos { | ||
+ | padding-top: 1em; | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | .codrops-demos a { | ||
+ | text-decoration: none; | ||
+ | outline: none; | ||
+ | display: inline-block; | ||
+ | margin: 0.5em; | ||
+ | padding: 0.7em 1.1em; | ||
+ | border: 3px solid #fff; | ||
+ | color: #fff; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .codrops-demos a:hover, | ||
+ | .codrops-demos a.current-demo, | ||
+ | .codrops-demos a.current-demo:hover { | ||
+ | opacity: 0.6; | ||
+ | } | ||
+ | |||
+ | .container > section { | ||
+ | padding: 2em; | ||
+ | font-size: 1.4em; | ||
+ | max-width: 50em; | ||
+ | margin: 0 0 0 30px; | ||
+ | } | ||
+ | |||
+ | .container > section p { | ||
+ | padding: 0.8em 0; | ||
+ | text-align: justify; | ||
+ | opacity: 0.5; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 25em) { | ||
+ | |||
+ | .codrops-icon span { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | * { | ||
+ | position: relative; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | html, | ||
+ | body { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #f3e7d6; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .component { | ||
+ | position: relative; | ||
+ | margin-bottom: 3em; | ||
+ | height: 15em; | ||
+ | background: rgba(0,0,0,0.05); | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 620px) { | ||
+ | .no-csstransforms li { | ||
+ | width: 4em; | ||
+ | height: 4em; | ||
+ | line-height: 4em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 500px) { | ||
+ | .no-ccstransforms .cn-wrapper { | ||
+ | padding: .5em; | ||
+ | } | ||
+ | |||
+ | .no-csstransforms .cn-wrapper li { | ||
+ | width: 4em; | ||
+ | height: 4em; | ||
+ | font-size: .9em; | ||
+ | line-height: 4em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 480px) { | ||
+ | .csstransforms .cn-wrapper { | ||
+ | font-size: .68em; | ||
+ | } | ||
+ | |||
+ | .cn-button { | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width:420px) { | ||
+ | .no-csstransforms .cn-wrapper li { | ||
+ | width: 100%; | ||
+ | height: 3em; | ||
+ | line-height: 3em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <h1>Acknowledgement</h1> | ||
+ | </header> | ||
+ | |||
+ | <!--Start NavBar--> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Chassis">Chassis</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Targeting Module">Targeting Module</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">Free debate</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Reach the unreached</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Workshop</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Protocol</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Lab notes</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Data Page</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Safety form</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Virus-related safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Judging criteria</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Attribution</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Acknowledgement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </br> <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a> | ||
+ | |||
+ | </ul> | ||
+ | <!--End NavBar--> | ||
+ | |||
+ | <section> | ||
+ | <p> | ||
+ | During the past seven months, we received help from various sources. Especially our instructor Prof. Chen Xi gives us a lot of help <br>when we carry out our project. <br> | ||
+ | We thank all the person and institution where we received help: <br> | ||
+ | Prof. Zhang Chenyu<br> | ||
+ | Prof. Chen Xi<br> | ||
+ | Prof. Kong Lingdong<br> | ||
+ | Wang Xueliang<br> | ||
+ | Liu Yanqing<br> | ||
+ | Liang Hongwei<br> | ||
+ | Wu Xin<br> | ||
+ | Qiu Ruosang<br> | ||
+ | Zhang Sitao<br> | ||
+ | Chen Shuobing<br> | ||
+ | Sponsor:<br> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/0a/M3-Acknowledgement111.png"/><br><br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/5/50/M3-Acknowledgement11.png"/><br><br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/28/M3-Acknowledgement1.png"/><br><br><br> | ||
+ | </p> | ||
+ | |||
+ | |||
+ | |||
+ | </section> | ||
+ | </div><!-- /container --> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
- | |||
<groupparts>iGEM013 NJU_China</groupparts> | <groupparts>iGEM013 NJU_China</groupparts> |
Revision as of 00:45, 28 September 2013
<!DOCTYPE html>
Acknowledgement
During the past seven months, we received help from various sources. Especially our instructor Prof. Chen Xi gives us a lot of help
when we carry out our project.
We thank all the person and institution where we received help:
Prof. Zhang Chenyu
Prof. Chen Xi
Prof. Kong Lingdong
Wang Xueliang
Liu Yanqing
Liang Hongwei
Wu Xin
Qiu Ruosang
Zhang Sitao
Chen Shuobing
Sponsor:
<groupparts>iGEM013 NJU_China</groupparts>