"
Team:Korea U Seoul/template/banner
From 2013.igem.org
(Difference between revisions)
| (39 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | ||
| + | |||
| + | |||
| + | <style> | ||
| + | .content_wrapper{ | ||
| + | top: -10px; | ||
| + | width: 80%; min-width:1000px; max-width:1000px; margin:0 auto;overflow: auto; background-color:#FFFFFF; padding: 0 20px; min-height: 1000px; | ||
| + | background-image: url('https://static.igem.org/mediawiki/2013/6/6e/Natural_paper.png'); | ||
| + | } | ||
| + | .title{ | ||
| + | width: 100%; | ||
| + | margin-top : 40px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .title > .title_ {color: #8b0027; font-weight: bold; font-size: 15pt; margin-top: 10px;} | ||
| + | .title > .left_line{float: left; width: 30%; background-color: #8B0029; height: 5px;} | ||
| + | .title > .right_line{float: left; width: 70%; background-color: #eb89a5; height: 2px;} | ||
| + | |||
| + | .content_{ | ||
| + | margin-top: 20px; | ||
| + | font-size: 10pt;padding-bottom:40px; | ||
| + | line-height: 130%; | ||
| + | } | ||
| + | .content_ .float_img{ | ||
| + | float: right; | ||
| + | width: 150px; | ||
| + | margin: 10px; | ||
| + | } | ||
| + | .image_line {margin-top: 20px; text-align: center;} | ||
| + | .image_line img{ | ||
| + | height: 150px; | ||
| + | margin-right: 3%; | ||
| + | } | ||
| + | p:first-child:first-letter{font-weight: bold; font-size: 150%;} | ||
| + | </style> | ||
| + | |||
| + | |||
| + | |||
<style> | <style> | ||
/* | /* | ||
| Line 127: | Line 164: | ||
} | } | ||
#nav { | #nav { | ||
| - | margin | + | margin: 0 auto; |
background:#d8d3cd; | background:#d8d3cd; | ||
| + | width: 1100px | ||
} | } | ||
#nav ul, #nav li { | #nav ul, #nav li { | ||
| Line 150: | Line 188: | ||
width: 180px; | width: 180px; | ||
} | } | ||
| + | #nav li:hover{ | ||
| + | background-color: #8B0029 | ||
| + | } | ||
| + | |||
#nav a { | #nav a { | ||
display:block; | display:block; | ||
| Line 162: | Line 204: | ||
display:none; | display:none; | ||
text-align: center; | text-align: center; | ||
| + | background-color: #8B0029 | ||
} | } | ||
#nav li.on ul { | #nav li.on ul { | ||
| Line 171: | Line 214: | ||
#nav .on a, | #nav .on a, | ||
#nav li li a {background:#d8d3cd; color:#8b0029;} | #nav li li a {background:#d8d3cd; color:#8b0029;} | ||
| - | #nav ul li :hover{background: | + | #nav > ul > li > ul > li :hover{ |
| + | background-color: #8B0029; | ||
| + | color: #FFFFFF; | ||
| + | font-weight: bold; | ||
| + | } | ||
/* contents */ | /* contents */ | ||
#content { | #content { | ||
| Line 183: | Line 230: | ||
line-height: 1.5em; | line-height: 1.5em; | ||
z-index: 2; | z-index: 2; | ||
| - | |||
} | } | ||
| Line 194: | Line 240: | ||
<div id="nav"> | <div id="nav"> | ||
<ul> | <ul> | ||
| + | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul"><img src="https://static.igem.org/mediawiki/2013/3/31/Koreauseoul_logo.png"><br />Home</a></li> | ||
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a> | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a> | ||
<ul> | <ul> | ||
| Line 208: | Line 255: | ||
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li> | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li> | ||
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Design">Design & Parts</a></li> | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Design">Design & Parts</a></li> | ||
| - | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Protocols"> | + | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Protocols">Protocol</a></li> |
| - | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/ | + | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Result">Result</a></li> |
| - | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/ | + | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Application">Application & Improvement</a></li> |
| - | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 221: | Line 267: | ||
</li> | </li> | ||
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach">Outreach</a> | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach">Outreach</a> | ||
| - | |||
| - | |||
</li> | </li> | ||
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Safety">Safety Questions</a> | <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Safety">Safety Questions</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="https://igem.org/"><img src="https://static.igem.org/mediawiki/2013/c/ce/Logos.png"><br />iGEM</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 232: | Line 279: | ||
</div> | </div> | ||
<script> | <script> | ||
| - | $('#nav li').bind('mouseenter keyup', function() { | + | $('#nav li').bind('mouseenter keyup mouseleave', function() { |
$(this) .addClass('on').siblings().removeClass(); | $(this) .addClass('on').siblings().removeClass(); | ||
| + | |||
| + | $(this).unbind('mouseenter keyup mouseleave', function(){ | ||
| + | |||
| + | }) | ||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 22:24, 27 September 2013
