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>
<style>
.menu-list
.menu-list
{
{
Line 22: Line 20:
color: #0EBFE9;
color: #0EBFE9;
}
}
.sucker-menu{clear:both;margin-top:-3px;background:url("tl_files/layout_images/menu-grad-004.png") left top repeat-x;border-top:1px solid #004;border-bottom:1px solid #004;font-weight:bold;font-size:80%;min-height: 2em;}
.sucker-menu ul{margin:0 auto;padding:0;list-style-type:none;min-height: 1.25em;}
.sucker-menu li{width:16%;position:relative;float:left;margin:0;padding:0;text-align:center;list-style-type:none;background-color: transparent;}
.sucker-menu ul li.first{border-left: 0;}
.sucker-menu ul.level_1 li.first:hover{border-left: 0;}
.sucker-menu ul.level_1 li:hover{background-color:#0117a7;border-right:1px solid #001075;border-left:1px solid #001075;}
.sucker-menu ul li{border-left:1px solid #4c00da;border-right: 1px solid #004;}
.sucker-menu ul.level_2 li{border: 0;}
.sucker-menu ul li a:hover,.sucker-menu ul li span:hover{}
.sucker-menu li ul{width:100%;left:0;top:1.5em;position:absolute;display:none;background-color:#FFF;border:1px solid #004;}
.sucker-menu ul li ul li{width:100%;border: 0;}
.sucker-menu ul li ul li a,.sucker-menu ul li ul li span{font-size:95%;color:#444;}
.sucker-menu ul.level_1 li ul.level_2 li:hover{background-color:#eeeeff;border: 0;}
.sucker-menu li > ul{top:auto;}
.sucker-menu li:hover ul{display:block;z-index: 1;}
.sucker-menu ul li a,.sucker-menu ul li span{display:block;margin-top:1px;padding:5px 0 6px;text-decoration:none;font-size:115%;color:#fff;background: inherit;}
</style>
</style>
<ul class="menu-list">
<ul class="menu-list">
<li><a href="http://opensourceecology.org/wiki/Mission_Vision_Values"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Mission, Vision, Values</div></a></li>
<li>Mission
<li><a href="http://opensourceecology.org/wiki/Board_of_Directors"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Board of Directors</div></a></li>
<ul class="menu-list-layer2">
<li><a href="http://opensourceecology.org/wiki/Team"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Team</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href="http://opensourceecology.org/wiki/Strategic_Plan"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Strategic Plan</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href="http://opensourceecology.org/wiki/Financial_Statements"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Financial Statements</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href="http://opensourceecology.org/wiki/Budget"><img src="http://opensourceecology.org/w/images/2/27/Get_involved.png" /><div class="menu-text">Budget</div></a></li>
</ul>
</li>
<li>Results
<ul class="menu-list-layer2">
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
</ul>
</li>
<li>People
<ul class="menu-list-layer2">
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
</ul>
</li>
 
<li>Financials
<ul class="menu-list-layer2">
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
</ul>
</li>


<li>Planning
<ul class="menu-list-layer2">
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
</ul>
</li>


<li>Legal
<ul class="menu-list-layer2">
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
<li><a href=""><img src="http://opensourceecology.org/w/images/" /><div class="menu-text">Mission</div></a></li>
</ul>
</li>
</ul>
</ul>
</html>
</html>

Revision as of 04:45, 16 December 2012

.menu-list { text-align: center; }

.menu-list li { display: inline-block; text-align: center; width: 6%; vertical-align: top; } .menu-text { color: #000; height: 32px; } .menu-text:hover { color: #0EBFE9; }

.sucker-menu{clear:both;margin-top:-3px;background:url("tl_files/layout_images/menu-grad-004.png") left top repeat-x;border-top:1px solid #004;border-bottom:1px solid #004;font-weight:bold;font-size:80%;min-height: 2em;} .sucker-menu ul{margin:0 auto;padding:0;list-style-type:none;min-height: 1.25em;} .sucker-menu li{width:16%;position:relative;float:left;margin:0;padding:0;text-align:center;list-style-type:none;background-color: transparent;} .sucker-menu ul li.first{border-left: 0;} .sucker-menu ul.level_1 li.first:hover{border-left: 0;} .sucker-menu ul.level_1 li:hover{background-color:#0117a7;border-right:1px solid #001075;border-left:1px solid #001075;} .sucker-menu ul li{border-left:1px solid #4c00da;border-right: 1px solid #004;} .sucker-menu ul.level_2 li{border: 0;} .sucker-menu ul li a:hover,.sucker-menu ul li span:hover{} .sucker-menu li ul{width:100%;left:0;top:1.5em;position:absolute;display:none;background-color:#FFF;border:1px solid #004;} .sucker-menu ul li ul li{width:100%;border: 0;} .sucker-menu ul li ul li a,.sucker-menu ul li ul li span{font-size:95%;color:#444;} .sucker-menu ul.level_1 li ul.level_2 li:hover{background-color:#eeeeff;border: 0;} .sucker-menu li > ul{top:auto;} .sucker-menu li:hover ul{display:block;z-index: 1;} .sucker-menu ul li a,.sucker-menu ul li span{display:block;margin-top:1px;padding:5px 0 6px;text-decoration:none;font-size:115%;color:#fff;background: inherit;}

</style>

</html>

Retrieved from "https://wiki.opensourceecology.org/index.php?title=Template:AboutMenu&oldid=84190"