Difference between revisions of "Team:BCU/Design"

(Prototype team page)
 
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{BCU}}
 
<html>
 
  
<div class="column full_size">
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>无标题文档</title>
 +
<style type="text/css">
 +
<!--
 +
body {
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
background-color: white !important;
 +
min-width: 960px !important;
 +
overflow-x: hidden !important;
 +
}
 +
.title {
 +
height: 240px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
 +
border-right-style: none;
 +
 +
border-left-style: none;
 +
 +
}
 +
.nav {
 +
float: right;
 +
height: 80px;
 +
width: 960px;
 +
margin-top: 35px;
 +
font-size: 16px;
 +
color: #1C2C77;
 +
border-top-width: thin;
 +
font-weight: 800;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-style: normal;
 +
line-height: 40px;
 +
text-align: center;
 +
}
 +
.main {
 +
height: 400px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
border-top-width: 5px;
 +
border-top-style: none;
 +
border-top-color: #FC0;
 +
background-image: url();
 +
background-attachment: fixed;
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
color: #FFF;
 +
text-decoration: blink;
 +
font-weight: 900;
 +
text-transform: capitalize;
 +
text-align: center !important;
 +
padding-top: 0px;
 +
font-size: larger;
 +
margin-bottom: 3px;
 +
}
 +
.main p{
 +
text-align: center !important;
 +
}
 +
.logo {
 +
float: left;
 +
height: 130px;
 +
width: 300px;
 +
background-repeat: no-repeat;
 +
margin: 10px;
 +
}
 +
html {
 +
font-family: sans-serif;
 +
-webkit-text-size-adjust: 100%;
 +
-ms-text-size-adjust: 100%;
 +
}
 +
body {
 +
margin: 0;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
a {
 +
text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
text-decoration: none;
 +
}
 +
a:focus {
 +
outline: thin dotted;
 +
outline: 5px auto -webkit-focus-ring-color;
 +
outline-offset: -2px;
 +
}
 +
 +
.container{
 +
width: 1200px;
 +
min-width: 1200px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
.shortcut{
 +
height: 24px;
 +
line-height: 24px;
 +
padding-top: 16px;
 +
}
 +
.shortcut a{
 +
color: #808080;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
.shortcut a img{
 +
margin-right: 5px;
 +
}
 +
.shortcut a:hover{
 +
color: #8e2322;
 +
}
 +
.header{
 +
width: 100%;
 +
min-width: 1200px;
 +
height: 110px;
 +
background: #fff;
 +
}
 +
.logo img{
 +
display: block;
 +
width: 500px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
/*nav*/
 +
nav a{
 +
display: inline-block;
 +
height: 38px;
 +
line-height: 38px;
 +
margin-right: 43px;
 +
margin-left: 43px;
 +
font-size: 16px;
 +
color: #333;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
nav a:hover,
 +
nav .on{
 +
color: #8e2322;
 +
}
 +
#content #top_title{
 +
display:none;
 +
}
 +
#content{
 +
width: 100%;
 +
padding: 0;
 +
}
 +
.mod-01 img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
<!--Menu Part-->
 +
.dropdown {
 +
position: relative;
 +
display: inline-block;
 +
background-color: white;
 +
color: #040059;
 +
float: left;
 +
}
 +
.dropdownPlus{
 +
float: left;
 +
height: 80px !important;
 +
min-width:50px !important;
 +
display: inline-block  !important;
 +
margin-left:6px !important;
 +
margin-right:13.5px !important;
 +
padding-top: 35px !important;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
.dropdownPlus span a{
 +
color: #1C2C77 !important;
 +
}
 +
.dropdownPlus span a:hover{
 +
color: white !important;
 +
}
 +
.dropdown span{
 +
width: 120px !important;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 195px;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
padding: 12px 0px;
 +
text-align: left !important;
 +
}
 +
.dropdown span:hover{
 +
background-color: #040059;
 +
color: white;
 +
}
 +
.dropdown:hover .dropdown-content {
 +
width: 160px !important;
 +
display: block;
 +
}
 +
.dropdown-content p{
 +
padding-left: 16px;
 +
line-height: 35px !important;
 +
margin: 0px !important;
 +
}
 +
.dropdown-content p a{
 +
color: #040059 !important;
 +
}
 +
.dropdown-content p:nth-child(2n){
 +
background:#EEEEEE !important;
 +
}
 +
.dropdown-content p:hover{
 +
background-color: #85cafa !important;
 +
}
 +
.dropdown-content p:hover a{
 +
color: white !important;
 +
}
 +
.logo-title{
 +
text-align: center;
 +
}
 +
.logo-title img{
 +
 +
}
 +
.main img{
 +
width: 960px !important;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="title">
 +
<div class="nav">
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU">HOME</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span>EXPERIMENT</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown dropdownPlus" >
 +
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
 +
</div>
 +
<img  class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" />
 +
<div class="dropdown dropdownPlus" >
 +
<span><a  href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span>
 +
</div>
 +
 +
</div>
 +
<div class="logo-title">
 +
<img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/>
 +
</div>
 +
</div>
 +
<div class="main">
 
<h1>Design</h1>
 
<h1>Design</h1>
<p>
+
                <img src="https://static.igem.org/mediawiki/2018/d/db/T--BCU--Design08.jpg">
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
<img src="https://static.igem.org/mediawiki/2018/4/40/T--BCU--xiabianlan02.jpg">
</p>
+
</div>
 
+
</body>
<p>
+
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:BCU/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
</p>
+
 
+
</div>
+
 
+
 
+
 
+
<div class="column two_thirds_size">
+
<h3>What should this page contain?</h3>
+
<ul>
+
<li>Explanation of the engineering principles your team used in your design</li>
+
<li>Discussion of the design iterations your team went through</li>
+
<li>Experimental plan to test your designs</li>
+
</ul>
+
 
+
</div>
+
 
+
<div class="column third_size">
+
<div class="highlight decoration_A_full">
+
<h3>Inspiration</h3>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
</ul>
+
</div>
+
</div>
+
 
+
 
+
 
+
 
</html>
 
</html>

Latest revision as of 01:13, 17 October 2018

无标题文档

Design