Team:HZAU-China/background-head
From 2013.igem.org
(Difference between revisions)
(252 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <style> | + | <style> |
#p-logo { | #p-logo { | ||
display: none; | display: none; | ||
Line 16: | Line 16: | ||
display: none; | display: none; | ||
} | } | ||
- | # | + | #contentSub{ |
display: none; | display: none; | ||
} | } | ||
/***hiding***/ | /***hiding***/ | ||
- | + | body { | |
+ | background:; | ||
+ | } | ||
#top-section { | #top-section { | ||
height: 18px; | height: 18px; | ||
Line 31: | Line 33: | ||
} | } | ||
.left-menu,.left-menu a { | .left-menu,.left-menu a { | ||
- | text-transform: capitalize; | + | text-transform: capitalize; |
+ | } | ||
+ | .right-menu,.right-menu a { | ||
+ | color: white; | ||
+ | } | ||
+ | .right-menu:hover, .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu:hover a { | ||
+ | color: white; | ||
+ | } | ||
+ | .right-menu li a, .left-menu li a { | ||
+ | background-color: transparent; | ||
+ | color: white; | ||
+ | padding:0,15px,0,0; | ||
+ | margin:0; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: white; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | .right-menu li a:visited { | ||
+ | color: white; | ||
+ | } | ||
+ | .new { | ||
+ | color:#8e8e8e; | ||
+ | } | ||
+ | a, a:visited { | ||
color: #8e8e8e; | color: #8e8e8e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #8e8e8e; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #content { | ||
+ | background: transparent; | ||
+ | padding: 0; | ||
+ | border: 0px; | ||
+ | width:1000px; | ||
+ | } | ||
+ | ul { | ||
+ | line-height: 2em; | ||
+ | list-style-image: url("bullet.gif"); | ||
+ | list-style-type: square; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <style> | ||
+ | #background00{ | ||
+ | width:1000px; | ||
+ | height:260px; | ||
+ | margin:0; | ||
+ | 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{ | ||
+ | width:59.2px; | ||
+ | height:48px; | ||
+ | float:right; | ||
+ | padding-right:40px; | ||
+ | padding-top:15px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <body > | ||
+ | <div id="background00"> | ||
+ | <div id="background01"> | ||
+ | <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> | ||
+ | </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> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 02:10, 28 September 2013