Difference between revisions of "Team:BCU/Description"

 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
 
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
+
<title>无标题文档</title>
<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: white !important;
.title {
+
min-width: 960px !important;
height: 150px;
+
overflow-x: hidden !important;
width: 960px;
+
}
margin-right: auto;
+
.title {
margin-left: auto;
+
height: 240px;
border-top-width: 5px;
+
width: 960px;
border-top-color: #33F;
+
margin-right: auto;
border-top-style: solid;
+
margin-left: auto;
border-right-style: none;
+
border-bottom-style: none;
+
border-right-style: none;
border-left-style: none;
+
border-bottom-width: 8px;
+
border-left-style: none;
}
+
.nav {
+
}
float: right;
+
.nav {
height: 80px;
+
float: right;
width: 600px;
+
height: 80px;
margin-top: 50px;
+
width: 960px;
font-size: 16px;
+
margin-top: 35px;
color: #1C2C77;
+
font-size: 16px;
border-top-width: thin;
+
color: #1C2C77;
font-weight: 800;
+
border-top-width: thin;
font-family: Arial, Helvetica, sans-serif;
+
font-weight: 800;
font-style: normal;
+
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
+
font-style: normal;
padding-right: 20px;
+
line-height: 40px;
margin-right: 20px;
+
text-align: center;
}
+
}
.main {
+
.main {
height: 40px;
+
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: solid;
+
border-top-style: none;
border-top-color: #FC0;
+
border-top-color: #FC0;
background-attachment: scroll;
+
background-image: url();
background-repeat: no-repeat;
+
background-attachment: fixed;
background-position: center center;
+
background-repeat: no-repeat;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
background-position: center center;
color: #000;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-decoration: blink;
+
color: #FFF;
font-weight: 900;
+
text-decoration: blink;
text-transform: capitalize;
+
font-weight: 900;
text-align: center;
+
text-transform: capitalize;
padding-top: 160px;
+
text-align: center !important;
font-size: larger;
+
padding-top: 0px;
background-image: url(https://static.igem.org/mediawiki/2018/c/c1/T--BCU--sucai001.jpg);
+
font-size: larger;
}
+
margin-bottom: 3px;
.title2 {
+
}
height: 100px;
+
.main p{
width: 960px;
+
text-align: center !important;
margin-right: auto;
+
}
margin-left: auto;
+
.logo {
font-family: Arial, Helvetica, sans-serif;
+
float: left;
font-size: 18px;
+
height: 130px;
color: #336;
+
width: 300px;
font-weight: 600;
+
background-repeat: no-repeat;
background-color: #FC3;
+
margin: 10px;
}
+
}
.logo {
+
html {
float: left;
+
font-family: sans-serif;
height: 130px;
+
-webkit-text-size-adjust: 100%;
width: 300px;
+
-ms-text-size-adjust: 100%;
background-repeat: no-repeat;
+
}
margin: 10px;
+
body {
}
+
margin: 0;
-->
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
</style></head>
+
}
 
+
a {
<body>
+
text-decoration: none;
<div class="title">
+
}
  <div class="logo"><img src="igem/9c7b1cc5f972597e704ba1c6dfd247e9_mp19679869_1434929665461_2.jpeg" width="210" height="127" /></div>
+
a:hover,
  <div class="nav">
+
a:focus {
    <p>HOME  |  TEAM  |   PROJECT  |  PARTS   |  SAFETY</p>
+
text-decoration: none;
    <p>       HUMAN PARCTICES  |  AWRADS</p>
+
}
  </div>
+
a:focus {
</div>
+
outline: thin dotted;
<div class="main"></div>
+
outline: 5px auto -webkit-focus-ring-color;
<div class="title2">
+
outline-offset: -2px;
  <p>  PROJECT          <a href="https://2018.igem.org/Team:BCU/Description">Description</a> |   <a href="https://2018.igem.org/Team:BCU/Design">Design</a> | <a href="https://2018.igem.org/Team:BCU/Experiments">Experiments</a> |<a href="https://2018.igem.org/Team:BCU/Notebook">Notebook</a> | <a href="https://2018.igem.org/Team:BCU/InterLab">InterLab</a> |</p>
+
}
  <p>                    <a href="https://2018.igem.org/Team:BCU/Model">Model</a> | <a href="https://2018.igem.org/Team:BCU/Results">Results</a> |<a href="https://2018.igem.org/Team:BCU/Demonstrate">Demonstrate</a>  |<a href="https://2018.igem.org/Team:BCU/Improve">Improve</a> | <a href="https://2018.igem.org/Team:BCU/Attributions">Attributions</a></p>
+
</div>
+
.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>PROJECT</h1>
 +
                <img src="https://static.igem.org/mediawiki/2018/3/3b/T--BCU--PROJECT08.jpg">
 +
<img src="https://static.igem.org/mediawiki/2018/4/40/T--BCU--xiabianlan02.jpg">
 +
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:11, 17 October 2018

无标题文档

PROJECT