User choice of either horizontal or vertical alphabet navigation bar. Changes to all of the stylesheets to accomodate this change. Fixes to RepositoryList and alphabet_navigation also. Not all stylesheets are completed upto the new choice yet.

svn: r13258
This commit is contained in:
Rob G. Healey
2009-09-26 17:11:03 +00:00
parent 74e4853d5c
commit 534188f81a
11 changed files with 232 additions and 465 deletions

View File

@@ -48,18 +48,16 @@ white #FFF
# $Id$
NarrativeWeb Styles
------------------------------------------------------------------------------------------------
General Elements
----------------------------------------------------- */
body {
--------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
padding-top: 90px;
font-family:sans-serif;
color:#000;
margin:0;
padding:0;
background-color:#FFF;
}
/* General Elements
----------------------------------------------------- */
div {
margin:0;
padding:0;
@@ -163,13 +161,14 @@ a:visited {
/* Header
----------------------------------------------------- */
#header {
padding:15px 15px 2px 15px;
margin:0;
background-color:#EEE;
}
#SiteTitle {
color:#333;
margin:0 0 3px 0;
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 40px;
color: #FFF;
font-style: italic;
}
#header p {
font-size:1em;
@@ -178,41 +177,13 @@ a:visited {
margin:0;
}
/* Alphabet Navigation
/* Alphabet Navigation bar
----------------------------------------------------- */
#alphabet {
padding:0;
margin:0;
}
#alphabet ul {
list-style:none;
min-width:770px;
height:24px;
margin:0;
padding:0 0 0 9px;
border-top:solid 2px #000;
border-bottom:solid 4px #000;
background-color:#EEE;
}
#alphabet ul li.letters {
margin:0;
float:left;
}
.letters:after {
content:" |";
}
#alphabet ul li.letters a {
display:block;
float:left;
font:bold 16px/100% sans;
color:#000;
margin:0;
padding:5px 5px;
text-decoration:none;
}
#alphabet ul li.letters a:hover {
background-color:#000;
color:#FFF;
position: fixed;
top: 136px;
background-color: #EEE;
border-color: #000;
}
/* Navigation
@@ -222,6 +193,11 @@ background-color:#EEE;
padding:4px 0 0 0;
background-color:#EEE;
}
body#NarrativeWeb #navigation {
position: fixed;
top: 104px;
left: 0px;
}
#navigation ul, #subnavigation ul {
list-style:none;
min-width:770px;
@@ -259,6 +235,7 @@ background-color:#EEE;
}
#navigation ul li.CurrentSection a:hover {
background-color:#FFF;
border-bottom: solid 1px #000;
}
#subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0;