Stylesheets: If you find any regressions in Html style and layout, please let me know.

svn: r15851
This commit is contained in:
Rob G. Healey
2010-09-02 23:43:33 +00:00
parent 91856cfb1f
commit 3da3a57960
9 changed files with 1014 additions and 2169 deletions

View File

@@ -1,32 +1,38 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Basic-Ash Stylesheet Style Name: Basic-Ash Stylesheet
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet Note: Adapted from GRAMPS original Modern Style stylesheet
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
@@ -39,17 +45,19 @@ gray very light #EEE
white #FFF white #FFF
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
# $Id $ # $Id$
NarrativeWeb Styles NarrativeWeb Styles
------------------------------------------------------------------------------------------------ */ ------------------------------------------------------------------------------------------------
/* General Elements General Elements
----------------------------------------------------- */ ----------------------------------------------------- */
body { body {
font-family:sans-serif; font-family:sans-serif;
color:#000; color:#000;
margin:0; margin:0;
padding:0;
background-color:#FFF; background-color:#FFF;
} }
div { div {
@@ -105,12 +113,9 @@ h3 {
padding:.5em 20px .2em 20px; padding:.5em 20px .2em 20px;
} }
h4 { h4 {
border-width: 2px 0 2px 0; font-size:.8em;
border-style: solid;
border-color: #000;
font-size: 1em;
color:#333; color:#333;
margin: .3cm 0 .3cm 0;; margin:0;
padding:.2em 0 .2em 20px; padding:.2em 0 .2em 20px;
background-color:#EEE; background-color:#EEE;
border-bottom:solid 1px #999; border-bottom:solid 1px #999;
@@ -158,7 +163,7 @@ a:visited {
/* Header /* Header
----------------------------------------------------- */ ----------------------------------------------------- */
div#header { #header {
padding:15px 15px 2px 15px; padding:15px 15px 2px 15px;
margin:0; margin:0;
background-color:#EEE; background-color:#EEE;
@@ -167,73 +172,21 @@ div#header {
color:#333; color:#333;
margin:0 0 3px 0; margin:0 0 3px 0;
} }
div#header p { #header p {
font-size:1em; font-size:1em;
font-weight:bold; font-weight:bold;
color:#999; color:#999;
margin:0; margin:0;
} }
/* Footer
----------------------------------------------------- */
div#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
font-size:12px;
line-height:130%;
color:#333;
margin-top: .5cm;
background-color:#CCC;
border-top:solid 1px #333;
}
div#footer a, div#footer a:visited {
text-decoration:none;
color:#333;
}
div#footer a:hover {
text-decoration:underline;
}
div#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
div#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
div#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
div#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;
}
/* Navigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#navigation, div#subnavigation { #navigation, #subnavigation {
margin:0; margin:0;
padding:4px 0 0 0; padding:4px 0 0 0;
background-color:#EEE; background-color:#EEE;
} }
div#navigation ul, div#subnavigation ul { #navigation ul, #subnavigation ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:22px; height:22px;
@@ -241,12 +194,12 @@ div#navigation ul, div#subnavigation ul {
padding:0 0 0 12px; padding:0 0 0 12px;
border-bottom:1px solid #999; border-bottom:1px solid #999;
} }
div#navigation ul li, div#subnavigation ul li { #navigation ul li, #subnavigation ul li {
margin:0; margin:0;
padding:0; padding:0;
float:left; float:left;
} }
div#navigation ul li a, div#subnavigation ul li a { #navigation ul li a, #subnavigation ul li a {
display:block; display:block;
font-size:12px; font-size:12px;
line-height:100%; line-height:100%;
@@ -256,11 +209,11 @@ div#navigation ul li a, div#subnavigation ul li a {
padding:5px 5px; padding:5px 5px;
background-color:#EEE; background-color:#EEE;
} }
div#navigation ul li a:hover, div#subnavigation ul li a:hover { #navigation ul li a:hover, #subnavigation ul li a:hover {
background-color:#CCC; background-color:#CCC;
border-bottom:solid 1px #000; border-bottom:solid 1px #000;
} }
div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a { #navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
padding-bottom:4px; padding-bottom:4px;
border-top:solid 1px #999; border-top:solid 1px #999;
border-right:solid 1px #999; border-right:solid 1px #999;
@@ -268,14 +221,14 @@ div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a
border-bottom:solid 1px #FFF; border-bottom:solid 1px #FFF;
background-color:#FFF; background-color:#FFF;
} }
div#navigation ul li.CurrentSection a:hover { #navigation ul li.CurrentSection a:hover {
background-color:#FFF; background-color:#FFF;
} }
div#subnavigation ul li.CurrentSection a { #subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0; border-width:0 0 1px 0;
} }
/* Alphabet Navigation Bar /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#alphabet {
width: 100%; width: 100%;
@@ -300,7 +253,7 @@ div#alphabet ul li {
float:left; float:left;
} }
div#alphabet ul li a { div#alphabet ul li a {
display:block; display: block;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;
float:left; float:left;
font:bold 16px/100% sans; font:bold 16px/100% sans;
@@ -317,7 +270,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
table { table {
font-size:14px; font-size:14px;
margin:0; margin:0 15px;
padding:0; padding:0;
border:none; border:none;
border-collapse:collapse; border-collapse:collapse;
@@ -483,10 +436,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#CCC; background-color:#CCC;
} }
#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { #Individuals div table.infolist tr td p {
vertical-align:top; vertical-align:top;
} }
#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { #Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail {
background-color:#EEE;
}
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a {
display:inline; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #IndividualDetail table.infolist tr td a:hover {
@@ -494,8 +460,10 @@ table.individuallist tbody tr td.ColumnName a:hover {
} }
#IndividualDetail table.infolist tbody tr td.ColumnAttribute { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#999; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@@ -515,106 +483,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width; 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr td {
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 20%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 30%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.eventlist tbody tr.BeginName {
border-top: solid 1px #000;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1.4em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -693,42 +567,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-color:#CCC; border-color:#CCC;
} }
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
}
div#Download table.download {
border: solid 1px #000;
margin: .3cm 14px .5cm 14px;
width: 965px;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
}
div#Download table.download td.ColumnFilename {
width: 30%;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
font-style: italic;
}
div#Download table.download td.ColumnDescription {
width: 45%;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download p#description a.copyright a img {
float: center;
}
/* Contact /* Contact
----------------------------------------------------- */ ----------------------------------------------------- */
#Contact #summaryarea { #Contact #summaryarea {
@@ -774,70 +612,61 @@ div#Download p#description a.copyright a img {
text-decoration:underline; text-decoration:underline;
} }
/* Repositories /* Download
------------------------------------------------------ */ ----------------------------------------------------- */
div#RepositoryList { } #Download {
padding:1cm;
div#RepositoryList table.repolist tbody tr td { height:396px;
background-color: #CCC;
} }
div#RepositoryList table.repolist tbody tr td a { table.download {
display: block; border:solid 2px #000;
padding: .3em 10px; width:100%;
} }
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { table.download img {
width: 9%; float:center;
} }
div#RepositoryList table.repolist tbody tr td.ColumnType { table.download thead tr th {
width: 15%; text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
} }
div#RepositoryList table.repolist tbody tr td.ColumnName { table.download tbody tr#Row02 {
background-color: #FFF; border-bottom:solid 2px #000;
} }
table.download thead tr th, table.download tbody tr td {
/* Address Book padding-left:10px;
------------------------------------------------------ */ padding-top:20px;
div#AddressBookList, AddressBookDetail { border-style:solid;
margin: 0; border-color:#000;
padding: 0; border-width:0 2px 2px 2px;
text-align:left;
} }
div#AddressBookList table.addressbook { table.download td.Description {
margin: .3em 0 .3em 0; width: 50%;
} }
div#AddressBookList tble.addressbook tbody tr.Totals td { table.download td.License {
text-align: left; width:8%;
background-color: #EEE;
} }
div#AddressBookList table.addressbook tbody tr td { table.download td.Filename {
background-color: #CCC; width:30%;
text-align: center;
border: solid 1px #000;
} }
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { table.download td.Filename a {
width: 4%; font-weight:bold;
font-style: italic;
text-decoration:none;
} }
div#AddressBookList table.addressbook tbody tr td.ColumnName { table.download td.Filename a:hover {
background-color: #FFF; text-decoration:underline;
text-align: left;
width: 70%;
} }
div#AddressBookList table.addressbook tbody tr td.ColumnName a { table.download td.Modified {
display: block; width:12%;
padding: 6px 0px 6px 0px; font-weight:bold;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Contact { #Home, #Introduction, #Contact {
padding:1.5em 0 3em 0; padding:1.5em 0 3em 0;
} }
#Home p, #Introduction p, #Contact p { #Home p, #Introduction p, #Contact p {
@@ -859,7 +688,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -972,29 +801,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #EEE;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1056,26 +862,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #EEE;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1116,6 +902,57 @@ table.weblinks tbody tr td.ColumnDescription {
font-weight:bold; font-weight:bold;
} }
/* Footer
----------------------------------------------------- */
#footer {
clear:both;
width:100%;
font-size:12px;
line-height:130%;
color:#333;
margin:0;
padding:15px 0 0 0;
background-color:#CCC;
border-top:solid 1px #333;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#333;
}
#footer a:hover {
text-decoration:underline;
}
#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 Styles
-------------------------------------------------------------------------------------------- */ -------------------------------------------------------------------------------------------- */
/* Calendar : General */ /* Calendar : General */
@@ -1284,46 +1121,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td { body#fullyearlinked table.calendar tbody tr td {
height:3em; height:3em;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -1,32 +1,37 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Basic - Cypress Style Name: Basic - Cypress
Style Author: Jason Simanek (2008) Style Author: Jason Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' stylesheet Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' stylesheet
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
@@ -40,17 +45,16 @@ white #FFF
# $Id$ # $Id$
NarrativeWeb Styles General Elements
-------------------------------------------------------------------------------------------- */
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 { div {
margin:0; margin:0;
padding:0; padding:0;
@@ -63,7 +67,7 @@ img {
background:none; background:none;
} }
.content { .content {
padding-top: .5cm; padding-top: 1cm;
background-color:#FFF; background-color:#FFF;
} }
.content div.snapshot { .content div.snapshot {
@@ -152,18 +156,15 @@ a:visited {
/* Header /* Header
----------------------------------------------------- */ ----------------------------------------------------- */
div#header { #header {
padding:15px 15px 15px 15px;
margin:0;
background-color:#454; background-color:#454;
} height: 1cm;
div#header a {
color: #FFF;
} }
#SiteTitle { #SiteTitle {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 40px;
color:#E0E6E0; color:#E0E6E0;
font-style: italic; margin:0 0 3px 0;
} }
#header p { #header p {
font-size:1em; font-size:1em;
@@ -172,66 +173,14 @@ div#header a {
margin:0; margin:0;
} }
/* Footer
----------------------------------------------------- */
div#footer {
clear:both;
overflow:hidden;
width:100%;
font-size:12px;
line-height:130%;
color:#E8E6E8;
margin-top: .5cm;
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: 50%;
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;
}
/* Navigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation { #navigation, #subnavigation {
margin:0; margin:0;
padding:4px 0 0 0; padding:4px 0 0 0;
background-color:#454; background-color:#454;
} }
#navigation ul { #navigation ul, #subnavigation ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:22px; height:22px;
@@ -239,12 +188,12 @@ div#footer {
padding:0 0 0 12px; padding:0 0 0 12px;
border-bottom:1px solid #7C8F7C; border-bottom:1px solid #7C8F7C;
} }
#navigation ul li { #navigation ul li, #subnavigation ul li {
margin:0; margin:0;
padding:0; padding:0;
float:left; float:left;
} }
#navigation ul li a { #navigation ul li a, #subnavigation ul li a {
display:block; display:block;
font-size:12px; font-size:12px;
line-height:100%; line-height:100%;
@@ -255,14 +204,14 @@ div#footer {
padding:5px 5px; padding:5px 5px;
background-color:#454; background-color:#454;
} }
#navigation ul li a:hover { #navigation ul li a:hover, #subnavigation ul li a:hover {
color:#FFF; color:#FFF;
padding-top:4px; padding-top:4px;
background-color:#9DBF9D; background-color:#9DBF9D;
border-top:solid 1px #454; border-top:solid 1px #454;
border-bottom:solid 1px #000; border-bottom:solid 1px #000;
} }
#navigation ul li.CurrentSection a { #navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
color:#454; color:#454;
padding-bottom:4px; padding-bottom:4px;
border-top:solid 1px #7C8F7C; border-top:solid 1px #7C8F7C;
@@ -271,7 +220,7 @@ div#footer {
border-bottom:solid 1px #FFF; border-bottom:solid 1px #FFF;
background-color:#FFF; background-color:#FFF;
} }
#navigation ul li.CurrentSection a:hover { #navigation ul li.CurrentSection a:hover, #subnavigation ul li.CurrentSection a:hover {
padding-top:5px; padding-top:5px;
background-color:#FFF; background-color:#FFF;
} }
@@ -291,11 +240,10 @@ div#alphabet ul {
padding: 0px 0px 0px 16px; padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px; border-width: 2px 0px 4px 0px;
border-style: solid; border-style: solid;
border-color: #000; border-color: #FFF;
} }
div#alphabet ul li:after { div#alphabet ul li:after {
content:" |"; content:" |";
color: #FFF;
} }
div#alphabet ul li { div#alphabet ul li {
margin:0; margin:0;
@@ -319,7 +267,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
table { table {
font-size:14px; font-size:14px;
margin:0; margin:0 15px;
padding:0; padding:0;
border:none; border:none;
border-collapse:collapse; border-collapse:collapse;
@@ -532,107 +480,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -758,106 +611,59 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
div#Download { #Download {
margin: 0; padding:1cm;
width: 100%; height:396px;
} }
div#Download table.download { table.download {
border: solid 1px #000; border:solid 2px #000;
margin: .1cm 14px .5cm 14px; width:100%;
width: 965px;
} }
div#Download table.download tbody tr#Row02 { table.download img {
border-bottom: solid 1px #000; float:center;
} }
div#Download table.download tbody tr td { table.download thead tr th {
border: solid 1px #000; text-align:center;
text-align: left; border:solid 2px #000;
padding: 5px 0px 5px 0px; color: #000;
text-transform:uppercase;
} }
div#Download table.download td.ColumnFilename { table.download tbody tr#Row02 {
width: 30%; border-bottom:solid 2px #000;
} }
div#Download table.download td.ColumnFilename a { table.download thead tr th, table.download tbody tr td {
font-weight: bold; padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
div#Download table.download td.ColumnDescription { table.download td.Filename a:hover {
width: 45%; text-decoration:underline;
} }
div#Download table.download td.ColumnModified { table.download td.Modified {
width: 17%; width:12%;
} font-weight:bold;
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #E0E0E6;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #9DBF9D;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction { #Home, #Introduction, {
padding:1.5em 0 3em 0; padding:1.5em 0 3em 0;
} }
#Home p, #Introduction p, #Contact p { #Home p, #Introduction p, #Contact p {
@@ -879,7 +685,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -992,29 +798,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #E6E6E0;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1076,26 +859,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #E0E6E0;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1136,6 +899,58 @@ table.weblinks tbody tr td.ColumnDescription {
font-weight:bold; font-weight:bold;
} }
/* 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 Styles
-------------------------------------------------------------------------------------------- */ -------------------------------------------------------------------------------------------- */
/* Calendar : General */ /* Calendar : General */
@@ -1286,46 +1101,3 @@ body#WebCal #CreatorInfo a, body#WebCal #CreatorInfo a:hover {
color:#9DBF9D; color:#9DBF9D;
background-color:#E0E6E0; background-color:#E0E6E0;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -1,32 +1,37 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Basic - Lilac Style Name: Basic - Lilac
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Business' stylesheet Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Business' stylesheet
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
@@ -65,7 +70,7 @@ img {
background:none; background:none;
} }
.content { .content {
padding-top: .5cm; padding-top: 1cm;
background-color:#FAFAFF; background-color:#FAFAFF;
} }
.content div.snapshot { .content div.snapshot {
@@ -226,7 +231,7 @@ a:visited {
div#alphabet { div#alphabet {
width: 100%; width: 100%;
margin: 0; margin: 0;
background-color: #E8E0F9; background-color: #E0E0E9;
} }
div#alphabet ul { div#alphabet ul {
list-style:none; list-style:none;
@@ -263,7 +268,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
table { table {
font-size:14px; font-size:14px;
margin:0; margin:0 15px;
padding:0; padding:0;
border:none; border:none;
border-collapse:collapse; border-collapse:collapse;
@@ -476,109 +481,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #5D835F;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #5D835F;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -704,102 +612,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
div#Download { #Download {
margin: 0; padding:1cm;
width: 100%; height:396px;
} }
div#Download table.download { table.download {
border: solid 1px #000; border:solid 2px #000;
margin: .1cm 14px .5cm 14px; width:100%;
width: 965px;
} }
div#Download table.download tbody tr#Row02 { table.download img {
border-bottom: solid 1px #000; float:center;
} }
div#Download table.download tbody tr td { table.download thead tr th {
border: solid 1px #000; text-align:center;
text-align: left; border:solid 2px #000;
padding: 5px 0px 5px 0px; color: #000;
text-transform:uppercase;
} }
div#Download table.download td.ColumnFilename { table.download tbody tr#Row02 {
width: 30%; border-bottom:solid 2px #000;
} }
div#Download table.download td.ColumnFilename a { table.download thead tr th, table.download tbody tr td {
font-weight: bold; padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
div#Download table.download td.ColumnDescription { table.download td.Filename a:hover {
width: 45%; text-decoration:underline;
} }
div#Download table.download td.ColumnModified { table.download td.Modified {
width: 17%; width:12%;
} font-weight:bold;
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #D8F3D6;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #E0E0E9;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #B4B4CB;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
@@ -826,7 +686,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -939,29 +799,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #E0E0E9;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1023,26 +860,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #E6E0E9;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1085,15 +902,14 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
div#footer { #footer {
clear:both; clear:both;
overflow:hidden;
width:100%; width:100%;
height: 60px;
font-size:12px; font-size:12px;
line-height:130%; line-height:130%;
color:#2E2E61; color:#2E2E61;
margin-top: .5cm; margin:0;
padding:15px 0 0 0;
background-color:#B4B4CB; background-color:#B4B4CB;
border-top:solid 1px #2E2E61; border-top:solid 1px #2E2E61;
} }
@@ -1303,46 +1119,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td { body#fullyearlinked table.calendar tbody tr td {
height:3em; height:3em;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -1,27 +1,6 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Basic-Peach Stylesheet Style Name: Basic-Peach Stylesheet
@@ -29,7 +8,30 @@ Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme. Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme.
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Color Palette Color Palette
@@ -69,7 +71,7 @@ img {
background:none; background:none;
} }
.content { .content {
padding-top: .5cm; padding-top: 1cm;
background-color:#FFFBE7; background-color:#FFFBE7;
} }
.content div.snapshot { .content div.snapshot {
@@ -163,7 +165,7 @@ a:visited {
#header { #header {
padding:15px 15px 2px 15px; padding:15px 15px 2px 15px;
margin:0; margin:0;
background-color: #FFE09F; background-color:#FFE09F;
} }
#SiteTitle { #SiteTitle {
color:#EA8414; color:#EA8414;
@@ -267,7 +269,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
table { table {
font-size:14px; font-size:14px;
margin:0; margin:0 15px;
padding:0; padding:0;
border:none; border:none;
border-collapse:collapse; border-collapse:collapse;
@@ -480,109 +482,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -708,102 +613,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
div#Download { #Download {
margin: 0; padding:1cm;
width: 100%; height:396px;
} }
div#Download table.download { table.download {
border: solid 1px #000; border:solid 2px #000;
margin: .1cm 14px .5cm 14px; width:100%;
width: 965px;
} }
div#Download table.download tbody tr#Row02 { table.download img {
border-bottom: solid 1px #000; float:center;
} }
div#Download table.download tbody tr td { table.download thead tr th {
border: solid 1px #000; text-align:center;
text-align: left; border:solid 2px #000;
padding: 5px 0px 5px 0px; color: #000;
text-transform:uppercase;
} }
div#Download table.download td.ColumnFilename { table.download tbody tr#Row02 {
width: 30%; border-bottom:solid 2px #000;
} }
div#Download table.download td.ColumnFilename a { table.download thead tr th, table.download tbody tr td {
font-weight: bold; padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
div#Download table.download td.ColumnDescription { table.download td.Filename a:hover {
width: 45%; text-decoration:underline;
} }
div#Download table.download td.ColumnModified { table.download td.Modified {
width: 17%; width:12%;
} font-weight:bold;
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #FFE09F;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #FFE09F;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #FFE09F;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
@@ -830,7 +687,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -943,29 +800,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #FFE09F;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1027,26 +861,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #FFE09F;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1089,12 +903,9 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
div#footer { #footer {
clear:both; clear:both;
overflow:hidden;
width:100%; width:100%;
height: 60px;
margin-top: .5cm;
font-size:12px; font-size:12px;
line-height:130%; line-height:130%;
color:#8C581C; color:#8C581C;
@@ -1309,46 +1120,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td { body#fullyearlinked table.calendar tbody tr td {
height:3em; height:3em;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -1,33 +1,37 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Basic-Spruce Stylesheet Style Name: Basic-Spruce Stylesheet
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme. Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme.
**************************************************************************************************
**************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Color Palette Color Palette
@@ -67,7 +71,7 @@ img {
background:none; background:none;
} }
.content { .content {
padding-top: .5cm; padding-top: 1cm;
background-color:#FFF; background-color:#FFF;
} }
.content div.snapshot { .content div.snapshot {
@@ -228,7 +232,7 @@ a:visited {
div#alphabet { div#alphabet {
width: 100%; width: 100%;
margin: 0; margin: 0;
background-color: #EAFFE4; background-color: #EAFFF4;
} }
div#alphabet ul { div#alphabet ul {
list-style:none; list-style:none;
@@ -265,7 +269,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
table { table {
font-size:14px; font-size:14px;
margin:0; margin:0 15px;
padding:0; padding:0;
border:none; border:none;
border-collapse:collapse; border-collapse:collapse;
@@ -478,109 +482,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -706,102 +613,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
div#Download { #Download {
margin: 0; padding:1cm;
width: 100%; height:396px;
} }
div#Download table.download { table.download {
border: solid 1px #000; border:solid 2px #000;
margin: .1cm 14px .5cm 14px; width:100%;
width: 965px;
} }
div#Download table.download tbody tr#Row02 { table.download img {
border-bottom: solid 1px #000; float:center;
} }
div#Download table.download tbody tr td { table.download thead tr th {
border: solid 1px #000; text-align:center;
text-align: left; border:solid 2px #000;
padding: 5px 0px 5px 0px; color: #000;
text-transform:uppercase;
} }
div#Download table.download td.ColumnFilename { table.download tbody tr#Row02 {
width: 30%; border-bottom:solid 2px #000;
} }
div#Download table.download td.ColumnFilename a { table.download thead tr th, table.download tbody tr td {
font-weight: bold; padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
div#Download table.download td.ColumnDescription { table.download td.Filename a:hover {
width: 45%; text-decoration:underline;
} }
div#Download table.download td.ColumnModified { table.download td.Modified {
width: 17%; width:12%;
} font-weight:bold;
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #EAFFE4;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #BFD0EA;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #BFD0EA;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
@@ -828,7 +687,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -941,29 +800,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #EAEEF4;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1025,25 +861,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1086,17 +903,15 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
div#footer { #footer {
clear:both; clear:both;
overflow:hidden;
width:100%; width:100%;
height: 60px;
font-size:12px; font-size:12px;
line-height:130%; line-height:130%;
color:#204D91; color:#204D91;
margin-top: .5cm; margin:0;
padding:15px 0 0 0; padding:15px 0 0 0;
background-color: #BFD0EA; background-color:#BFD0EA;
border-top:solid 1px #204D91; border-top:solid 1px #204D91;
} }
#footer a, #footer a:visited { #footer a, #footer a:visited {
@@ -1305,46 +1120,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td { body#fullyearlinked table.calendar tbody tr td {
height:3em; height:3em;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -3,27 +3,33 @@
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Mainz Style Name: Mainz
Style Author: Jason Simanek (2008) Style Author: Jason Simanek (2008)
----------------------------------------------------------------------------
----------------------------------------------------------------------------
This website was created with GRAMPS This website was created with GRAMPS
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, GRAMPS is a Free Software Project for Genealogy, offering a professional
and a wiki open to all. It is a community project, created, developed and governed by genealogists. genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to www.gramps-project.org to learn more! Go to <http://gramps-project.org/> to learn more!
License License
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program. This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by GRAMPS is free software: you can redistribute it and/or modify it under the
the Free Software Foundation, version 2 of the License. terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with GRAMPS. If not, see <http://www.gnu.org/licenses/>. You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
@@ -45,13 +51,15 @@ Header images/Web_Mainz_Header.png
Middle images/Web_Mainz_Mid.png Middle images/Web_Mainz_Mid.png
Middle Light images/Web_Mainz_MidLight.png Middle Light images/Web_Mainz_MidLight.png
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
*/
/* NarrativeWeb Styles # $Id$
-------------------------------------------------------------------------------------------- */
/* General Elements NarrativeWeb Styles
--------------------------------------------------------------------------------------------
General Elements
----------------------------------------------------- */ ----------------------------------------------------- */
body { body {
font-family:Georgia, serif; font-family:Georgia, serif;
color:#7D5925; color:#7D5925;
@@ -73,7 +81,7 @@ img {
.content { .content {
width:965px; width:965px;
margin:0 auto; margin:0 auto;
padding-bottom:.5em; padding: 1cm 0px .5em 0px;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
overflow: hidden; overflow: hidden;
} }
@@ -106,6 +114,7 @@ h1 {
font-size:1.8em; font-size:1.8em;
font-weight:normal; font-weight:normal;
font-style:italic; font-style:italic;
margin:0;
} }
h2 { h2 {
display:none; display:none;
@@ -124,7 +133,7 @@ h4 {
font-size:1.4em; font-size:1.4em;
font-weight:normal; font-weight:normal;
font-style:italic; font-style:italic;
color:#767D25; color:#000;
text-align:center; text-align:center;
margin:0; margin:0;
padding:.5em 0 .2em 0; padding:.5em 0 .2em 0;
@@ -137,6 +146,7 @@ h5, h6 {
p { p {
font-size:14px; font-size:14px;
line-height:17px; line-height:17px;
margin:0;
} }
p#description { p#description {
padding:0 15px 1em 15px; padding:0 15px 1em 15px;
@@ -181,7 +191,7 @@ a:visited {
color:#7D5925; color:#7D5925;
margin:0 0 7px 50px; margin:0 0 7px 50px;
} }
#Header p { #header p {
font-size:1em; font-size:1em;
font-weight:bold; font-weight:bold;
font-style:italic; font-style:italic;
@@ -191,26 +201,26 @@ a:visited {
/* Navigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation { #navigation, #subnavigation {
font-family:sans-serif; font-family:sans-serif;
width:965px; width:965px;
margin:0 auto; margin:0 auto;
padding:0; padding:0;
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
} }
#navigation ul { #navigation ul, #subnavigation ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:24px; height:23px;
margin:0; margin:0;
padding:0 0 0 12px; padding:0 0 0 12px;
} }
#navigation ul li { #navigation ul li, #subnavigation ul li {
margin:0; margin:0;
padding:0; padding:0;
float:left; float:left;
} }
#navigation ul li a { #navigation ul li a, #subnavigation ul li a {
display:block; display:block;
font-size:12px; font-size:12px;
line-height:100%; line-height:100%;
@@ -220,21 +230,26 @@ a:visited {
margin:0; margin:0;
padding:6px 8px 5px 8px; padding:6px 8px 5px 8px;
} }
#navigation ul li a:hover { #navigation ul li a:hover, #subnavigation ul li a:hover {
background-color:#FFFFE7; background-color:#FFFFE7;
} }
#navigation ul li#CurrentSection a { #navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
font-family:Georgia, serif; font-family:Georgia, serif;
font-weight:bold; font-weight:bold;
font-style:italic; font-style:italic;
padding:5px 15px 5px 15px; padding:5px 15px 5px 15px;
border-top:solid 1px yellow; background-image:url(../images/Web_Mainz_Mid.png);
border-bottom:solid 1px yellow;
border-style:dashed; border-style:dashed;
border-width:1px; border-width:1px 1px 0 1px;
border-color:#7D5925; border-color:#7D5925;
} }
#navigation ul li#CurrentSection a:hover { #navigation ul li.CurrentSection a:hover {
}
#subnavigation {
background-image:url(../images/Web_Mainz_Mid.png);
}
#subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0;
} }
/* Alphabet Navigation /* Alphabet Navigation
@@ -242,9 +257,10 @@ a:visited {
div#alphabet { div#alphabet {
width: 965px; width: 965px;
margin: 0; margin: 0;
background-color: #FFF2C5; background-color: #FFF2C6;
} }
div#alphabet ul { div#alphabet ul {
padding: 0px 25px 0px 25px;
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:24px; height:24px;
@@ -431,10 +447,23 @@ table.individuallist tbody tr td.ColumnName a {
padding:.6em 10px; padding:.6em 10px;
vertical-align:middle; vertical-align:middle;
} }
#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { #Individuals div table.infolist tr td p {
vertical-align:top; vertical-align:top;
} }
#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { #Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail {
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a {
display:inline; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #IndividualDetail table.infolist tr td a:hover {
@@ -442,8 +471,10 @@ table.individuallist tbody tr td.ColumnName a {
} }
#IndividualDetail table.infolist tbody tr td.ColumnAttribute { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#767D25; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@@ -522,11 +553,15 @@ table.individuallist tbody tr td.ColumnName a {
font-weight:normal; font-weight:normal;
} }
#GalleryDisplay { #GalleryDisplay {
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
text-align:center; text-align:center;
border:solid 1px #7D5925;
} }
#GalleryDisplay img { #GalleryDisplay img {
margin:0 auto; margin:0 auto;
border:solid 1px #7D5925;
} }
#GalleryDetail div#summaryarea{ #GalleryDetail div#summaryarea{
margin:0; margin:0;
@@ -588,17 +623,66 @@ table.individuallist tbody tr td.ColumnName a {
text-decoration:underline; text-decoration:underline;
} }
/* Download
----------------------------------------------------- */
#Download {
width: 965px;
float: center;
}
table.download {
border:solid 2px #000;
width:97%;
}
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
table.download td.Filename a:hover {
text-decoration:underline;
}
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* SubSection /* SubSection
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
min-height:500px; min-height:500px;
padding:1.5em 0 3em 0; padding:1.5em 0 3em 0;
} }
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p { #Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, {
margin:0 20px 1em 20px; margin:0 20px 1em 20px;
padding-top:1em; padding-top:1em;
} }
#Home img, #Introduction img, #Download img { #Home img, #Introduction img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;
@@ -627,26 +711,6 @@ div.subsection table.infolist {
padding-left:20px; padding-left:20px;
} }
/* Download Page
----------------------------------------------------- */
#Download table.infolist {
width: 97%;
float: center;
border: solid 1px #000;
}
#Download table.infolist td {
padding: 4px 0px 4px 0px;
}
#Download td.ColumnFilename {
width: 20%;
}
#Download td.ColumnDescription {
width: 40%;
}
#Download td.ColumnModified {
width: 30%;
}
/* SubSection : Summary Area /* SubSection : Summary Area
----------------------------------------------------- */ ----------------------------------------------------- */
div#summaryarea { div#summaryarea {
@@ -843,17 +907,16 @@ div#sourcerefs ol li ol {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
#footer { #footer {
overflow: hidden;
clear: both; clear: both;
width: 965px; width: 965px;
font-size: 12px; font-size: 12px;
line-height: 130%; line-height: 130%;
font-family: sans-serif; font-family: sans-serif;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 15px 0 0 0;
background-image: url(../images/Web_Mainz_MidLight.png); background: url(../images/Web_Mainz_MidLight.png) #FFF2C6;
background-repeat: repeat;
border-top: dashed 1px #7D5925; border-top: dashed 1px #7D5925;
overflow: hidden;
} }
#footer a, #footer a:visited { #footer a, #footer a:visited {
text-decoration: none; text-decoration: none;
@@ -863,13 +926,12 @@ div#sourcerefs ol li ol {
} }
#footer img { #footer img {
border: 0; border: 0;
margin: 0; margin: 0 auto;
vertical-align: middle; vertical-align: middle;
horizontal-align: center;
} }
#footer p#createdate { #footer p#createdate {
float: left; float: left;
width: 50%; width: 45%;
text-align: left; text-align: left;
margin-left: 10px; margin-left: 10px;
} }
@@ -935,8 +997,7 @@ div#sourcerefs ol li ol {
padding:.7em 5% 1em 5%; padding:.7em 5% 1em 5%;
border-top:double 4px #7D5925; border-top:double 4px #7D5925;
} }
.calendar tfoot tr td.note { .calendar tfoot tr td {
height:1cm;
vertical-align:middle; vertical-align:middle;
color:#7D5925; color:#7D5925;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
@@ -975,7 +1036,7 @@ div#sourcerefs ol li ol {
.calendar tbody tr td.saturday { .calendar tbody tr td.saturday {
} }
.calendar tbody tr td.sunday { .calendar tbody tr td:first-child {
border-left:none; border-left:none;
} }
.calendar tbody tr:first-child td { .calendar tbody tr:first-child td {
@@ -1026,3 +1087,27 @@ div#sourcerefs ol li ol {
color:#D8C19F; color:#D8C19F;
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
} }
/* Calendar : Full Year */
body#fullyearlinked div.content {
width:963px;
margin:0 auto;
padding:15px 0 2px 2px;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
}
body#fullyearlinked table.calendar {
float:left;
width:320px;
height:18em;
border:solid 1px #7D5925;
}
body#fullyearlinked table.calendar thead tr th {
height:2em;
}
body#fullyearlinked table.calendar thead tr th.monthName {
font-size:1.2em;
padding:2px 0;
}
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}

