diff --git a/src/data/Makefile.am b/src/data/Makefile.am
index e2f7683b3..11839c230 100644
--- a/src/data/Makefile.am
+++ b/src/data/Makefile.am
@@ -19,7 +19,12 @@ dist_pkgdata_DATA = \
NWeb-Screen_Basic-Spruce.css\
NWeb-Screen_Mainz.css\
NWeb-Screen_Nebraska.css\
- NWeb-Screen_Sharp.css
+ NWeb-Screen_Sharp.css\
+ Web_Evergreen.css\
+ Web_Nebraska.css\
+ Web_Print-Default.css\
+ Web_Simply-Red.css\
+ Web_Visually.css
# Rules for files with translatable strings
# These are taken care of by the intltool
diff --git a/src/data/Web_Evergreen.css b/src/data/Web_Evergreen.css
new file mode 100644
index 000000000..e08239fa6
--- /dev/null
+++ b/src/data/Web_Evergreen.css
@@ -0,0 +1,1129 @@
+/*
+----------------------------------------------------------------------------
+ GRAMPS Cascading Style Sheet
+ Style Name: Evergreen
+ Style Author: Jason Simanek (2008)
+ Modified July 2008 by Rob G. Healey
+----------------------------------------------------------------------------
+
+This website was created with GRAMPS
+----------------------------------------------------------------------------
+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 www.gramps-project.org to learn more!
+
+License
+----------------------------------------------------------------------------
+Copyright 2008 Rob G. Healey
+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 .
+----------------------------------------------------------------------------
+
+
+Color Palette
+----------------------------------------------------------------------------
+green darkest 426e40
+green dark #228B22
+green #1ED416
+blue #20B2AA
+green very light #D8F3D6
+gray #D3D3D3
+green #5D835F
+black #000
+white #FAFAFF
+
+###############################Sex based color cheme ############################
+Males 1E90FF
+fAMALES f3c
+uNKNOWN 000
+----------------------------------------------------------------------------
+*/
+
+/* ---------------------------------------------------------------------------- */
+/* General Element Styles */
+/* ---------------------------------------------------------------------------- */
+body {
+ font-family:Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
+ color:#000;
+ margin:0;
+ padding:0;
+ background-color:#FAFAFF;
+}
+div {
+ margin:0;
+ padding:0;
+}
+img {
+ border:none;
+ margin:0;
+}
+.thumbnail a:hover {
+ background:none;
+}
+.content {
+ background-color:#FAFAFF;
+}
+.content div.snapshot {
+ float:right;
+ margin:20px;
+ padding:0;
+ background:none;
+}
+.content div.snapshot div.thumbnail {
+ margin:0;
+ padding:0;
+ background:none;
+}
+.fullclear {
+ width:100%;
+ height:1px;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* General Text Styles */
+/* ------------------------------------------------------------------------------ */
+h1 {
+ font-size:1.4em;
+ font-weight:bold;
+}
+h2 {
+ display:none;
+}
+h3 {
+ font-size:1.2em;
+ font-weight:bold;
+ margin-left:12px;
+ text-align:left;
+ margin:0;
+ padding:.5em 20px .2em 20px;
+}
+h4 {
+ font-size:.8em;
+ color:#228B22;
+ margin:0;
+ padding:.2em 0 .2em 20px;
+ background-color:#FFF;
+ border-bottom:solid 1px #1ED416;
+}
+h5, h6 {
+ font-style:italic;
+ margin:1.3em 0 .5em 1em;
+}
+p {
+ font-size:14px;
+ line-height:17px;
+}
+p#description {
+ padding:0 15px 1em 15px;
+}
+p a:link {
+ text-decoration:underline;
+}
+sup {
+ line-height:0;
+}
+ol {
+}
+ol li a {
+ text-decoration:none;
+}
+a {
+ color:#000;
+ text-decoration:none;
+}
+a:hover, a:active {
+ background-color:#20B2AA;
+ color:#FFF;
+ text-decoration:none;
+}
+a:visited {
+ color:#426e40;
+ text-decoration:none;
+}
+
+/*
+------------------------------------------------------------------------------
+ Header/Navigation Styles
+------------------------------------------------------------------------------
+*/
+#header {
+ margin:0;
+ padding:0;
+ background-color:#208BAA;
+ height:2cm;
+}
+#header h1 {
+ font-size:.7cm;
+ float:center;
+ text-align:center;
+ color:#FFF;
+ margin:0;
+ padding:0;
+}
+#header h1#SiteTitle {
+ font-size:1cm;
+}
+#header p {
+ font-weight:bold;
+ color:#1ED416;
+ margin:0;
+}
+#GRAMPSinfo {
+ font-size:14px;
+ line-height:120%;
+ float:right;
+ margin:10px;
+ padding:0;
+ color:#FFF;
+}
+#GRAMPSinfo a {
+ color:#FFF;
+}
+.grampsid {
+ font:normal .8em/1.2em monospace;
+ color:#426E40;
+}
+#navigation {
+ margin:0;
+ padding:4px 0 0 0;
+ background-color:#1ED416;
+}
+#navigation ul {
+ list-style:none;
+ min-width:770px;
+ height:32px;
+ margin:0;
+ padding:0 0 0 12px;
+ border-bottom:1px solid #426E40;
+}
+#navigation ul li {
+ margin:0;
+ padding:0;
+ float:left;
+}
+#navigation ul li a {
+ display:block;
+ font-size:16px;
+ line-height:100%;
+ font-weight:bold;
+ text-decoration:none;
+ margin:0;
+ padding:5px 5px;
+ color:#FFF;
+}
+#navigation ul li a:hover {
+ background-color:#228B22;
+ border-bottom:solid 1px #5D835F;
+}
+#navigation ul li#CurrentSection a {
+ padding-bottom:4px;
+ border-top:solid 1px #1ED416;
+ border-right:solid 1px #D8F3D6;
+ border-left:solid 1px #D8F3D6;
+ border-bottom:solid 1px #D8F3D6;
+ background-color:#FFF;
+ color:#426E40;
+}
+#navigation ul li#CurrentSection a:hover {
+ background-color:#000;
+ color:#FFF;
+}
+
+/*
+**************************************************************************************************
+ Calendar Elements
+**************************************************************************************************
+*/
+.calendar {
+ empty-cells:show;
+ width:100%;
+ font-size:1em;
+ font-weight:normal;
+ margin:0;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+.calendar thead tr th {
+ width:14%;
+ text-align:center;
+ text-transform:uppercase;
+ padding:.2em 0 .1em 0;
+}
+.calendar thead tr th.monthName {
+ font-style:italic;
+ width:100%;
+ font-size:2em;
+ line-height:100%;
+ text-transform:none;
+ padding:.3em 0 .2em 0;
+ background-color:#FFF;
+ color:#228B22;
+}
+.calendar thead tr th.weekend, .calendar thead tr th.weekday {
+ border:solid 1px #000;
+ background-color:#228B22;
+ color:#FFF;
+}
+.calendar thead tr th.saturday, .calendar thead tr th.sunday { }
+
+.calendar tbody tr td {
+ vertical-align:top;
+ height:10em;
+ padding:0;
+ border-width:1px 0 0 1px;
+ border-style:solid;
+ border-color:#426E40;
+}
+.calendar tbody tr td.weekday {
+ background-color:#FFF;
+}
+.calendar tbody tr td.weekend {
+ background-color:#D8F3D6;
+}
+.calendar tbody tr td.saturday {
+ border-right:solid 1px #426E40;
+ }
+.calendar tbody tr td.sunday {
+ border-left:solid 1px #426E40;
+}
+.calendar tbody tr td#emptyDays {
+ background-color:#D3D3D3;
+ line-height:100%;
+ border:solid 1px #426E40;
+}
+.calendar tbody tr td:first-child {
+ border-left:none;
+}
+.calendar tbody tr:first-child td {
+ border-top:none;
+}
+.calendar tbody tr td:first-child, .calendar tbody tr td:last-child {
+ background-color:#F6F2EE;
+}
+.calendar tbody tr td ul {
+ list-style:none;
+ font-family:sans-serif;
+ font-size:.8em;
+ margin:2.3em 0 .3em 0;
+ padding:0;
+}
+.calendar tbody tr td ul li {
+ display:block;
+ width:92%;
+ margin:0 4%;
+ padding:.2em 0 .3em 0;
+ border-top:dashed 1px #C1B398;
+}
+.calendar tbody tr td ul li:first-child {
+ border:none;
+}
+.calendar tbody tr td ul li em {
+ font-style:normal;
+ color:#0A65B5;
+}
+.calendar tbody tr td ul li span.yearsmarried em {
+ color:#426E40;
+}
+.calendar tfoot tr td {
+ padding:.7em 5% 1em 5%;
+}
+.calendar tfoot tr td.note {
+ border-top:solid 2px #1ED416;
+ background-color:#000;
+ vertical-align:middle;
+ font-size:.8em;
+ height:1cm;
+ color:#FFF;
+}
+.date {
+ float:right;
+ display:block;
+ width:1.8em;
+ font-size:1.2em;
+ line-height:100%;
+ text-align:center;
+ color:#FFF;
+ margin:0 0 0 .5em;
+ padding:.2em 0;
+ background-color:#1ED416;
+}
+.highlight div.date {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+
+span.date {
+ background-color:#426E40;
+ color:#FFF;
+}
+/*
+------------------------------------------------------------------------------
+Main Table Styles - infolist variations
+------------------------------------------------------------------------------
+*/
+table {
+ font-size:14px;
+ margin:0 15px;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+table tr th {
+ font-weight: bold;
+ text-align: left;
+ margin:0;
+ padding:.1em 10px;
+ background-color:#20B2AA;
+ border-top:solid 1px #1ED416;
+ border-bottom:solid 1px #1ED416;
+}
+table.infolist tr th:first-child {
+ border-left:solid 1px #1ED416;
+}
+table.infolist tr th:last-child {
+ border-right:solid 1px #1ED416;
+}
+table.infolist tr th a {
+ text-decoration:none;
+}
+table tr td {
+ vertical-align:middle;
+ padding:.1em 10px;
+}
+table.infolist tr td a {
+ display:block;
+ text-decoration:none;
+}
+table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
+ border-top:solid 1px #6AF364;
+}
+table.infolist tr th.ColumnQuantity {
+ width:30%;
+}
+table.infolist tr td.ColumnLetter {
+ font-weight:bold;
+}
+table.infolist tbody tr td.ColumnBirth {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnDeath {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnRowLabel {
+ font-weight:bold;
+ width:2%;
+}
+table.infolist tbody tr td.ColumnType {
+ width:6%;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnPartner {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother {
+ display:block;
+}
+table.infolist tbody tr td.ColumnParents span.mother:before {
+ content:"+ ";
+}
+table.infolist tbody p.EventNote {
+ border-top:dashed 1px #20B2AA;
+ padding-top:1em;
+ padding-bottom:1em;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Surnames Styles */
+/* ------------------------------------------------------------------------------ */
+#Surnames { }
+#SurnameDetail p#description { padding-top:0; }
+table.surnamelist tbody tr td.ColumnSurname {
+ width:50%;
+}
+table.surnamelist thead tr th.ColumnSurname {
+ background-color:#20B2AA;
+ color:#FFF;
+ padding:0;
+}
+table.surnamelist thead tr th.ColumnQuantity {
+ background-color:#20B2AA;
+ color:#FFF;
+ width:40%;
+ padding:0;
+}
+table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a {
+ display:block;
+ padding:.1em 10px;
+}
+table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a {
+ background-color:#20B2AA;
+ color:#FFF;
+}
+table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
+ content:" ↓";
+}
+table.infolist tbody tr td.ColumnSurname {
+ padding:0;
+ background-color:#FFF;
+}
+table.infolist tbody tr td.ColumnSurname a {
+ padding:.1em 10px;
+}
+table.infolist tbody tr td.ColumnSurname a:hover {
+ padding:.1em 10px;
+ background-color:#20B2AA;
+}
+table.surname {
+ border-bottom:solid 1px #5D835F;
+}
+table.surname tbody tr td {
+ border-bottom:dashed 1px #20B2AA;
+}
+table.surname tbody tr td.ColumnName {
+ width:20%;
+ padding:0;
+ background-color:#20B2AA;
+}
+table.surname tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px .6em 20px;
+}
+table.surname tbody tr td.ColumnName a:hover {
+ background-color:#20B2AA;
+}
+table.surname tbody tr td.ColumnName a span.grampsid {
+ display:none;
+}
+table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
+ width:25%;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Individuals Styles */
+/* ------------------------------------------------------------------------------ */
+#Individuals { }
+#Individuals table.individuallist {
+ border-bottom:solid 1px #1ED416;
+}
+#Individuals table.individuallist tbody tr td {
+ border-bottom:dashed 1px #20B2AA;
+}
+#Individuals table.individuallist tbody tr td a:hover {
+ background-color:#20B2AA;
+ text-decoration:none;
+ color:#FFF;
+}
+table.individuallist tbody tr td.ColumnSurname {
+ background:none;
+}
+table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active {
+ cursor:default;
+ color:black;
+ background:none;
+}
+table.individuallist tbody tr td.ColumnName {
+ background-color:#FFF;
+ padding:0;
+}
+table.individuallist tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px;
+}
+table.individuallist tbody tr td.ColumnName a:hover { }
+
+#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
+ vertical-align:top;
+}
+#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
+ display:inline;
+}
+#IndividualDetail table.infolist tr td a:hover {
+ text-decoration:underline;
+}
+#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+ width:10%;
+ color:#1ED416;
+ padding-left:5px;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Sources Styles */
+/* ------------------------------------------------------------------------------ */
+#Sources table.infolist tbody tr td.ColumnRowLabel {
+ padding-bottom:0;
+}
+#Sources table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Sources table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#SourceDetail div#references ol li {
+ padding-bottom:.5em;
+}
+#SourceDetail div#references ol li a:hover {
+ background-color:#20B2AA;
+ text-decoration:none;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Places Styles */
+/* ------------------------------------------------------------------------------ */
+#Places table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Places table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Gallery Styles */
+/* ------------------------------------------------------------------------------ */
+#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate {
+ padding-bottom:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#Gallery table.infolist tbody tr td.ColumnName a:hover {
+ color:#FFF;
+}
+#GalleryNav {
+ font-size:.8em;
+ margin:1em 0 0 0;
+ padding:1.2em 0 0 0;
+ text-align:center;
+}
+#GalleryNav a {
+ font-weight:bold;
+ text-decoration:none;
+ background-color:#FFF;
+ border:solid 1px #6AF364;
+}
+#GalleryNav a:hover {
+ background-color:#20B2AA;
+ color:#FFF;
+}
+#GalleryNav a#Previous {
+ padding:.4em .7em .3em .7em;
+}
+#GalleryNav a#Next {
+ padding:.4em 1.9em .3em 1.9em;
+}
+#GalleryPages {
+ margin:0 1em;
+}
+#GalleryCurrent {
+ font-size:1.2em;
+ font-weight:bold;
+}
+#GalleryTotal {
+ font-weight:normal;
+}
+#GalleryDisplay {
+ text-align:center;
+}
+#GalleryDisplay img {
+ margin:0 auto;
+ border:solid 1px #1ED416;
+}
+#GalleryDetail div#summaryarea{
+ margin:0;
+ padding:1.4em 0 0 0;
+}
+#GalleryDetail div#summaryarea h3 {
+ text-align:center;
+}
+#GalleryDetail div h4 {
+ margin-top:0;
+}
+#GalleryDetail div#summaryarea table.gallery {
+ width:100%;
+ margin-top:1.5em;
+ margin-bottom:0;
+ padding-bottom:0;
+ background-color:#FFF;
+ border-style:solid;
+ border-width:8px 0 0 0;
+ border-color:#20B2AA;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Contact Styles */
+/* ------------------------------------------------------------------------------ */
+#Contact #summaryarea {
+ width:500px;
+ margin:2em auto;
+ padding:3em;
+ background-color:#D8F3D6;
+ border:solid 1px #1ED416;
+}
+#Contact #summaryarea img {
+ float:right;
+ margin:0;
+ padding:0;
+ border:solid 1px #1ED416;
+}
+#researcher {
+ margin-top:.3em;
+}
+#researcher h3 {
+ padding:0;
+}
+#researcher span {
+ display:block;
+ float:left;
+ margin-right:.4em;
+}
+#streetaddress {
+ background-color:#208BAA;
+ color:#FFF;
+ width:85%;
+}
+#city:after {
+ content:",";
+}
+#country {
+ clear:left;
+}
+#email {
+ clear:left;
+}
+#email a {
+ text-decoration:none;
+}
+#email a:hover {
+ text-decoration:underline;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* SubSection Styles */
+/* ------------------------------------------------------------------------------ */
+#Home, #Introduction, #Download, #Contact {
+ padding:1.5em 0 3em 0;
+}
+#Home p, #Introduction p, #Download p, #Contact p {
+ margin:0 20px 1em 20px;
+}
+#Home img, #Introduction img, #Download img, #Contact img {
+ float:right;
+ margin:0;
+ padding:0 20px 3em 20px;
+}
+div.subsection{
+ padding-bottom:.5em;
+ background-color:#FAFAFF;
+}
+div.subsection h4 {
+ margin-bottom:.5em;
+}
+div.subsection table, div.subsection ol, div.subsection p {
+ font-size:.9em;
+}
+div.subsection a {
+ text-decoration:none;
+}
+div.subsection a:hover {
+ text-decoration:underline;
+ background:none;
+}
+div.subsection table.infolist {
+ width:100%;
+ margin:0;
+}
+#IndividualDetail div.subsection table tr td:first-child {
+ padding-left:20px;
+}
+
+/* SubSection Styles : Summary Area */
+/* ------------------------------------------------------------------------------ */
+div#summaryarea {
+ min-height:100px;
+ background:none;
+}
+div#summaryarea table.infolist {
+ margin:0;
+ padding:0;
+ background:#FAFAFF;
+ border-bottom:solid .7em #FAFAFF;
+}
+div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
+ vertical-align:top;
+}
+div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
+ display:inline;
+}
+div#summaryarea table.infolist tbody tr td.ColumnAttribute {
+ width:14%;
+ padding-left:20px;
+}
+
+/* SubSection Styles : Events */
+/* ------------------------------------------------------------------------------ */
+div#events {
+ padding-bottom:0;
+}
+div#events h4 {
+ margin-bottom:0;
+}
+div#events table.infolist {
+ border-bottom:solid 1px #FAFAFF;
+}
+div#events table.infolist tbody tr td {
+ padding-top:.2em;
+ padding-bottom:.2em;
+}
+div#events table.infolist tbody tr td.ColumnAttribute {
+ border-bottom:dashed 1px #20B2AA;
+}
+div#events table.infolist tbody tr td.ColumnValue {
+ border-bottom:dashed 1px #20B2AA;
+}
+div#events table.infolist tbody tr td.ColumnValue p {
+ margin:.1em 2em;
+}
+
+/* SubSection Styles : Parents */
+/* ------------------------------------------------------------------------------ */
+div#parents table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/* SubSection Styles : Families */
+/* ------------------------------------------------------------------------------ */
+div#families table.infolist tbody tr td.ColumnValue p {
+ margin-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/* SubSection Styles : Addresses */
+/* ------------------------------------------------------------------------------ */
+div#addresses {
+ padding-bottom:0;
+}
+div#addresses h4 {
+ margin-bottom:0;
+}
+div#addresses table.infolist {
+ border-bottom:solid 1px #FAFAFF;
+}
+div#addresses table.infolist tbody tr td {
+ padding-top:.2em;
+ padding-bottom:.2em;
+}
+div#addresses table.infolist tbody tr td.ColumnAttribute {
+ width:30%;
+ border-bottom:dashed 1px #20B2AA;
+}
+div#addresses table.infolist tbody tr td.ColumnValue {
+ border-bottom:dashed 1px #20B2AA;
+}
+
+/* SubSection Styles : Attributes */
+/* ------------------------------------------------------------------------------ */
+
+/* SubSection Styles : Gallery */
+/* ------------------------------------------------------------------------------ */
+#indivgallery h4 {
+ margin-bottom:1em;
+}
+#indivgallery .thumbnail {
+ margin:0;
+ float:left;
+ width:130px;
+ height:150px;
+ text-align:center;
+}
+#indivgallery .thumbnail a {
+ display:block;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#indivgallery .thumbnail a img {
+ margin:0;
+ padding:0;
+ border:solid 1px #1ED416;
+}
+#indivgallery div.thumbnail p {
+ font-size:.6em;
+ text-align:center;
+ width:80%;
+ margin:0 auto;
+ padding:0;
+}
+
+/* SubSection Styles : Narrative */
+/* ------------------------------------------------------------------------------ */
+div#narrative {
+ padding-bottom:0;
+}
+#narrative p {
+ margin-top:.5em;
+ margin-bottom:0;
+ padding:0 20px 1em 20px;
+}
+
+/* SubSection Styles : References */
+/* ------------------------------------------------------------------------------ */
+#references ol {
+ margin-top:0;
+ margin-bottom:0;
+}
+
+/* SubSection Styles : Source References */
+/* ------------------------------------------------------------------------------ */
+div#sourcerefs ol {
+ list-style-type:decimal;
+}
+div#sourcerefs ol li ol {
+ list-style-type:lower-alpha;
+}
+
+/* SubSection Styles : Weblinks */
+/* ------------------------------------------------------------------------------ */
+
+/* SubSection Styles : Pedigree */
+/* ------------------------------------------------------------------------------ */
+.pedigreegen {
+ font-size:.9em;
+ list-style:none;
+ margin:.5em 0 0 0;
+ padding:0 0 .7em 20px;
+}
+.pedigreegen li ol {
+ list-style:none;
+ margin-left:.5em;
+}
+.pedigreegen li ol li {
+ padding-bottom:.2em;
+}
+.pedigreegen li ol li ol {
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.pedigreegen li ol li ol li ol.spouselist {
+ font-size:1em;
+ list-style:none;
+ margin-left:0;
+}
+.spouselist li.spouse ol {
+ font-size:1em;
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.spouse a {
+ font-weight:normal;
+}
+.spouse:before {
+ content: "+ ";
+}
+.thisperson {
+ font-weight:bold;
+}
+
+/* SubSection Styles : Ancestors Tree */
+/* ------------------------------------------------------------------------------ */
+#tree {
+ page-break-before:always;
+ margin:0;
+ padding:0;
+}
+#treeContainer {
+ position:relative;
+ z-index:1;
+ margin-bottom:1.4em;
+}
+.boxbg {
+ font:normal .3cm sans-serif;
+ position:absolute;
+ margin:0;
+ padding:0;
+}
+.boxbg div {
+ position:relative;
+ z-index:10;
+ display:block;
+ color:#FFF;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+}
+.boxbg div a {
+ position:relative;
+ z-index:10;
+ display:block;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+ color:#FFF;
+}
+.boxbg div:hover {
+ position:relative;
+ z-index:999;
+ font-size:1.3em;
+ width:210px;
+ padding:10px 4px 12px 4px;
+ background-color:#153282;
+ color:#FFF;
+}
+.boxbg div a:hover {
+ position:relative;
+ z-index:999;
+ font-size:1em;
+ width:210px;
+ color:#FFF;
+}
+.male {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+.male div {
+ background-color:#1e90ff;
+ color:#FFF;
+}
+.female {
+ background-color:#F3C;
+ color:#FFF;
+}
+.female div {
+ background-color:#F3C;
+ color:#FFF;
+}
+.unknown {
+ background-color:#000;
+ color:#FFF;
+}
+.unknown div {
+ background-color:#000;
+ color:#FFF;
+}
+.shadow {
+
+}
+#tree div div.bvline {
+ position:absolute;
+ z-index:2;
+ height:3px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#426E40;
+}
+#tree div div.bhline {
+ position:absolute;
+ z-index:2;
+ width:2px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#426E40;
+}
+#tree div div.gvline {
+ position:absolute;
+ z-index:1;
+ height:3px;
+ margin:0 0 0 14px;
+ padding:0;
+ background-color:#426E40;
+}
+#tree div div.ghline {
+ position:absolute;
+ z-index:1;
+ width:2px;
+ margin:0 0 0 14px;
+ padding:0;
+ background-color:#426E40;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Footer Styles */
+/* ------------------------------------------------------------------------------ */
+#footer {
+ width:100%;
+ height:1.5cm;
+ color:#228B22;
+ margin:0;
+ padding:0;
+ clear:both;
+ background-color:#208BAA;
+ border-top:solid 1px #6AF364;
+}
+#footer img {
+ border:0;
+}
+#footer p#copyright {
+ margin:1em;
+ float:right;
+ color:#FFF;
+}
+#footer p#copyright p {
+ margin:0;
+}
+#footer p#copyright img {
+ margin-right:10px;
+ float:right;
+}
+#footer p#createdate {
+ float:left;
+ margin-left:10px;
+ color:#FFF;
+}
+#footer p#createdate a {
+ color:#FFF;
+ text-decoration:none;
+}
+#footer p#quality {
+ float:center;
+ text-align:center;
+ color:#FFF;
+}
+#footer p#quality a {
+ color:#FFF;
+ text-decoration:none;
+}
+#footer p#quality img {
+ float:center;
+}
+#user_footer {
+ width:70%;
+ float:left;
+ margin:1em;
+}
+#user_footer p {
+ margin:0;
+}
diff --git a/src/data/Web_Nebraska.css b/src/data/Web_Nebraska.css
new file mode 100644
index 000000000..39cd1097b
--- /dev/null
+++ b/src/data/Web_Nebraska.css
@@ -0,0 +1,1266 @@
+/*
+**************************************************************************************************
+ Copyright Holder and License
+*************************************************************************************************
+GRAMPS Cascading Style Sheet
+Style Name: Nebraska Default Stylesheet
+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
+
+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 .
+---------------------------------------------------------------------------------------------------
+
+ Color Palette
+--------------------------------------------------------------------------------------------------
+brown darkest #453619
+brown dark #542
+brown #A97
+brown light #C1B398
+brown lightest #F6F2EE
+gray #696969
+green #5D835F
+
+-------------------------------------------------------------------------------------------------
+ NarrativeWeb Style
+-------------------------------------------------------------------------------------------------
+
+ ----------------------------------------------------------------------------
+ General Element Styles
+ ----------------------------------------------------------------------------
+*/
+div {
+ margin:0;
+ padding:0;
+}
+table {
+ border:none;
+ border-collapse:collapse;
+}
+th {
+ padding:1px 3em 1px 0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+td {
+ vertical-align:top;
+ padding:0;
+}
+img {
+ border:none;
+ margin:0;
+}
+.thumbnail a:hover {
+ background:none;
+}
+.content {
+ background-color:#FFF;
+}
+.content div.snapshot {
+ float:right;
+ margin:1.6em;
+ padding:0;
+ background:none;
+}
+.content div.snapshot div.thumbnail {
+ margin:0;
+ padding:0;
+ background:none;
+}
+.fullclear {
+ width:100%;
+ height:1px;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ General Text Styles
+ ------------------------------------------------------------------------------
+*/
+h1 {
+ font:normal 2em/1.2em serif;
+}
+h2 {
+ display:none;
+}
+h3 {
+ font:normal 2em/1.2em serif;
+ text-align:left;
+ margin:0;
+ padding:.5em 20px .2em 20px;
+}
+h4 {
+ font:normal 1.2em/1.2em serif;
+ color:white;
+ margin:0;
+ padding:.2em 0 .2em 20px;
+ background-color:#C1B398;
+ border-bottom:solid 1px #542;
+}
+h5, h6 {
+ font:normal 1em/1.2em serif;
+ font-style:italic;
+ margin:1.3em 0 .5em 1em;
+}
+
+p#description {
+ color:#542;
+ max-width:800px;
+ margin:0;
+ padding:1em 20px;
+ background-color:#FFF;
+}
+p a {
+ color:#FFF;
+ text-decoration:underline;
+}
+sup {
+ line-height:0;
+}
+ol {
+ font:normal .9em/1.6em sans-serif;
+ margin-top:0;
+ margin-bottom:0;
+ padding-top:.5em;
+ padding-bottom:0;
+}
+ol li a {
+ text-decoration:none;
+}
+ol li a:hover {
+ text-decoration:underline;
+}
+a {
+ color:#FFF;
+}
+a:visited {
+ color:#FFF;
+}
+a:hover {
+ background-color:#A97;
+ color:#FFF;
+ text-decoration:underline;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Header/Navigation Styles
+ ------------------------------------------------------------------------------
+*/
+#header {
+ background-color:#542;
+ border-bottom:solid 1px #453619;
+ padding:0 0 .9em 0;
+ height:2cm;
+ margin:0;
+}
+#SiteTitle {
+ font:italic 1cm serif;
+ color:#FFF;
+ margin:0;
+ padding:.5em 0 0 20px;
+ float:center;
+ text-align:center;
+}
+#GRAMPSinfo {
+ font:normal .8em/1.2em sans-serif;
+ float:right;
+ margin:0;
+ padding:.7em .8em;
+ color:#A97;
+}
+#GRAMPSinfo a {
+ color:#fff;
+ text-decoration:none;
+}
+#GRAMPSinfo a:hover {
+ text-decoration:underline;
+ background:none;
+}
+.grampsid {
+ font:normal .8em/1.2em monospace;
+ color:#696969;
+}
+p#user_header {
+ font-size:1.3em;
+ text-align:left;
+ color:#A97;
+ margin:0;
+ padding:.2em 0 .6em 20px;
+ background-color:#542;
+}
+/*
+**************************************************************************************************
+ Calendar Elements
+**************************************************************************************************
+*/
+.calendar {
+ empty-cells:show;
+ width:100%;
+ font-size:1em;
+ font-weight:normal;
+ margin:0;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+.calendar thead tr th {
+ width:14%;
+ text-align:center;
+ text-transform:uppercase;
+ padding:.2em 0 .1em 0;
+}
+.calendar thead tr th.monthName {
+ font-style:italic;
+ width:100%;
+ font-size:2em;
+ line-height:100%;
+ text-transform:none;
+ padding:.3em 0 .2em 0;
+ background-color:#FFF;
+ color:#542;
+}
+.calendar thead tr th.weekend, .calendar thead tr th.weekday {
+ border:solid 1px #000;
+ background-color:#542;
+ color:#FFF;
+}
+.calendar thead tr th.saturday, .calendar thead tr th.sunday { }
+
+.calendar tbody tr td {
+ vertical-align:top;
+ height:10em;
+ padding:0;
+ border-width:1px 0 0 1px;
+ border-style:solid;
+ border-color:#453619;
+}
+.calendar tbody tr td.weekday {
+ background-color:#FFF;
+}
+.calendar tbody tr td.weekend {
+ background-color:#C1B398;
+}
+.calendar tbody tr td.saturday {
+ border-right:solid 1px #453619;
+ }
+.calendar tbody tr td.sunday {
+ border-left:solid 1px #453619;
+}
+.calendar tbody tr td#emptyDays {
+ background-color:#D3D3D3;
+ line-height:100%;
+ border:solid 1px #453619;
+}
+.calendar tbody tr td.previous, .calendar tbody tr td.next {
+ background-color:#F6F2EE;
+}
+.calendar tbody tr td:first-child {
+ border-left:none;
+}
+.calendar tbody tr:first-child td {
+ border-top:none;
+}
+.calendar tbody tr td:first-child, .calendar tbody tr td:last-child {
+ background-color:#F6F2EE;
+}
+.calendar tbody tr td ul {
+ list-style:none;
+ font-family:sans-serif;
+ font-size:.8em;
+ margin:2.3em 0 .3em 0;
+ padding:0;
+}
+.calendar tbody tr td ul li {
+ display:block;
+ width:92%;
+ margin:0 4%;
+ padding:.2em 0 .3em 0;
+ border-top:dashed 1px #C1B398;
+}
+.calendar tbody tr td ul li:first-child {
+ border:none;
+}
+.calendar tbody tr td ul li em {
+ font-style:normal;
+ color:#0A65B5;
+}
+.calendar tbody tr td ul li span.yearsmarried em {
+ color:#453619;
+}
+.calendar tfoot tr td {
+ padding:.7em 5% 1em 5%;
+}
+.calendar tfoot tr td.note {
+ border-top:solid 2px #A97;
+ background-color:#000;
+ vertical-align:middle;
+ font-size:.8em;
+ height:1cm;
+ color:#FFF;
+}
+.date {
+ float:right;
+ display:block;
+ width:1.8em;
+ font-size:1.2em;
+ line-height:100%;
+ text-align:center;
+ color:#FFF;
+ margin:0 0 0 .5em;
+ padding:.2em 0;
+ background-color:#A97;
+}
+/*
+### to differentiate day numbers between calendar and previous and next
+*/
+span.date {
+ float:right;
+ display:block;
+ width:1.8em;
+ font-size:1.2em;
+ line-height:100%;
+ text-align:center;
+ color:#FFF;
+ margin:0 0 0 .5em;
+ padding:.2em 0;
+ background-color:#5D835F;
+}
+.highlight div.date {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+/*
+*******************************************************************************************
+ Navigation Menu for all, except NarrativeWeb index page
+*******************************************************************************************
+*/
+#navigation {
+ margin:0;
+ padding:4px 0 0 0;
+ background-color:#A97;
+}
+#navigation ul {
+ list-style:none;
+ min-width:770px;
+ height:22px;
+ margin:0;
+ padding:0 0 0 12px;
+ border-bottom:1px solid #542;
+}
+#navigation ul li {
+ margin:0;
+ padding:0;
+ float:left;
+}
+#navigation ul li a {
+ display:block;
+ font-size:12px;
+ line-height:100%;
+ font-weight:bold;
+ text-decoration:none;
+ margin:0;
+ padding:5px 5px;
+ color:#FFF;
+}
+#navigation ul li a:hover {
+ background-color:#453619;
+ border-bottom:solid 1px #542;
+}
+#navigation ul li#CurrentSection a {
+ padding-bottom:4px;
+ border:solid 1px #542;
+ background-color:#542;
+ color:#FFF;
+}
+#navigation ul li#CurrentSection a:hover {
+ background-color:#F6F2EE;
+ color:#FFF;
+}
+
+/*
+-------------------------------------------------------------------------------------------------
+ NarrativeWeb index page navigation
+-------------------------------------------------------------------------------------------------
+*/
+#Navigation {
+ margin:0;
+ padding:4px 0 0 0;
+ background-color:#A97;
+}
+#Navigation ol {
+ list-style:none;
+ min-width:770px;
+ height:22px;
+ margin:0;
+ padding:0 0 0 12px;
+ border-bottom:1px solid #542;
+}
+#Navigation ol li {
+ margin:0;
+ padding:0;
+ float:left;
+}
+#Navigation ol li a {
+ display:block;
+ font-size:12px;
+ line-height:100%;
+ font-weight:bold;
+ text-decoration:none;
+ margin:0;
+ padding:5px 5px;
+ background-color:#A97;
+}
+#Navigation ol li a:hover {
+ background-color:#453619;
+ border-bottom:solid 1px #000;
+}
+#Navigation ol li#CurrentSection a {
+ padding-bottom:4px;
+ border:solid 1px #542;
+ background-color:#FAFAFA;
+}
+#Navigation ol li#CurrentSection a:hover {
+ background-color:#453619;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Main Table Styles
+ ------------------------------------------------------------------------------
+*/
+table.infolist {
+ width:100%;
+ margin:0;
+ padding:0;
+ background-color:#F6F2EE;
+}
+table.infolist tr th {
+ font:normal 1.1em/1.2em serif;
+ color:#FFF;
+ margin:0;
+ padding:.2em 10px;
+ background-color:#A97;
+ border-bottom:solid 1px #542;
+}
+table.infolist tr th a:hover {
+ background-color:#C1B398;
+}
+table.infolist tr td {
+ font:normal 1.1em/1.4em serif;
+ vertical-align:middle;
+ padding:.1em 10px;
+}
+table.infolist tr td a {
+ display:block;
+ text-decoration:none;
+}
+table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
+ border-top:solid 1px #C1B398;
+}
+table.infolist tr td.ColumnLetter {
+ width:3%;
+ text-align:center;
+}
+table.infolist tbody tr td.ColumnBirth {
+ font-size:.9em;
+ color:#5D835F;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnDeath {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnRowLabel {
+ width:2%;
+ color:#696969;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnType {
+ width:6%;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnPartner {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother {
+ display:block;
+}
+table.infolist tbody tr td.ColumnParents span.mother:before {
+ content:"+ ";
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Surnames Styles
+ ------------------------------------------------------------------------------
+*/
+#Surnames { }
+#SurnameDetail p#description { padding-top:0; }
+table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname {
+ width:50%;
+}
+table.surnamelist tr th {
+ padding:0;
+}
+table.surnamelist tr th a, table.surnamelist tr th a:visited {
+ display:block;
+ color:#FFF;
+ text-align:left;
+ text-decoration:none;
+ padding:.2em 10px;
+}
+table.surnamelist tr th:hover {
+ background-color:#C1B398;
+}
+table.surnamelist thead tr th.ColumnLetter {
+ padding-left:20px;
+ padding-right:10px;
+}
+table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity {
+ background-color:#C1B398;
+}
+table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
+ content:" ↓";
+}
+table#SortByName tbody tr td.ColumnSurname {
+ padding:0;
+ background-color:#FFF;
+}
+table#SortByName tbody tr td.ColumnSurname a {
+ display:block;
+ padding:.1em 10px .3em 10px;
+}
+table#SortByCount tbody tr td.ColumnQuantity {
+ background-color:#FFF;
+}
+table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover {
+ background-color:#C1B398;
+}
+table.surname {
+ border-bottom:solid 1px #A97;
+}
+table.surname tbody tr td {
+ border-bottom:dashed 1px #C1B398;
+}
+table.surname thead tr th.ColumnName {
+ width:20%;
+ padding-left:20px;
+}
+table.surname tbody tr td.ColumnName {
+ width:20%;
+ padding:0;
+ background-color:#FFF;
+}
+table.surname tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px .6em 20px;
+}
+table.surname tbody tr td.ColumnName a span.grampsid {
+ display:none;
+}
+table.surname tbody tr td.ColumnName:hover {
+ background-color:#C1B398;
+}
+table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
+ width:25%;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Individuals Styles
+ ------------------------------------------------------------------------------
+*/
+#Individuals { }
+#Individuals table.individuallist {
+ border-bottom:solid 1px #A97;
+}
+#Individuals table.individuallist tbody tr td {
+ border-bottom:dashed 1px #C1B398;
+}
+#Individuals table.individuallist tbody tr td a:hover {
+ text-decoration:underline;
+}
+table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active {
+ cursor:default;
+ background:none;
+}
+table.individuallist tbody tr td.ColumnName {
+ padding:0;
+ background-color:#FFF;
+}
+table.individuallist tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px;
+ vertical-align:middle;
+}
+table.individuallist tbody tr td.ColumnName a:hover {
+ text-decoration:underline;
+}
+#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
+ font:normal .9em/1.2em sans-serif;
+ vertical-align:top;
+}
+#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
+ display:inline;
+}
+#IndividualDetail table.infolist tr td a:hover {
+ text-decoration:underline;
+}
+#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+ width:10%;
+ color:#696969;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Sources Styles
+ ------------------------------------------------------------------------------
+*/
+#Sources { }
+#Sources table.infolist tbody tr td.ColumnRowLabel {
+ padding-bottom:0;
+}
+#Sources table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Sources table.infolist tbody tr td.ColumnName a {
+ font-size:.9em;
+ padding:.1em 10px .3em 10px;
+}
+#Sources table.infolist tbody tr td.ColumnName a:hover {
+ text-decoration:underline;
+}
+#SourceDetail div#references ol li {
+ padding-bottom:.5em;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Places Styles
+ ------------------------------------------------------------------------------
+*/
+#Places { }
+#Places table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Places table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#Places table.infolist tbody tr td.ColumnName a:hover {
+ text-decoration:underline;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Gallery Styles
+ ------------------------------------------------------------------------------
+*/
+#Gallery { }
+#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate {
+ padding-bottom:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#Gallery table.infolist tbody tr td.ColumnName a:hover {
+ text-decoration:underline;
+}
+#GalleryNav {
+ font:normal 1em/1em sans-serif;
+ margin:1em 0 0 0;
+ padding:1.2em 0 1.4em 0;
+ text-align:center;
+}
+#GalleryNav a {
+ font-weight:bold;
+ text-decoration:none;
+ border:solid 1px #542;
+}
+#GalleryNav a:hover {
+ background-color:#F6F2EE;
+}
+#GalleryNav a#Previous {
+ padding:.5em .7em .3em .7em;
+}
+#GalleryNav a#Next {
+ padding:.5em 1.9em .3em 1.9em;
+}
+#GalleryPages {
+ margin:0 1em;
+}
+#GalleryCurrent {
+ font:bold 1.2em/1em sans-serif;
+}
+#GalleryTotal {
+ font-weight:normal;
+}
+#GalleryDisplay {
+ text-align:center;
+}
+#GalleryDisplay img {
+ margin:0 auto;
+ border:solid 1px #542;
+}
+#GalleryDetail div#summaryarea{
+ margin:0;
+ padding:2em 0 0 0;
+}
+#GalleryDetail div#summaryarea h3 {
+ font:normal 1.2em/1.2em serif;
+ text-align:center;
+}
+#GalleryDetail div h4 {
+ margin-top:0;
+}
+#GalleryDetail div#summaryarea table.gallery {
+ padding-bottom:0;
+ margin-top:1.5em;
+ margin-bottom:0;
+ background-color:#F6F2EE;
+ border-style:solid;
+ border-width:8px 0 0 0;
+ border-color:#C1B398;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Contact Styles
+ ------------------------------------------------------------------------------
+*/
+#Contact #summaryarea {
+ width:500px;
+ margin:0 auto;
+ padding:3em;
+ background-color:#F1ECE2;
+}
+#Contact #summaryarea img {
+ float:right;
+ margin:0;
+}
+#researcher {
+ font:normal 1.5em/1.4em serif;
+ margin-top:.3em;
+}
+#researcher h3 {
+ font:normal 1.2em/1.4em serif;
+ padding:0;
+}
+#researcher span {
+ ont-family:serif;
+ font-size:.9em;
+ font-size-adjust:none;
+ font-stretch:normal;
+ font-style:normal;
+ font-variant:normal;
+ font-weight:normal;
+ line-height:1.4em;
+ display:block;
+ float:left;
+ margin-right:0.4em;
+}
+#streetaddress {
+ background-color:#542;
+ color:#FFF;
+ width:80%;
+}
+#city:after {
+ content:",";
+}
+#country {
+ clear:left;
+}
+#email {
+ clear:left;
+}
+#email a {
+ text-decoration:none;
+}
+#email a:hover {
+ text-decoration:underline;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ SubSection Styles
+ ------------------------------------------------------------------------------
+*/
+#Home, #Introduction, #Contact {
+ padding:2em 0 3em 0;
+}
+#Download {
+ padding:1em 0 3em 0;
+}
+#Home p, #Introduction p, #Download p {
+ margin:0 20px 1em 20px;
+}
+#Home img, #Introduction img, #Download img {
+ float:right;
+ margin:0;
+ padding:0 20px 3em 2em;
+}
+div.subsection{
+ padding-bottom:.5em;
+ background-color:#F6F2EE;
+}
+div.subsection h4 {
+ margin-bottom:.5em;
+}
+div.subsection table, div.subsection ol, div.subsection p {
+ font-size:.9em;
+}
+div.subsection a {
+ text-decoration:none;
+}
+div.subsection a:hover {
+ text-decoration:underline;
+}
+div.subsection table.infolist {
+ width:100%;
+ margin:0;
+}
+#IndividualDetail div.subsection table tr td:first-child {
+ padding-left:20px;
+}
+
+/*
+---------------------------------------------------------------------------------
+ Individuals Styles : Events
+ ------------------------------------------------------------------------------
+*/
+div#events {
+ padding-bottom:0;
+}
+div#events h4 {
+ margin-bottom:0;
+}
+#IndividualDetail div#events table.infolist tbody tr td {
+ padding-top:.4em;
+ padding-bottom:.8em;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute {
+ border-bottom:solid 1px #C1B398;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnValue {
+ border-bottom:solid 1px #C1B398;
+}
+table.infolist tbody tr td.ColumnValue p {
+ font-family:sans-serif;
+ color:#696969;
+ margin:.2em 0 0 2em;
+}
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : Attributes
+ ------------------------------------------------------------------------------
+*/
+
+/*
+-------------------------------------------------------------------------------
+ Individuals Styles : Parents
+ ------------------------------------------------------------------------------
+*/
+div#parents table.infolist {
+ margin-top:.5em;
+}
+div#parents table.infolist tbody tr td.ColumnAttribute {
+ width:19%;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/*
+--------------------------------------------------------------------------------
+ Individuals Styles : Families
+ ------------------------------------------------------------------------------
+*/
+div#families table.infolist {
+ margin-top:.5em;
+}
+div#families table.infolist tbody tr td.ColumnValue p {
+ margin-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/*
+--------------------------------------------------------------------------------
+ Individuals Styles : Addresses
+ ------------------------------------------------------------------------------
+*/
+div#addresses {
+ padding-bottom:0;
+}
+div#addresses table.infolist tbody tr td {
+ padding-top:.4em;
+ padding-bottom:.4em;
+}
+div#addresses table.infolist tbody tr td.ColumnAttribute {
+ width:30%;
+ border-bottom:solid 1px #C1B398;
+}
+div#addresses table.infolist tbody tr td.ColumnValue {
+ border-bottom:solid 1px #C1B398;
+}
+
+/*
+---------------------------------------------------------------------------------
+ SubSection Styles : Gallery
+ ------------------------------------------------------------------------------
+*/
+#indivgallery h4 {
+ margin-bottom:1em;
+}
+#indivgallery .thumbnail {
+ margin:0;
+ float:left;
+ width:130px;
+ height:150px;
+ text-align:center;
+}
+#indivgallery .thumbnail a {
+ display:block;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#indivgallery .thumbnail a img {
+ margin:0;
+ padding:0;
+ border:solid 1px #542;
+}
+#indivgallery div.thumbnail p {
+ font:normal .7em/1.4em sans-serif;
+ text-align:center;
+ width:80%;
+ margin:0 auto;
+ padding:0;
+}
+
+/*
+---------------------------------------------------------------------------------
+ SubSection Styles : Narrative
+ ------------------------------------------------------------------------------
+*/
+div#narrative {
+ padding-bottom:0;
+}
+#narrative p {
+ font:normal .9em/1.4em sans-serif;
+ margin-top:.5em;
+ margin-bottom:0;
+ padding:0 20px 1em 20px;
+}
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : References
+ ------------------------------------------------------------------------------
+*/
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : Source References
+ ------------------------------------------------------------------------------
+*/
+div#sourcerefs ol {
+ list-style-type:decimal;
+}
+div#sourcerefs ol li ol {
+ list-style-type:lower-alpha;
+}
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : Summary Area
+ ------------------------------------------------------------------------------
+*/
+div#summaryarea {
+ background:none;
+}
+div#summaryarea table.infolist {
+ margin:0;
+ padding:0;
+ background:#FFF;
+ border-bottom:solid .7em #FFF;
+}
+div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
+ font:normal .9em/1.2em sans-serif;
+ vertical-align:top;
+}
+div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
+ display:inline;
+}
+div#summaryarea table.infolist tbody tr td.ColumnAttribute {
+ width:14%;
+ color:#696969;
+ padding-left:20px;
+}
+
+/*
+---------------------------------------------------------------------------------
+ SubSection Styles : Weblinks
+ ------------------------------------------------------------------------------
+*/
+
+/*
+---------------------------------------------------------------------------------
+ Individuals Styles : Pedigree
+ ------------------------------------------------------------------------------
+*/
+div#pedigree {
+ padding-bottom:1.2em;
+}
+#pedigree a {
+ text-decoration:none;
+}
+#pedigree a:hover {
+ text-decoration:underline;
+}
+.pedigreegen {
+ font:normal .9em/1.2em sans-serif;
+ list-style:none;
+ margin:.5em 0 0 0;
+ padding:0 0 0 20px;
+}
+.pedigreegen li ol {
+ list-style:none;
+ margin-left:.5em;
+}
+.pedigreegen li ol li ol {
+ font:normal 1em/1.4em sans-serif;
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.pedigreegen li ol li ol li ol.spouselist {
+ list-style:none;
+ margin-left:0;
+}
+.spouselist li.spouse ol {
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.spouse a {
+ font-weight:normal;
+ font-style:normal;
+ color:#A97;
+}
+.spouse:before {
+ content: "+ ";
+}
+.thisperson {
+ font-weight:bold;
+}
+
+/*
+--------------------------------------------------------------------------------
+ Individuals Styles : Ancestors Tree
+ ------------------------------------------------------------------------------
+*/
+#tree {
+ page-break-before:always;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#treeContainer {
+ position:relative;
+ z-index:1;
+}
+.boxbg {
+ position:absolute;
+ margin:0;
+ padding:0;
+}
+.boxbg div {
+ position:relative;
+ z-index:10;
+ display:block;
+ font:normal .8em serif;
+ color:#FFF;
+ text-align:center;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+}
+.boxbg div a {
+ position:relative;
+ z-index:10;
+ display:block;
+ font:normal .8em serif;
+ text-align:center;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+ color:#FFF;
+}
+.boxbg div:hover {
+ position:relative;
+ z-index:999;
+ font-size:1.3em;
+ width:210px;
+# margin:5px;
+ padding:10px 4px 12px 4px;
+ background-color:#153282;
+ color:#FFF;
+ border:solid 2px #426E40;
+}
+.boxbg div a:hover {
+ position:relative;
+ z-index:999;
+ font-size:1em;
+ width:210px;
+ color:#FFF;
+}
+.male {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+.male div {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+.female {
+ background-color:#F3C;
+ color:#FFF;
+}
+.female div {
+ background-color:#F3C;
+ color:#FFF;
+}
+.unknown {
+ background-color:#000;
+ color:#FFF;
+}
+.unknown div {
+ background-color:#000;
+ color:#FFF;
+}
+.shadow {
+ display:none;
+}
+#tree div div.bvline {
+ position:absolute;
+ z-index:2;
+ height:1px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#453619;
+}
+#tree div div.bhline {
+ position:absolute;
+ z-index:2;
+ width:1px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#453619;
+}
+.ghline, .gvline {
+ display:none;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Footer Styles
+ ------------------------------------------------------------------------------
+*/
+#footer {
+ background-color:#542;
+ border-top:solid 8px #A97;
+ height:2cm;
+ width:100%;
+ color:#fff;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+#footer a {
+ text-decoration:none;
+}
+#footer a:hover {
+ text-decoration:underline;
+}
+#footer img {
+ border:0;
+ margin:0;
+ vertical-align:center;
+ horizontal-align:center;
+}
+#footer p#createdate {
+ float:left;
+ width:40%;
+ text-align:left;
+ margin-left:10px;
+ color:#FFF;
+}
+#footer p#copyright {
+ float:right;
+ width:40%;
+ text-align:right;
+ margin-right:10px;
+ color:#FFF;
+}
+#footer p#copyright img {
+ margin-right:10px;
+}
+#footer p#quality {
+ float:center;
+ width:100%;
+ text-align:center;
+ color:#FFF;
+}
+#footer p#quality img {
+ float:center;
+}
+#user_footer {
+ width:70%;
+ float:left;
+ margin:1em;
+}
+#user_footer p {
+ font:normal 1em/1.2em serif;
+ color:#A97;
+ margin:0;
+ padding:0;
+}
diff --git a/src/data/Web_Print-Default.css b/src/data/Web_Print-Default.css
new file mode 100644
index 000000000..f36d64508
--- /dev/null
+++ b/src/data/Web_Print-Default.css
@@ -0,0 +1,710 @@
+/*
+----------------------------------------------------------------------------
+GRAMPS Cascading Style Sheet
+Style Name: Standard Styles for Printing
+Style Author: Jason Simanek (2008)
+----------------------------------------------------------------------------
+
+This website was created with GRAMPS
+----------------------------------------------------------------------------
+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 www.gramps-project.org to learn more!
+
+License
+----------------------------------------------------------------------------
+Copyright 2008 Jason M. Simanek
+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 .
+----------------------------------------------------------------------------
+
+
+Color Palette
+----------------------------------------------------------------------------
+gray #A7A7A7
+red #520
+----------------------------------------------------------------------------
+*/
+
+/* ---------------------------------------------------------------------------- */
+/* General Element Styles */
+/* ---------------------------------------------------------------------------- */
+body {
+ color:#000;
+ margin:0;
+ padding:0;
+ background-color:#FFF;
+}
+div {
+ margin:0;
+ padding:0;
+}
+img {
+ border:none;
+ margin:0;
+}
+.content { }
+.content div.snapshot {
+ float:right;
+ margin:1.6em;
+ padding:0;
+ background:none;
+}
+.content div.snapshot div.thumbnail {
+ margin:0;
+ padding:0;
+ background:none;
+}
+.content .thumbnail a:link:after, .content .thumbnail a:visited:after {
+ content:"";
+}
+.fullclear {
+ width:100%;
+ height:1pt;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* General Text Styles */
+/* ------------------------------------------------------------------------------ */
+h1 {
+ font:normal 16pt/18pt serif;
+ margin:0;
+ padding:0;
+}
+h2 {
+ font:normal 18pt/23pt serif;
+ display:inline;
+ margin:0;
+ padding:0;
+}
+h3 {
+ font:normal 18pt/23pt serif;
+ text-align:left;
+ display:inline;
+ margin:0 0 0 8pt;
+ padding:0;
+}
+h4 {
+ display:block;
+ clear:both;
+ font:normal 14pt/16pt serif;
+ margin:8pt 0 0 0;
+ padding:8pt 0 1pt 0;
+ border-top:solid .5pt #A7A7A7
+}
+h5, h6 {
+ font:normal 14pt/16pt serif;
+ font-style:italic;
+ margin:0;
+ padding:0;
+}
+p {
+ font:normal 11pt/14pt serif;
+}
+p#description {
+ margin:0 0 14pt 0;
+}
+a:link, a:visited {
+ color:#520;
+ text-decoration:underline;
+}
+.content a:link:after, content a:visited:after {
+ font-size:70%;
+ font-family:sans-serif;
+ content:" (" attr(href) ") ";
+}
+.content ol li a:link {
+ text-decoration:none;
+}
+.content ol li a:link:after, .content ol li a:visited:after {
+ content:"";
+}
+sup {
+ line-height:0;
+}
+ol {
+ font:normal .9em/1.6em sans-serif;
+ margin-top:0;
+ margin-bottom:0;
+ padding-top:.5em;
+ padding-bottom:0;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Header/Navigation Styles */
+/* ------------------------------------------------------------------------------ */
+#Header {
+ padding:0 0 8pt 0;
+ margin:0 0 8pt 0;
+ border-bottom:solid .5pt #000;
+}
+#SiteTitle {
+ text-align:center;
+ margin:0;
+ padding:0;
+}
+#user_header {
+ font-style:italic;
+ text-align:center;
+ margin:0;
+ padding:0
+}
+#GRAMPSinfo {
+ font:normal 7pt/9pt sans-serif;
+ text-align:right;
+ margin:0;
+ padding:0;
+}
+.grampsid {
+ font-size:60%;
+ font-family:monospace;
+ color:#A7A7A7
+}
+#Navigation { display:none; }
+
+/* ------------------------------------------------------------------------------ */
+/* Footer Styles */
+/* ------------------------------------------------------------------------------ */
+#footer {
+ width:100%;
+ margin:0;
+ padding:0;
+ clear:both;
+ border-top:solid .5pt #000;
+}
+#user_footer {
+ float:left;
+ width:70%;
+}
+#user_footer p {
+ font-style:italic;
+}
+#copyright {
+ margin:14pt 0 0 0;
+ font:normal .9em/1.2em sans-serif;
+ text-align:right;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Main Table Styles */
+/* ------------------------------------------------------------------------------ */
+table {
+ width:100%;
+ margin:0;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+ border-bottom:solid .5pt #FFF;
+}
+table thead tr th {
+ font:normal 11pt/13pt serif;
+ color:#000;
+ margin:0;
+ padding:0;
+ padding-bottom:1pt;
+ border-bottom:solid .5pt #000;
+}
+.content table thead tr th a {
+ text-decoration:none;
+}
+.content table thead tr th a:link:after, .content table thead tr th a:visited:after {
+ content:"";
+}
+table tbody tr td {
+ font:normal 9pt/11pt sans-serif;
+ vertical-align:middle;
+ padding:2pt 6pt 1pt 0;
+ border-bottom:dashed .5pt #A7A7A7;
+}
+.content table tbody tr td a {
+ text-decoration:none;
+}
+.content table tbody tr td a:link:after, .content table tbody tr td a:visited:after {
+ content:"";
+}
+table tr.BeginLetter td, table.infolist tr.BeginSurname td {
+ border-top:solid .5pt #A7A7A7;
+}
+table tbody tr td.ColumnRowLabel {
+ width:2%;
+ color:#A7A7A7;
+ text-align:center;
+}
+table tr td.ColumnLetter {
+ width:3%;
+ text-align:center;
+}
+table tr td.ColumnAttribute {
+ width:10%;
+}
+.content table tbody tr td.ColumnName a {
+ text-decoration:none;
+}
+table tbody tr td.ColumnBirth {
+ width:10%;
+}
+table tbody tr td.ColumnDeath {
+ width:10%;
+ text-decoration:underline;
+}
+table tbody tr td.ColumnParents {
+ font-size:70%;
+}
+table tbody tr td.ColumnParents span.mother:before {
+ content:"+ ";
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Home/Welcome Styles */
+/* ------------------------------------------------------------------------------ */
+#Home p {
+ margin:0 0 9pt 0;
+}
+#Home img {
+ float:right;
+ margin:0;
+ padding:0 0 9pt 9pt;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Introduction Styles */
+/* ------------------------------------------------------------------------------ */
+#Introduction p {
+ margin:0 0 9pt 0;
+}
+#Introduction img {
+ float:right;
+ margin:0;
+ padding:0 0 9pt 9pt;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Surnames Styles */
+/* ------------------------------------------------------------------------------ */
+#Surnames { }
+table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname {
+ width:50%;
+}
+table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
+ content:" ↓";
+}
+table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
+ width:35%;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Individuals Styles */
+/* ------------------------------------------------------------------------------ */
+
+/* ------------------------------------------------------------------------------ */
+/* Gallery Styles */
+/* ------------------------------------------------------------------------------ */
+#GalleryDetail h2 {
+ display:none;
+}
+#GalleryNav {
+ display:none;
+}
+#GalleryDisplay {
+ text-align:center;
+}
+#GalleryDisplay img {
+ margin:0 auto;
+ border:solid 1pt #542;
+}
+#GalleryDetail h3 {
+ display:block;
+ text-align:center;
+ margin:2pt 0 8pt 0;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Download Styles */
+/* ------------------------------------------------------------------------------ */
+#Download p {
+ margin:0 0 9pt 0;
+}
+#Download img {
+ float:right;
+ margin:0;
+ padding:0 0 9pt 9pt;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Contact Styles */
+/* ------------------------------------------------------------------------------ */
+#researcher {
+ margin:16pt 0 0 0;
+}
+#Contact img {
+ float:right;
+ margin:0;
+ padding:0 0 9pt 9pt;
+}
+#researcher h3 {
+ margin:0;
+}
+#researcher span {
+ font:normal .9em/1.4em serif;
+ display:block;
+ float:left;
+ margin-right:.4em;
+}
+#city {
+ clear:left;
+}
+#city:after {
+ content:",";
+}
+#email {
+ clear:left;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* SubSection Styles */
+/* ------------------------------------------------------------------------------ */
+#Home, #Introduction, #Download, #Contact {
+ padding:3em 20px;
+}
+
+/* SubSection Styles : Events */
+/* ------------------------------------------------------------------------------ */
+#IndividualDetail .ColumnValue {
+ padding:4pt 0;
+}
+.ColumnValue p {
+ font:normal 9pt/11pt sans-serif;
+ margin:1pt 0 0 18pt;
+}
+
+/* SubSection Styles : Gallery */
+/* ------------------------------------------------------------------------------ */
+#indivgallery h4 {
+ margin-bottom:1em;
+}
+#indivgallery .thumbnail {
+ margin:0;
+ float:left;
+ width:130px;
+ height:150px;
+ text-align:center;
+}
+#indivgallery .thumbnail a {
+ display:block;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#indivgallery .thumbnail a img {
+ margin:0;
+ padding:0;
+ border:solid .5pt #000;
+}
+#indivgallery div.thumbnail p {
+ font:normal 7pt/9pt sans-serif;
+ text-align:center;
+ width:80%;
+ margin:0 auto;
+ padding:0;
+}
+
+/* SubSection Styles : Source References */
+/* ------------------------------------------------------------------------------ */
+div#sourcerefs ol {
+ list-style-type:decimal;
+}
+div#sourcerefs ol li ol {
+ list-style-type:lower-alpha;
+}
+
+/* SubSection Styles : Pedigree */
+/* ------------------------------------------------------------------------------ */
+#pedigree a {
+ text-decoration:none;
+}
+.content #pedigree a:link:after, .content #pedigree a:visited:after {
+ content:"";
+}
+.pedigreegen {
+ font:normal 10pt/12pt sans-serif;
+ list-style:none;
+ margin:8pt 0 0 0;
+ padding:0 0 0 20px;
+}
+.pedigreegen li ol {
+ list-style:none;
+ margin-left:16pt;
+}
+.pedigreegen li ol li ol {
+ font:normal 9pt/11pt sans-serif;
+ list-style:decimal;
+ margin-left:16pt;
+}
+.pedigreegen li ol li ol li ol.spouselist {
+ list-style:none;
+ margin-left:0;
+}
+.spouselist li.spouse ol {
+ list-style:decimal;
+ margin-left:16pt;
+}
+.spouse a {
+ font-weight:normal;
+ font-style:normal;
+}
+.spouse:before {
+ content: "+ ";
+}
+.thisperson {
+ font-weight:bold;
+}
+
+/* SubSection Styles : Ancestors Tree */
+/* ------------------------------------------------------------------------------ */
+#tree {
+ page-break-before:always;
+ margin:0;
+ padding:0;
+}
+#treeContainer {
+ position:relative;
+ z-index:1;
+}
+#treeContainer div.boxbg div.box a:link:after, #treeContainer div.boxbg div.box a:visited:after {
+ font-size:70%;
+ font-family:sans-serif;
+ content:"";
+}
+.boxbg {
+ position:absolute;
+ margin:0;
+ padding:0;
+ background:none;
+}
+.boxbg div a {
+ position:relative;
+ z-index:10;
+ display:block;
+ font:normal .7em/1.4em sans-serif;
+ text-align:center;
+ text-decoration:none;
+ width:75pt;
+ padding:5pt 8pt;
+ margin:5pt 0 0 0;
+ background-color:#FFF;
+ border:solid 1pt #000;
+}
+.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;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Web Calendar Styles */
+/* ------------------------------------------------------------------------------ */
+
+/* Web Calendar: Primary Elements */
+/* ------------------------------------------------------------------------------ */
+body#WebCal {
+ font-family:sans-serif;
+ font-weight:normal;
+ line-height:100%;
+ color:#000;
+ margin:0;
+ padding:0 .5em;
+}
+body#WebCal img {
+ border:0;
+}
+body#WebCal a:link {
+ color:#F00;
+ text-decoration:none;
+}
+body#WebCal h1, body#WebCal h2 {
+ font-family:sans-serif;
+ font-size:11pt;
+ line-height:100%;
+ font-weight:normal;
+ color:#000;
+ margin-bottom:.1in;
+ padding:0;
+}
+body#WebCal h1 {
+ float:left;
+ text-align:left;
+}
+body#WebCal h2 {
+ float:right;
+ text-align:right;
+}
+
+/* Web Calendar: Navigation Elements */
+/* ------------------------------------------------------------------------------ */
+body#WebCal ul#Navigation {
+ display:none;
+}
+
+/* Web Calendar: Calendar Elements */
+/* ------------------------------------------------------------------------------ */
+.calendar {
+ clear:both;
+ empty-cells:show;
+ width:100%;
+ font-size:16pt;
+ font-weight:normal;
+ margin:0;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+.calendar thead, .calendar tbody {
+ border-style:solid;
+ border-width:2pt 2pt 2pt 2pt;
+ border-color:#000;
+}
+.calendar tbody {
+ border-top:none;
+}
+.calendar thead tr th {
+ width:12%;
+ font-family:sans-serif;
+ font-size:10pt;
+ font-weight:bold;
+ text-align:center;
+ text-transform:uppercase;
+ padding:.2em 0 .1em 0;
+}
+.calendar thead tr th.monthName {
+ width:100%;
+ font-size:20pt;
+ line-height:100%;
+ text-transform:none;
+ padding:5pt;
+ border-width:0;
+}
+.calendar tbody tr td {
+ vertical-align:top;
+ height:4em;
+ padding:0;
+ border-width:1px 0 0 1px;
+ border-style:solid;
+ border-color:#999;
+}
+.calendar tbody tr td:first-child {
+ border-left:none;
+}
+.calendar tbody tr:first-child td {
+ border-top:none;
+}
+.calendar tbody tr td:first-child, .calendar tbody tr td:last-child {
+ color:#000;
+}
+.calendar tbody tr td ul {
+ list-style:none;
+ font-family:sans-serif;
+ font-size:10pt;
+ margin:30pt 0 5pt 0;
+ padding:0;
+}
+.calendar tbody tr td ul li {
+ display:block;
+ width:92%;
+ margin:0 4%;
+ padding:.2em 0 .3em 0;
+ border-top:dashed 1pt #999;
+}
+.calendar tbody tr td ul li:first-child {
+ border:none;
+}
+.calendar tbody tr td ul li em {
+ font-style:normal;
+ color:#000;
+}
+.calendar tbody tr td ul li span.yearsmarried em {
+ color:#000;
+}
+.calendar tfoot {
+ border:none;
+}
+.calendar tfoot tr td {
+ font-size:12pt;
+ font-style:italic;
+ padding:.7em 5% 1em 5%;
+}
+.calendar td div.date {
+ float:right;
+ display:block;
+ font-size:16pt;
+ line-height:100%;
+ font-weight:bold;
+ text-align:center;
+ color:#999;
+ margin:0 0 0 .5em;
+ padding:7pt;
+}
+.calendar td.highlight div.date {
+ color:#F00;
+}
+
+/* Web Calendar: Footer Elements */
+/* ------------------------------------------------------------------------------ */
+body#WebCal div.Footer {
+ font-family:sans-serif;
+ font-size:8pt;
+ text-align:center;
+ color:#000;
+ margin:1em 0 0 0;
+ padding:0;
+}
+body#WebCal div.Footer p {
+ font-family:sans-serif;
+ font-size:8pt;
+ margin:0;
+ padding:0;
+}
+body#WebCal div.Footer p#createdate {
+ float:left;
+ width:40%;
+ text-align:left;
+ margin-left:.25in;
+}
+body#WebCal div.Footer p#copyright {
+ float:right;
+ width:40%;
+ text-align:right;
+ margin-right:.25in;
+}
+body#WebCal div.Footer p#quality {
+ display:none;
+}
diff --git a/src/data/Web_Simply-Red.css b/src/data/Web_Simply-Red.css
new file mode 100644
index 000000000..1b3058786
--- /dev/null
+++ b/src/data/Web_Simply-Red.css
@@ -0,0 +1,1130 @@
+/*
+----------------------------------------------------------------------------
+ GRAMPS Cascading Style Sheet
+ Style Name: Simply Red
+ Style Author: Jason Simanek (2008)
+ Modified July 2008 by Rob G. Healey
+----------------------------------------------------------------------------
+
+This website was created with GRAMPS
+----------------------------------------------------------------------------
+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 www.gramps-project.org to learn more!
+
+License
+----------------------------------------------------------------------------
+Copyright 2008 Rob G. Healey
+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 .
+----------------------------------------------------------------------------
+
+
+Color Palette
+----------------------------------------------------------------------------
+green darkest 426e40
+green dark #C47170
+green #F33
+blue #DD9091
+green very light #F6F2EE
+gray #D3D3D3
+green #5D835F
+black #000
+white #FAFAFF
+
+###############################Sex based color cheme ############################
+Males #1E90FF
+fAMALES #F3C
+uNKNOWN #000
+----------------------------------------------------------------------------
+*/
+
+/* ---------------------------------------------------------------------------- */
+/* General Element Styles */
+/* ---------------------------------------------------------------------------- */
+body {
+ font-family:Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
+ color:#000;
+ margin:0;
+ padding:0;
+ background-color:#FAFAFF;
+}
+div {
+ margin:0;
+ padding:0;
+}
+img {
+ border:none;
+ margin:0;
+}
+.thumbnail a:hover {
+ background:none;
+}
+.content {
+ background-color:#FAFAFF;
+}
+.content div.snapshot {
+ float:right;
+ margin:20px;
+ padding:0;
+ background:none;
+}
+.content div.snapshot div.thumbnail {
+ margin:0;
+ padding:0;
+ background:none;
+}
+.fullclear {
+ width:100%;
+ height:1px;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* General Text Styles */
+/* ------------------------------------------------------------------------------ */
+h1 {
+ font-size:1.4em;
+ font-weight:bold;
+}
+h2 {
+ display:none;
+}
+h3 {
+ font-size:1.2em;
+ font-weight:bold;
+ margin-left:12px;
+ text-align:left;
+ margin:0;
+ padding:.5em 20px .2em 20px;
+}
+h4 {
+ font-size:.8em;
+ color:#C47170;
+ margin:0;
+ padding:.2em 0 .2em 20px;
+ background-color:#FFF;
+ border-bottom:solid 1px #F33;
+}
+h5, h6 {
+ font-style:italic;
+ margin:1.3em 0 .5em 1em;
+}
+p {
+ font-size:14px;
+ line-height:17px;
+}
+p#description {
+ padding:0 15px 1em 15px;
+}
+p a:link {
+ text-decoration:underline;
+}
+sup {
+ line-height:0;
+}
+ol {
+}
+ol li a {
+ text-decoration:none;
+}
+a {
+ color:#000;
+ text-decoration:none;
+}
+a:hover, a:active {
+ background-color:#DD9091;
+ color:#FFF;
+ text-decoration:none;
+}
+a:visited {
+ color:#903;
+ text-decoration:none;
+}
+
+/*
+------------------------------------------------------------------------------
+ Header/Navigation Styles
+------------------------------------------------------------------------------
+*/
+#header {
+ margin:0;
+ padding:0;
+ background-color:#D30;
+ height:2cm;
+}
+#header h1 {
+ font-size:.7cm;
+ float:center;
+ text-align:center;
+ color:#FFF;
+ margin:0;
+ padding:0;
+}
+#header h1#SiteTitle {
+ font-size:1cm;
+}
+#header p {
+ font-weight:bold;
+ color:#F33;
+ margin:0;
+}
+#GRAMPSinfo {
+ font-size:14px;
+ line-height:120%;
+ float:right;
+ margin:10px;
+ padding:0;
+ color:#FFF;
+}
+#GRAMPSinfo a {
+ color:#FFF;
+}
+.grampsid {
+ font:normal .8em/1.2em monospace;
+ color:#903;
+}
+#navigation {
+ margin:0;
+ padding:4px 0 0 0;
+ background-color:#F33;
+}
+#navigation ul {
+ list-style:none;
+ min-width:770px;
+ height:32px;
+ margin:0;
+ padding:0 0 0 12px;
+ border-bottom:1px solid #903;
+}
+#navigation ul li {
+ margin:0;
+ padding:0;
+ float:left;
+}
+#navigation ul li a {
+ display:block;
+ font-size:16px;
+ line-height:100%;
+ font-weight:bold;
+ text-decoration:none;
+ margin:0;
+ padding:5px 5px;
+ color:#FFF;
+}
+#navigation ul li a:hover {
+ background-color:#C47170;
+ border-bottom:solid 1px #5D835F;
+}
+#navigation ul li#CurrentSection a {
+ padding-bottom:4px;
+ border-top:solid 1px #F33;
+ border-right:solid 1px #F6F2EE;
+ border-left:solid 1px #F6F2EE;
+ border-bottom:solid 1px #F6F2EE;
+ background-color:#FFF;
+ color:#903;
+}
+#navigation ul li#CurrentSection a:hover {
+ background-color:#000;
+ color:#FFF;
+}
+
+/*
+**************************************************************************************************
+ Calendar Elements
+**************************************************************************************************
+*/
+.calendar {
+ empty-cells:show;
+ width:100%;
+ font-size:1em;
+ font-weight:normal;
+ margin:0;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+.calendar thead tr th {
+ width:14%;
+ text-align:center;
+ text-transform:uppercase;
+ padding:.2em 0 .1em 0;
+}
+.calendar thead tr th.monthName {
+ font-style:italic;
+ width:100%;
+ font-size:2em;
+ line-height:100%;
+ text-transform:none;
+ padding:.3em 0 .2em 0;
+ background-color:#FFF;
+ color:#C47170;
+}
+.calendar thead tr th.weekend, .calendar thead tr th.weekday {
+ border:solid 1px #000;
+ background-color:#C47170;
+ color:#FFF;
+}
+.calendar thead tr th.saturday, .calendar thead tr th.sunday { }
+
+.calendar tbody tr td {
+ vertical-align:top;
+ height:10em;
+ padding:0;
+ border-width:1px 0 0 1px;
+ border-style:solid;
+ border-color:#903;
+}
+.calendar tbody tr td.weekday {
+ background-color:#FFF;
+}
+.calendar tbody tr td.weekend {
+ background-color:#F6F2EE;
+}
+.calendar tbody tr td.saturday {
+ border-right:solid 1px #903;
+ }
+.calendar tbody tr td.sunday {
+ border-left:solid 1px #903;
+}
+.calendar tbody tr td#emptyDays {
+ background-color:#D3D3D3;
+ line-height:100%;
+ border:solid 1px #903;
+}
+.calendar tbody tr td:first-child {
+ border-left:none;
+}
+.calendar tbody tr:first-child td {
+ border-top:none;
+}
+.calendar tbody tr td:first-child, .calendar tbody tr td:last-child {
+ background-color:#F6F2EE;
+}
+.calendar tbody tr td ul {
+ list-style:none;
+ font-family:sans-serif;
+ font-size:.8em;
+ margin:2.3em 0 .3em 0;
+ padding:0;
+}
+.calendar tbody tr td ul li {
+ display:block;
+ width:92%;
+ margin:0 4%;
+ padding:.2em 0 .3em 0;
+ border-top:dashed 1px #C1B398;
+}
+.calendar tbody tr td ul li:first-child {
+ border:none;
+}
+.calendar tbody tr td ul li em {
+ font-style:normal;
+ color:#0A65B5;
+}
+.calendar tbody tr td ul li span.yearsmarried em {
+ color:#903;
+}
+.calendar tfoot tr td {
+ padding:.7em 5% 1em 5%;
+}
+.calendar tfoot tr td.note {
+ border-top:solid 2px #F33;
+ background-color:#000;
+ vertical-align:middle;
+ font-size:.8em;
+ height:1cm;
+ color:#FFF;
+}
+.date {
+ float:right;
+ display:block;
+ width:1.8em;
+ font-size:1.2em;
+ line-height:100%;
+ text-align:center;
+ color:#FFF;
+ margin:0 0 0 .5em;
+ padding:.2em 0;
+ background-color:#F33;
+}
+.highlight div.date {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+
+.next div.date, .previous div.date {
+ background-color:#903;
+ color:#FFF;
+}
+
+/*
+------------------------------------------------------------------------------
+Main Table Styles - infolist variations
+------------------------------------------------------------------------------
+*/
+table {
+ font-size:14px;
+ margin:0 15px;
+ padding:0;
+ border:none;
+ border-collapse:collapse;
+}
+table tr th {
+ font-weight: bold;
+ text-align: left;
+ margin:0;
+ padding:.1em 10px;
+ background-color:#DD9091;
+ border-top:solid 1px #F33;
+ border-bottom:solid 1px #F33;
+}
+table.infolist tr th:first-child {
+ border-left:solid 1px #F33;
+}
+table.infolist tr th:last-child {
+ border-right:solid 1px #F33;
+}
+table.infolist tr th a {
+ text-decoration:none;
+}
+table tr td {
+ vertical-align:middle;
+ padding:.1em 10px;
+}
+table.infolist tr td a {
+ display:block;
+ text-decoration:none;
+}
+table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
+ border-top:solid 1px #DD909A;
+}
+table.infolist tr th.ColumnQuantity {
+ width:30%;
+}
+table.infolist tr td.ColumnLetter {
+ font-weight:bold;
+}
+table.infolist tbody tr td.ColumnBirth {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnDeath {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnRowLabel {
+ font-weight:bold;
+ width:2%;
+}
+table.infolist tbody tr td.ColumnType {
+ width:6%;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnPartner {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother {
+ display:block;
+}
+table.infolist tbody tr td.ColumnParents span.mother:before {
+ content:"+ ";
+}
+table.infolist tbody p.EventNote {
+ border-top:dashed 1px #DD9091;
+ padding-top:1em;
+ padding-bottom:1em;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Surnames Styles */
+/* ------------------------------------------------------------------------------ */
+#Surnames { }
+#SurnameDetail p#description { padding-top:0; }
+table.surnamelist tbody tr td.ColumnSurname {
+ width:50%;
+}
+table.surnamelist thead tr th.ColumnSurname {
+ background-color:#DD9091;
+ color:#FFF;
+ padding:0;
+}
+table.surnamelist thead tr th.ColumnQuantity {
+ background-color:#DD9091;
+ color:#FFF;
+ width:40%;
+ padding:0;
+}
+table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a {
+ display:block;
+ padding:.1em 10px;
+}
+table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a {
+ background-color:#DD9091;
+ color:#FFF;
+}
+table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
+ content:" ↓";
+}
+table.infolist tbody tr td.ColumnSurname {
+ padding:0;
+ background-color:#FFF;
+}
+table.infolist tbody tr td.ColumnSurname a {
+ padding:.1em 10px;
+}
+table.infolist tbody tr td.ColumnSurname a:hover {
+ padding:.1em 10px;
+ background-color:#DD9091;
+}
+table.surname {
+ border-bottom:solid 1px #5D835F;
+}
+table.surname tbody tr td {
+ border-bottom:dashed 1px #DD9091;
+}
+table.surname tbody tr td.ColumnName {
+ width:20%;
+ padding:0;
+ background-color:#DD9091;
+}
+table.surname tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px .6em 20px;
+}
+table.surname tbody tr td.ColumnName a:hover {
+ background-color:#DD9091;
+}
+table.surname tbody tr td.ColumnName a span.grampsid {
+ display:none;
+}
+table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
+ width:25%;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Individuals Styles */
+/* ------------------------------------------------------------------------------ */
+#Individuals { }
+#Individuals table.individuallist {
+ border-bottom:solid 1px #F33;
+}
+#Individuals table.individuallist tbody tr td {
+ border-bottom:dashed 1px #DD9091;
+}
+#Individuals table.individuallist tbody tr td a:hover {
+ background-color:#DD9091;
+ text-decoration:none;
+ color:#FFF;
+}
+table.individuallist tbody tr td.ColumnSurname {
+ background:none;
+}
+table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active {
+ cursor:default;
+ color:black;
+ background:none;
+}
+table.individuallist tbody tr td.ColumnName {
+ background-color:#FFF;
+ padding:0;
+}
+table.individuallist tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px;
+}
+table.individuallist tbody tr td.ColumnName a:hover { }
+
+#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
+ vertical-align:top;
+}
+#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
+ display:inline;
+}
+#IndividualDetail table.infolist tr td a:hover {
+ text-decoration:underline;
+}
+#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+ width:10%;
+ color:#F33;
+ padding-left:5px;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Sources Styles */
+/* ------------------------------------------------------------------------------ */
+#Sources table.infolist tbody tr td.ColumnRowLabel {
+ padding-bottom:0;
+}
+#Sources table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Sources table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#SourceDetail div#references ol li {
+ padding-bottom:.5em;
+}
+#SourceDetail div#references ol li a:hover {
+ background-color:#DD9091;
+ text-decoration:none;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Places Styles */
+/* ------------------------------------------------------------------------------ */
+#Places table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Places table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Gallery Styles */
+/* ------------------------------------------------------------------------------ */
+#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate {
+ padding-bottom:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+}
+#Gallery table.infolist tbody tr td.ColumnName a:hover {
+ color:#FFF;
+}
+#GalleryNav {
+ font-size:.8em;
+ margin:1em 0 0 0;
+ padding:1.2em 0 0 0;
+ text-align:center;
+}
+#GalleryNav a {
+ font-weight:bold;
+ text-decoration:none;
+ background-color:#FFF;
+ border:solid 1px #DD909A;
+}
+#GalleryNav a:hover {
+ background-color:#DD9091;
+ color:#FFF;
+}
+#GalleryNav a#Previous {
+ padding:.4em .7em .3em .7em;
+}
+#GalleryNav a#Next {
+ padding:.4em 1.9em .3em 1.9em;
+}
+#GalleryPages {
+ margin:0 1em;
+}
+#GalleryCurrent {
+ font-size:1.2em;
+ font-weight:bold;
+}
+#GalleryTotal {
+ font-weight:normal;
+}
+#GalleryDisplay {
+ text-align:center;
+}
+#GalleryDisplay img {
+ margin:0 auto;
+ border:solid 1px #F33;
+}
+#GalleryDetail div#summaryarea{
+ margin:0;
+ padding:1.4em 0 0 0;
+}
+#GalleryDetail div#summaryarea h3 {
+ text-align:center;
+}
+#GalleryDetail div h4 {
+ margin-top:0;
+}
+#GalleryDetail div#summaryarea table.gallery {
+ width:100%;
+ margin-top:1.5em;
+ margin-bottom:0;
+ padding-bottom:0;
+ background-color:#FFF;
+ border-style:solid;
+ border-width:8px 0 0 0;
+ border-color:#DD9091;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Contact Styles */
+/* ------------------------------------------------------------------------------ */
+#Contact #summaryarea {
+ width:500px;
+ margin:2em auto;
+ padding:3em;
+ background-color:#F6F2EE;
+ border:solid 1px #F33;
+}
+#Contact #summaryarea img {
+ float:right;
+ margin:0;
+ padding:0;
+ border:solid 1px #F33;
+}
+#researcher {
+ margin-top:.3em;
+}
+#researcher h3 {
+ padding:0;
+}
+#researcher span {
+ display:block;
+ float:left;
+ margin-right:.4em;
+}
+#streetaddress {
+ background-color:#208BAA;
+ color:#FFF;
+ width:85%;
+}
+#city:after {
+ content:",";
+}
+#country {
+ clear:left;
+}
+#email {
+ clear:left;
+}
+#email a {
+ text-decoration:none;
+}
+#email a:hover {
+ text-decoration:underline;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* SubSection Styles */
+/* ------------------------------------------------------------------------------ */
+#Home, #Introduction, #Download, #Contact {
+ padding:1.5em 0 3em 0;
+}
+#Home p, #Introduction p, #Download p, #Contact p {
+ margin:0 20px 1em 20px;
+}
+#Home img, #Introduction img, #Download img, #Contact img {
+ float:right;
+ margin:0;
+ padding:0 20px 3em 20px;
+}
+div.subsection{
+ padding-bottom:.5em;
+ background-color:#FAFAFF;
+}
+div.subsection h4 {
+ margin-bottom:.5em;
+}
+div.subsection table, div.subsection ol, div.subsection p {
+ font-size:.9em;
+}
+div.subsection a {
+ text-decoration:none;
+}
+div.subsection a:hover {
+ text-decoration:underline;
+ background:none;
+}
+div.subsection table.infolist {
+ width:100%;
+ margin:0;
+}
+#IndividualDetail div.subsection table tr td:first-child {
+ padding-left:20px;
+}
+
+/* SubSection Styles : Summary Area */
+/* ------------------------------------------------------------------------------ */
+div#summaryarea {
+ min-height:100px;
+ background:none;
+}
+div#summaryarea table.infolist {
+ margin:0;
+ padding:0;
+ background:#FAFAFF;
+ border-bottom:solid .7em #FAFAFF;
+}
+div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
+ vertical-align:top;
+}
+div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
+ display:inline;
+}
+div#summaryarea table.infolist tbody tr td.ColumnAttribute {
+ width:14%;
+ padding-left:20px;
+}
+
+/* SubSection Styles : Events */
+/* ------------------------------------------------------------------------------ */
+div#events {
+ padding-bottom:0;
+}
+div#events h4 {
+ margin-bottom:0;
+}
+div#events table.infolist {
+ border-bottom:solid 1px #FAFAFF;
+}
+div#events table.infolist tbody tr td {
+ padding-top:.2em;
+ padding-bottom:.2em;
+}
+div#events table.infolist tbody tr td.ColumnAttribute {
+ border-bottom:dashed 1px #DD9091;
+}
+div#events table.infolist tbody tr td.ColumnValue {
+ border-bottom:dashed 1px #DD9091;
+}
+div#events table.infolist tbody tr td.ColumnValue p {
+ margin:.1em 2em;
+}
+
+/* SubSection Styles : Parents */
+/* ------------------------------------------------------------------------------ */
+div#parents table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/* SubSection Styles : Families */
+/* ------------------------------------------------------------------------------ */
+div#families table.infolist tbody tr td.ColumnValue p {
+ margin-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/* SubSection Styles : Addresses */
+/* ------------------------------------------------------------------------------ */
+div#addresses {
+ padding-bottom:0;
+}
+div#addresses h4 {
+ margin-bottom:0;
+}
+div#addresses table.infolist {
+ border-bottom:solid 1px #FAFAFF;
+}
+div#addresses table.infolist tbody tr td {
+ padding-top:.2em;
+ padding-bottom:.2em;
+}
+div#addresses table.infolist tbody tr td.ColumnAttribute {
+ width:30%;
+ border-bottom:dashed 1px #DD9091;
+}
+div#addresses table.infolist tbody tr td.ColumnValue {
+ border-bottom:dashed 1px #DD9091;
+}
+
+/* SubSection Styles : Attributes */
+/* ------------------------------------------------------------------------------ */
+
+/* SubSection Styles : Gallery */
+/* ------------------------------------------------------------------------------ */
+#indivgallery h4 {
+ margin-bottom:1em;
+}
+#indivgallery .thumbnail {
+ margin:0;
+ float:left;
+ width:130px;
+ height:150px;
+ text-align:center;
+}
+#indivgallery .thumbnail a {
+ display:block;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#indivgallery .thumbnail a img {
+ margin:0;
+ padding:0;
+ border:solid 1px #F33;
+}
+#indivgallery div.thumbnail p {
+ font-size:.6em;
+ text-align:center;
+ width:80%;
+ margin:0 auto;
+ padding:0;
+}
+
+/* SubSection Styles : Narrative */
+/* ------------------------------------------------------------------------------ */
+div#narrative {
+ padding-bottom:0;
+}
+#narrative p {
+ margin-top:.5em;
+ margin-bottom:0;
+ padding:0 20px 1em 20px;
+}
+
+/* SubSection Styles : References */
+/* ------------------------------------------------------------------------------ */
+#references ol {
+ margin-top:0;
+ margin-bottom:0;
+}
+
+/* SubSection Styles : Source References */
+/* ------------------------------------------------------------------------------ */
+div#sourcerefs ol {
+ list-style-type:decimal;
+}
+div#sourcerefs ol li ol {
+ list-style-type:lower-alpha;
+}
+
+/* SubSection Styles : Weblinks */
+/* ------------------------------------------------------------------------------ */
+
+/* SubSection Styles : Pedigree */
+/* ------------------------------------------------------------------------------ */
+.pedigreegen {
+ font-size:.9em;
+ list-style:none;
+ margin:.5em 0 0 0;
+ padding:0 0 .7em 20px;
+}
+.pedigreegen li ol {
+ list-style:none;
+ margin-left:.5em;
+}
+.pedigreegen li ol li {
+ padding-bottom:.2em;
+}
+.pedigreegen li ol li ol {
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.pedigreegen li ol li ol li ol.spouselist {
+ font-size:1em;
+ list-style:none;
+ margin-left:0;
+}
+.spouselist li.spouse ol {
+ font-size:1em;
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.spouse a {
+ font-weight:normal;
+}
+.spouse:before {
+ content: "+ ";
+}
+.thisperson {
+ font-weight:bold;
+}
+
+/* SubSection Styles : Ancestors Tree */
+/* ------------------------------------------------------------------------------ */
+#tree {
+ page-break-before:always;
+ margin:0;
+ padding:0;
+}
+#treeContainer {
+ position:relative;
+ z-index:1;
+ margin-bottom:1.4em;
+}
+.boxbg {
+ font:normal .3cm sans-serif;
+ position:absolute;
+ margin:0;
+ padding:0;
+}
+.boxbg div {
+ position:relative;
+ z-index:10;
+ display:block;
+ color:#FFF;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+}
+.boxbg div a {
+ position:relative;
+ z-index:10;
+ display:block;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+ color:#FFF;
+}
+.boxbg div:hover {
+ position:relative;
+ z-index:999;
+ font-size:1.3em;
+ width:210px;
+ padding:10px 4px 12px 4px;
+ background-color:#153282;
+ color:#FFF;
+}
+.boxbg div a:hover {
+ position:relative;
+ z-index:999;
+ font-size:1em;
+ width:210px;
+ color:#FFF;
+}
+.male {
+ background-color:#1E90FF;
+ color:#FFF;
+}
+.male div {
+ background-color:#1e90ff;
+ color:#FFF;
+}
+.female {
+ background-color:#F3C;
+ color:#FFF;
+}
+.female div {
+ background-color:#F3C;
+ color:#FFF;
+}
+.unknown {
+ background-color:#000;
+ color:#FFF;
+}
+.unknown div {
+ background-color:#000;
+ color:#FFF;
+}
+.shadow {
+
+}
+#tree div div.bvline {
+ position:absolute;
+ z-index:2;
+ height:3px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#903;
+}
+#tree div div.bhline {
+ position:absolute;
+ z-index:2;
+ width:2px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#903;
+}
+#tree div div.gvline {
+ position:absolute;
+ z-index:1;
+ height:3px;
+ margin:0 0 0 14px;
+ padding:0;
+ background-color:#903;
+}
+#tree div div.ghline {
+ position:absolute;
+ z-index:1;
+ width:2px;
+ margin:0 0 0 14px;
+ padding:0;
+ background-color:#903;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Footer Styles */
+/* ------------------------------------------------------------------------------ */
+#footer {
+ width:100%;
+ height:1.5cm;
+ color:#C47170;
+ margin:0;
+ padding:0;
+ clear:both;
+ background-color:#D30;
+ border-top:solid 1px #DD909A;
+}
+#footer img {
+ border:0;
+}
+#footer p#copyright {
+ margin:1em;
+ float:right;
+ color:#FFF;
+}
+#footer p#copyright p {
+ margin:0;
+}
+#footer p#copyright img {
+ margin-right:10px;
+ float:right;
+}
+#footer p#createdate {
+ float:left;
+ margin-left:10px;
+ color:#FFF;
+}
+#footer p#createdate a {
+ color:#FFF;
+ text-decoration:none;
+}
+#footer p#quality {
+ float:center;
+ text-align:center;
+ color:#FFF;
+}
+#footer p#quality a {
+ color:#FFF;
+ text-decoration:none;
+}
+#footer p#quality img {
+ float:center;
+}
+#user_footer {
+ width:70%;
+ float:left;
+ margin:1em;
+}
+#user_footer p {
+ margin:0;
+}
diff --git a/src/data/Web_Visually.css b/src/data/Web_Visually.css
new file mode 100644
index 000000000..46eef0efa
--- /dev/null
+++ b/src/data/Web_Visually.css
@@ -0,0 +1,1326 @@
+/*
+----------------------------------------------------------------------------
+ GRAMPS Cascading Style Sheet
+ Style Name: Evergreen State *Washington*
+ Style Author: Jason Simanek (2008)
+ Modified by Rob G. Healey, June 2008
+----------------------------------------------------------------------------
+
+This website was created with GRAMPS
+----------------------------------------------------------------------------
+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://www.gramps-project.org to learn more!
+
+License
+----------------------------------------------------------------------------
+Copyright 2008 Rob G. Healey
+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 .
+----------------------------------------------------------------------------
+
+
+Color Palette
+----------------------------------------------------------------------------
+green darkest #426E40
+green dark #139400
+green #1ED416
+green light #6AF364
+green lightest #D8F3D6
+white #FFF
+black #000
+
+====== Ancestor Graph Color Scheme =====
+Males = Blue #3722F6
+Females = Pink #F3C;
+Unknown = black #000
+----------------------------------------------------------------------------
+
+
+ ----------------------------------------------------------------------------
+ General Element Styles
+ ----------------------------------------------------------------------------
+*/
+body {
+ font-family:Georgia, serif;
+ margin:0;
+ padding:0;
+ background-color:#D8F3D6;
+}
+div {
+ margin:0;
+ padding:0;
+}
+table {
+ border:none;
+ border-collapse:collapse;
+}
+th {
+ padding:1px 3em 1px 0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+td {
+ vertical-align:top;
+ padding:0;
+}
+img {
+ border:none;
+ margin:0;
+}
+.thumbnail a:hover {
+ background:none;
+}
+.content {
+ width:965px;
+ margin:0 auto;
+ padding-bottom:.5em;
+ background-color:#FFF;
+ color:#426E40;
+}
+.content div.snapshot {
+ margin:0;
+ padding:0;
+ background:none;
+}
+.content div.snapshot div.thumbnail {
+ margin:0;
+ padding:2em 0 0 0;
+ background:none;
+}
+.content div.snapshot div.thumbnail a {
+ display:block;
+ width:96px;
+ margin:0 auto;
+}
+.fullclear {
+ width:100%;
+ height:1px;
+ margin:0;
+ padding:0;
+ clear:both;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* General Text Styles */
+/* ------------------------------------------------------------------------------ */
+h1 {
+ font:normal 2em/1.2em serif;
+}
+h2 {
+ font:normal .6cm sans-serif;
+}
+h3 {
+ font-size:2em;
+ line-height:1.3em;
+ font-weight:normal;
+ font-style:italic;
+ text-align:center;
+ margin:0;
+ color:#426E40;
+ padding:.3em 20px 0 20px;
+ border-bottom:double 4px #426E40;
+}
+h4 {
+ font-size:1.6em;
+ font-weight:normal;
+ font-style:italic;
+ color:#426E40;
+ text-align:center;
+ margin:0;
+ padding:.5em 0 .2em 0;
+ border-bottom:dashed 2px #426E40;
+}
+h5, h6 {
+ font-style:italic;
+ margin:1.3em 0 .5em 1em;
+}
+p {
+ font:normal 1.1em/1.4em serif;
+}
+p#description {
+ max-width:800px;
+ margin:0;
+ padding:1em 20px;
+ background-color:#FFF;
+}
+a:link {
+ color:#7D5925;
+ text-decoration:none;
+}
+a:hover, a:active {
+ background-color:#426E40;
+}
+a:visited {
+ text-decoration:none;
+}
+sup {
+ line-height:0;
+}
+ol {
+ font:normal .9em/1.6em sans-serif;
+ margin-top:0;
+ margin-bottom:0;
+ padding-top:.5em;
+ padding-bottom:0;
+}
+ol li a {
+ text-decoration:none;
+ color:#FFF;
+}
+ol li a:hover {
+ background-color:#426E40;
+}
+a {
+ color:#426E40;
+ text-decoration:none;
+}
+a:visited {
+ color:#426E40;
+}
+a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+
+/*
+ ------------------------------------------------------------------------------
+ Header Styles
+ ------------------------------------------------------------------------------
+*/
+#header {
+ width:100%;
+ padding:0 0 .9em 0;
+ margin:0;
+ background-color:#139400;
+ border-top:solid 2px #426E40;
+ border-bottom:solid 2px #426E40;
+}
+#header img {
+ border:solid 1px #6AF364;
+ background:none;
+ margin:20px;
+ width:100px;
+ height:100px;
+}
+#header .img1 {
+ float:left;
+}
+#header .img2 {
+ float:right;
+}
+#header .header1 {
+ font-size:2em;
+ line-height:1.2em;
+ font-weight:normal;
+ color:#FFF;
+ float:center;
+ text-align:center;
+ margin:0;
+ padding:0;
+}
+#SiteTitle {
+ font:italic 3em serif;
+ color:#FFF;
+ margin:0;
+ padding:.5em 0 0 20px;
+ float:center;
+ text-align:center;
+}
+#GRAMPSinfo {
+ font:normal .8em/1.2em sans-serif;
+ float:right;
+ margin:0;
+ padding:.7em .8em;
+ color:#FFF;
+}
+#GRAMPSinfo a {
+ color:#FFF;
+ text-decoration:none;
+}
+#GRAMPSinfo a:hover {
+ background-color:#426E40;
+}
+.grampsid {
+ font:normal .8em/1.2em monospace;
+ color:#426E40;
+}
+p#user_header {
+ font-size:1.3em;
+ text-align:left;
+ color:#1ED416;
+ margin:0;
+ padding:.2em 0 .6em 20px;
+ background-color:#139400;
+}
+/*
+**************************************************************************************************
+ NarrativeWeb/ WebCal Navigation Elements
+**************************************************************************************************
+*/
+ul.navigation {
+ width:100%;
+ height:25px;
+ list-style-type:none;
+ font-size:10px;
+# line-height:30px;
+ text-align:center;
+ vertical-align:middle;
+ margin:0;
+ padding:0;
+ background-color:#139400;
+ border-top:solid 6px #6AF364;
+ border-bottom:solid 4px #6AF364;
+}
+ul.navigation li {
+ display:inline;
+ width:2em;
+ font-size:10px;
+# line-height:30px;
+ text-align:center;
+ vertical-align:middle;
+ padding:0;
+ margin:0;
+}
+ul.navigation li a {
+ color:#FFF;
+ text-decoration:none;
+ margin:0;
+ padding:4px 0 0 8px;;
+}
+ul.navigation li a:hover {
+ background-color:#6AF364;
+ color:#000;
+}
+ul.navigation li#CurrentSection a {
+ font-family:Georgia, serif;
+ font-weight:bold;
+ font-style:italic;
+ font-size:15px;
+ padding:4px;
+ text-decoration:none;
+ background-color:#FFF;
+ color:#426E40;
+}
+ul.navigation li#CurrentSection a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+/*
+ ------------------------------------------------------------------------------
+ Footer Styles
+ ------------------------------------------------------------------------------
+*/
+#footer {
+ width:100%;
+ height:60px;
+ color:#FFF;
+ margin:0;
+ padding:0;
+ clear:both;
+ background-color:#139400;
+ border-top:solid 2px #6AF364;
+ border-bottom:solid 2px #6AF364;
+}
+#footer a {
+ text-decoration:none;
+ color:#FFF;
+}
+#footer a:hover {
+ text-decoration:underline;
+ background-color:#426E40;
+}
+#footer img {
+ border:0;
+ margin:0;
+ background:none;
+}
+#footer p#createdate {
+ font-size:.8em;
+ float:left;
+ width:40%;
+ text-align:left;
+ margin-left:10px;
+}
+#footer p#copyright {
+ float:right;
+ width:40%;
+ text-align:right;
+ margin-right:10px;
+ color:#FFF;
+}
+#footer p#copyright img {
+ margin-right:10px;
+}
+#footer p#quality {
+ font-size:.8em;
+ float:center;
+ width:80%;
+ text-align:center;
+}
+#footer p#quality img {
+ float:center;
+}
+#user_footer {
+ width:70%;
+ float:left;
+ margin:1em;
+}
+#user_footer p {
+ font:normal 1em/1.2em serif;
+ color:#1ED416;
+ margin:0;
+ padding:0;
+}
+/*
+ ------------------------------------------------------------------------------
+ Main Table Styles
+ ------------------------------------------------------------------------------
+*/
+table.infolist {
+ width:100%;
+ margin:0;
+ padding:0;
+ background-color:#D8F3D6;
+}
+table.infolist tr th {
+ font:normal 1.1em/1.2em serif;
+ color:#FFF;
+ margin:0;
+ padding:.2em 10px;
+ background-color:#1ED416;
+ border-bottom:double 4px #426E40;
+}
+table.infolist tr th a {
+ color:#426E40;
+ text-decoration:none;
+}
+table.infolist tr th a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+table.infolist tr td {
+ font:normal 1.1em/1.4em serif;
+ vertical-align:middle;
+ padding:.1em 10px;
+}
+table.infolist tr td a {
+ display:block;
+ text-decoration:none;
+ color:#426E40;
+}
+table.infolist tr td a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
+ border-top:solid 2px #6AF364;
+}
+table.infolist tr td.ColumnLetter {
+ width:3%;
+ text-align:center;
+}
+table.infolist tbody tr td.ColumnBirth {
+ font-size:.9em;
+ color:#426E40;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnDeath {
+ font-size:.9em;
+ width:10%;
+}
+table.infolist tbody tr td.ColumnRowLabel {
+ width:2%;
+ color:#426E40;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnType {
+ width:6%;
+ padding-left:20px;
+}
+table.infolist tbody tr td.ColumnPartner {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents {
+ font-size:.9em;
+}
+table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother {
+ display:block;
+}
+table.infolist tbody tr td.ColumnParents span.mother:before {
+ content:"+ ";
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Surnames Styles */
+/* ------------------------------------------------------------------------------ */
+#Surnames {
+ font:normal .5cm sans-serif;
+}
+#SurnameDetail p#description { padding-top:0; }
+table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname {
+ width:50%;
+}
+table.surnamelist tr th {
+ padding:0;
+}
+table.surnamelist tr th a, table.surnamelist tr th a:visited {
+ display:block;
+ color:#FFF;
+ text-align:left;
+ text-decoration:none;
+ padding:.2em 10px;
+}
+table.surnamelist tr th:hover {
+ background:none;
+}
+table.surnamelist thead tr th.ColumnLetter {
+ padding-left:20px;
+ padding-right:10px;
+}
+table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity {
+ background-color:#6AF364;
+}
+table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
+ content:" ↓";
+}
+table#SortByName tbody tr td.ColumnSurname {
+ background-color:#FFF;
+ padding:0;
+}
+table#SortByName tbody tr td.ColumnSurname a {
+ display:block;
+ padding:.1em 10px .3em 10px;
+}
+table#SortByCount tbody tr td.ColumnQuantity {
+ background-color:#FFF;
+}
+table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover {
+ background-color:#6AF364;
+ color:#FFF;
+}
+table.surname {
+ border-bottom:solid 2px #1ED416;
+}
+table.surname tbody tr td {
+ border-bottom:dashed 2px #6AF364;
+}
+table.surname thead tr th.ColumnName {
+ width:20%;
+ padding-left:20px;
+}
+table.surname tbody tr td.ColumnName {
+ width:20%;
+ padding:0;
+ background-color:#FFF;
+}
+table.surname tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px .6em 20px;
+}
+table.surname tbody tr td.ColumnName a span.grampsid {
+# display:none;
+}
+table.surname tbody tr td.ColumnName:hover {
+ background-color:#6AF364;
+ color:#FFF;
+}
+table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
+ width:25%;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Individuals Styles */
+/* ------------------------------------------------------------------------------ */
+#Individuals {
+ font:normal .5cm sans-serif;
+}
+#Individuals table.individuallist {
+ border-bottom:solid 2px #1ED416;
+}
+#Individuals table.individuallist tbody tr td {
+ border-bottom:dashed 2px #6AF364;
+}
+#Individuals table.individuallist tbody tr td a {
+ text-decoration:none;
+ color:#426E40;
+}
+#Individuals table.individuallist tbody tr td a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+table.individuallist tbody tr td.ColumnSurname a {
+ text-decoration:none;
+ color:#426E40;
+}
+table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active {
+ background-color:#426E40;
+ cursor:default;
+ color:#FFF;
+}
+table.individuallist tbody tr td.ColumnName {
+ padding:0;
+ background-color:#FFF;
+}
+table.individuallist tbody tr td.ColumnName a {
+ display:block;
+ padding:.6em 10px;
+ vertical-align:middle;
+ color:#426E40;
+}
+table.individuallist tbody tr td.ColumnName a:hover {
+ background-color:#426E40;
+ color:#FFF;
+ text-decoration:none;
+}
+#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
+ font:normal .9em/1.2em sans-serif;
+ vertical-align:top;
+}
+#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
+ display:inline;
+ color:#FFF;
+}
+#IndividualDetail table.infolist tr td a:hover {
+ background-color:#426E40;
+ text-decoration:none;
+ color:#FFF;
+}
+#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+ width:10%;
+ color:#426E40;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Sources Styles */
+/* ------------------------------------------------------------------------------ */
+#Sources {
+ font:normal .5cm sans-serif;
+}
+#Sources table.infolist tbody tr td.ColumnRowLabel {
+ padding-bottom:0;
+}
+#Sources table.infolist tbody tr td.ColumnName {
+ background-color:#FFF;
+ padding:0;
+}
+#Sources table.infolist tbody tr td.ColumnName a {
+ font-size:.9em;
+ padding:.1em 10px .3em 10px;
+ color:#426E40;
+}
+#Sources table.infolist tbody tr td.ColumnName a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+#SourceDetail div#references ol li {
+ padding-bottom:.5em;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Places Styles */
+/* ------------------------------------------------------------------------------ */
+#Places { }
+#Places table.infolist tbody tr td.ColumnName {
+ padding:0;
+}
+#Places table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+ background-color:#FFF;
+ color:#426E40;
+}
+#Places table.infolist tbody tr td.ColumnName a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Gallery Styles */
+/* ------------------------------------------------------------------------------ */
+#Gallery { }
+#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate {
+ padding-bottom:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName {
+ background-color:#FFF;
+ padding:0;
+}
+#Gallery table.infolist tbody tr td.ColumnName a {
+ padding:.1em 10px .3em 10px;
+ color:#426E40;
+}
+#Gallery table.infolist tbody tr td.ColumnName a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+#GalleryNav {
+ font:normal 1em/1em sans-serif;
+ margin:1em 0 0 0;
+ padding:1.2em 0 1.4em 0;
+ text-align:center;
+}
+#GalleryNav a {
+ text-decoration:none;
+ border:solid 2px #426E40;
+ color:#426E40;
+}
+#GalleryNav a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+#GalleryNav a#Previous {
+ padding:.5em .7em .3em .7em;
+}
+#GalleryNav a#Next {
+ padding:.5em 1.9em .3em 1.9em;
+}
+#GalleryPages {
+ margin:0 1em;
+}
+#GalleryCurrent {
+ font-family:Georgia, sans-serif;
+ font-size:2em;
+ font-weight:bold;
+ font-style:italic;
+}
+#GalleryTotal {
+ font-weight:normal;
+}
+#GalleryDisplay {
+ text-align:center;
+}
+#GalleryDisplay img {
+ margin:0 auto;
+ border:solid 2px #139400;
+}
+#GalleryDetail div#summaryarea{
+ margin:0;
+ padding:2em 0 0 0;
+}
+#GalleryDetail div#summaryarea h3 {
+ font-family:Georgia, serif;
+ font-size:2em;
+ font-weight:bold;
+ font-style:italic;
+ text-align:center;
+}
+#GalleryDetail div h4 {
+ margin-top:0;
+}
+#GalleryDetail div#summaryarea table.gallery {
+ padding-bottom:0;
+ margin-top:1.5em;
+ margin-bottom:0;
+ background-color:#D8F3D6;
+ border-style:solid;
+ border-width:8px 0 0 0;
+ border-color:#6AF364;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* Contact Styles */
+/* ------------------------------------------------------------------------------ */
+#Contact #summaryarea {
+ width:500px;
+ margin:0 auto;
+ padding:3em;
+ background-color:#D8F3D6;
+}
+#Contact #summaryarea img {
+ float:right;
+ margin:20px;
+}
+#researcher {
+ font:normal 1.5em/1.4em serif;
+ margin-top:.3em;
+}
+#researcher h3 {
+ font:normal 1.2em/1.4em serif;
+ padding:0;
+ float:left;
+ text-align:center;
+}
+#researcher span {
+ ont-family:serif;
+ font-size:.9em;
+ font-size-adjust:none;
+ font-stretch:normal;
+ font-style:normal;
+ font-variant:normal;
+ font-weight:normal;
+ line-height:1.4em;
+ display:block;
+ float:left;
+ margin-right:0.4em;
+}
+#streetaddress {
+ background-color:#139400;
+ color:#FFF;
+ width:80%;
+}
+#city:after {
+ content:",";
+}
+#country {
+ clear:left;
+}
+#email {
+ clear:left;
+ color:#FFF;
+}
+#email a {
+ text-decoration:none;
+ color:#426E40;
+ }
+#email a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+
+/* ------------------------------------------------------------------------------ */
+/* SubSection Styles */
+/* ------------------------------------------------------------------------------ */
+#Home, #Introduction, #Contact {
+ padding:2em 0 3em 0;
+}
+#Download {
+ padding:1em 0 3em 0;
+}
+#Home p, #Introduction p, #Download p {
+ margin:0 20px 1em 20px;
+}
+#Home img, #Introduction img, #Download img {
+ float:right;
+ margin:0;
+ padding:0 20px 3em 2em;
+}
+div.subsection{
+ padding-bottom:.5em;
+ background-color:#D8F3D6;
+}
+div.subsection h4 {
+ margin-bottom:.5em;
+}
+div.subsection table, div.subsection ol, div.subsection p {
+ font-size:.9em;
+}
+div.subsection a {
+ text-decoration:none;
+ color:#426E40;
+}
+div.subsection a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+div.subsection table.infolist {
+ width:100%;
+ margin:0;
+}
+#IndividualDetail div.subsection table tr td:first-child {
+ padding-left:20px;
+}
+
+/* Individuals Styles : Events */
+/* ------------------------------------------------------------------------------ */
+div#events {
+ padding-bottom:0;
+ color:#426E40;
+}
+div#events h4 {
+ margin-bottom:0;
+}
+#IndividualDetail div#events table.infolist tbody tr td {
+ padding-top:.4em;
+ padding-bottom:.8em;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute {
+ border-bottom:solid 2px #426E40;
+ color:#426E40;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnValue {
+ border-bottom:solid 2px #426E40;
+ color:#426E40;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnValue a {
+ text-decoration:none;
+ color:#426E40;
+}
+#IndividualDetail div#events table.infolist tbody tr td.ColumnValue a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+table.infolist tbody tr td.ColumnValue p {
+ font-family:sans-serif;
+ margin:.2em 0 0 2em;
+}
+
+/* SubSection Styles : Attributes */
+/* ------------------------------------------------------------------------------ */
+
+/* Individuals Styles : Parents */
+/* ------------------------------------------------------------------------------ */
+div#parents table.infolist {
+ margin-top:.5em;
+}
+div#parents table.infolist tbody tr td.ColumnAttribute {
+ width:19%;
+ color:#426E40;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#parents table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+
+/* Individuals Styles : Families */
+/* ------------------------------------------------------------------------------ */
+div#families table.infolist {
+ margin-top:.5em;
+ color:#426E40;
+}
+div#families table.infolist tbody tr td.ColumnValue p {
+ margin-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol {
+ margin:0;
+ padding-top:0;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li {
+ padding-bottom:.2em;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li a {
+ color:#426E40;
+ text-decoration:none;
+}
+div#families table.infolist tbody tr td.ColumnValue ol li a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+
+/* Individuals Styles : Addresses */
+/* ------------------------------------------------------------------------------ */
+div#addresses {
+ padding-bottom:0;
+ color:#426E40;
+}
+div#addresses table.infolist tbody tr td {
+ padding-top:.4em;
+ padding-bottom:.4em;
+}
+div#addresses table.infolist tbody tr td.ColumnAttribute {
+ width:30%;
+ border-bottom:solid 2px #6AF364;
+ color:#426E40;
+}
+div#addresses table.infolist tbody tr td.ColumnValue {
+ border-bottom:solid 2px #6AF364;
+}
+
+/* SubSection Styles : Gallery */
+/* ------------------------------------------------------------------------------ */
+#indivgallery h4 {
+ margin-bottom:1em;
+}
+#indivgallery .thumbnail {
+ margin:0;
+ float:left;
+ width:130px;
+ height:150px;
+ text-align:center;
+}
+#indivgallery .thumbnail a {
+ display:block;
+ margin:0;
+ padding:0;
+ background:none;
+}
+#indivgallery .thumbnail a img {
+ margin:0;
+ padding:0;
+ border:solid 2px #139400;
+}
+#indivgallery div.thumbnail p {
+ font:normal .7em/1.4em sans-serif;
+ text-align:center;
+ width:80%;
+ margin:0 auto;
+ padding:0;
+}
+
+/* SubSection Styles : Narrative */
+/* ------------------------------------------------------------------------------ */
+div#narrative {
+ padding-bottom:0;
+}
+#narrative p {
+ font:normal .9em/1.4em sans-serif;
+ margin-top:.5em;
+ margin-bottom:0;
+ padding:0 20px 1em 20px;
+}
+
+/*
+-------------------------------------------------------------------------------
+ SubSection Styles : References
+ ------------------------------------------------------------------------------
+*/
+div#References {
+ background-color:#1ED416;
+ color:#FFF;
+}
+h4 {
+ font:italic .8cm serif;
+}
+li a {
+ font:bold .5cm serif;
+ background:none;
+ color:#426E40;
+}
+li a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+
+/*
+---------------------------------------------------------------------------------
+ SubSection Styles : Source References
+---------------------------------------------------------------------------------
+*/
+div#sourcerefs ol {
+ list-style-type:decimal;
+}
+div#sourcerefs ol li ol {
+ list-style-type:lower-alpha;
+}
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : Summary Area
+---------------------------------------------------------------------------------
+*/
+div#summaryarea {
+ background:none;
+}
+div#summaryarea table.infolist {
+ margin:0;
+ padding:0;
+ background:#FFF;
+ border-bottom:solid .7em #FFF;
+}
+div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
+ font:normal .9em/1.2em sans-serif;
+ vertical-align:top;
+}
+div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
+ display:inline;
+}
+div#summaryarea table.infolist tbody tr td.ColumnAttribute {
+ width:14%;
+ color:#426E40;
+ padding-left:20px;
+}
+
+/*
+--------------------------------------------------------------------------------
+ SubSection Styles : Weblinks
+--------------------------------------------------------------------------------
+*/
+
+/*
+--------------------------------------------------------------------------------
+ Individuals Styles : Pedigree
+---------------------------------------------------------------------------------
+*/
+div#pedigree {
+ padding-bottom:1.2em;
+}
+#pedigree a {
+ text-decoration:none;
+ color:#426E40;
+}
+#pedigree a:hover {
+ background-color:#426E40;
+ color:#FFF;
+}
+.pedigreegen {
+ font:normal .9em/1.2em sans-serif;
+ list-style:none;
+ margin:.5em 0 0 0;
+ padding:0 0 0 20px;
+}
+.pedigreegen li ol {
+ list-style:none;
+ margin-left:.5em;
+}
+.pedigreegen li ol li ol {
+ font:normal 1em/1.4em sans-serif;
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.pedigreegen li ol li ol li ol.spouselist {
+ list-style:none;
+ margin-left:0;
+}
+.spouselist li.spouse ol {
+ list-style:decimal;
+ margin-left:1.6em;
+}
+.spouse a {
+ font-weight:normal;
+ font-style:normal;
+ color:#1ED416;
+}
+.spouse:before {
+ content: "+ ";
+}
+.thisperson {
+ font-weight:bold;
+}
+
+/*
+---------------------------------------------------------------------------------
+ Individuals Styles : Ancestors Tree
+---------------------------------------------------------------------------------
+*/
+#tree {
+ page-break-before:always;
+ margin:0;
+ padding:0;
+ background-color:#D8F3D6;
+}
+#treeContainer {
+ position:relative;
+ z-index:1;
+}
+.boxbg {
+ font:normal .3cm sans-serif;
+ position:absolute;
+ margin:0;
+ padding:0;
+}
+.boxbg div {
+ position:relative;
+ z-index:10;
+ display:block;
+ color:#FFF;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+}
+.boxbg div a {
+ position:relative;
+ z-index:10;
+ display:block;
+ text-align:center;
+ vertical-align:middle;
+ text-decoration:none;
+ margin:5px;
+ width:160px;
+ padding:5px 5px 7px 5px;
+ color:#FFF;
+}
+.boxbg div:hover {
+ position:relative;
+ z-index:999;
+ font-size:1.3em;
+ width:210px;
+ padding:10px 4px 12px 4px;
+ background-color:#153282;
+ color:#FFF;
+}
+.boxbg div a:hover {
+ position:relative;
+ z-index:999;
+ font-size:1em;
+ width:210px;
+ color:#FFF;
+}
+.male {
+ background-color:#D8F3D6;
+ color:#FFF;
+}
+.male div {
+ background-color:#D8F3D6;
+ color:#FFF;
+}
+.female {
+ background-color:#F3C;
+ color:#FFF;
+}
+.female div {
+ background-color:#F3C;
+ color:#FFF;
+}
+.unknown {
+ background-color:#000;
+ color:#FFF;
+}
+.unknown div {
+ background-color:#000;
+ color:#FFF;
+}
+.shadow {
+ display:none;
+}
+#tree div div.bvline {
+ position:absolute;
+ z-index:2;
+ height:5px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#426E40;
+}
+#tree div div.bhline {
+ position:absolute;
+ z-index:2;
+ width:5px;
+ margin:0 0 0 16px;
+ padding:0;
+ background-color:#426E40;
+}
+.ghline, .gvline {
+ display:none;
+}
+/*
+**************************************************************************************************
+ WebCal Style
+*************************************************************************************************
+
+**************************************************************************************************
+ Body Elements
+**************************************************************************************************
+*/
+body#WebCal {
+ font-family:serif;
+ line-height:100%;
+ background-color:#1ED416;
+ margin:0;
+ padding:5px;
+}
+
+/*
+**************************************************************************************************
+ Calendar Elements
+**************************************************************************************************
+*/
+.calendar {
+ empty-cells:show;
+ width:100%;
+ font-size:1em;
+ font-weight:normal;
+ margin:0;
+ padding:0;
+ background-color:#FFF;
+ border:none;
+ border-collapse:collapse;
+}
+.calendar thead tr th {
+ width:12%;
+ font-weight:normal;
+ text-align:center;
+ text-transform:uppercase;
+ padding:.2em 0 .1em 0;
+ background-color:#6AF364;
+}
+.calendar thead tr th.monthName {
+ font-style:italic;
+ width:100%;
+ font-size:2em;
+ line-height:100%;
+ text-transform:none;
+ padding:.3em 0 .2em 0;
+ background-color:#FFF;
+ color:#426E40;
+}
+.calendar thead tr th.weekend_saturday, .calendar thead tr th.weekend_sunday, .calendar thead tr th.weekday {
+ background-color:#426E40;
+ color:#FFF;
+ border:solid 2px #6AF364;
+}
+.calendar tbody tr td {
+ vertical-align:top;
+ height:6em;
+ padding:0;
+ border-width:1px 0 0 1px;
+ border-style:solid;
+ border-color:#426E40;
+}
+.calendar tbody tr td#emptyDays {
+ background-color:#139400;
+ line-height:100%;
+}
+.calendar tbody tr td:first-child {
+ border-left:none;
+}
+.calendar tbody tr:first-child td {
+ border-top:none;
+}
+.calendar tbody tr td:first-child, .calendar tbody tr td:last-child {
+ background-color:#D8F3D6;
+}
+.calendar tbody tr td ul {
+ list-style:none;
+ font-family:sans-serif;
+ font-size:.8em;
+ margin:2.3em 0 .3em 0;
+ padding:0;
+}
+.calendar tbody tr td ul li {
+ display:block;
+ width:92%;
+ margin:0 4%;
+ padding:.2em 0 .3em 0;
+ border-top:dashed 1px #6AF364;
+}
+.calendar tbody tr td ul li:first-child {
+ border:none;
+}
+.calendar tbody tr td ul li em {
+ font-style:normal;
+ color:#0A65B5;
+}
+.calendar tbody tr td ul li span.yearsmarried em {
+ color:#426E40;
+}
+.calendar tfoot tr td {
+ padding:.7em 5% 1em 5%;
+ background-color:#6AF364;
+}
+.calendar tfoot tr td.note {
+ border-top:solid 2px #6AF364;
+ background-color:#000;
+ color:#FFF;
+}
+.date {
+ float:right;
+ display:block;
+ width:1.8em;
+ font-size:1.2em;
+ line-height:100%;
+ text-align:center;
+ color:#426E40;
+ margin:0 0 0 .5em;
+ padding:.2em 0;
+ background-color:#D8F3D6;
+}
+.highlight {
+ background-color:#E6F3FF;
+}
+.highlight div.date {
+ color:#0A65B5;
+ background-color:#C3E2FF;
+}