Revision 112009 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:#72777d;">
<hr class="thick-bar" style="background:#b32424;">
<hr class="thick-bar" style="background:#999900;">
<hr class="thick-bar" style="background:#14866d;">
<hr class="thick-bar" style="background:#2a4b8d; margin-bottom:20px;">
<html><style>
hr.thick-bar {
  width: 20%;
  float: left;
  padding: 10px 0; 
}
#hover-magic li:hover {
  background: #c8ccd1 !important;
}
#hover-magic li strong.selflink {
  color: #FFFFFF;
}
#hover-magic li a {
  color: #000000;
  text-decoration: none;
}
#hover-magic li.active a {
  color: #FFFFFF;
  text-decoration: none;
}
#hover-magic li {
  width: 20%;
  float: left;
  padding: 10px 0;
}
#hover-magic li.active#contact-us {
  background: #72777d !important;
}
#hover-magic li.active#press-room {
  background: #b32424 !important;
}
#hover-magic li.active#social-media {
  background: #999900 !important;
}
#hover-magic li.active#reusing-content {
  background: #14866d !important;
}
#hover-magic li.active#local-chapters {
  background: #2a4b8d !important;
}
</style></html>
{{clear}}