View File

@@ -35,11 +35,51 @@ body {
width: 1060px; width: 1060px;
} }
/* lphabet Navigation /* Navigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
width: 100%;
margin: 0;
padding: 0;
}
div#navigation ul, div#subnavigation ul {
list-style: none;
min-width: 900px;
height: 40px;
margin: 0;
padding: 0px 0px 0px 16px;
border-bottom: solid 2px #000;
}
div#navigation ul li, div#subnavigation ul li {
float: left;
}
div#navigation ul li a, div#subnavigation ul li a {
display: block;
padding: 12px 16px 14px 1px;
float: left;
font: .8em bold italic small-caps verdana, serif;
text-decoration: none;
margin: 0;
}
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
font-size: 19px;
margin-top: -6px;
padding-top: 11px;
padding-bottom: 8px;
border-right: solid 1px #542;
border-left: solid 1px #542;
border-bottom: solid 1px #FFF;
}
#subnavigation ul li.CurrentSection a {
border-width: 0 0 1px 0;
}
/* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#alphabet {
width: 100%; width: 100%;
margin: 0; margin: 0;
background-color: #A97;
} }
div#alphabet ul { div#alphabet ul {
list-style: none; list-style: none;
@@ -47,56 +87,27 @@ div#alphabet ul {
height: 24px; height: 24px;
margin: 0; margin: 0;
padding: 0px 0px 0px 16px; padding: 0px 0px 0px 16px;
border-width: 2px 0px 2px 0px; border-width: 2px 0px 4px 0px;
border-style: solid; border-style: solid;
border-color: #000;
}
div#alphabet ul li:after {
content: " |";
} }
div#alphabet ul li { div#alphabet ul li {
border-width: 0px 2px 0px 2px;
border-style: solid;
margin: 0; margin: 0;
float: left; float: left;
} }
div#alphabet ul li:first-child {
border-left: none;
}
div#alphabet ul li a { div#alphabet ul li a {
font: normal 16px sans;
display: block; display: block;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;
float: left; float: left;
font: bold 16px/100% sans;
margin: 0; margin: 0;
text-decoration: none; text-decoration: none;
color: #000;
} }
div#alphabet ul li a:hover {
/* Navigation/ Subnavigation background-color: #000;
----------------------------------------------------- */ color: #FFF;
div#navigation, div#subnavigation {
width: 100%;
margin: 0;
}
div#navigation ul, div#subnavigation ul {
list-style: none;
min-width: 900px;
height: 32px;
margin: 0;
padding: 0px 0px 0px 10px;
border-width: 2px 0px 2px 0px;
border-style: solid;
}
div#navigation ul li, div#subnavigation ul li {
border-width: 0px 2px 0px 2px;
border-style: solid;
float: left;
margin: 0;
}
div#navigation ul li:first-child, div#subnavigation ul li:first-child {
border-left: none;
margin: 0 auto;
padding: 0;
}
div#navigation ul li a, div#subnavigation ul li a {
display: block;
padding: 8px 6px 6px 6px;
font: normal 12px serif;
text-decoration: none;
} }

