Difference between revisions of "Team:NUDT CHINA"

Line 1: Line 1:
{{NUDT_CHINA}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta name="keywords" content="" />
 +
<meta name="description" content="" />
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>Team:NUDT_CHINA</title>
 +
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet" type="text/css" />
 +
</head>
 +
<!--for  the wrapper-->
 +
<head>
 +
<style type="text/css">
 +
<!--
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
background: #0048B3 url(images/img01.jpg) repeat;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-size: 13px;
 +
color: #626262;
 +
}
  
 +
h1, h2, h3 {
 +
margin: 0;
 +
padding: 0;
 +
text-transform: lowercase;
 +
font-family: 'Oswald', sans-serif;
 +
font-weight: 300;
 +
color: #7D7764;
 +
}
  
<div class="column full_size" >
+
h1 {
<img src="http://placehold.it/2000x300/d3d3d3/f2f2f2">
+
font-size: 2em;
</div>
+
}
  
 +
h2 {
 +
font-size: 2.8em;
 +
}
  
 +
h3 {
 +
font-size: 1.6em;
 +
}
  
<div class="column full_size" >
+
p, ul, ol {
<h1> Welcome to iGEM 2017! </h1>
+
margin-top: 0;
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
line-height: 180%;
</div>
+
}
  
<div class="clear"></div>
+
ul, ol {
 +
}
  
<div class="column half_size" >
+
a {
<h5>Before you start: </h5>
+
text-decoration: none;
<p> Please read the following pages:</p>
+
color: #731F1F;
<ul>
+
}
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
</ul>
+
</div>
+
  
<div class="column half_size" >
+
a:hover {
<div class="highlight">
+
}
<h5> Project description </h5>
+
<p>MicroRNAs (miRNAs) have been proven to play important roles on post-transcriptional regulation of the gene expression by direct base pairing to target sites within untranslated regions of messenger RNAs. However, the functions of most microRNAs remain to be discovered. Our project attempts to develop a novel sponge for miRNAs, which would knock down the abundance of target miRNA in the cells. Thus the sponge will be a miRNA inhibitor to be used to induce miRNA loss-of-function phenotypes or other further applications like small non-coding RNA-based diagnostic and therapeutic applications.</p>
+
</div>
+
</div>
+
  
<div class="column full_size" >
+
#wrapper {
<h5> Wiki template information </h5>
+
overflow: hidden;
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
background: #FFFFFF url(images/img02.jpg) repeat-x left top;
 +
}
  
</div>
+
.container {
 +
width: 1200px;
 +
margin: 0px auto;
 +
}
  
 +
/* Header */
  
 +
#header-wrapper {
 +
overflow: hidden;
 +
height: 600px;
 +
}
  
 +
#header {
 +
width: 1200px;
 +
height: 620px;
 +
margin: 0 auto;
 +
background: url(images/img04.jpg) no-repeat right top;
 +
}
  
<div class="column half_size" >
+
/* Logo */
<h5> Editing your wiki </h5>
+
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  
</div>
+
#logo {
 +
overflow: hidden;
 +
font-family: 'Oswald', sans-serif;
 +
}
  
 +
#logo h1, #logo p {
 +
text-shadow: 1px 1px 0px #5E8CC3;
 +
text-transform: uppercase;
 +
}
  
<div class="column half_size" >
+
#logo h1 {
<h5>Tips</h5>
+
padding: 200px 0px 0px 0px;
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
letter-spacing: -1px;
<ul>
+
font-size: 100px;
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
}
<li>Be clear about what you are doing and how you plan to do this.</li>
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
<li>Have lots of fun! </li>
+
</ul>
+
</div>
+
  
 +
#logo p {
 +
margin-top: -20px;
 +
padding: 0px 0px 0px 5px;
 +
 +
font-size: 20px;
 +
font-weight: 300;
 +
color: #B8D1EE;
 +
}
  
