FrAi_Style+menustyle
#menu-wrap {
padding: 0;
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
z-index: 4
text-align: left;
background: url("http://culturesmith.com/files/FrAi_halflogo-large.jpeg") bottom left no-repeat;
background-size: 300px;
}
.table {
width: 100%;
display: table;
}
ul#navbar-list {
width: 100%;
list-style: none;
padding: 0;
align: left;
}
ul#navbar-list li {
width: 100%;
}
ul#navbar-list li a {
display: block;
width: 290px;
font-size: 18px;
text-decoration: none;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
color: #9C0000;
float: left;
}
/* The FrAi 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\+FrAi ul#navbar-list li#Home a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#About\+FrAi ul#navbar-list li#About a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#Media\+FrAi ul#navbar-list li#Media a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#Shop\+FrAi ul#navbar-list li#Shop a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#Schedule\+FrAi ul#navbar-list li#Schedule a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#Links\+FrAi ul#navbar-list li#Links a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
#Contact\+FrAi ul#navbar-list li#Contact a {
background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat;
color: #FFFFFF;
}
ul#navbar-list li a:hover {
background: url("http://culturesmith.com/files/FrAi_HoverMenuBack.png") bottom right no-repeat;
color: #4A0000;
}