Difference between revisions of "Team:BCU"

(update bac)
Line 14: Line 14:
 
}
 
}
 
.title {
 
.title {
height: 150px;
+
height: 240px;
 
width: 960px;
 
width: 960px;
 
margin-right: auto;
 
margin-right: auto;
Line 27: Line 27:
 
float: right;
 
float: right;
 
height: 80px;
 
height: 80px;
width: 600px;
+
width: 960px;
 
margin-top: 35px;
 
margin-top: 35px;
 
font-size: 16px;
 
font-size: 16px;
Line 36: Line 36:
 
font-style: normal;
 
font-style: normal;
 
line-height: 40px;
 
line-height: 40px;
padding-right: 20px;
 
margin-right: 20px;
 
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 58: Line 56:
 
text-transform: capitalize;
 
text-transform: capitalize;
 
text-align: center !important;
 
text-align: center !important;
padding-top: 160px;
+
padding-top: 0px;
 
font-size: larger;
 
font-size: larger;
 
margin-bottom: 3px;
 
margin-bottom: 3px;
Line 109: Line 107:
 
body {
 
body {
 
margin: 0;
 
margin: 0;
}
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
article,
+
aside,
+
details,
+
figcaption,
+
figure,
+
footer,
+
header,
+
hgroup,
+
main,
+
menu,
+
nav,
+
section,
+
summary {
+
display: block;
+
}
+
audio,
+
canvas,
+
progress,
+
video {
+
display: inline-block;
+
vertical-align: baseline;
+
}
+
audio:not([controls]) {
+
display: none;
+
height: 0;
+
}
+
[hidden],
+
template {
+
display: none;
+
}
+
a {
+
background-color: transparent;
+
}
+
a:active,
+
a:hover {
+
outline: 0;
+
}
+
abbr[title] {
+
border-bottom: 1px dotted;
+
}
+
b,
+
strong {
+
font-weight: bold;
+
}
+
dfn {
+
font-style: italic;
+
}
+
h1 {
+
margin: .67em 0;
+
font-size: 2em;
+
}
+
mark {
+
color: #000;
+
background: #ff0;
+
}
+
small {
+
font-size: 80%;
+
}
+
sub,
+
sup {
+
position: relative;
+
font-size: 75%;
+
line-height: 0;
+
vertical-align: baseline;
+
}
+
sup {
+
top: -.5em;
+
}
+
sub {
+
bottom: -.25em;
+
}
+
img {
+
border: 0;
+
}
+
svg:not(:root) {
+
overflow: hidden;
+
}
+
figure {
+
margin: 1em 40px;
+
}
+
hr {
+
height: 0;
+
-webkit-box-sizing: content-box;
+
-moz-box-sizing: content-box;
+
box-sizing: content-box;
+
}
+
pre {
+
overflow: auto;
+
}
+
code,
+
kbd,
+
pre,
+
samp {
+
font-family: monospace, monospace;
+
font-size: 1em;
+
}
+
button,
+
input,
+
optgroup,
+
select,
+
textarea {
+
margin: 0;
+
font: inherit;
+
color: inherit;
+
}
+
button {
+
overflow: visible;
+
}
+
button,
+
select {
+
text-transform: none;
+
}
+
button,
+
html input[type="button"],
+
input[type="reset"],
+
input[type="submit"] {
+
-webkit-appearance: button;
+
cursor: pointer;
+
}
+
button[disabled],
+
html input[disabled] {
+
cursor: default;
+
}
+
button::-moz-focus-inner,
+
input::-moz-focus-inner {
+
padding: 0;
+
border: 0;
+
}
+
input {
+
line-height: normal;
+
}
+
input[type="checkbox"],
+
input[type="radio"] {
+
-webkit-box-sizing: border-box;
+
-moz-box-sizing: border-box;
+
box-sizing: border-box;
+
padding: 0;
+
}
+
input[type="number"]::-webkit-inner-spin-button,
+
input[type="number"]::-webkit-outer-spin-button {
+
height: auto;
+
}
+
input[type="search"] {
+
-webkit-box-sizing: content-box;
+
-moz-box-sizing: content-box;
+
box-sizing: content-box;
+
-webkit-appearance: textfield;
+
}
+
input[type="search"]::-webkit-search-cancel-button,
+
input[type="search"]::-webkit-search-decoration {
+
-webkit-appearance: none;
+
}
+
fieldset {
+
padding: .35em .625em .75em;
+
margin: 0 2px;
+
border: 1px solid #c0c0c0;
+
}
+
legend {
+
padding: 0;
+
border: 0;
+
}
+
textarea {
+
overflow: auto;
+
}
+
optgroup {
+
font-weight: bold;
+
}
+
table {
+
border-spacing: 0;
+
border-collapse: collapse;
+
+
}
+
td,
+
th {
+
padding: 0;
+
}
+
+
+
body {
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
+
font-size: 12px;
+
line-height: 1.42857143;
+
color: #333;
+
background-color: #fff;
+
}
+
input,
+
button,
+
select,
+
textarea {
+
font-family: inherit;
+
font-size: inherit;
+
line-height: inherit;
+
 
}
 
}
 
a {
 
a {
Line 316: Line 122:
 
}
 
}
 
 
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,form{
 
margin:0;
 
}
 
h4,h5,h6{
 
font-size:1em;
 
}
 
ul,ol{
 
padding-left:0;
 
list-style-type:none;
 
}
 
 
 
/*common*/
 
*:focus {outline: none;}
 
 
/* display */
 
.dn { display: none; }
 
.di { display: inline; }
 
.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;}
 
 
/* setting margin */
 
.auto { margin-left: auto; margin-right: auto; }
 
 
/* overflow */
 
.ovh { overflow: hidden; }
 
 
/* position */
 
.rel { position: relative; }
 
.abs { position: absolute; }
 
 
/* font-family */
 
.fw { font-family: 'Microsoft Yahei'; }
 
.fs { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;  }
 
 
 
/* font-style */
 
.n { font-weight: normal; font-style: normal; }
 
.b { font-weight: bold; }
 
.i { font-style: italic; }
 
 
/* text-align */
 
.tc { text-align: center; }
 
.tr { text-align: right; }
 
.tl { text-align: left; }
 
.tj { text-align: justify; }
 
 
/* fix*/
 
.fix { *zoom:1; }
 
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
 
 
/*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{
 
.container{
 
width: 1200px;
 
width: 1200px;
Line 542: Line 190:
 
margin-left: auto;
 
margin-left: auto;
 
}
 
}
<!--Menu Part->
+
<!--Menu Part-->
 
.dropdown {
 
.dropdown {
position: relative;
+
position: relative;
display: inline-block;
+
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:10px !important;
 +
margin-right:3px !important;
 +
padding-top: 35px !important;
 +
}
 +
.dropdownPlus span a{
 +
color: #1C2C77 !important;
 +
}
 +
.dropdownPlus span a:hover{
 +
color: white !important;
 
}
 
}
 
.dropdown span{
 
.dropdown span{
Line 551: Line 217:
 
}
 
}
 
.dropdown-content {
 
.dropdown-content {
display: none;
+
display: none;
position: absolute;
+
position: absolute;
background-color: #f9f9f9;
+
background-color: #f9f9f9;
min-width: 192px;
+
min-width: 195px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 0px;
+
padding: 12px 0px;
text-align: left !important;
+
text-align: left !important;
 +
}
 +
.dropdown span:hover{
 +
background-color: #040059;
 +
color: white;
 
}
 
}
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
Line 566: Line 236:
 
padding-left: 16px;
 
padding-left: 16px;
 
line-height: 35px !important;
 
line-height: 35px !important;
 +
margin: 0px !important;
 +
}
 +
.dropdown-content p a{
 +
color: #040059 !important;
 
}
 
}
 
.dropdown-content p:nth-child(2n){
 
.dropdown-content p:nth-child(2n){
Line 571: Line 245:
 
}
 
}
 
.dropdown-content p:hover{
 
.dropdown-content p:hover{
background-color: black !important;
+
background-color: #85cafa !important;
 
}
 
}
 
.dropdown-content p:hover a{
 
.dropdown-content p:hover a{
 
color: white !important;
 
color: white !important;
}
+
}
 +
.logo-title{
 +
text-align: center;
 +
}
 +
.logo-title img{
 +
 
 +
}
 
  </style>
 
  </style>
 
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
 
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
Line 581: Line 261:
 
<body>
 
<body>
 
<div class="title">
 
<div class="title">
<div class="logo"><img src="https://static.igem.org/mediawiki/2018/f/f4/T--BCU--zuizhonglogo.jpg"  style="width: 200px;height: 116px;float:left;" /></div>
 
 
<div class="nav">
 
<div class="nav">
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:10px;margin-right:10px; ">
+
<div class="dropdown dropdownPlus">
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU">HOME</a></span>
+
<span><a href="https://2018.igem.org/Team:BCU">HOME</a></span>
 
</div>
 
</div>
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
+
<div class="dropdown dropdownPlus">
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;">
+
<span><a href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
<span>TEAM</span>
+
<div class="dropdown-content">
+
<p><a href="https://2018.igem.org/Team:BCU/Team">Team</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Collaborations">Collaborations</a></p>
+
</div>
+
 
</div>
 
</div>
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
+
<div class="dropdown dropdownPlus">
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
+
 
<span>PROJECT</span>
 
<span>PROJECT</span>
 
<div class="dropdown-content">
 
<div class="dropdown-content">
 
<p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p>
 
<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>
 
<p><a href="https://2018.igem.org/Team:BCU/Experiments">Experiments</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Notebook">Notebook</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/InterLab">InterLab</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Demonstrate</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Improve">Improve</a></p>
 
<p><a href="https://2018.igem.org/Team:BCU/Attributions">Attributions</a></p>
 
 
</div>
 
</div>
 
</div>
 
</div>
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
+
<div class="dropdown dropdownPlus">
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
+
<span>EXPERIMENT</span>
<span>PARTS</span>
+
 
<div class="dropdown-content">
 
<div class="dropdown-content">
<p><a href="https://2018.igem.org/Team:BCU/Parts">Parts</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
<p><a href="https://2018.igem.org/Team:BCU/Basic_Part">Basic_Part</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/Composite_Part">Composite_Part</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p>
<p><a href="https://2018.igem.org/Team:BCU/Part_Collection">Part_Collection</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
+
<div class="dropdown dropdownPlus" >
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
+
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU/Safety">SAFETY</a></span>
+
 
</div>
 
</div>
<!--<div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</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" style="min-width:50px !important;display: inline-block  !important;">
+
<div class="dropdown dropdownPlus" >
<span>HUMAN&nbsp;PARCTICES</span>
+
<span><a href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
<div class="dropdown-content">
+
<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>
+
</div>
+
 
</div>
 
</div>
<div style="min-width:40px !important;display: inline-block  !important;text-align:center; ">|</div>
+
<div class="dropdown dropdownPlus">
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
+
<span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
<span>AWRADS</span>
+
<div class="dropdown-content">
+
<p><a href="https://2018.igem.org/Team:BCU/Applied_Design">Applied_Design</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Entrepreneurship">Entrepreneurship</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Hardware">Hardware</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Measurement">Measurement</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Plant">Plant</a></p>
+
<p><a href="https://2018.igem.org/Team:BCU/Software">Software</a></p>
+
</div>
+
 
</div>
 
</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>
 
</div>

Revision as of 06:52, 13 October 2018