"
Team：HZAU-China/background-head
From 2013.igem.org
(Difference between revisions)
| Line 102: | Line 102: | ||
<style> | <style> | ||
| - | + | .example { | |
| + | position:relative; | ||
| + | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | ||
| + | width:1000px; | ||
| + | height:382px; | ||
| + | border:0; | ||
| + | margin:0px auto; | ||
| + | padding:15px; | ||
| + | } | ||
| + | .nav,.nav ul { | ||
| + | list-style:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | .nav { | ||
| + | position:relative; | ||
| + | } | ||
| + | .nav ul { | ||
| + | height:0; | ||
| + | left:0; | ||
| + | overflow:hidden; | ||
| + | position:absolute; | ||
| + | top:30px; | ||
| + | } | ||
| + | .nav li { | ||
| + | float:left; | ||
| + | position:relative; | ||
| + | } | ||
| + | .nav li a { | ||
| + | -moz-transition:0.5s; | ||
| + | -o-transition:0.5s; | ||
| + | -webkit-transition:0.5s; | ||
| + | background-color:#7770B4; | ||
| + | border:1px solid #6E67A6; | ||
| + | color:#FFF; | ||
| + | display:block; | ||
| + | font-size:16px; | ||
| + | line-height:px; | ||
| + | padding:5px 20px; | ||
| + | text-decoration:none; | ||
| + | transition:0.5s; | ||
| + | } | ||
| + | .nav li:hover > a { | ||
| + | background:#8CCA33; | ||
| + | border-color:#6E67A6; | ||
| + | color:#fff; | ||
| + | } | ||
| + | .nav li:hover ul.subs { | ||
| + | height:auto; | ||
| + | width:180px; | ||
| + | } | ||
| + | .nav ul li { | ||
| + | -moz-transition:0.5s; | ||
| + | -o-transition:0.5s; | ||
| + | -webkit-transition:0.5s; | ||
| + | opacity:0; | ||
| + | transition:0.5s; | ||
| + | width:100%; | ||
| + | } | ||
| + | .nav li ul li { | ||
| + | -moz-transition-delay:0s; | ||
| + | -o-transition-delay:0s; | ||
| + | -webkit-transition-delay:0s; | ||
| + | transition-delay:0s; | ||
| + | } | ||
| + | .nav li:hover ul li { | ||
| + | opacity:1; | ||
| + | -moz-transition-delay:0.5s; | ||
| + | -o-transition-delay:0.5s; | ||
| + | -webkit-transition-delay:0.5s; | ||
| + | transition-delay:0.5s; | ||
| + | } | ||
| + | .nav ul li a { | ||
| + | background:#7770B4; | ||
| + | border-color:#6E67A6; | ||
| + | color:#fff; | ||
| + | line-height:1px; | ||
| + | -moz-transition:1.5s; | ||
| + | -o-transition:1.5s; | ||
| + | -webkit-transition:1.5s; | ||
| + | transition:1.5s; | ||
| + | } | ||
| + | .nav li:hover ul li a { | ||
| + | line-height:35px; | ||
| + | } | ||
| + | .nav ul li a:hover { | ||
| + | background:#8CCA33; | ||
| + | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); | ||
| + | background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); | ||
| + | background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0)); | ||
| + | } | ||
</style> | </style> | ||
| + | |||
| + | <body> | ||
| + | <div class="example"> | ||
| + | <ul class="nav"> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China">Home</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a> | ||
| + | <ul class="subs"> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Members and Instructors</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Attributions</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Sponsors</a></li> | ||
| + | </ul> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Project">Project</a> | ||
| + | <ul class="subs"> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Project">Overview</a></li> | ||
| + | <li><a href="/">Fleas and Plague Bacillus</a></li> | ||
| + | <li><a href="/">Rabies Vaccine</a></li> | ||
| + | <li><a href="/">Bacterial Spores as Vaccine Vehicles</a></li> | ||
| + | <li><a href="/">Antimicrobial Peptides</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement">Achievement</a> | ||
| + | <ul class="subs"> | ||
| + | <li><a href="/">Results and data</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li> | ||
| + | <li><a href="/">judgement</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">Notebook</a> | ||
| + | <ul class="subs"> | ||
| + | <li><a href="/">Development of our team</a></li> | ||
| + | <li><a href="/">Protocol</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:HZAU-China/Human_practice">Human practice</a></li> | ||
| + | </ul> | ||
| + | |||
| + | </div> | ||
| + | </body> | ||
</html> | </html> | ||
Revision as of 14:35, 25 August 2013
