Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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.

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

56
src/data/Web_Alphabet-Horizontal.css
View File

@@ -1,4 +1,3 @@

/*
**************************************************************************************************
Copyright Holder and License
@@ -15,7 +14,7 @@ and a wiki open to all. It is a community project, created, developed and govern
Go to http://gramps-project.org to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2009 Rob G. Healey <robhealey1@gmail.com>
Copyright (C) 2009 Rob G. Healey <robhealey1@gmail.com>
This file is part of the GRAMPS program.
@@ -31,62 +30,73 @@ see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
# $Id: $
NarrativeWeb
----------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
margin: 0;
padding: 156px 0px 0px 0px;
}
/* Header
----------------------------------------------------- */
#header {
margin:0;
height:1.5cm;
padding:0 0 .9em 0;
position: fixed;
top: 0px;
left: 0px;
overflow: auto;
width: 100%;
height: 90px;
margin: 0;
}
/* Footer
----------------------------------------------------- */
#footer {
clear:both;
height:1.5cm;
width:100%;
font-size:12px;
line-height:130%;
font-family:sans-serif;
margin:0;
padding:0;
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
#alphabet {
position: fixed;
top: 136px;
left: 24px;
padding:0;
margin:0;
}
div#alphabet ul {
#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;
padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px;
border-color: #000;
border-style: solid;
background-color:#6AF364;
}
div#alphabet ul li:after {
#alphabet ul li:after {
content:" |";
}
div#alphabet ul li.letters {
#alphabet ul li {
margin:0;
float:left;
}
div#alphabet ul li.letters a {
#alphabet ul li a {
display:block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
color:#000;
margin:0;
padding:5px 5px;
text-decoration:none;
}
div#alphabet ul li.letters a:hover {
#alphabet ul li a:hover {
background-color:#000;
color:#FFF;
}

20
src/data/Web_Alphabet-Vertical.css
View File

@@ -14,7 +14,7 @@ and a wiki open to all. It is a community project, created, developed and govern
Go to http://gramps-project.org to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2009 Rob G. Healey <robhealey1@gmail.com>
Copyright (C) 2009 Rob G. Healey <robhealey1@gmail.com>
This file is part of the GRAMPS program.
@@ -30,12 +30,12 @@ see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
# $Id: $
NarrativeWeb
------------------------------------------------------------------------------------------------ */
body#NarrativeWeb {
padding: 136px 0px 0px 54px;
margin: 0;
padding: 130px 0px 0px 54px;
background-color: #FFF;
font-family: Arial, sans, sans-serif, Helvetica;
}
/* Header
@@ -47,7 +47,6 @@ body#NarrativeWeb {
overflow: auto;
width: 100%;
height: 90px;
margin: 0;
}
/* Footer
@@ -65,23 +64,18 @@ body#NarrativeWeb {
----------------------------------------------------- */
#alphabet {
position: fixed;
top: 136px;
left: 4px;
width: 44px;
height: 408px;
height: 416px;
overflow-x: auto;
border-width: 2px 4px 2px 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;
@@ -90,6 +84,12 @@ body#NarrativeWeb {
float: left;
border-bottom: solid 2px #000;
}
#alphabet ul li:first-child {
border: 0;
}
#alphabet ul li:last-child {
border: 0;
}
#alphabet ul li a {
text-decoration: none;
}

67
src/data/Web_Basic-Ash.css
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;

166
src/data/Web_Basic-Cypress.css
View File

@@ -45,16 +45,17 @@ white #FFF
# $Id$
General Elements
NarrativeWeb Styles
-------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
font-family: sans-serif;
color: #000;
background-color: #FFF;
}
/* General Elements
----------------------------------------------------- */
body {
font-family:sans-serif;
color:#000;
margin:0;
padding:0;
background-color:#FFF;
}
div {
margin:0;
padding:0;
@@ -156,13 +157,14 @@ a:visited {
/* Header
----------------------------------------------------- */
#header {
padding:15px 15px 2px 15px;
margin:0;
background-color:#454;
}
#SiteTitle {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 40px;
color:#E0E6E0;
margin:0 0 3px 0;
font-style: italic;
}
#header p {
font-size:1em;
@@ -171,41 +173,60 @@ a:visited {
margin:0;
}
/* Alphabet Navigation
/* Footer
----------------------------------------------------- */
#footer {
width:100%;
font-size:12px;
color:#E0E6E0;
background-color:#454;
border-top:solid 1px #454;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#E0E6E0;
}
#footer a:hover {
text-decoration:underline;
background:none;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* 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:#454;
}
#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: 122px;
background-color: #454;
}
/* Navigation
@@ -215,6 +236,11 @@ a:visited {
padding:4px 0 0 0;
background-color:#454;
}
body#NarrativeWeb #navigation {
position: fixed;
top: 90px;
left: 0px;
}
#navigation ul {
list-style:none;
min-width:770px;
@@ -1030,58 +1056,6 @@ div#sourcerefs ol li ol {
background-color:#E0E6E0;
}
/* Footer
----------------------------------------------------- */
#footer {
clear:both;
width:100%;
font-size:12px;
line-height:130%;
color:#E0E6E0;
margin:0;
padding:0;
background-color:#454;
border-top:solid 1px #454;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#E0E6E0;
}
#footer a:hover {
text-decoration:underline;
background:none;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */

37
src/data/Web_Basic-Lilac.css
View File

@@ -176,43 +176,6 @@ a:visited {
margin:0;
}
/* Alphabet Navigation
----------------------------------------------------- */
#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:#E0E0E9;
}
#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;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {

37
src/data/Web_Basic-Peach.css
View File

@@ -177,43 +177,6 @@ a:visited {
margin:0;
}
/* Alphabet Navigation
----------------------------------------------------- */
#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:#FFE09F;
}
#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;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {

37
src/data/Web_Basic-Spruce.css
View File

@@ -177,43 +177,6 @@ a:visited {
margin:0;
}
/* Alphabet Navigation
----------------------------------------------------- */
#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:#EAEEF4;
}
#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;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {

37
src/data/Web_Mainz.css
View File

@@ -198,43 +198,6 @@ a:visited {
margin:0 0 5px 50px;
}
/* Alphabet Navigation
----------------------------------------------------- */
#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:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#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;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {

37
src/data/Web_Nebraska.css
View File

@@ -203,43 +203,6 @@ p#user_header {
background-color:#542;
}
/* Alphabet Navigation
----------------------------------------------------- */
#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:#A97;
}
#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;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {

83
src/data/Web_Visually.css
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;
}