Difference between revisions of "Template:ElanVitalKorea"
(113 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
− | + | html, body, .wrapper{ | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | background-color: transparent; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | #cssmenu | + | #cssmenu |
− | + | { | |
− | } | + | padding: 0; |
+ | margin: 0; border: 0; | ||
+ | text-align:center; | ||
+ | } | ||
− | #cssmenu { | + | #cssmenu ul, #cssmenu li |
− | + | { | |
− | + | list-style: none; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | } | + | } |
− | + | #cssmenu ul | |
+ | { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | display:inline-block; | ||
+ | list-style:none; | ||
+ | } | ||
− | + | #cssmenu ul li | |
+ | { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul li.hover, | ||
+ | #cssmenu ul li:hover | ||
+ | { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul li | ||
+ | { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul ul | ||
+ | { | ||
+ | top: 0; | ||
+ | left: auto; | ||
+ | right: -99.5%; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul li:hover > ul | ||
+ | { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul | ||
+ | {bottom: 0; left: 0; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul | ||
+ | {margin-top: 0; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul li | ||
+ | { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #cssmenu a | ||
+ | { | ||
+ | display: block; line-height: 1em; text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #cssmenu li | ||
+ | { | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #cssmenu | ||
+ | { | ||
+ | background: #333; | ||
+ | border-bottom: 4px solid #1b9bff; | ||
+ | font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | #cssmenu > ul | ||
+ | { | ||
+ | *display: inline-block; | ||
+ | } | ||
+ | |||
+ | #cssmenu:after, #cssmenu ul:after | ||
+ | { | ||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
clear: both; | clear: both; | ||
− | } | + | } |
− | #cssmenu a { | + | #cssmenu a |
+ | { | ||
background: #333; | background: #333; | ||
color: #CBCBCB; | color: #CBCBCB; | ||
padding: 0 20px; | padding: 0 20px; | ||
− | + | } | |
− | + | ||
− | #cssmenu ul | + | #cssmenu ul |
− | + | { | |
− | + | text-transform: uppercase; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #cssmenu ul ul | |
+ | { | ||
+ | border-top: 4px solid #1b9bff; | ||
+ | text-transform: none; | ||
+ | min-width: 190px; | ||
+ | } | ||
− | #cssmenu | + | #cssmenu ul ul a |
+ | { | ||
+ | background: #1b9bff; | ||
+ | color: #FFF; | ||
+ | border: 1px solid #0082e7; | ||
+ | border-top: 0 none; | ||
+ | line-height: 150%; | ||
+ | padding: 16px 20px; | ||
+ | } | ||
− | #cssmenu ul ul | + | #cssmenu ul ul ul |
− | + | { | |
+ | border-top: 0 none; | ||
+ | } | ||
− | + | #cssmenu ul ul li | |
− | + | { | |
− | + | position: relative | |
− | + | } | |
− | + | ||
− | + | #cssmenu > ul > li > a | |
− | + | { | |
− | + | line-height: 48px; | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | #cssmenu ul li:hover > a, #cssmenu ul li.active > a { | + | #cssmenu ul ul li:first-child > a |
− | + | { | |
− | + | border-top: 1px solid #0082e7; | |
− | } | + | } |
− | #cssmenu ul li.has-sub > a:after { | + | |
− | + | #cssmenu ul ul li:hover > a | |
− | + | { | |
− | } | + | background: #35a6ff; |
− | #cssmenu ul li.last ul { | + | } |
− | + | ||
− | + | #cssmenu ul ul li:last-child > a | |
− | } | + | { |
− | + | border-radius: 0 0 3px 3px; | |
− | + | box-shadow: 0 1px 0 #1b9bff; | |
− | + | } | |
− | } | + | |
+ | #cssmenu ul ul li:last-child:hover > a | ||
+ | { | ||
+ | border-radius: 0 0 0 3px; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul ul li.has-sub > a:after | ||
+ | { | ||
+ | content: '+'; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | right: 15px; | ||
+ | margin-top: -8px; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul li:hover > a, #cssmenu ul li.active > a | ||
+ | { | ||
+ | background: #1b9bff; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul li.has-sub > a:after | ||
+ | { | ||
+ | content: '+'; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | #cssmenu ul li.last ul | ||
+ | { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | } | ||
+ | #cssmenu ul li.last ul ul | ||
+ | { | ||
+ | left: auto; | ||
+ | right: 99.5%; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
Line 108: | Line 222: | ||
<li class='has-sub'><a href='#'>Team</a> | <li class='has-sub'><a href='#'>Team</a> | ||
<ul> | <ul> | ||
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Members'>Members</a> |
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Attributions'>Attributions</a> |
</ul> | </ul> | ||
<li class='has-sub'><a href='#'>Project</a> | <li class='has-sub'><a href='#'>Project</a> | ||
<ul> | <ul> | ||
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Project_Overview'>Project Overview</a> |
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Design'>Plasmids Design</a> |
− | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Background'>Background Information</a> | |
− | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Parts'>Parts</a> | |
− | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Result'>Result</a> | |
− | + | ||
− | + | ||
− | + | ||
− | <li><a href=' | + | |
− | <li><a href=' | + | |
</ul> | </ul> | ||
</li> | </li> | ||
Line 128: | Line 237: | ||
<li class='has-sub'><a href='#'>Wetlab</a> | <li class='has-sub'><a href='#'>Wetlab</a> | ||
<ul> | <ul> | ||
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Protocol'>Protocol</a> |
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Notebook'>Notebook</a> |
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Safety'>Safety</a> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 136: | Line 245: | ||
<li class='has-sub'><a href='#'>Human Practice</a> | <li class='has-sub'><a href='#'>Human Practice</a> | ||
<ul> | <ul> | ||
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Practices'>Practices</a> |
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Collaborations'>Collaborations</a> |
− | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Video'>Video</a> | |
− | <li><a href=' | + | </ul> |
− | + | </li> | |
− | + | <li class='has-sub'><a href='#'>iGEM Resource</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<ul> | <ul> | ||
− | <li><a href=' | + | <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Medal_Requirement'>Medal Requirement</a> |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 23:33, 18 September 2015