CMS Made Simple Forums

Code: Select all

/* Top page action links and search form */
#header .actions {
background:transparent url(../img/bg/header_actions.jpg) no-repeat scroll left top;
height:86px;
left:0pt;
position:absolute;
text-align:center;
top:7px;
width:450px;
z-index:4;
}

/* Top page action links */
#header .actions ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 25px 0pt -55pt;
padding:0pt;
}

#header .actions ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

#header .actions ul li a {
  margin: 0 10px;
  
  font-size: 11px;
  text-decoration: none;  
  
  color: #FFF;
  border-bottom: 1px solid #73A8E0;
}

#header .actions ul li a:hover {
  color: #FFF;
  background-color: #3683D3;
  border-color: #FFF;
}


#header .actions ul li a.iconRSS {
  border: 0;
}

#header .actions ul li a.iconRSS span {
  border-width: 1px;
  border-style: solid;
  border-color: #3683D3 #3683D3 #73A8E0 #3683D3;

}

#header .actions ul li a:hover.iconRSS span {
  border-bottom-color: #FFF;
}

Code: Select all

  <div class="actions">
    <ul>
      <li><a href="" title="Lost?  Here's your map">Sitemap</a></li>
      <li><a href="" title="Get in touch with Marcus">Contact</a></li>
      <li><a href="" title="Subscribe to our Newsletter">Newsletter</a></li>
      <li><a href="" title="About the site and author, Marcus">About</a></li>
      <li><a href="" title="Subscribe to our RSS Feed" class="iconRSS"><span>Feed</span></a></li>
    </ul>
  </div>