Difference between revisions of "Team:BCU/Description"

(update layout)
Line 6: Line 6:
 
<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;
−
background-color: #fdfdfd;
+
background-color: white !important;
−
}
+
min-width: 960px !important;
−
.title {
+
overflow-x: hidden !important;
−
height: 150px;
+
}
−
width: 960px;
+
.title {
−
margin-right: auto;
+
height: 240px;
−
margin-left: auto;
+
width: 960px;
−
border-top-width: 5px;
+
margin-right: auto;
−
border-top-style: solid;
+
margin-left: auto;
−
border-top-color: #969;
+
−
border-right-color: #D6D6D6;
+
border-right-style: none;
−
border-bottom-color: #D6D6D6;
+
−
border-left-color: #D6D6D6;
+
border-left-style: none;
−
padding-top: 30px;
+
−
}
+
}
−
.nav1 {
+
.nav {
−
float: left;
+
float: right;
−
height: 6px;
+
height: 80px;
−
width: 399px;
+
width: 960px;
−
padding-top: 9px;
+
margin-top: 35px;
−
padding-bottom: 24px;
+
font-size: 16px;
−
border-top-width: 2px;
+
color: #1C2C77;
−
border-bottom-width: 1px;
+
border-top-width: thin;
−
border-top-style: solid;
+
font-weight: 800;
−
border-bottom-style: solid;
+
font-family: Arial, Helvetica, sans-serif;
−
border-top-color: #ccc;
+
font-style: normal;
−
border-bottom-color: #706F74;
+
line-height: 40px;
−
margin-top: 55px;
+
text-align: center;
−
padding-left: 18px;
+
}
−
}
+
.main {
−
.nav2 {
+
height: 400px;
−
float: left;
+
width: 960px;
−
height: 6px;
+
margin-right: auto;
−
width: 399px;
+
margin-left: auto;
−
border-top-style: solid;
+
border-top-width: 5px;
−
border-bottom-style: solid;
+
border-top-style: none;
−
border-top-color: #ccc;
+
border-top-color: #FC0;
−
border-bottom-color: #706F74;
+
background-image: url（);
−
border-top-width: 2px;
+
background-attachment: fixed;
−
border-bottom-width: 1px;
+
background-repeat: no-repeat;
−
padding-bottom: 24px;
+
background-position: center center;
−
clip: rect(auto,30px,auto,auto);
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
−
margin-top: 55px;
+
color: #FFF;
−
padding-top: 9px;
+
text-decoration: blink;
−
padding-left: 18px;
+
font-weight: 900;
−
}
+
text-transform: capitalize;
−
.logo{
+
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;
 
display: block;
−
width: 125px;
 
−
height: 125px;
 
−
float: left;
 
−
}
 
−
a{text-decoration:none;}
 
−
.nav1 span,.nav2 span,.nav1 span a,.nav2 span a{
 
−
color: #969 !important;
 
−
font-weight: bold;
 
−
}
 
−
<!--ContentBody part-->
 
