Difference between revisions of "Team:BCU"

Line 1: Line 1:
 +
 
<html>
 
<html>
<head lang="en">
+
<head lang="en">
    <meta charset="UTF-8">
+
<meta charset="UTF-8">
    <title></title>
+
<title></title>
<head>
+
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+
<style type="text/css">
<style type="text/css">
+
<!--
<!--
+
body {
body {
+
margin-left: 0px;
margin-left: 0px;
+
margin-top: 0px;
margin-top: 0px;
+
margin-right: 0px;
margin-right: 0px;
+
margin-bottom: 0px;
margin-bottom: 0px;
+
}
}
+
.title {
.title {
+
height: 150px;
height: 150px;
+
width: 960px;
width: 960px;
+
margin-right: auto;
margin-right: auto;
+
margin-left: auto;
margin-left: auto;
+
border-top-width: 5px;
border-top-width: 5px;
+
border-top-color: #06F;
border-top-color: #06F;
+
border-top-style: solid;
border-top-style: solid;
+
border-right-style: none;
border-right-style: none;
+
border-bottom-style: solid;
border-bottom-style: solid;
+
border-left-style: none;
border-left-style: none;
+
border-bottom-width: 8px;
border-bottom-width: 8px;
+
border-bottom-color: #06F;
border-bottom-color: #06F;
+
}
}
+
.nav {
.nav {
+
float: right;
float: right;
+
height: 80px;
height: 80px;
+
width: 600px;
width: 600px;
+
margin-top: 50px;
margin-top: 50px;
+
font-size: 16px;
font-size: 16px;
+
color: #1C2C77;
color: #1C2C77;
+
border-top-width: thin;
border-top-width: thin;
+
font-weight: 800;
font-weight: 800;
+
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
+
font-style: normal;
font-style: normal;
+
line-height: 40px;
line-height: normal;
+
padding-right: 20px;
padding-right: 20px;
+
margin-right: 20px;
margin-right: 20px;
+
text-align: center;
}
+
}
.main {
+
.main {
height: 400px;
+
height: 400px;
width: 960px;
+
width: 960px;
margin-right: auto;
+
margin-right: auto;
margin-left: auto;
+
margin-left: auto;
border-top-width: 5px;
+
border-top-width: 5px;
border-top-style: none;
+
border-top-style: none;
border-top-color: #FC0;
+
border-top-color: #FC0;
background-image: url(https://static.igem.org/mediawiki/2018/4/4f/T--BCU--background22.jpg);
+
background-image: url(https://static.igem.org/mediawiki/2018/4/4f/T--BCU--background22.jpg);
background-attachment: fixed;
+
background-attachment: fixed;
background-repeat: no-repeat;
+
background-repeat: no-repeat;
background-position: center center;
+
background-position: center center;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #FFF;
+
color: #FFF;
text-decoration: blink;
+
text-decoration: blink;
font-weight: 900;
+
font-weight: 900;
text-transform: capitalize;
+
text-transform: capitalize;
text-align: center;
+
text-align: center !important;
padding-top: 160px;
+
padding-top: 160px;
font-size: larger;
+
font-size: larger;
}
+
margin-bottom: 3px;
.logo {
+
}
float: left;
+
.logo {
height: 130px;
+
float: left;
width: 300px;
+
height: 130px;
background-repeat: no-repeat;
+
width: 300px;
margin: 10px;
+
background-repeat: no-repeat;
}
+
margin: 10px;
-->
+
}
</style></head>
+
-->
    <link rel="stylesheet" href="css/animate.min.css" />
+
</style>
    <script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script>
+
<link rel="stylesheet" href="css/animate.min.css" />
    <script src="js/wow.min.js"></script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script>
    <script>
+
<script src="js/wow.min.js"></script>
        $(function(){
+
<script>
            var wow = new WOW({
+
$(function(){
                boxClass: 'wow',
+
var wow = new WOW({
                animateClass: 'animated',
+
boxClass: 'wow',
                offset: 0,
+
animateClass: 'animated',
                mobile: true,
+
offset: 0,
                live: true
+
mobile: true,
            });
+
live: true
            wow.init();
+
});
        })
+
wow.init();
    </script>
+
})
    <!--[if lt IE 9]>
+
</script>
    <script src="js/html5shiv.min.js"></script>
+
<!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
+
<script src="js/html5shiv.min.js"></script>
    <![endif]-->
+
<script src="js/respond.min.js"></script>
    <!--[if lte IE 9]>
+
<![endif]-->
    <script src="js/jquery.placeholder.js"></script>
+
<!--[if lte IE 9]>
    <script>
+
<script src="js/jquery.placeholder.js"></script>
        $(function() {
+
<script>
            $('input, textarea').placeholder({customClass:'my-placeholder'});
+
$(function() {
        });
+
$('input, textarea').placeholder({customClass:'my-placeholder'});
    </script>
+
});
    <![endif]-->
+
</script>
    <style>
+
<![endif]-->
html {
+
<style>
font-family: sans-serif;
+
html {
-webkit-text-size-adjust: 100%;
+
font-family: sans-serif;
-ms-text-size-adjust: 100%;
+
-webkit-text-size-adjust: 100%;
}
+
-ms-text-size-adjust: 100%;
body {
+
}
margin: 0;
+
body {
}
+
margin: 0;
article,
+
}
aside,
+
article,
details,
+
aside,
figcaption,
+
details,
figure,
+
figcaption,
footer,
+
figure,
header,
+
footer,
hgroup,
+
header,
main,
+
hgroup,
menu,
+
main,
nav,
+
menu,
section,
+
nav,
summary {
+
section,
  display: block;
+
summary {
}
+
display: block;
audio,
+
}
canvas,
+
audio,
progress,
+
canvas,
video {
+
progress,
  display: inline-block;
+
video {
  vertical-align: baseline;
+
display: inline-block;
}
+
vertical-align: baseline;
audio:not([controls]) {
+
}
  display: none;
+
audio:not([controls]) {
  height: 0;
+
display: none;
}
+
height: 0;
[hidden],
+
}
template {
+
[hidden],
  display: none;
+
template {
}
+
display: none;
a {
+
}
  background-color: transparent;
+
a {
}
+
background-color: transparent;
a:active,
+
}
a:hover {
+
a:active,
  outline: 0;
+
a:hover {
}
+
outline: 0;
abbr[title] {
+
}
  border-bottom: 1px dotted;
+
abbr[title] {
}
+
border-bottom: 1px dotted;
b,
+
}
strong {
+
b,
  font-weight: bold;
+
strong {
}
+
font-weight: bold;
dfn {
+
}
  font-style: italic;
+
dfn {
}
+
font-style: italic;
h1 {
+
}
  margin: .67em 0;
+
h1 {
  font-size: 2em;
+
margin: .67em 0;
}
+
font-size: 2em;
mark {
+
}
  color: #000;
+
mark {
  background: #ff0;
+
color: #000;
}
+
background: #ff0;
small {
+
}
  font-size: 80%;
+
small {
}
+
font-size: 80%;
sub,
+
}
sup {
+
sub,
  position: relative;
+
sup {
  font-size: 75%;
+
position: relative;
  line-height: 0;
+
font-size: 75%;
  vertical-align: baseline;
+
line-height: 0;
}
+
vertical-align: baseline;
sup {
+
}
  top: -.5em;
+
sup {
}
+
top: -.5em;
sub {
+
}
  bottom: -.25em;
+
sub {
}
+
bottom: -.25em;
img {
+
}
  border: 0;
+
img {
}
+
border: 0;
svg:not(:root) {
+
}
  overflow: hidden;
+
svg:not(:root) {
}
+
overflow: hidden;
figure {
+
}
  margin: 1em 40px;
+
figure {
}
+
margin: 1em 40px;
hr {
+
}
  height: 0;
+
hr {
  -webkit-box-sizing: content-box;
+
height: 0;
-moz-box-sizing: content-box;
+
-webkit-box-sizing: content-box;
  box-sizing: content-box;
+
-moz-box-sizing: content-box;
}
+
box-sizing: content-box;
pre {
+
}
  overflow: auto;
+
pre {
}
+
overflow: auto;
code,
+
}
kbd,
+
code,
pre,
+
kbd,
samp {
+
pre,
  font-family: monospace, monospace;
+
samp {
  font-size: 1em;
+
font-family: monospace, monospace;
}
+
font-size: 1em;
button,
+
}
input,
+
button,
optgroup,
+
input,
select,
+
optgroup,
textarea {
+
select,
  margin: 0;
+
textarea {
  font: inherit;
+
margin: 0;
  color: inherit;
+
font: inherit;
}
+
color: inherit;
button {
+
}
  overflow: visible;
+
button {
}
+
overflow: visible;
button,
+
}
select {
+
button,
  text-transform: none;
+
select {
}
+
text-transform: none;
button,
+
}
html input[type="button"],
+
button,
input[type="reset"],
+
html input[type="button"],
input[type="submit"] {
+
input[type="reset"],
  -webkit-appearance: button;
+
input[type="submit"] {
  cursor: pointer;
+
-webkit-appearance: button;
}
+
cursor: pointer;
button[disabled],
+
}
html input[disabled] {
+
button[disabled],
  cursor: default;
+
html input[disabled] {
}
+
cursor: default;
button::-moz-focus-inner,
+
}
input::-moz-focus-inner {
+
button::-moz-focus-inner,
  padding: 0;
+
input::-moz-focus-inner {
  border: 0;
+
padding: 0;
}
+
border: 0;
input {
+
}
  line-height: normal;
+
input {
}
+
line-height: normal;
input[type="checkbox"],
+
}
input[type="radio"] {
+
input[type="checkbox"],
  -webkit-box-sizing: border-box;
+
input[type="radio"] {
-moz-box-sizing: border-box;
+
-webkit-box-sizing: border-box;
  box-sizing: border-box;
+
-moz-box-sizing: border-box;
  padding: 0;
+
box-sizing: border-box;
}
+
padding: 0;
input[type="number"]::-webkit-inner-spin-button,
+
}
input[type="number"]::-webkit-outer-spin-button {
+
input[type="number"]::-webkit-inner-spin-button,
  height: auto;
+
input[type="number"]::-webkit-outer-spin-button {
}
+
height: auto;
input[type="search"] {
+
}
  -webkit-box-sizing: content-box;
+
input[type="search"] {
-moz-box-sizing: content-box;
+
-webkit-box-sizing: content-box;
  box-sizing: content-box;
+
-moz-box-sizing: content-box;
  -webkit-appearance: textfield;
+
box-sizing: content-box;
}
+
-webkit-appearance: textfield;
input[type="search"]::-webkit-search-cancel-button,
+
}
input[type="search"]::-webkit-search-decoration {
+
input[type="search"]::-webkit-search-cancel-button,
  -webkit-appearance: none;
+
input[type="search"]::-webkit-search-decoration {
}
+
-webkit-appearance: none;
fieldset {
+
}
  padding: .35em .625em .75em;
+
fieldset {
  margin: 0 2px;
+
padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
+
margin: 0 2px;
}
+
border: 1px solid #c0c0c0;
legend {
+
}
  padding: 0;
+
legend {
  border: 0;
+
padding: 0;
}
+
border: 0;
textarea {
+
}
  overflow: auto;
+
textarea {
}
+
overflow: auto;
optgroup {
+
}
  font-weight: bold;
+
optgroup {
}
+
font-weight: bold;
table {
+
}
  border-spacing: 0;
+
table {
  border-collapse: collapse;
+
border-spacing: 0;
+
border-collapse: collapse;
}
+
td,
+
}
th {
+
td,
  padding: 0;
+
th {
}
+
padding: 0;
+
}
+
body {
+
  font-family: "宋体", Helvetica, Arial, sans-serif;
+
body {
  font-size: 12px;
+
font-family: "����", Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
+
font-size: 12px;
  color: #333;
+
line-height: 1.42857143;
  background-color: #fff;
+
color: #333;
}
+
background-color: #fff;
input,
+
}
button,
+
input,
select,
+
button,
textarea {
+
select,
  font-family: inherit;
+
textarea {
  font-size: inherit;
+
font-family: inherit;
  line-height: inherit;
+
font-size: inherit;
}
+
line-height: inherit;
a {
+
}
  text-decoration: none;
+
a {
}
+
text-decoration: none;
a:hover,
+
}
a:focus {
+
a:hover,
  text-decoration: none;
+
a:focus {
}
+
text-decoration: none;
a:focus {
+
}
  outline: thin dotted;
+
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
+
outline: thin dotted;
  outline-offset: -2px;
+
outline: 5px auto -webkit-focus-ring-color;
}
+
outline-offset: -2px;
+
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,form{
+
margin:0;
+
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,form{
}
+
margin:0;
h4,h5,h6{
+
}
font-size:1em;
+
h4,h5,h6{
}
+
font-size:1em;
ul,ol{
+
}
padding-left:0;  
+
ul,ol{
list-style-type:none;
+
padding-left:0;
}
+
list-style-type:none;
       
+
}
+
/*common*/
+
*:focus {outline: none;}
+
/*common*/
+
*:focus {outline: none;}
/* display */
+
.dn { display: none; }
+
/* display */
.di { display: inline; }
+
.dn { display: none; }
.db { display: block; }
+
.di { display: inline; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
+
.db { display: block; }
+
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
+
.fl{float:left;}
+
.fr{float:right;}
+
.fl{float:left;}
+
.fr{float:right;}
/* 块状元素水平居中 */
+
.auto { margin-left: auto; margin-right: auto; }
+
/* ��״Ԫ��ˮƽ���� */
+
.auto { margin-left: auto; margin-right: auto; }
/* overflow */
+
.ovh { overflow: hidden; }
+
/* overflow */
+
.ovh { overflow: hidden; }
/* position */
+
.rel { position: relative; }
+
/* position */
.abs { position: absolute; }
+
.rel { position: relative; }
+
.abs { position: absolute; }
/* font-family */
+
.fw { font-family: 'Microsoft Yahei'; }
+
/* font-family */
.fs { font-family: "宋体", Helvetica, Arial, sans-serif;  }
+
.fw { font-family: 'Microsoft Yahei'; }
+
.fs { font-family: "����", Helvetica, Arial, sans-serif;  }
+
/* font-style */
+
.n { font-weight: normal; font-style: normal; }
+
/* font-style */
.b { font-weight: bold; }
+
.n { font-weight: normal; font-style: normal; }
.i { font-style: italic; }
+
.b { font-weight: bold; }
+
.i { font-style: italic; }
/* text-align */
+
.tc { text-align: center; }
+
/* text-align */
.tr { text-align: right; }
+
.tc { text-align: center; }
.tl { text-align: left; }
+
.tr { text-align: right; }
.tj { text-align: justify; }
+
.tl { text-align: left; }
+
.tj { text-align: justify; }
/* 清除浮 动*/
+
.fix { *zoom:1; }
+
/* ����� ��*/
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
+
.fix { *zoom:1; }
+
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
/*table*/
+
table {
+
/*table*/
 +
table {
 +
width: 100%;
 +
border-collapse: collapse;
 +
}
 +
 +
/* margin */
 +
.m0 { margin:0 !important; }
 +
.ml0 { margin-left: 0}
 +
.ml1 { margin-left: 1px; }
 +
.ml2 { margin-left: 2px; }
 +
.ml5 { margin-left: 5px; }
 +
.ml10 { margin-left: 10px; }
 +
.ml15 { margin-left: 15px; }
 +
.ml20 { margin-left: 20px; }
 +
.ml25 { margin-left: 25px;}
 +
.ml30 { margin-left: 30px; }
 +
 +
.mr1 { margin-right: 1px; }
 +
.mr2 { margin-right: 2px; }
 +
.mr5 { margin-right: 5px; }
 +
.mr10 { margin-right: 10px; }
 +
.mr15 { margin-right: 15px; }
 +
.mr20 { margin-right: 20px; }
 +
.mr30 { margin-right: 30px; }
 +
 +
.mt1 { margin-top: 1px; }
 +
.mt2 { margin-top: 2px; }
 +
.mt5 { margin-top: 5px; }
 +
.mt10 { margin-top: 10px; }
 +
.mt15 { margin-top: 15px; }
 +
.mt20 { margin-top: 20px; }
 +
.mt25 { margin-top: 25px; }
 +
.mt30 { margin-top: 30px; }
 +
 +
.mb1 { margin-bottom: 1px; }
 +
.mb2 { margin-bottom: 2px; }
 +
.mb5 { margin-bottom: 5px; }
 +
.mb10 { margin-bottom: 10px; }
 +
.mb15 { margin-bottom: 15px; }
 +
.mb20 { margin-bottom: 20px; }
 +
.mb25 { margin-bottom: 25px; }
 +
.mb30 { margin-bottom: 30px; }
 +
 +
/* padding */
 +
.p0 { padding: 0; }
 +
.p1 { padding: 1px; }
 +
.pl1 { padding-left: 1px; }
 +
.pt1 { padding-top: 1px; }
 +
.pr1 { padding-right: 1px; }
 +
.pb1 { padding-bottom: 1px; }
 +
 +
.p2 { padding: 2px; }
 +
.pl2 { padding-left: 2px; }
 +
.pt2 { padding-top: 2px; }
 +
.pr2 { padding-right: 2px; }
 +
.pb2 { padding-bottom: 2px; }
 +
 +
.pl5 { padding-left: 5px; }
 +
.p5 { padding: 5px; }
 +
.pt5 { padding-top: 5px; }
 +
.pr5 { padding-right: 5px; }
 +
.pb5 { padding-bottom: 5px; }
 +
 +
.p10 { padding: 10px; }
 +
.pl10 { padding-left: 10px; }
 +
.pt10 { padding-top: 10px; }
 +
.pr10 { padding-right: 10px; }
 +
.pb10 { padding-bottom: 10px; }
 +
 +
.p15 { padding: 15px; }
 +
.pl15 { padding-left: 15px; }
 +
.pt15 { padding-top: 15px; }
 +
.pr15 { padding-right: 15px; }
 +
.pb15 { padding-bottom: 15px; }
 +
 +
.p20 { padding: 20px; }
 +
.pl20 { padding-left: 20px; }
 +
.pt20 { padding-top: 20px; }
 +
.pr20 { padding-right: 20px; }
 +
.pb20 { padding-bottom: 20px; }
 +
 +
.p30 { padding: 30px; }
 +
.pl30 { padding-left: 30px; }
 +
.pt30 { padding-top: 30px; }
 +
.pr30 { padding-right: 30px; }
 +
.pb30 { padding-bottom: 30px; }
 +
 +
/* vertical-align */
 +
.vm { vertical-align: middle; }
 +
.vtb { vertical-align: text-bottom; }
 +
.vb { vertical-align: bottom; }
 +
.vt { vertical-align: top; }
 +
.vn { vertical-align: -2px; }
 +
 +
.bgnone{background:none !important;}
 +
.bnone{border:none !important;}
 +
 +
 +
 +
body{
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
.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%;
 
width: 100%;
border-collapse: collapse;
+
padding: 0;
}
+
}
+
.mod-01 img{
/* margin */
+
display: block;
.m0 { margin:0 !important; }
+
.ml0 { margin-left: 0}
+
.ml1 { margin-left: 1px; }
+
.ml2 { margin-left: 2px; }
+
.ml5 { margin-left: 5px; }
+
.ml10 { margin-left: 10px; }
+
.ml15 { margin-left: 15px; }
+
.ml20 { margin-left: 20px; }
+
.ml25 { margin-left: 25px;}
+
.ml30 { margin-left: 30px; }
+
+
.mr1 { margin-right: 1px; }
+
.mr2 { margin-right: 2px; }
+
.mr5 { margin-right: 5px; }
+
.mr10 { margin-right: 10px; }
+
.mr15 { margin-right: 15px; }
+
.mr20 { margin-right: 20px; }
+
.mr30 { margin-right: 30px; }
+
+
.mt1 { margin-top: 1px; }
+
.mt2 { margin-top: 2px; }
+
.mt5 { margin-top: 5px; }
+
.mt10 { margin-top: 10px; }
+
.mt15 { margin-top: 15px; }
+
.mt20 { margin-top: 20px; }
+
.mt25 { margin-top: 25px; }
+
.mt30 { margin-top: 30px; }
+
+
.mb1 { margin-bottom: 1px; }
+
.mb2 { margin-bottom: 2px; }
+
.mb5 { margin-bottom: 5px; }
+
.mb10 { margin-bottom: 10px; }
+
.mb15 { margin-bottom: 15px; }
+
.mb20 { margin-bottom: 20px; }
+
.mb25 { margin-bottom: 25px; }
+
.mb30 { margin-bottom: 30px; }
+
+
/* padding */
+
.p0 { padding: 0; }
+
.p1 { padding: 1px; }
+
.pl1 { padding-left: 1px; }
+
.pt1 { padding-top: 1px; }
+
.pr1 { padding-right: 1px; }
+
.pb1 { padding-bottom: 1px; }
+
+
.p2 { padding: 2px; }
+
.pl2 { padding-left: 2px; }
+
.pt2 { padding-top: 2px; }
+
.pr2 { padding-right: 2px; }
+
.pb2 { padding-bottom: 2px; }
+
+
.pl5 { padding-left: 5px; }
+
.p5 { padding: 5px; }
+
.pt5 { padding-top: 5px; }
+
.pr5 { padding-right: 5px; }
+
.pb5 { padding-bottom: 5px; }
+
+
.p10 { padding: 10px; }
+
.pl10 { padding-left: 10px; }
+
.pt10 { padding-top: 10px; }
+
.pr10 { padding-right: 10px; }
+
.pb10 { padding-bottom: 10px; }
+
+
.p15 { padding: 15px; }
+
.pl15 { padding-left: 15px; }
+
.pt15 { padding-top: 15px; }
+
.pr15 { padding-right: 15px; }
+
.pb15 { padding-bottom: 15px; }
+
+
.p20 { padding: 20px; }
+
.pl20 { padding-left: 20px; }
+
.pt20 { padding-top: 20px; }
+
.pr20 { padding-right: 20px; }
+
.pb20 { padding-bottom: 20px; }
+
+
.p30 { padding: 30px; }
+
.pl30 { padding-left: 30px; }
+
.pt30 { padding-top: 30px; }
+
.pr30 { padding-right: 30px; }
+
.pb30 { padding-bottom: 30px; }
+
+
/* vertical-align */
+
.vm { vertical-align: middle; }
+
.vtb { vertical-align: text-bottom; }
+
.vb { vertical-align: bottom; }
+
.vt { vertical-align: top; }
+
.vn { vertical-align: -2px; }
+
+
.bgnone{background:none !important;}
+
.bnone{border:none !important;}
+
+
+
+
body{
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
+
}
+
.container{
+
width: 1200px;
+
min-width: 1200px;
+
 
margin-right: auto;
 
margin-right: auto;
 
margin-left: auto;
 
margin-left: auto;
}
+
}
+
<!--���������˵��IJ���->
.shortcut{
+
.dropdown {
height: 24px;
+
position: relative;
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;
 
display: inline-block;
height: 38px;
+
}
line-height: 38px;
+
.dropdown span{
margin-right: 43px;
+
width: 120px !important;
margin-left: 43px;
+
}
font-size: 16px;
+
.dropdown-content {
color: #333;
+
display: none;
-webkit-transition: all 0.3s ease 0s;
+
position: absolute;
-moz-transition: all 0.3s ease 0s;
+
background-color: #f9f9f9;
-o-transition: all 0.3s ease 0s;
+
min-width: 160px;
transition: all 0.3s ease 0s;
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
+
padding: 12px 16px;
nav a:hover,
+
}
nav .on{
+
.dropdown:hover .dropdown-content {
color: #8e2322;
+
width: 160px !important;
}
+
display: block;
#content #top_title{
+
}
display:none;
+
</style>
}
+
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
#content{
+
</head>
    width: 100%;
+
<body>
    padding: 0;
+
<div class="title">
}
+
<div class="logo"><img src="https://static.igem.org/mediawiki/2018/6/6a/T--BCU--bculogo.png"  style="width: 200px;height: 116px;float:left;" /></div>
.mod-01 img{
+
<div class="nav">
display: block;
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:10px;margin-right:10px; ">
margin-right: auto;
+
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU">HOME</a></span>
margin-left: auto;
+
</div>
}
+
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
    </style>
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
+
<span>TEAM</span>
</head>
+
<div class="dropdown-content">
<body>
+
<p><a href="https://2018.igem.org/Team:BCU/Team">Team</a></p>
<!--header-->
+
<p><a href="https://2018.igem.org/Team:BCU/Collaborations">Collaborations</a></p>
<style type="text/css">
+
</div>
<!--
+
</div>
body {
+
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
margin-left: 0px;
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
margin-top: 0px;
+
<span>PROJECT</span>
margin-right: 0px;
+
<div class="dropdown-content">
margin-bottom: 0px;
+
<p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p>
}
+
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
.title {
+
<p><a href="https://2018.igem.org/Team:BCU/Experiments">Experiments</a></p>
height: 220px;
+
<p><a href="https://2018.igem.org/Team:BCU/Notebook">Notebook</a></p>
width: 960px;
+
<p><a href="https://2018.igem.org/Team:BCU/InterLab">InterLab</a></p>
margin-right: auto;
+
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
margin-left: auto;
+
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
border-top-width: 8px;
+
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Demonstrate</a></p>
border-top-color: #06F;
+
<p><a href="https://2018.igem.org/Team:BCU/Improve">Improve</a></p>
border-top-style: solid;
+
<p><a href="https://2018.igem.org/Team:BCU/Attributions">Attributions</a></p>
border-right-style: none;
+
</div>
border-bottom-style: none;
+
</div>
border-left-style: none;
+
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
}
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
.nav {
+
<span>PARTS</span>
float: right;
+
<div class="dropdown-content">
height: 40px;
+
<p><a href="https://2018.igem.org/Team:BCU/Parts">Parts</a></p>
width: 600px;
+
<p><a href="https://2018.igem.org/Team:BCU/Basic_Part">Basic_Part</a></p>
margin-top: 150px;
+
<p><a href="https://2018.igem.org/Team:BCU/Composite_Part">Composite_Part</a></p>
font-size: 24px;
+
<p><a href="https://2018.igem.org/Team:BCU/Part_Collection">Part_Collection</a></p>
color: #1C2C77;
+
</div>
}
+
</div>
.logo {
+
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
float: left;
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
height: 200px;
+
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU/Safety">SAFETY</a></span>
width: 300px;
+
</div>
background-image: url(igem/9c7b1cc5f972597e704ba1c6dfd247e9_mp19679869_1434929665461_2.jpeg);
+
<!--<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>-->
background-repeat: no-repeat;
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;">
}
+
<span>HUMAN&nbsp;PARCTICES</span>
-->
+
<div class="dropdown-content">
</style></head>
+
<p><a href="https://2018.igem.org/Team:BCU/Human_Practices">Human_Practices</a></p>
 
+
<p><a href="https://2018.igem.org/Team:BCU/Public_Engagement">Public_Engagement</a></p>
<body>
+
</div>
<div class="title">
+
</div>
  <div class="logo"><img src="https://static.igem.org/mediawiki/2018/6/6a/T--BCU--bculogo.png" width="130" height="100" /></div>
+
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
  <div class="nav">
+
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
    <p>HOME  |  TEAM  |   PROJECT  |  PARTS   |  SAFETY</p>
+
<span>AWRADS</span>
    <p>       HUMAN PARCTICES  |  AWRADS</p>
+
<div class="dropdown-content">
  </div>
+
<p><a href="https://2018.igem.org/Team:BCU/Applied_Design">Applied_Design</a></p>
</div>
+
<p><a href="https://2018.igem.org/Team:BCU/Entrepreneurship">Entrepreneurship</a></p>
<div class="main">
+
<p><a href="https://2018.igem.org/Team:BCU/Hardware">Hardware</a></p>
  <h1>Nicotine degradation</h1>
+
<p><a href="https://2018.igem.org/Team:BCU/Measurement">Measurement</a></p>
  <p>BCU|CHINA</p>
+
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
</div>
+
<p><a href="https://2018.igem.org/Team:BCU/Plant">Plant</a></p>
<div class="title">
+
<p><a href="https://2018.igem.org/Team:BCU/Software">Software</a></p>
  <div class="logo"></div>
+
</div>
  <div class="nav">Nicotine degradation</div>
+
</div>
</div>
+
</div>
<section class="container">
+
</div>
 
+
<div class="main">
    <div class="logo auto mb20"><a href="#"><img src="https://static.igem.org/mediawiki/2018/6/6a/T--BCU--bculogo.png" /></a></div>
+
<h1>Nicotine degradation</h1>
    <nav class="tc mb15">
+
<p>BCU|CHINA</p>
        <a href="https://2018.igem.org/Team:BCU#" class="on">HOME</a>
+
</div>
        <a href="#">TEAM</a>
+
<!--header end-->
        <a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a>
+
<script type="text/javascript">
        <a href="#">PARTS</a>
+
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
        <a href="#">SAFETY</a>
+
</script>
        <a href="#">HUMAN PRACTICES</a>
+
</body>
        <a href="#">AWARDS</a>
+
</html>
       
+
</nav>
+
</section>
+
<!--header end-->
+
 
+
<script type="text/javascript">
+
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
+
</script>
+
</body>
+
</html>
+

Revision as of 07:02, 10 August 2018

Nicotine degradation

BCU|CHINA