Difference between revisions 91489 and 91497 on foundationwiki

< previous diff
next diff >
Template:Contact header
<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 style="background:#id="contact-us" {{#ifeq:{{FULLPAGENAME}}|Contact us|666666|FFFFFF}};"class="active"}}>[[Contact us]]</li>
<li style="background:#id="press-room" {{#ifeq:{{FULLPAGENAME}}|Press room|990000|FFFFFF}};"class="active"}}>[[Press room|Press and media]]</li>
<li style="background:#id="social-media" {{#ifeq:{{FULLPAGENAME}}|Social media|999900|FFFFFF}};"class="active"}}>[[Social media]]</li>
<li style="background:#id="reusing-content" {{#ifeq:{{FULLPAGENAME}}|Reusing content|339966|FFFFFF}};"class="active"}}>[[Reusing content]]</li>
<li style="background:#id="local-chapters" {{#ifeq:{{FULLPAGENAME}}|Local chapters|006699|FFFFFF}};"class="active"}}>[[#Local chapters|Local chapters]]</li><!-- FIXME: should really go to [[Local chapters]] ... -->
</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: #dcdcdcDCDCDC !important;
}
#hover-magic li strong.selflink {
  color: #ffffffFFFFFF;
}
#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}}