<div class="column half_size" >
+
#logo p a {
<h5>Inspiration</h5>
+
color: #696969;
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
}
<ul>
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
</div>
+
  
<div class="column half_size" >
+
#logo a {
<h5> Uploading pictures and files </h5>
+
border: none;
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
background: none;
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
text-decoration: none;
 +
color: #FFFFFF;
 +
}
  
<a href="https://2017.igem.org/Special:Upload">
+
/* Menu */
UPLOAD FILES
+
</a>
+
</p>
+
</div>
+
  
 +
#menu-wrapper {
 +
overflow: hidden;
 +
height: 80px;
 +
}
  
 +
#menu {
 +
overflow: hidden;
 +
height: 80px;
 +
background: url(images/img03.jpg) repeat-x left top;
 +
}
  
 +
#menu ul {
 +
margin: 0;
 +
padding: 0px 0px 0px 0px;
 +
list-style: none;
 +
line-height: normal;
 +
font-family: 'Oswald', sans-serif;
 +
}
  
 +
#menu li {
 +
display: inline-block;
 +
border-right: 1px solid #64DAFE;
 +
}
  
 +
#menu a {
 +
display: block;
 +
height: 80px;
 +
margin: 0px;
 +
padding: 0px 30px;
 +
line-height: 80px;
 +
text-decoration: none;
 +
text-transform: lowercase;
 +
text-transform: uppercase;
 +
font-size: 20px;
 +
font-weight: 300;
 +
color: #FFFFFF;
 +
border: none;
 +
}
  
 +
#menu a:hover, #menu .current_page_item a {
 +
background: url(images/img06.png) repeat-x left top;
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
  
 +
#menu .current_page_item a {
 +
}
 +
 +
/* Page */
 +
 +
#page {
 +
overflow: hidden;
 +
padding: 50px 0px 40px 0px;
 +
}
 +
 +
/* Content */
 +
 +
#content {
 +
float: left;
 +
width: 690px;
 +
margin-right: 24px;
 +
padding: 0px 0px 0px 0px;
 +
}
 +
 +
#content h2 {
 +
padding: 0px 0px 20px 0px;
 +
text-transform: uppercase;
 +
font-size: 3em;
 +
font-weight: 200;
 +
color: #262626;
 +
}
 +
 +
/* Sidebar */
 +
 +
#sidebar1 {
 +
float: left;
 +
width: 180px;
 +
margin: 0px;
 +
padding: 0px 0px 0px 0px;
 +
color: #787878;
 +
}
 +
 +
#sidebar1 h2 {
 +
padding: 0px 0px 20px 0px;
 +
text-transform: uppercase;
 +
font-size: 1.5em;
 +
font-weight: 200;
 +
color: #262626;
 +
}
 +
 +
#sidebar2 {
 +
float: right;
 +
width: 282px;
 +
margin: 0px;
 +
padding: 0px 0px 0px 0px;
 +
color: #787878;
 +
}
 +
 +
#sidebar2 h2 {
 +
padding: 0px 0px 20px 0px;
 +
text-transform: uppercase;
 +
font-size: 1.5em;
 +
font-weight: 200;
 +
color: #262626;
 +
}
 +
 +
#sidebar2 a {
 +
border: none;
 +
}
 +
 +
#sidebar2 a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
/* Three Column Footer Content */
 +
 +
 +
#footer-bg {
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
}
 +
 +
#footer-content {
 +
text-shadow: 1px 1px 1px #003E93;
 +
color: #67C8E3;
 +
}
 +
 +
#footer-content h2 {
 +
margin: 0px;
 +
padding: 0px 0px 20px 0px;
 +
letter-spacing: 1px;
 +
text-transform: uppercase;
 +
font-size: 20px;
 +
font-weight: 200;
 +
color: #FFFFFF;
 +
}
 +
 +
#footer-content a {
 +
color: #56C8E3;
 +
}
 +
 +
#footer-content a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
 +
#column1 {
 +
float: left;
 +
width: 280px;
 +