−
.contentBody{
 
−
height: auto;
 
−
width: 960px;
 
 
margin-right: auto;
 
margin-right: auto;
 
margin-left: auto;
 
margin-left: auto;
−
}
+
}
−
.contentPart{
+
<!--Menu Part-->
−
width: 24.9%;
+
.dropdown {
−
display: block;
+
position: relative;
−
float: left;
+
display: inline-block;
−
height: auto;
+
background-color: white;
−
border: 0px;
+
color: #040059;
−
text-align: center;
+
float: left;
−
min-height: 250px;
+
}
−
}
+
.dropdownPlus{
−
.imgPic{
+
float: left;
−
width: 150px;
+
height: 80px !important;
−
height: 150px;
+
min-width:50px !important;
−
background: url('T--BCU--logo2.png');
+
display: inline-block !important;
−
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
+
margin-left:10px !important;
−
-webkit-background-size:100% 100%;
+
margin-right:3px !important;
−
-moz-background-size:100% 100%;  
+
padding-top: 35px !important;
−
background-size:100% 100%;
+
}
−
margin-left: 45px;
+
.dropdownPlus span a{
−
border: dotted 1px;
+
color: #1C2C77 !important;
−
border-radius:50%;
+
}
−
-webkit-border-radius:50%;
+
.dropdownPlus span a:hover{
−
-moz-border-radius:50%;
+
color: white !important;
−
}
+
}
−
.imgTitle{
+
.dropdown span{
−
line-height: 30px;
+
width: 120px !important;
−
margin-top: 15px;
+
}
−
margin-bottom: 15px;
+
.dropdown-content {
−
color: #C3C3C3;
+
display: none;
−
}
+
position: absolute;
−
.imgDesc{
+
background-color: #f9f9f9;
−
line-height: 30px;
+
min-width: 195px;
−
margin-bottom: 15px;
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
color: #C3C3C3;
+
padding: 12px 0px;
−
}
+
text-align: left !important;
−
<!--Menu Part->
+
}
−
.dropdown {
+
.dropdown span:hover{
−
position: relative;
+
background-color: #040059;
−
display: inline-block;
+
color: white;
−
}
+
}
−
.dropdown span{
+
.dropdown:hover .dropdown-content {
−
width: 120px !important;
+
width: 160px !important;
−
}
+
display: block;
−
.dropdown-content {
+
}
−
display: none;
+
.dropdown-content p{
−
position: absolute;
+
padding-left: 16px;
−
background-color: #f9f9f9;
+
line-height: 35px !important;
−
min-width: 192px;
+
margin: 0px !important;
−
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
}
−
padding: 12px 0px;
+
.dropdown-content p a{
−
text-align: left !important;
+
color: #040059 !important;
−
}
+
}
−
.dropdown:hover .dropdown-content {
+
.dropdown-content p:nth-child(2n){
−
width: 160px !important;
+
background:#EEEEEE !important;
−
display: block;
+
}
−
}
+
.dropdown-content p:hover{
−
.dropdown-content p{
+
background-color: #85cafa !important;
−
margin-top: 0px !important;
+
}
−
margin-bottom: 0px !important;
+
.dropdown-content p:hover a{
−
padding-left: 16px;
+
color: white !important;
−
line-height: 35px !important;
+
}
−
}
+
.logo-title{
−
.dropdown-content p:nth-child(2n){
+
text-align: center;
−
background:#EEEEEE !important;
+
}
−
}
+
.logo-title img{
−
.dropdown-content p:hover{
+
−
background-color: black !important;
+
}
−
}
+
.main img{
−
.dropdown-content p:hover a{
+
width: 960px !important;
−
color: white !important;
+
}
−
}
+
</style>
−
-->
+
</head>
−
</style></head>
+
 
<body>
 
<body>
−
<div class="title">
+
<div class="title">
−
<div class="nav1">
+
<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 class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;">
+
−
<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 class="dropdown dropdownPlus">
−
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;  ">
+
<span><a href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
−
<span>PROJECT</span>
+
−
<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/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 class="dropdown dropdownPlus">
−
<body>
+
<span>PROJECT</span>
−
<div class="title">
+
<div class="dropdown-content">
−
<div class="nav1">
+
<p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p>
−
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:10px;margin-right:10px; ">
+
</div>
−
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU">HOME</a></span>
+
−
</div>
+
−
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;">
+
−
<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 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>
−
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;  ">
+
<div class="logo-title">
−
<span>PROJECT</span>
+
<img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/>
−
<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/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>
−
</style></head>
+
<div class="main">
−
 
+
                <img src="https://static.igem.org/mediawiki/2018/6/60/T--BCU--overview02.jpg">
−
 
+
<img src="https://static.igem.org/mediawiki/2018/9/90/T--BCU--overview03.jpg">
−
<body>
+
<img src="https://static.igem.org/mediawiki/2018/9/91/T--BCU--overview04.jpg">
−
 
+
</div>
−
 
+
−
 
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2018/6/60/T--BCU--overview02.jpg">
+
−
<img src="https://static.igem.org/mediawiki/2018/9/90/T--BCU--overview03.jpg">
+
−
<img src="https://static.igem.org/mediawiki/2018/9/91/T--BCU--overview04.jpg">
+
−
 
+
−
 
+
−
 
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:39, 14 October 2018

无标题文档

HOME
TEAM
PROJECT

Description

EXPERIMENT

Design

Materials&Reagents

Methods

Results

PARTS
INTERLAB
NOTEBOOK
ATTRIBUTION
MEDAL