Template:AboutMenu: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<style>
<style>
.menu-list
.menu-list ul
{
{
text-align: center;
text-align: center;
Line 8: Line 8:
}
}


.menu-list li
.menu-list ul li
{
{
display: inline-block;
display: inline-block;
Line 16: Line 16:
}
}


.menu-list li ul
.menu-list ul li ul
{
{
display: none;
display: none;
}
}


.menu-list li:hover ul
.menu-list ul li:hover ul
{
{
display: block;
display: block;
}
}


.menu-list li ul li
.menu-list ul li ul li
{
{
display: block;
display: block;
Line 59: Line 59:


</style>
</style>
<ul class="menu-list">
<div class="menu-list">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Mission</div>
<ul>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Mission</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
 
</li>
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Results</div>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Results</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
 
</li>
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">People</div>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">People</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
 
</li>
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Financials</div>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Financials</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
 
</li>
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Planning</div>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Planning</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
 
</li>
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Legal</div>
<ul class="menu-list-layer2">
<li><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Legal</div>
<li><a href="">Mission</a></li>
<ul class="menu-list-layer2">
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
<li><a href="">Mission</a></li>
</ul>
<li><a href="">Mission</a></li>
</li>
</ul>
</ul>
</li>
</ul>
</div>


</html>
</html>

Revision as of 05:23, 16 December 2012