margin-right: 30px;
 +
}
 +
 +
#column1 p {
 +
line-height: 1;
 +
}
 +
 +
#column2 {
 +
float: left;
 +
width: 280px;
 +
margin-right: 30px;
 +
}
 +
 +
#column3 {
 +
float: left;
 +
width: 280px;
 +
}
 +
 +
#column4 {
 +
float: right;
 +
width: 260px;
 +
}
 +
 +
 +
/* Footer */
 +
 +
#footer {
 +
height: 100px;
 +
margin: 0 auto;
 +
padding: 50px 0px 0px 0px;
 +
background: url(images/img04.png) no-repeat center top;
 +
}
 +
 +
#footer p {
 +
margin: 0;
 +
padding-top: 10px;
 +
line-height: normal;
 +
text-align: center;
 +
color: #C59C9C;
 +
}
 +
 +
#footer a {
 +
color: #C59C9C;
 +
}
 +
 +
#marketing {
 +
overflow: hidden;
 +
margin-bottom: 30px;
 +
padding: 20px 0px 10px 0px;
 +
border-top: 1px solid #E3E3E3;
 +
border-bottom: 1px solid #E3E3E3;
 +
}
 +
 +
#marketing .text1 {
 +
float: left;
 +
margin: 0px;
 +
padding: 0px;
 +
letter-spacing: -2px;
 +
text-transform: lowercase;
 +
font-size: 34px;
 +
color: #345E9B;
 +
}
 +
 +
#marketing .text2 {
 +
float: right;
 +
}
 +
 +
#marketing .text2 a {
 +
display: block;
 +
width: 252px;
 +
height: 38px;
 +
padding: 15px 0px 0px 0px;
 +
background: url(images/img07.jpg) no-repeat left top;
 +
letter-spacing: -2px;
 +
text-align: center;
 +
text-transform: lowercase;
 +
font-size: 30px;
 +
color: #FFFFFF;
 +
}
 +
 +
.box1 {
 +
overflow: hidden;
 +
height: 300px;
 +
background: url(images/img04.jpg) no-repeat center bottom;
 +
}
 +
 +
.list-style1 {
 +
margin: 0px;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
 +
.list-style1 li {
 +
padding: 7px 0px 7px 0px;
 +
border-top: 1px dashed #E7E2DC;
 +
}
 +
 +
.list-style1 .first {
 +
padding-top: 0px;
 +
border-top: none;
 +
}
 +
 +
.list-style2 {
 +
margin: 0px;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
 +
.list-style2 li {
 +
padding: 5px 0px 5px 0px;
 +
border-top: 1px solid #EEEEEE;
 +
}
 +
 +
.list-style2 a {
 +
padding-left: 15px;
 +
background: url(images/img10.png) no-repeat left 50%;
 +
color: #717171;
 +
}
 +
 +
.list-style2 a:hover {
 +
text-decoration: underline;
 +
color: #606060;
 +
}
 +
 +
.list-style2 .first {
 +
padding-top: 0px;
 +
border: none;
 +
}
 +
 +
.list-style3 {
 +
margin: 0px;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
 +
.list-style3 li {
 +
padding: 5px 0px 5px 0px;
 +
background: url(images/img12.jpg) repeat-x left top;
 +
}
 +
 +
.list-style3 a {
 +
padding-left: 15px;
 +
background: url(images/img13.jpg) no-repeat left 50%;
 +
color: #717171;
 +
}
 +
 +
.list-style3 a:hover {
 +
text-decoration: underline;
 +
color: #606060;
 +
}
 +
 +
.list-style3 .first {
 +
padding-top: 0px;
 +
background: none;
 +
border: none;
 +
}
 +
 +
 +
/* Three Column Content */
 +
 +
#four-column {
 +
overflow: hidden;
 +
padding: 30px 0px 30px 0px;
 +
border-top: 1px solid #EEEEEE;
 +
text-shadow: 1px 1px 0px #FFFFFF;
 +
color: #626262;
 +
}
 +
 +
#four-column #tbox1 {
 +
float: left;
 +
width: 282px;
 +
margin-right: 24px;
 +
}
 +
 +
#four-column #tbox2 {
 +
float: left;
 +
width: 282px;
 +
margin-right: 24px;
 +
}
 +
 +
