Revision 105934 of "Template:Contact header" on foundationwiki

<ul id="hover-magic" style="list-style:none; display:inline; margin:0; padding:0; text-align:center; white-space:nowrap; font-size:1.2em;">
<li id="contact-us" {{#ifeq:{{FULLPAGENAME}}|Contact us|class="active"}}>[[Contact us]]</li>
<li id="press-room" {{#ifeq:{{FULLPAGENAME}}|Press room|class="active"}}>[[Press room|Press and media]]</li>
<li id="social-media" {{#ifeq:{{FULLPAGENAME}}|Social media|class="active"}}>[[Social media]]</li>
<li id="reusing-content" {{#ifeq:{{FULLPAGENAME}}|Reusing content|class="active"}}>[[Reusing content]]</li>
<li id="local-chapters" {{#ifeq:{{FULLPAGENAME}}|Wikimedia movement affiliates|class="active"}}>[[Wikimedia movement affiliates|Movement affiliates]]</li>
</ul>
<hr class="thick-bar" style="background:#666666;">
<hr class="thick-bar" style="background:#990000;">
<hr class="thick-bar" style="background:#999900;">
<hr class="thick-bar" style="background:#339966;">
<hr class="thick-bar" style="background:#006699; margin-bottom:20px;">
<html><style>
hr.thick-bar {
  width: 20%;
  float: left;
  padding: 10px 0; 
}
#hover-magic li:hover {
  background: #DCDCDC !important;
}
#hover-magic li strong.selflink {
  color: #FFFFFF;
}
#hover-magic li a {
  color: #000000;
  text-decoration: none;
}
#hover-magic li {
  width: 20%;
  float: left;
  padding: 10px 0;
}
#hover-magic li.active#contact-us {
  background: #666666 !important;
}
#hover-magic li.active#press-room {
  background: #990000 !important;
}
#hover-magic li.active#social-media {
  background: #999900 !important;
}
#hover-magic li.active#reusing-content {
  background: #339966 !important;
}
#hover-magic li.active#local-chapters {
  background: #006699 !important;
}
</style></html>
{{clear}}