View File

@@ -1,32 +1,36 @@
/* /*
# **************************************************************************************************
# Gramps - a GTK+/GNOME based genealogy program Copyright Holder and License
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Nebraska Default Stylesheet Style Name: Nebraska Default Stylesheet
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
**************************************************************************************************
**************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional
genealogy program, and a wiki open to all. It is a community project, created,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Color Palette Color Palette
@@ -79,6 +83,7 @@ img {
background:none; background:none;
} }
.content { .content {
padding-top: 1cm;
background-color:#FFF; background-color:#FFF;
} }
.content div.snapshot { .content div.snapshot {
@@ -199,7 +204,7 @@ p#user_header {
background-color:#542; background-color:#542;
} }
/* Navigation / SubNavigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#navigation, div#subnavigation { div#navigation, div#subnavigation {
width: 100%; width: 100%;
@@ -207,45 +212,45 @@ div#navigation, div#subnavigation {
padding: 0; padding: 0;
} }
div#navigation ul, div#subnavigation ul { div#navigation ul, div#subnavigation ul {
list-style:none; list-style: none;
height: 24px; min-width: 900px;
margin:0; height: 40px;
padding: 0px 0px 0px 9px; margin: 0;
border-bottom: solid 2px #000; padding: 0px 0px 0px 16px;
border-bottom: solid 2px #5D835F;
} }
div#navigation ul li, div#subnavigation ul li { div#navigation ul li, div#subnavigation ul li {
float: left; float: left;
} }
div#navigation ul li:first-child, div#subnavigation ul li:first-child {
margin-left: 10px;
}
div#navigation ul li:after, div#subnavigation ul li:after {
content: "| ";
}
div#navigation ul li a, div#subnavigation ul li a { div#navigation ul li a, div#subnavigation ul li a {
background-color: #A97;
display: block; display: block;
padding: 4px 8px 4px 8px; padding: 12px 16px 14px 1px;
float: left; float: left;
font: .8em bold italic small-caps verdana, serif; font: .8em bold italic small-caps verdana, serif;
color: #000; color: #000;
text-decoration:none; text-decoration: none;
margin:0; margin: 0;
} }
div#navigation ul li a:hover, div#subnavigation ul li a:hover { div#navigation ul li a:hover, div#subnavigation ul li a:hover {
background-color: #FFF;
color: #453619;
}
div#navigation ul li.CurrentSection a,
div#subnavigation ul li.CurrentSection a {
background-color: #C1B398; background-color: #C1B398;
color: #000;
} }
div#navigation ul li.CurrentSection a:hover, #navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
div#subnavigation ul li.CurrentSection a:hover { font-size: 19px;
background-color: #000; margin-top: -6px;
color: #FFF; padding-top: 11px;
padding-bottom: 8px;
border-right: solid 1px #542;
border-left: solid 1px #542;
border-bottom: solid 1px #FFF;
background-color: #FFF;
} }
#navigation ul li.CurrentSection a:hover {
background-color: #FFF;
}
#subnavigation ul li.CurrentSection a {
border-width: 0 0 1px 0;
}
/* Alphabet Navigation /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#alphabet {
@@ -254,28 +259,29 @@ div#alphabet {
background-color: #A97; background-color: #A97;
} }
div#alphabet ul { div#alphabet ul {
list-style:none; list-style: none;
height:24px; min-width: 770px;
margin:0; height: 24px;
margin: 0;
padding: 0px 0px 0px 16px; padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px; border-width: 2px 0px 4px 0px;
border-style: solid; border-style: solid;
border-color: #000; border-color: #000;
} }
div#alphabet ul li:after { div#alphabet ul li:after {
content:" |"; content: " |";
} }
div#alphabet ul li { div#alphabet ul li {
margin:0; margin: 0;
float:left; float: left;
} }
div#alphabet ul li a { div#alphabet ul li a {
display:block; display: block;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;
float:left; float: left;
font:bold 16px/100% sans; font: bold 16px/100% sans;
margin:0; margin: 0;
text-decoration:none; text-decoration: none;
color: #000; color: #000;
} }
div#alphabet ul li a:hover { div#alphabet ul li a:hover {
@@ -305,6 +311,7 @@ table.infolist tr th a:hover {
table.infolist tr td { table.infolist tr td {
font:normal 1.1em/1.4em serif; font:normal 1.1em/1.4em serif;
vertical-align:middle; vertical-align:middle;
padding:.1em 10px;
} }
table.infolist tr td a { table.infolist tr td a {
display:block; display:block;
@@ -337,11 +344,6 @@ table.infolist tbody tr td.ColumnType {
} }
table.infolist tbody tr td.ColumnPartner { table.infolist tbody tr td.ColumnPartner {
font-size:.9em; font-size:.9em;
background-color:#FFF;
}
table.infolist tbody tr td.ColumnPartner a:hover {
display:block;
background-color:#C1B398;
} }
table.infolist tbody tr td.ColumnParents { table.infolist tbody tr td.ColumnParents {
font-size:.9em; font-size:.9em;
@@ -494,7 +496,6 @@ table.individuallist tbody tr td.ColumnName a:hover {
} }
#Sources table.infolist tbody tr td.ColumnName { #Sources table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
background-color:#FFF;
} }
#Sources table.infolist tbody tr td.ColumnName a { #Sources table.infolist tbody tr td.ColumnName a {
font-size:.9em; font-size:.9em;
@@ -509,108 +510,15 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
#Places { }
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Places table.infolist tbody tr td.ColumnLatitude, #Places table.infolist tbody tr td.ColumnName a:hover {
div#Places table.infolist tbody tr td.ColumnLongitude { background-color:#C1B398;
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
} }
/* Gallery /* Gallery
@@ -621,7 +529,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
} }
#Gallery table.infolist tbody tr td.ColumnName { #Gallery table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
background-color:#FFF;
} }
#Gallery table.infolist tbody tr td.ColumnName a { #Gallery table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
@@ -717,122 +624,74 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
margin-right:.4em; margin-right:.4em;
} }
#streetaddress { #streetaddress {
width: 100%; width:85%;
} }
#city:after { #city:after {
content: ","; content:",";
} }
#country { #country {
clear: left; clear:left;
} }
#email { #email {
clear: left; clear:left;
} }
#email a { #email a {
text-decoration: none; text-decoration:none;
} }
#email a:hover { #email a:hover {
text-decoration: underline; text-decoration:underline;
} }
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
div#Download { #Download {
margin: 0; padding:1cm;
width: 100%; height:396px;
} }
div#Download table.download { table.download {
border: solid 1px #000; border:solid 2px #000;
margin: .1cm 14px .5cm 14px; width:100%;
width: 965px;
} }
div#Download table.download tbody tr#Row02 { table.download img {
border-bottom: solid 1px #000; float:center;
} }
div#Download table.download tbody tr td { table.download thead tr th {
border: solid 1px #000; text-align:center;
text-align: left; border:solid 2px #000;
padding: 5px 0px 5px 0px; color: #000;
text-transform:uppercase;
} }
div#Download table.download td.ColumnFilename { table.download tbody tr#Row02 {
width: 30%; border-bottom:solid 2px #000;
} }
div#Download table.download td.ColumnFilename a { table.download thead tr th, table.download tbody tr td {
font-weight: bold; padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
div#Download table.download td.ColumnDescription { table.download td.Filename a:hover {
width: 45%; text-decoration:underline;
} }
div#Download table.download td.ColumnModified { table.download td.Modified {
width: 17%; width:12%;
} font-weight:bold;
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #C1B398;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, div#AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList table.addressbook tbody tr.BeginName {
border-top: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr.Totals td {
background-color: #F6F2EE;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #FFF;
border-bottom: dashed 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
background-color: #F6F2EE;
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
} }
/* Subsections /* Subsections
@@ -859,7 +718,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em; font-size:.9em;
} }
div.subsection a { div.subsection a {
text-decoration:underline; text-decoration:none;
} }
div.subsection a:hover { div.subsection a:hover {
text-decoration:underline; text-decoration:underline;
@@ -913,29 +772,6 @@ table.infolist tbody tr td.ColumnValue p {
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #F6F2EE;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Parents /* Subsections : Parents
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1067,26 +903,6 @@ div#summaryarea table.infolist tbody tr td.ColumnAttribute {
/* Subsections : Weblinks /* Subsections : Weblinks
----------------------------------------------------- */ ----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #F6F2EE;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree /* Subsections : Pedigree
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -1136,59 +952,57 @@ div#pedigree {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
div#footer { #footer {
clear:both; clear: both;
overflow:hidden; width: 100%;
width:100%; font-size: 12px;
height: 60px; line-height: 130%;
font-size:12px; font-family: sans-serif;
line-height:130%; color: #FFF;
font-family:sans-serif; margin: 0;
color:#FFF; padding: 0;
margin-top: .5cm; background-color: #542;
padding:0;
background-color:#542;
border-top: solid 8px #A97; border-top: solid 8px #A97;
} }
#footer a, #footer a:visited { #footer a, #footer a:visited {
text-decoration:none; text-decoration: none;
color:#FFF; color: #FFF;
} }
#footer a:hover { #footer a:hover {
text-decoration:underline; text-decoration: underline;
} }
#footer img { #footer img {
border:0; border: 0;
margin:0 auto; margin: 0 auto;
vertical-align:middle; vertical-align: middle;
} }
#footer p#createdate { #footer p#createdate {
float:left; float: left;
width:40%; width: 40%;
text-align:left; text-align: left;
margin-left:10px; margin-left: 10px;
color:#FFF; color: #FFF;
} }
#footer p#copyright { #footer p#copyright {
float:right; float: right;
width:40%; width: 40%;
text-align:right; text-align: right;
color:#FFF; color: #FFF;
margin-right:10px; margin-right: 10px;
} }
#footer p#copyright img { #footer p#copyright img {
margin-right:10px; margin-right: 10px;
} }
#user_footer { #user_footer {
width:70%; width: 70%;
float:left; float: left;
margin:1em; margin: 1em;
} }
#user_footer p { #user_footer p {
font:normal 1em/1.2em serif; font: normal 1em/1.2em serif;
color:#A97; color: #A97;
margin:0; margin: 0;
padding:0; padding: 0;
} }
/* Calendar Styles /* Calendar Styles
@@ -1353,46 +1167,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td { body#fullyearlinked table.calendar tbody tr td {
height:3em; height:3em;
} }
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@@ -5,7 +5,7 @@ Copyright Holder and License
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Print Style Sheet Style Name: Print Style Sheet
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
Modified by Rob G. Healey, July 2008-2010 Modified by Rob G. Healey, July 2008
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/> This website was created with GRAMPS <http://www.gramps-project.org/>
@@ -17,7 +17,7 @@ developed and governed by genealogists.
'Go to <http://gramps-project.org/> to learn more! 'Go to <http://gramps-project.org/> to learn more!
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
(C) Copyright 2008-2010 Rob G. Healey Copyright 2008 Rob G. Healey
This file is part of the GRAMPS program. This file is part of the GRAMPS program.
@@ -107,12 +107,12 @@ h3 {
padding:0; padding:0;
} }
h4 { h4 {
display: block; display:block;
clear: both; clear:both;
font: normal 14pt/16pt serif; font:normal 14pt/16pt serif;
margin: 8pt 0 0 0; margin:8pt 0 0 0;
padding: 8pt 0 1pt 0; padding:8pt 0 1pt 0;
border-top: solid .5pt #A7A7A7; border-top:solid .5pt #A7A7A7
} }
h5, h6 { h5, h6 {
font:normal 14pt/16pt serif; font:normal 14pt/16pt serif;
@@ -155,25 +155,25 @@ ol {
/* Header /* Header
----------------------------------------------------- */ ----------------------------------------------------- */
#Header { #Header {
padding: 0 0 8pt 0; padding:0 0 8pt 0;
margin: 0 0 8pt 0; margin:0 0 8pt 0;
border-bottom: solid .5pt #000; border-bottom:solid .5pt #000;
} }
#SiteTitle { #SiteTitle {
text-align: left; text-align: left;
margin-left: 20px; margin: 0;
padding: 0; padding: 0;
} }
#user_header { #user_header {
font-style: italic; font-style:italic;
text-align: center; text-align:center;
margin: 0; margin:0;
padding: 0 padding:0
} }
.grampsid { .grampsid {
font-size: 60%; font-size:60%;
font-family: monospace; font-family:monospace;
color: #A7A7A7 color:#A7A7A7
} }
/* Navigation /* Navigation
@@ -221,35 +221,35 @@ table tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top:solid .5pt #A7A7A7; border-top:solid .5pt #A7A7A7;
} }
table tbody tr td.ColumnRowLabel { table tbody tr td.ColumnRowLabel {
width: 3%; width:2%;
color: #A7A7A7; color:#A7A7A7;
text-align: center; text-align:center;
} }
table tr td.ColumnLetter { table tr td.ColumnLetter {
width: 6%; width:3%;
text-align: center; text-align:center;
} }
table tr td.ColumnAttribute { table tr td.ColumnAttribute {
width: 10%; width:10%;
} }
.content table tbody tr td.ColumnName a { .content table tbody tr td.ColumnName a {
text-decoration: none; text-decoration:none;
} }
table tbody tr td.ColumnBirth { table tbody tr td.ColumnBirth {
width: 10%; width:10%;
} }
table tbody tr td.ColumnDeath { table tbody tr td.ColumnDeath {
width: 10%; width:10%;
text-decoration: underline; text-decoration:underline;
} }
table tbody tr td.ColumnParents { table tbody tr td.ColumnParents {
font-size: 70%; font-size:70%;
} }
table tbody tr td.ColumnParents span.mother:before { table tbody tr td.ColumnParents span.mother:before {
content: "+ "; content:"+ ";
} }
/* Home/Welcome /* Home/ Welcome
----------------------------------------------------- */ ----------------------------------------------------- */
#Home p { #Home p {
margin:0 0 9pt 0; margin:0 0 9pt 0;
@@ -259,6 +259,10 @@ table tbody tr td.ColumnParents span.mother:before {
margin:0; margin:0;
padding:0 0 9pt 9pt; padding:0 0 9pt 9pt;
} }
#Home a {
color: #000;
text-decoration: underline;
}
/* Introduction /* Introduction
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -270,6 +274,10 @@ table tbody tr td.ColumnParents span.mother:before {
margin:0; margin:0;
padding:0 0 9pt 9pt; padding:0 0 9pt 9pt;
} }
#Introcution a {
color: #000;
text-decoration: underline;
}
/* Surnames /* Surnames
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -287,15 +295,6 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents
/* Individuals /* Individuals
----------------------------------------------------- */ ----------------------------------------------------- */
/* PlaceDetail
------------------------------------------------------ */
div#PlaceDetail h5 {
text-align: center;
float: center;
font: normal 1.4em sans;
border-bottom: double 4px #000;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
#GalleryDetail h2 { #GalleryDetail h2 {
@@ -450,6 +449,106 @@ div#PlaceDetail h5 {
font-weight:bold; font-weight:bold;
} }
/* Subsections : Ancestors Tree
----------------------------------------------------- */
#tree {
page-break-before:always;
margin:0;
padding:0;
}
#treeContainer {
position:relative;
z-index:1;
}
#treeContainer div.boxbg a:link:after, #treeContainer div.boxbg a:visited:after {
font-size:70%;
font-family:sans-serif;
content:"";
}
.boxbg {
position:absolute;
margin:0;
padding:0;
background:none;
}
#treeContainer div.boxbg span.thumbnail {
display:block;
margin:0 auto;
}
.boxbg a {
position:relative;
z-index:10;
display:block;
font:normal .7em/1.4em sans-serif;
text-align:center;
text-decoration:none;
width:50pt;
padding:5pt 8pt;
margin:5pt 0 0 0;
background-color:#FFF;
border:solid 1pt #000;
}
#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail {
display:none;
}
.shadow {
display:none;
}
#tree div div.bvline {
position:absolute;
z-index:2;
height:1pt;
margin:0;
padding:0;
background-color:#FFF;
border-bottom:solid .5pt #A7A7A7
}
#tree div div.bhline {
position:absolute;
z-index:2;
width:1pt;
margin:0;
padding:0;
background-color:#FFF;
border-right:solid .5pt #A7A7A7
}
.ghline, .gvline {
display:none;
}
/* Footer
----------------------------------------------------- */
#footer {
width: 100%;
margin: 0;
padding: .1in 0 0 0;
clear: both;
border-top: solid .5pt #000;
}
#user_footer {
float: left;
width: 70%;
}
#user_footer p {
font-style: italic;
}
p#createdate {
float: left;
width: 45%;
font: normal 9pt/10pt sans-serif;
margin: 0;
}
#copyright {
float: right;
width: 4in;
margin: 0;
font: normal 9pt/10pt sans-serif;
text-align: right;
}
#copyright img {
display: none;
}
/* Calendar Styles /* Calendar Styles
-------------------------------------------------------------------------------------------- */ -------------------------------------------------------------------------------------------- */
/* Calendar : General */ /* Calendar : General */