#four-column #tbox3 {
 +
float: left;
 +
width: 282px;
 +
}
 +
 +
#four-column #tbox4 {
 +
float: right;
 +
width: 282px;
 +
}
 +
 +
.box-style {
 +
background: #191919 url(images/img05.jpg) repeat;
 +
}
 +
 +
.box-style h2 {
 +
padding: 10px 0px;
 +
letter-spacing: -1px;
 +
text-transform: uppercase;
 +
font-size: 20px;
 +
font-weight: 200;
 +
color: #515151;
 +
}
 +
 +
.box-style .image {
 +
width: 320px;
 +
}
 +
 +
.box-style .arrow {
 +
background: url(images/img06.png) no-repeat right top;
 +
}
 +
 +
.box-style .content {
 +
overflow: hidden;
 +
padding: 30px;
 +
}
 +
 +
 +
.divider {
 +
overflow: hidden;
 +
height: 50px;
 +
background: url(images/img04.png) no-repeat center top;
 +
}
 +
-->
 +
</style>
 +
</head>
 +
<body>
 +
<div id="wrapper">
 +
<div id="menu-wrapper">
 +
<div id="menu" class="container">
 +
<ul>
 +
<li class="current_page_item"><a href="#">Homepage</a></li>
 +
<li><a href="#">Services</a></li>
 +
<li><a href="#">Blog</a></li>
 +
<li><a href="#">Photos</a></li>
 +
<li><a href="#">About Us</a></li>
 +
<li><a href="#">Links</a></li>
 +
<li><a href="#">Contact Us</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div id="header">
 +
<div id="logo" class="container">
 +
<h1><a href="#">Open-Air </a></h1>
 +
<p>In posuere eleifend odio quisque semper augue.</p>
 +
</div>
 +
</div>
 +
<div id="page" class="container">
 +
<div id="content">
 +
<h2><a href="#">Welcome to Open-Air </a></h2>
 +
<div class="entry">
 +
<p><img src="images/img11.jpg" width="690" height="200" alt="" /></p>
 +
<p>This is <strong>Open-Air </strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.    The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
 +
</div>
 +
</div>
 +
<!-- end #content -->
 +
<div id="sidebar1">
 +
<div>
 +
<h2>Maecenas luctus</h2>
 +
<ul class="list-style2">
 +
<li class="first"><a href="#">Pellentesque consectetuer </a></li>
 +
<li><a href="#">Lorem  adipiscing elit.</a></li>
 +
<li><a href="#">Phasellus pellentesque </a></li>
 +
<li><a href="#">Cras vitae pellentesque </a></li>
 +
<li><a href="#">Maecenas  feugiat eleifend.</a></li>
 +
<li><a href="#">Pellentesque  gravida blandit.</a></li>
 +
<li><a href="#">Phasellus pellentesque </a></li>
 +
<li><a href="#">Cras vitae pellentesque </a></li>
 +
<li><a href="#">Maecenas  feugiat eleifend.</a></li>
 +
<li><a href="#">Phasellus pellentesque </a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div id="sidebar2">
 +
<div>
 +
<h2>Nulla luctus eleifend</h2>
 +
<ul class="list-style2">
 +
<li class="first"><a href="#">Pellentesque  elit non  gravida blandit.</a></li>
 +
<li><a href="#">Lorem ipsum dolor sit amet,  adipiscing elit.</a></li>
 +
<li><a href="#">Phasellus nec erat    pellentesque congue.</a></li>
 +
<li><a href="#">Cras vitae metus  pellentesque pharetra.</a></li>
 +
<li><a href="#">Phasellus  erat sit  nibh pellentesque congue.</a></li>
 +
