GBA style+menustyle
#menu-wrap {
padding: 0;
position: fixed;
top: 0;
width: 100%;
height: 80px;
background: url("http://culturesmith.com/GBA_webtop.png") repeat-x;
z-index: 4
}
.table {
display: table;
margin: 0 auto;
}
ul#navbar-list {
list-style: none;
padding: 0;
margin-left: auto;
margin-right: auto;
align: center;
}
ul#navbar-list li {
display: inline;
}
ul#navbar-list li a {
width: 100px;
font-size: 18px;
text-decoration: none;
text-align: center;
padding: 5px 0px;
background: url("http://culturesmith.com/GBA_barback.png") repeat-x;
color: #FFFF00;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
/* The GBA layout exploits the ability of Wagn to include the name of the card, and gives the body of each page
an ID property equal to the name of the card included. This means that we can use this to color the menu links
according to which page we are on!*/
#Home\+GBA ul#navbar-list li#Home a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#About\+GBA ul#navbar-list li#About a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#Media\+GBA ul#navbar-list li#Media a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#Shop\+GBA ul#navbar-list li#Shop a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#Schedule\+GBA ul#navbar-list li#Schedule a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#Links\+GBA ul#navbar-list li#Links a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
#Contact\+GBA ul#navbar-list li#Contact a {
background: url("http://culturesmith.com/GBA_barback_y.png") repeat-x;
color: #1818AF;
float: left;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
ul#navbar-list li a:hover {
background: url("http://culturesmith.com/GBA_barback_s.png") repeat-x;
color: #FFFF50
}