Zhu Tingting (Talk | contribs) (correct the line height) |
Zhu Tingting (Talk | contribs) |
||
(34 intermediate revisions by the same user not shown) | |||
Line 12: | Line 12: | ||
margin-right: 0px; | margin-right: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
+ | background-color: white !important; | ||
+ | min-width: 960px !important; | ||
+ | overflow-x: hidden !important; | ||
} | } | ||
.title { | .title { | ||
− | height: | + | height: 240px; |
width: 960px; | width: 960px; | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
− | + | ||
− | + | ||
− | + | ||
border-right-style: none; | border-right-style: none; | ||
− | + | ||
border-left-style: none; | border-left-style: none; | ||
− | + | ||
− | + | ||
} | } | ||
.nav { | .nav { | ||
float: right; | float: right; | ||
height: 80px; | height: 80px; | ||
− | width: | + | width: 960px; |
margin-top: 35px; | margin-top: 35px; | ||
font-size: 16px; | font-size: 16px; | ||
Line 39: | Line 39: | ||
font-style: normal; | font-style: normal; | ||
line-height: 40px; | line-height: 40px; | ||
− | |||
− | |||
text-align: center; | text-align: center; | ||
} | } | ||
Line 51: | Line 49: | ||
border-top-style: none; | border-top-style: none; | ||
border-top-color: #FC0; | border-top-color: #FC0; | ||
− | background-image: | + | background-image: url(); |
background-attachment: fixed; | background-attachment: fixed; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 61: | Line 59: | ||
text-transform: capitalize; | text-transform: capitalize; | ||
text-align: center !important; | text-align: center !important; | ||
− | padding-top: | + | padding-top: 0px; |
font-size: larger; | font-size: larger; | ||
margin-bottom: 3px; | margin-bottom: 3px; | ||
Line 112: | Line 110: | ||
body { | body { | ||
margin: 0; | margin: 0; | ||
− | + | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
a { | a { | ||
Line 319: | Line 125: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.container{ | .container{ | ||
width: 1200px; | width: 1200px; | ||
Line 545: | Line 193: | ||
margin-left: auto; | margin-left: auto; | ||
} | } | ||
− | <!--Menu Part-> | + | <!--Menu Part--> |
.dropdown { | .dropdown { | ||
− | + | 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: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{ | .dropdown span{ | ||
Line 554: | Line 221: | ||
} | } | ||
.dropdown-content { | .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 { | .dropdown:hover .dropdown-content { | ||
Line 569: | Line 240: | ||
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 574: | Line 249: | ||
} | } | ||
.dropdown-content p:hover{ | .dropdown-content p:hover{ | ||
− | background-color: | + | 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 584: | Line 265: | ||
<body> | <body> | ||
<div class="title"> | <div class="title"> | ||
− | |||
<div class="nav"> | <div class="nav"> | ||
− | <div class="dropdown | + | <div class="dropdown dropdownPlus"> |
− | <span><a | + | <span><a href="https://2018.igem.org/Team:BCU">HOME</a></span> |
</div> | </div> | ||
− | + | <div class="dropdown dropdownPlus"> | |
− | <div class="dropdown | + | <span><a href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span> |
− | <span | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div | + | <div class="dropdown dropdownPlus"> |
− | <div class="dropdown | + | <span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span> |
− | <span> | + | |
+ | </div> | ||
+ | <div class="dropdown dropdownPlus"> | ||
+ | <span>EXPERIMENT</span> | ||
<div class="dropdown-content"> | <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/Design">Design</a></p> | ||
− | <p><a href="https://2018.igem.org/Team:BCU/ | + | <p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p> |
− | <p><a href="https://2018.igem.org/Team:BCU/ | + | <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> | <p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="dropdown dropdownPlus" > | |
− | <div class="dropdown | + | <span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span> |
− | <span | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </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 | + | <div class="dropdown dropdownPlus" > |
− | <span><a | + | <span><a href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span> |
</div> | </div> | ||
− | + | <div class="dropdown dropdownPlus"> | |
− | <div class="dropdown | + | <span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span> |
− | <span | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="dropdown dropdownPlus"> | |
− | <div class="dropdown | + | <span><a href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span> |
− | <span | + | </div> |
− | + | <div class="dropdown dropdownPlus"> | |
− | + | <span><a href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </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> | ||
<div class="main"> | <div class="main"> | ||
− | + | <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BCU--HOME11.jpg"> | |
− | + | ||
</div> | </div> | ||
<!--header end--> | <!--header end--> |
Latest revision as of 16:21, 16 October 2018