<li><a href="#">Maecenas  vitae tellus feugiat eleifend.</a></li>
 +
<li><a href="#">Lorem ipsum dolor sit amet,  adipiscing elit.</a></li>
 +
<li><a href="#">Phasellus nec erat    pellentesque congue.</a></li>
 +
<li><a href="#">Cras vitae metus  pellentesque pharetra.</a></li>
 +
<li><a href="#">Phasellus  erat sit  nibh pellentesque congue.</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- end #sidebar -->
 +
</div>
 +
<!-- end #page -->
 +
<div id="four-column" class="container">
 +
<div id="tbox1">
 +
<div class="box-style">
 +
<div class="image"></div>
 +
<div class="arrow"></div>
 +
<div class="content">
 +
<h2>Fusce ultrices fringilla</h2>
 +
<p>Aliquam erat volutpat. Quisque dictum. Integer nisl risus, sagittis convallis elementum congue, nibh. </p>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="tbox2">
 +
<div class="box-style">
 +
<div class="image"></div>
 +
<div class="arrow"></div>
 +
<div class="content">
 +
<h2>Mauris vulputate dolor</h2>
 +
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,  congue, nibh. </p>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="tbox3">
 +
<div class="box-style">
 +
<div class="image"></div>
 +
<div class="arrow"></div>
 +
<div class="content">
 +
<h2>Nulla luctus eleifend </h2>
 +
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis  elementum congue, nibh.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="tbox4">
 +
<div class="box-style">
 +
<div class="image"></div>
 +
<div class="arrow"></div>
 +
<div class="content">
 +
<h2>Nulla luctus eleifend </h2>
 +
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis  elementum congue, nibh.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="footer-content" class="container">
 +
<div id="footer-bg">
 +
<div id="column1">
 +
<h2>Untitled Inc.</h2>
 +
<p>&copy; Untitled</p>
 +
<p>All rights reserved.</p>
 +
<p>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. Photos by <a href="http://fotogrph.com/">Fotogrph</a>.</p>
 +
</div>
 +
<div id="column2">
 +
<h2>Rhoncus volutpat</h2>
 +
<ul class="list-style3">
 +
<li class="first"><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
 +
<li><a href="#">Lorem consectetuer adipiscing elit.</a></li>
 +
<li><a href="#">Phasellus pellentesque conguen lectus</a></li>
 +
<li><a href="#">Cras vitae pellentesque pharetra.</a></li>
 +
<li><a href="#">Maecenas vitae vitae feugiat eleifend.</a></li>
 +
<li><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
 +
</ul>
 +
</div>
 +
<div id="column3">
 +
<h2>Recommended Links</h2>
 +
<ul class="list-style3">
 +
<li class="first"><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
 +
<li><a href="#">Lorem consectetuer adipiscing elit.</a></li>
 +
<li><a href="#">Phasellus pellentesque conguen lectus</a></li>
 +
<li><a href="#">Cras vitae pellentesque pharetra.</a></li>
 +
<li><a href="#">Maecenas vitae vitae feugiat eleifend.</a></li>
 +
<li><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
 +
</ul>
 +
</div>
 +
<div id="column4">
 +
<h2>Social</h2>
 +
<ul class="list-style3">
 +
<li class="first"><a href="#">Twitter</a></li>
 +
<li><a href="#">Facebook</a></li>
 +
<li><a href="#">Flickr</a></li>
 +
<li><a href="#">Google +</a></li>
 +
<li><a href="#">Instagram</a></li>
 +
<li><a href="#">RSS</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- end #footer -->
 +
</body>
 
</html>
 
</html>

Revision as of 01:53, 2 September 2017

Team:NUDT_CHINA

Fusce ultrices fringilla

Aliquam erat volutpat. Quisque dictum. Integer nisl risus, sagittis convallis elementum congue, nibh.

Mauris vulputate dolor

Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, congue, nibh.

Nulla luctus eleifend

Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh.

Nulla luctus eleifend

Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh.