Modified the alphabet menu as it almost had faded into obilivion. Made it more prominent on the pages where it is available.

svn: r18694
This commit is contained in:
Rob G. Healey 2012-01-03 17:06:37 +00:00
parent 3345867097
commit 243441f8f3

View File

@ -36,12 +36,12 @@ body {
/* Navigation Menus /* Navigation Menus
----------------------------------------------------- */ ----------------------------------------------------- */
div#nav, div#alphanav { div#nav {
clear: both; clear: both;
padding-top: 1px; padding-top: 1px;
font: .7em/1 "Helvetica, Arial, sans, sans-serif"; font: .7em/1 "Helvetica, Arial, sans, sans-serif";
} }
div#nav ul, div#alphanav ul { div#nav ul {
float: left; float: left;
width: 100%; width: 100%;
margin: 0; margin: 0;
@ -50,12 +50,12 @@ div#nav ul, div#alphanav ul {
background: #00029D; background: #00029D;
border-bottom: 2px solid #13A926; border-bottom: 2px solid #13A926;
} }
div#nav li, div#alphanav li { div#nav li {
display: inline; display: inline;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
div#nav a, div#alphanav a { div#nav a {
display: block; display: block;
float: left; float: left;
padding: 2px 12px; padding: 2px 12px;
@ -65,8 +65,7 @@ div#nav a, div#alphanav a {
color: #FFF; color: #FFF;
text-decoration: none; text-decoration: none;
} }
div#nav a:hover, div#nav a:focus, div#nav a:hover, div#nav a:focus {
div#alphanav a:hover, div#alphanav a:focus {
background: #000 background: #000
} }
div#nav .CurrentSection a { div#nav .CurrentSection a {
@ -78,3 +77,39 @@ div#nav .CurrentSection a:hover, div#nav .CurrentSection a:focus {
background: #903; background: #903;
color: #FFF; color: #FFF;
} }
/* Alphabet Navigation Menu
------------------------------------------------------ */
div#alphanav {
clear: both;
padding-top: 1px;
font: bold .9em/1.1 "sans, sans-serif";
}
div#alphanav ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
background: #00029D;
border-top: 2px solid #13A926;
border-bottom: 2px solid #13A926;
}
div#alphanav li {
display: inline;
margin: 0;
padding: 0;
}
div#alphanav a {
display: block;
float: left;
padding: 2px 12px;
border-right: 2px solid #13A926;
border-bottom: 0;
border-left: 2px solid #13A926;
color: #FFF;
text-decoration: none;
}
div#alphanav a:hover, div#alphanav a:focus {
background: #000
}