Team:HZAU-China/background-head
From 2013.igem.org
(Difference between revisions)
(188 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <style> | + | <style> |
#p-logo { | #p-logo { | ||
display: none; | display: none; | ||
Line 47: | Line 47: | ||
background-color: transparent; | background-color: transparent; | ||
color: white; | color: white; | ||
- | padding: 0 15px 0 0; | + | padding:0,15px,0,0; |
+ | margin:0; | ||
} | } | ||
.right-menu li a:hover { | .right-menu li a:hover { | ||
Line 72: | Line 73: | ||
border: 0px; | border: 0px; | ||
width:1000px; | width:1000px; | ||
+ | } | ||
+ | ul { | ||
+ | line-height: 2em; | ||
+ | list-style-image: url("bullet.gif"); | ||
+ | list-style-type: square; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
</style> | </style> | ||
Line 78: | Line 86: | ||
#background00{ | #background00{ | ||
width:1000px; | width:1000px; | ||
- | height: | + | height:260px; |
- | margin:0 | + | margin:0; |
- | background- | + | background-image:url(https://static.igem.org/mediawiki/2013/4/4e/%E5%AE%8C%E6%88%90%E5%93%81%E6%A0%87%E9%A2%98.jpg); |
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
} | } | ||
#background01{ | #background01{ | ||
- | width: | + | width:59.2px; |
- | height: | + | height:48px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
float:right; | float:right; | ||
- | + | padding-right:40px; | |
+ | padding-top:15px; | ||
} | } | ||
</style> | </style> | ||
- | |||
<body > | <body > | ||
<div id="background00"> | <div id="background00"> | ||
<div id="background01"> | <div id="background01"> | ||
- | <a><img src="https://static.igem.org/mediawiki/2013/ | + | <a href="https://igem.org/Team_Wikis?year=2013" ><img width="100px" height="80px" src="https://static.igem.org/mediawiki/2013/d/d6/IGEM_official_logo.png"></a> |
- | </div> | + | </div> |
- | + | </div> | |
- | + | </body> | |
- | + | ||
+ | <style> | ||
+ | #background02{ | ||
+ | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | ||
+ | width:1000px; | ||
+ | height:31px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .example { | ||
+ | font-family:Arial,Helvetica; | ||
+ | position:relative; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | ||
+ | width:998x; | ||
+ | height:31px; | ||
+ | margin:20px auto; | ||
+ | margin:0px auto; | ||
+ | padding-top:2px; | ||
+ | padding-bottom:2px; | ||
+ | } | ||
+ | .nav,.nav ul { | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .nav { | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav ul { | ||
+ | height:0; | ||
+ | left:0; | ||
+ | overflow:hidden; | ||
+ | position:absolute; | ||
+ | top:31px; | ||
+ | z-index:1000; | ||
+ | } | ||
+ | .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:18px; | ||
+ | line-height:15px; | ||
+ | padding:7px 25px; | ||
+ | text-decoration:none; | ||
+ | transition:0.5s; | ||
+ | z-index:1000; | ||
+ | } | ||
+ | .nav li:hover > a { | ||
+ | background:#8CCA33; | ||
+ | border-color:#6E67A6; | ||
+ | color:#fff; | ||
+ | z-index:1000; | ||
+ | } | ||
+ | .nav li:hover ul.subs { | ||
+ | height:auto; | ||
+ | width:210px; | ||
+ | } | ||
+ | .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:17px; | ||
+ | } | ||
+ | .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> | ||
+ | |||
+ | <body> | ||
+ | <div id="background02"> | ||
+ | <div class="example"> | ||
+ | <ul class="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Home">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">Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Instructors">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/Sponsors">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"><span>Overview</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/The innovation of HZAU-iGEM Team"><span>The innovation of HZAU-iGEM Team</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/The design of experiment"><span>The design of experiment</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Rabies"><span>Rabies</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Flea and Yersinia pestis"><span>Flea and Yersinia pestis</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Bacterial Spores as Vaccine Vehicles"><span>Bacterial Spores as Vaccine Vehicles</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Bacillus subtilis as Probiotics"><span>Bacillus subtilis as Probiotics</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Antimicrobial Peptides"><span>Antimicrobial Peptides</span></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Methods for rearing flea"><span>Methods for rearing flea</span></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a> | ||
+ | <ul class="subs"> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Gray logistic">Gray logistic</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Immune responce">Immune response</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular automata">Cellular automaton</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement">Experiment</a> | ||
+ | <ul class="subs"> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement">Results and data</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement/judgement">Judgement</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement/future">Future work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">Notebook</a> | ||
+ | <ul class="subs"> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record">Meeting Record</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol">Protocol</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a> | ||
+ | <ul class="subs"> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms">Safety forms</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio">Security Evaluation</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree">Social Approval Degree</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea">The Safety of Flea</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas">Helpful Ideas</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:HZAU-China/Human_practice=1">Human practice</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:10, 28 September 2013