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

@@ -51,18 +51,16 @@ Females Web_Gender_Female.png
# $Id$
NarrativeWeb Styles
--------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
font-family: Arial, sans, sans-serif, Helvetica;
color: #000;
background-color: #FFF;
}
General Elements
/* General Elements
----------------------------------------------------- */
body#NarrativeWeb {
color: #000;
margin: 0;
padding: 130px 0px 0px 54px;
background-color: #FFF;
font-family: Arial, sans, sans-serif, Helvetica;
}
div {
margin:0;
padding:0;
@@ -196,13 +194,6 @@ span.preposition {
/* Header
----------------------------------------------------- */
#header {
position: fixed;
top: 0px;
left: 0px;
overflow: auto;
width: 100%;
height: 90px;
margin: 0;
background-color: #542;
border-bottom: solid 8px #5D835F;
}
@@ -211,7 +202,7 @@ span.preposition {
padding:.5em 0 0.5em 10px;
font-size: 40px;
color: #FFF;
font-style:italic;
font-style: italic;
}
p#user_header {
font-size:1.3em;
@@ -224,14 +215,8 @@ p#user_header {
/* Footer
----------------------------------------------------- */
#footer {
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
color: #FFF;
background-color: #542;
margin: 0;
border-top: solid 8px #5D835F;
}
#footer a, #footer a:visited {
@@ -275,42 +260,12 @@ p#user_header {
padding:0;
}
/* Alphabet Navigation
/* Alphabet Navigation Bar
----------------------------------------------------- */
#alphabet {
position: fixed;
top: 136px;
left: 4px;
width: 50px;
height: 800px;
overflow: auto;
background-color :#6AF364;
border-width: 2px 4px 0px 4px;
border-style: solid;
border-color: #5D835F;
}
#alphabet ul {
display: inline;
list-style: none;
margin: 0;
}
#alphabet ul li:first-child {
margin-top: 10px;
}
#alphabet ul li {
font: bold 14px/100% sans;
color: #000;
padding: 6px 10px 6px 16px;
margin:0;
float: left;
border-bottom: solid 2px #000;
}
#alphabet ul li a {
text-decoration: none;
}
#alphabet ul li a:hover {
display: block;
background-color: #C1B398;
background-color: #6AF364;
}
/* Navigation
@@ -328,8 +283,8 @@ body#NarrativeWeb #navigation {
min-width:770px;
height:32px;
margin:0;
padding:0 0 0 20px;
border-bottom:solid 2px #5D835F;
padding: 0px 0px 0px 20px;
border-bottom: solid 2px #5D835F;
}
#navigation ul li, #subnavigation ul li {
margin:0;
@@ -349,7 +304,7 @@ body#WebCal div#navigation ul li a {
}
#navigation ul li a:hover, #subnavigation ul li a:hover {
margin-top: -6px;
padding: 11px 10px 12px 1px;
padding: 11px 11px 12px 10px;
background-color: #C1B398;
color: #000;
}
@@ -357,7 +312,7 @@ body#WebCal div#navigation ul li a {
font-weight:bold;
font-style: italic;
margin-top:-6px;
padding: 11px 10px 12px 1px;
padding: 11px 11px 12px 10px;
background-color: #CCC;
color: #000;
}
@@ -897,7 +852,15 @@ table.download td.ColumnModified {
/* Repositories
------------------------------------------------------ */
#RepositoryList table.repolist tbody tr td.ColumnName {
div#RepositoryList { }
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 14%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 14%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}