Zhu Tingting (Talk | contribs) |
Zhu Tingting (Talk | contribs) |
||
Line 2: | Line 2: | ||
<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> | |
− | + | <style type="text/css"> | |
− | + | <!-- | |
− | + | body { | |
− | + | margin-left: 0px; | |
− | + | margin-top: 0px; | |
− | + | margin-right: 0px; | |
− | + | margin-bottom: 0px; | |
− | + | background-color: #fdfdfd; | |
− | + | } | |
− | + | .title { | |
− | + | height: 150px; | |
− | + | width: 960px; | |
− | + | margin-right: auto; | |
− | + | margin-left: auto; | |
− | + | border-top-width: 5px; | |
− | + | border-top-style: solid; | |
− | + | border-top-color: #969; | |
− | + | border-right-color: #D6D6D6; | |
− | + | border-bottom-color: #D6D6D6; | |
− | + | border-left-color: #D6D6D6; | |
− | + | padding-top: 30px; | |
− | + | } | |
− | + | .nav1 { | |
− | + | float: left; | |
− | + | height: 6px; | |
− | + | width: 399px; | |
− | + | padding-top: 9px; | |
− | + | padding-bottom: 24px; | |
− | + | border-top-width: 2px; | |
− | + | border-bottom-width: 1px; | |
− | + | border-top-style: solid; | |
− | + | border-bottom-style: solid; | |
− | + | border-top-color: #ccc; | |
− | + | border-bottom-color: #706F74; | |
− | } | + | margin-top: 55px; |
− | . | + | padding-left: 18px; |
− | + | } | |
− | + | .nav2 { | |
− | + | float: left; | |
− | + | height: 6px; | |
− | + | width: 399px; | |
− | + | border-top-style: solid; | |
− | + | border-bottom-style: solid; | |
− | + | border-top-color: #ccc; | |
− | } | + | border-bottom-color: #706F74; |
− | . | + | border-top-width: 2px; |
− | + | border-bottom-width: 1px; | |
− | + | padding-bottom: 24px; | |
− | + | clip: rect(auto,30px,auto,auto); | |
− | + | margin-top: 55px; | |
− | + | padding-top: 9px; | |
− | + | padding-left: 18px; | |
− | + | } | |
− | + | .logo{ | |
− | + | 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-left: auto; | |
− | + | } | |
− | + | .contentPart{ | |
− | + | width: 24.9%; | |
− | + | display: block; | |
− | + | float: left; | |
− | + | height: auto; | |
− | + | border: 0px; | |
− | + | text-align: center; | |
− | + | min-height: 250px; | |
− | + | } | |
− | } | + | .imgPic{ |
− | . | + | width: 150px; |
− | + | height: 150px; | |
− | + | background: url('T--BCU--logo2.png'); | |
− | + | filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; | |
− | + | -webkit-background-size:100% 100%; | |
− | + | -moz-background-size:100% 100%; | |
− | + | background-size:100% 100%; | |
− | + | margin-left: 45px; | |
− | + | border: dotted 1px; | |
− | + | border-radius:50%; | |
− | } | + | -webkit-border-radius:50%; |
− | . | + | -moz-border-radius:50%; |
− | + | } | |
− | + | .imgTitle{ | |
− | + | line-height: 30px; | |
− | + | margin-top: 15px; | |
− | margin: 10px; | + | margin-bottom: 15px; |
− | + | color: #C3C3C3; | |
+ | } | ||
+ | .imgDesc{ | ||
+ | line-height: 30px; | ||
+ | margin-bottom: 15px; | ||
+ | color: #C3C3C3; | ||
+ | } | ||
+ | <!--Menu Part-> | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .dropdown span{ | ||
+ | width: 120px !important; | ||
+ | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 192px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | padding: 12px 0px; | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | width: 160px !important; | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown-content p{ | ||
+ | margin-top: 0px !important; | ||
+ | margin-bottom: 0px !important; | ||
+ | padding-left: 16px; | ||
+ | line-height: 35px !important; | ||
+ | } | ||
+ | .dropdown-content p:nth-child(2n){ | ||
+ | background:#EEEEEE !important; | ||
+ | } | ||
+ | .dropdown-content p:hover{ | ||
+ | background-color: black !important; | ||
+ | } | ||
+ | .dropdown-content p:hover a{ | ||
+ | color: white !important; | ||
+ | } | ||
+ | --> | ||
+ | </style></head> | ||
+ | <body> | ||
+ | <div class="title"> | ||
+ | <div class="nav1"> | ||
+ | <div class="dropdown" style="min-width:50px !important;display: inline-block !important;margin-left:10px;margin-right:10px; "> | ||
+ | <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" style="min-width:50px !important;display: inline-block !important;margin-left:30px; "> | ||
+ | <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> | ||
+ | <body> | ||
+ | <div class="title"> | ||
+ | <div class="nav1"> | ||
+ | <div class="dropdown" style="min-width:50px !important;display: inline-block !important;margin-left:10px;margin-right:10px; "> | ||
+ | <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" style="min-width:50px !important;display: inline-block !important;margin-left:30px; "> | ||
+ | <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> | ||
--> | --> | ||
</style></head> | </style></head> |
Revision as of 11:29, 4 October 2018