Hahasummer (Talk | contribs) |
|||
(95 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{:Team:AHUT_China/ | + | {{:Team:AHUT_China/CSS_reset}} |
− | + | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
Line 13: | Line 12: | ||
*{margin:0px;padding:0px} | *{margin:0px;padding:0px} | ||
body{margin:0px;} | body{margin:0px;} | ||
− | + | ||
#nav{margin:0px auto;width:100%;} | #nav{margin:0px auto;width:100%;} | ||
− | #menu{margin-left: | + | /*---------------------------------daohang------------------------------*/ |
+ | #menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem} | ||
.nav-menu { | .nav-menu { | ||
Line 22: | Line 22: | ||
/* background: #74adaa;*/ | /* background: #74adaa;*/ | ||
width:950px; | width:950px; | ||
− | margin: 50px auto | + | margin: 50px auto 100px; |
} | } | ||
.nav-menu > li { | .nav-menu > li { | ||
Line 33: | Line 33: | ||
} | } | ||
.nav-menu li a { | .nav-menu li a { | ||
− | color: # | + | color: #000000; |
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
/*调用本地字体*/ | /*调用本地字体*/ | ||
− | font-family: | + | font-family:Segoe UI; |
+ | font-weight:400; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
-moz-font-smoothing: antialiased; | -moz-font-smoothing: antialiased; | ||
Line 44: | Line 45: | ||
overflow: visible; | overflow: visible; | ||
line-height: 20px; | line-height: 20px; | ||
− | font-size: | + | font-size: 1 rem; |
padding: 15px 30px 15px 31px; | padding: 15px 30px 15px 31px; | ||
} | } | ||
Line 118: | Line 119: | ||
-o-transform: rotatex(-90deg) translatez(25px); | -o-transform: rotatex(-90deg) translatez(25px); | ||
transform: rotatex(-90deg) translatez(25px); | transform: rotatex(-90deg) translatez(25px); | ||
− | color: # | + | color: #ffffff; |
} | } | ||
.front, .back { | .front, .back { | ||
Line 128: | Line 129: | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
− | background: | + | background:rgba(0, 0, 0, 0.8); |
+ | |||
padding: 15px 30px 15px 31px; | padding: 15px 30px 15px 31px; | ||
− | color: | + | color: #ffffff; |
-webkit-pointer-events: none; | -webkit-pointer-events: none; | ||
-moz-pointer-events: none; | -moz-pointer-events: none; | ||
Line 141: | Line 143: | ||
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/ | /*任务八、设置导航当前状态与悬浮状态下的背景效果*/ | ||
.nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { | .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { | ||
− | background-color: # | + | background-color: #000033; |
-webkit-background-size: 5px 5px; | -webkit-background-size: 5px 5px; | ||
background-size: 5px 5px; | background-size: 5px 5px; | ||
Line 189: | Line 191: | ||
+ | #banner{width:100%;height:800px;background-color:#0066ff;margin:0px} | ||
+ | #name img{margin-left: 25rem;margin-top:-230px;position:absolute} | ||
+ | #name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;} | ||
+ | #name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:23rem} | ||
+ | #uptop > img{margin-top:-6.5rem;margin-left:72%;position:fixed;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | #content{background-image:url("https://static.igem.org/mediawiki/2016/3/30/AHUT_CHINA_igem_2016_project.png" );width:100%;height:49rem;position:relative;} | ||
+ | #con_inner{padding:0rem;background-color:rgba(0,0,0,1);height:49rem} | ||
+ | #con_inner p{color:#ffffff} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | #table-menu{width:100%;margin-top:0.1rem;margin-left:auto;} | ||
+ | #table-menu li{ | ||
+ | float:left; | ||
+ | margin:0.1rem; | ||
+ | |||
+ | } | ||
+ | |||
+ | #table-menu li a{ | ||
+ | color:#ffffff; | ||
+ | font-size:2em; | ||
+ | margin-top:4rem; | ||
+ | margin-left:4rem; | ||
+ | text-align:center; | ||
+ | position:absolute; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*-------------------footer-----------------------*/ | /*-------------------footer-----------------------*/ | ||
Line 235: | Line 235: | ||
font-size:12px; | font-size:12px; | ||
position:relative; | position:relative; | ||
− | z-index: | + | z-index:top; |
background-color:#3c3e3f; | background-color:#3c3e3f; | ||
} | } | ||
Line 301: | Line 301: | ||
} | } | ||
#foot_copyright { | #foot_copyright { | ||
− | margin-left: | + | |
+ | margin-left:14%; | ||
clear:both; | clear:both; | ||
width:960px; | width:960px; | ||
Line 311: | Line 312: | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
} | } | ||
+ | |||
+ | |||
Line 320: | Line 323: | ||
<div id="nav"> | <div id="nav"> | ||
+ | <!----------------------------------------------------------------------------> | ||
+ | <!----------------------banner-----------------------------------------------> | ||
+ | <div id="banner"> | ||
− | + | <div id="menu"> | |
<ul class="nav-menu clearfix unstyled"> | <ul class="nav-menu clearfix unstyled"> | ||
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li> | ||
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a> |
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Members</span><span class="back">Members</span></span> </a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructors</span><span class="back">Instructors</span></span> </a></li> | |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li> |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | |
− | + | ||
</ul> | </ul> | ||
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d active"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a> | |
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
− | <li><a href="https://2016.igem.org/Team:AHUT_China#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li> | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway & Design</span><span class="back">Pathway & Design</span></span> </a></li> |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li> |
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Protools" class="three-d";href="#Protools">Protocols<span class="three-d-box"><span class="front">Protocols</span><span class="back">Protocols</span></span> </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li> | ||
</ul> | </ul> | ||
+ | |||
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a> |
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li> | |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Human Practice" class="three-d";href="#Overview">Human Practice <span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span> </a></li> |
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a> |
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li> |
</ul> | </ul> | ||
− | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a> | |
− | + | <ul class="clearfix unstyled drop-menu"> | |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li> |
− | <li><a href="https://2016.igem.org/Team:AHUT_China/ | + | |
− | + | </ul> | |
+ | |||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a> | ||
+ | <ul class="clearfix unstyled drop-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a> | ||
+ | <ul class="clearfix unstyled drop-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</ul> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div id=" | + | <div id="name"> |
− | + | <img src="https://static.igem.org/mediawiki/2016/f/f6/AHUT_CHINA_igem_2016_project_max.png" width="250" height="250" border="0" alt=""> | |
+ | <p>Project</p> | ||
+ | </div> | ||
+ | <a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a> | ||
</div> | </div> | ||
− | + | </div> | |
− | |||
− | + | <div id="content"> | |
+ | <div id ="con_inner"> | ||
− | + | <ul id="table-menu"> | |
− | + | <li style="width:20rem;height:24rem;background-color:#ff6600;float:left" id="Pad"><a href="https://2016.igem.org/Team:AHUT_China/Project/Pathway and Design">Pathway and Design</a> | |
+ | <img src=""></> | ||
+ | </li> | ||
+ | |||
+ | <li style="width:20rem;height:24rem;background-color:#000066" id="res"><a href="https://2016.igem.org/Team:AHUT_China/Project/Result">Result</a> | ||
+ | <img src=""></> | ||
+ | </li> | ||
+ | |||
+ | <li style="width:38rem ;height:16rem;background-color:#006600" id="bio"><a href="https://2016.igem.org/Team:AHUT_China/Project/Biobrick">Biobrick</a> | ||
+ | <img src=""></> | ||
+ | |||
+ | <li style="width:38rem ;height:16rem;background-color:#9933cc;" id="protocol"><a href="https://2016.igem.org/Team:AHUT_China/Project/Protools">Protocols</a> | ||
+ | <img src=""></> | ||
+ | </li> | ||
+ | |||
+ | <li style="width:20rem;height:24rem;background-color:#0033ff;margin-top:-8rem" id="notebook"><a href="https://2016.igem.org/Team:AHUT_China/Project/Notebook">Notebook</a> | ||
+ | <img src=""></> | ||
+ | </li> | ||
+ | |||
+ | <li style="width:20rem;height:24rem;background-color:#ff6666;margin-top:-8rem" id="lp"><a href="https://2016.igem.org/Team:AHUT_China/Project/Lab Pictures">Lab Pictures</a> | ||
+ | <img src=""></> | ||
+ | |||
+ | <li style="width:38rem ;height:16rem;background-color:#6600ff;" id="fw"><a href="https://2016.igem.org/Team:AHUT_China/Project/Future_Work">Future Work</a> | ||
+ | <img src=""></> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!---------------------banner_over----------------------------------------> | ||
+ | |||
+ | |||
+ | <!-----------------------------------------------------------------------------------------------> | ||
</div> | </div> | ||
Latest revision as of 09:45, 19 October 2016