"
Template:Team:Waterloo/TopBar
From 2014.igem.org
(Difference between revisions)
| Line 12: | Line 12: | ||
height:60px; | height:60px; | ||
} | } | ||
| - | .sections_panel { | + | #topbar .sections_panel { |
position:absolute; | position:absolute; | ||
| - | height: | + | height:280px; |
| - | + | ||
background:#000; | background:#000; | ||
top:60px; | top:60px; | ||
| Line 22: | Line 21: | ||
overflow:hidden; | overflow:hidden; | ||
z-index:10000; | z-index:10000; | ||
| + | transition: height 0.3s linear 0s; | ||
display: none; | display: none; | ||
} | } | ||
| - | .sections_panel > div { | + | #topbar .sections_panel > div { |
background:#333; | background:#333; | ||
padding:20px; | padding:20px; | ||
| Line 31: | Line 31: | ||
color:#71CCE6; | color:#71CCE6; | ||
} | } | ||
| - | + | #headings li { | |
float: left; | float: left; | ||
display: block; | display: block; | ||
} | } | ||
| - | + | #headings li > a { | |
color: #71CCE6; | color: #71CCE6; | ||
font-size: 15px; | font-size: 15px; | ||
| Line 54: | Line 54: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| - | + | #headings > li:hover > .sections_panel { | |
display: block; | display: block; | ||
} | } | ||
| Line 71: | Line 71: | ||
<div id="topbar"> | <div id="topbar"> | ||
<!--Headings shown on a large screen--> | <!--Headings shown on a large screen--> | ||
| - | <ul | + | <ul id="headings"> |
<li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li> | <li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li> | ||
<li> | <li> | ||
| - | <a>Project ▾</a> | + | <a onclick="toggleNavPanel('subs1')">Project <span class="navarrow">▾</span></a> |
| - | <div class="sections_panel"> | + | <div class="sections_panel" id="subs1" style="width: 300px;"> |
<div><ul class="projSubs"> | <div><ul class="projSubs"> | ||
<li><a>Overview</a></li> | <li><a>Overview</a></li> | ||
Revision as of 02:37, 16 October 2014
