diff --git a/src/data/Makefile.am b/src/data/Makefile.am index 3afae1382..d4bb789a0 100644 --- a/src/data/Makefile.am +++ b/src/data/Makefile.am @@ -12,6 +12,12 @@ dist_pkgdata_DATA = \ system_filters.xml \ tips.xml\ lds.xml\ + Web_Basic-Ash.css\ + Web_Basic-Cypress.css\ + Web_Basic-Lilac.css\ + Web_Basic-Peach.css\ + Web_Basic-Spruce.css\ + Web_Mainz.css\ Web_Evergreen.css\ Web_Nebraska.css\ Web_Print-Default.css\ diff --git a/src/data/Web_Basic-Ash.css b/src/data/Web_Basic-Ash.css new file mode 100644 index 000000000..e066aeae0 --- /dev/null +++ b/src/data/Web_Basic-Ash.css @@ -0,0 +1,1114 @@ +/* +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic-Ash Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet +************************************************************************************************** +This website was created with GRAMPS +http://www.gramps-project.org +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, +and a wiki open to all. It is a community project, created, developed and governed by genealogists. + +Go to http://gramps-project.org to learn more! + +-------------------------------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek + +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 +-------------------------------------------------------------------------------------------------- +black #000 +gray dark #333 +gray #999 +gray light #CCC +gray very light #EEE +white #FFF +*/ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFF; +} +.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 +----------------------------------------------------- */ +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:#333; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#EEE; + border-bottom:solid 1px #999; +} +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:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#EEE; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#999; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#EEE; +} +#SiteTitle { + color:#333; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#999; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#EEE; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #999; +} +#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; + background-color:#EEE; +} +#navigation ul li a:hover { + background-color:#CCC; + border-bottom:solid 1px #000; +} +#navigation ul li#CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #999; + border-right:solid 1px #999; + border-left:solid 1px #999; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#navigation ul li#CurrentSection a:hover { + background-color:#FFF; +} + +/* Main Table +----------------------------------------------------- */ +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:#CCC; + border-top:solid 1px #999; + border-bottom:solid 1px #999; +} +table.infolist tr th:first-child { + border-left:solid 1px #999; +} +table.infolist tr th:last-child { + border-right:solid 1px #999; +} +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 #CCC; +} +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 #CCC; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:#EEE; +} +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:#EEE; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#CCC; +} +table.surname { + border-bottom:solid 1px #EEE; +} +table.surname tbody tr td { + border-bottom:dashed 1px #CCC; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#EEE; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#CCC; +} +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 +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #EEE; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #CCC; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background-color:#EEE; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#CCC; +} +#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:#999; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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 { + background-color:#EEE; +} +#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:#EEE; + border:solid 1px #999; +} +#GalleryNav a:hover { + background-color:#CCC; +} +#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 #999; +} +#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:#EEE; + border-style:solid; + border-width:8px 0 0 0; + border-color:#CCC; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#EEE; + border:solid 1px #999; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #999; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:70%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Subsections +----------------------------------------------------- */ +#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:#FFF; +} +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; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + 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 { + 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; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #CCC; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #CCC; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +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 #CCC; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #CCC; +} + +/* Subsections : Attributes +----------------------------------------------------- */ + +/* Subsections : 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 #999; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ + +/* Subsections : 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; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#EEE; + border:solid 1px #999; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #333; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#999; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#999; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#EEE; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#EEE; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:100%; + font-size:12px; + line-height:130%; + color:#333; + margin:0; + padding:0; + background-color:#CCC; + border-top:solid 1px #333; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#333; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:14px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#333; +} +.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%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#333; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#333; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#999; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #999; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#333; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#333; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#CCC; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#CCC; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#EEE; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#CCC; + background-color:#EEE; +} diff --git a/src/data/Web_Basic-Cypress.css b/src/data/Web_Basic-Cypress.css new file mode 100644 index 000000000..ce2d83829 --- /dev/null +++ b/src/data/Web_Basic-Cypress.css @@ -0,0 +1,1122 @@ +/* +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic - Cypress +Style Author: Jason Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' stylesheet +************************************************************************************************** +This website was created with GRAMPS +http://www.gramps-project.org +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, +and a wiki open to all. It is a community project, created, developed and governed by genealogists. + +Go to http://gramps-project.org to learn more! + +-------------------------------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek + +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 +-------------------------------------------------------------------------------------------------- +black #000 +slate dark #454 +slate #7C8F7C +slate light #9DBF9D +slate very light #E0E6E0 +white #FFF +*/ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFF; +} +.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 +----------------------------------------------------- */ +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:#454; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#E0E6E0; + border-bottom:solid 1px #7C8F7C; +} +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:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + color:#000; + text-decoration:underline; + background-color:#E0E6E0; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7C8F7C; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#454; +} +#SiteTitle { + color:#E0E6E0; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#E0E6E0; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#454; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7C8F7C; +} +#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; + color:#E0E6E0; + margin:0; + padding:5px 5px; + background-color:#454; +} +#navigation ul li a:hover { + color:#FFF; + padding-top:4px; + background-color:#9DBF9D; + border-top:solid 1px #454; + border-bottom:solid 1px #000; +} +#navigation ul li#CurrentSection a { + color:#454; + padding-bottom:4px; + border-top:solid 1px #7C8F7C; + border-right:solid 1px #7C8F7C; + border-left:solid 1px #7C8F7C; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#navigation ul li#CurrentSection a:hover { + padding-top:5px; + background-color:#FFF; +} + +/* Main Table +----------------------------------------------------- */ +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:#9DBF9D; + border-top:solid 1px #7C8F7C; + border-bottom:solid 1px #7C8F7C; +} +table.infolist tr th:first-child { + border-left:solid 1px #7C8F7C; +} +table.infolist tr th:last-child { + border-right:solid 1px #7C8F7C; +} +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 #9DBF9D; +} +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 #9DBF9D; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:#E0E6E0; +} +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:#E0E6E0; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#9DBF9D; +} +table.surname { + border-bottom:solid 1px #E0E6E0; +} +table.surname tbody tr td { + border-bottom:dashed 1px #9DBF9D; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#E0E6E0; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#9DBF9D; +} +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 +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #E0E6E0; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #9DBF9D; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background-color:#E0E6E0; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#9DBF9D; +} +#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:#7C8F7C; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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 { + background-color:#E0E6E0; +} +#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:#E0E6E0; + border:solid 1px #7C8F7C; +} +#GalleryNav a:hover { + background-color:#9DBF9D; +} +#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 #7C8F7C; +} +#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:#E0E6E0; + border-style:solid; + border-width:8px 0 0 0; + border-color:#9DBF9D; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #7C8F7C; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:70%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Subsections +----------------------------------------------------- */ +#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:#FFF; +} +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; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + 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 { + 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; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #9DBF9D; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #9DBF9D; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +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 #9DBF9D; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #9DBF9D; +} + +/* Subsections : Attributes +----------------------------------------------------- */ + +/* Subsections : 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 #7C8F7C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ + +/* Subsections : 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; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #454; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/GenderSymbols_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/GenderSymbols_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#7C8F7C; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#7C8F7C; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E6E0; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E6E0; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:100%; + font-size:12px; + line-height:130%; + color:#E0E6E0; + margin:0; + padding:0; + background-color:#454; + border-top:solid 1px #454; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#E0E6E0; +} +#footer a:hover { + text-decoration:underline; + background:none; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:14px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#454; +} +.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%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#454; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +body#WebCal #CreatorInfo a, body#WebCal #CreatorInfo a:hover { + color:#E0E6E0; + background:none; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#FFF; + background-color:#7C8F7C; + border-style:solid; + border-width:0 0 1px 0; + border-color:#9DBF9D; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #9DBF9D; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#454; + background-color:#E0E6E0; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#454; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#9DBF9D; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#9DBF9D; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#E0E6E0; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#9DBF9D; + background-color:#E0E6E0; +} diff --git a/src/data/Web_Basic-Lilac.css b/src/data/Web_Basic-Lilac.css new file mode 100644 index 000000000..30508ef69 --- /dev/null +++ b/src/data/Web_Basic-Lilac.css @@ -0,0 +1,1114 @@ +/* +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic - Lilac +Style Author: Jason Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Business' stylesheet +************************************************************************************************** +This website was created with GRAMPS +http://www.gramps-project.org +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, +and a wiki open to all. It is a community project, created, developed and governed by genealogists. + +Go to http://gramps-project.org to learn more! + +-------------------------------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek + +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 +-------------------------------------------------------------------------------------------------- +black #000 +lilac dark #2E2E61 +lilac #669 +lilac light #B4B4CB +lilac very light #E0E0E9 +white #FAFAFF +*/ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family: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 +----------------------------------------------------- */ +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:#2E2E61; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#E0E0E9; + border-bottom:solid 1px #669; +} +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:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#E0E0E9; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#669; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#E0E0E9; +} +#SiteTitle { + color:#2E2E61; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#669; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#E0E0E9; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #669; +} +#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; + background-color:#E0E0E9; +} +#navigation ul li a:hover { + background-color:#B4B4CB; + border-bottom:solid 1px #000; +} +#navigation ul li#CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #669; + border-right:solid 1px #669; + border-left:solid 1px #669; + border-bottom:solid 1px #FAFAFF; + background-color:#FAFAFF; +} +#navigation ul li#CurrentSection a:hover { + background-color:#FAFAFF; +} + +/* Main Table +----------------------------------------------------- */ +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:#B4B4CB; + border-top:solid 1px #669; + border-bottom:solid 1px #669; +} +table.infolist tr th:first-child { + border-left:solid 1px #669; +} +table.infolist tr th:last-child { + border-right:solid 1px #669; +} +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 #B4B4CB; +} +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 #B4B4CB; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:#E0E0E9; +} +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:#E0E0E9; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#B4B4CB; +} +table.surname { + border-bottom:solid 1px #E0E0E9; +} +table.surname tbody tr td { + border-bottom:dashed 1px #B4B4CB; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#E0E0E9; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#B4B4CB; +} +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 +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #E0E0E9; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #B4B4CB; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background-color:#E0E0E9; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#B4B4CB; +} +#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:#669; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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 { + background-color:#E0E0E9; +} +#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:#E0E0E9; + border:solid 1px #669; +} +#GalleryNav a:hover { + background-color:#B4B4CB; +} +#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 #669; +} +#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:#E0E0E9; + border-style:solid; + border-width:8px 0 0 0; + border-color:#B4B4CB; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#E0E0E9; + border:solid 1px #669; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #669; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:70%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Subsections +----------------------------------------------------- */ +#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; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #B4B4CB; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #B4B4CB; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} + +/* Subsections : 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 #B4B4CB; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #B4B4CB; +} + +/* Subsections : Attributes +----------------------------------------------------- */ + +/* Subsections : 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 #669; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ + +/* Subsections : 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; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#E0E0E9; + border:solid 1px #669; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #2E2E61; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#669; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#669; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E0E9; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E0E9; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:100%; + font-size:12px; + line-height:130%; + color:#2E2E61; + margin:0; + padding:0; + background-color:#B4B4CB; + border-top:solid 1px #2E2E61; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#2E2E61; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:14px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#2E2E61; +} +.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%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#2E2E61; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#2E2E61; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#B4B4CB; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #B4B4CB; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#2E2E61; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#2E2E61; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#B4B4CB; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#B4B4CB; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#E0E0E9; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#2E2E61; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#2E2E61; +} +.calendar tbody tr td.highlight { + background-color:#FFEBC2; +} +.calendar tbody tr td.highlight div.date { + color:#FF7C27; + background-color:#FFCF6C; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#B4B4CB; + background-color:#E0E0E9; +} diff --git a/src/data/Web_Basic-Peach.css b/src/data/Web_Basic-Peach.css new file mode 100644 index 000000000..2aeaae1a8 --- /dev/null +++ b/src/data/Web_Basic-Peach.css @@ -0,0 +1,1113 @@ +/* +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic-Peach Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme. +************************************************************************************************** +This website was created with GRAMPS +http://www.gramps-project.org +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, +and a wiki open to all. It is a community project, created, developed and governed by genealogists. + +Go to http://gramps-project.org to learn more! + +-------------------------------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek + +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 +-------------------------------------------------------------------------------------------------- +black #36220B +brown #8C581C +orange dark #EA8414 +orange #FFC35E +orange light #FFE09F +yellow light #FFFBE7 +*/ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:sans-serif; + color:#36220B; + margin:0; + padding:0; + background-color:#FFFBE7; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFFBE7; +} +.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 +----------------------------------------------------- */ +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:#EA8414; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#FFE09F; + border-bottom:solid 1px #8C581C; +} +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:link { + color:#36220B; + text-decoration:underline; +} +a:hover, a:active { + background-color:#FFE09F; + color:#36220B; + text-decoration:underline; +} +a:visited { + color:#36220B; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#8C581C; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#FFE09F; +} +#SiteTitle { + color:#EA8414; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#8C581C; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#FFE09F; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #8C581C; +} +#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; + background-color:#FFE09F; +} +#navigation ul li a:hover { + background-color:#FFC35E; + border-bottom:solid 1px #36220B; +} +#navigation ul li#CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #8C581C; + border-right:solid 1px #8C581C; + border-left:solid 1px #8C581C; + border-bottom:solid 1px #FFFBE7; + background-color:#FFFBE7; +} +#navigation ul li#CurrentSection a:hover { + background-color:#FFFBE7; +} + +/* Main Table +----------------------------------------------------- */ +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:#FFC35E; + border-top:solid 1px #8C581C; + border-bottom:solid 1px #8C581C; +} +table.infolist tr th:first-child { + border-left:solid 1px #8C581C; +} +table.infolist tr th:last-child { + border-right:solid 1px #8C581C; +} +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 #FFC35E; +} +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 #FFC35E; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:#FFE09F; +} +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:#FFE09F; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#FFC35E; +} +table.surname { + border-bottom:solid 1px #FFE09F; +} +table.surname tbody tr td { + border-bottom:dashed 1px #FFC35E; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#FFE09F; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#FFC35E; +} +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 +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #FFE09F; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #FFC35E; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background-color:#FFE09F; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#FFC35E; +} +#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:#8C581C; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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 { + background-color:#FFE09F; +} +#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:#FFE09F; + border:solid 1px #8C581C; +} +#GalleryNav a:hover { + background-color:#FFC35E; +} +#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 #8C581C; +} +#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:#FFE09F; + border-style:solid; + border-width:8px 0 0 0; + border-color:#FFC35E; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #8C581C; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:70%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Subsections +----------------------------------------------------- */ +#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:#FFFBE7; +} +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; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFFBE7; + border-bottom:solid .7em #FFFBE7; +} +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; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFFBE7; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #FFC35E; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #FFC35E; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFFBE7; +} +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 #FFC35E; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #FFC35E; +} + +/* Subsections : Attributes +----------------------------------------------------- */ + +/* Subsections : 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 #8C581C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ + +/* Subsections : 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; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#36220B; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #8C581C; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#EA8414; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#EA8414; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#FFE09F; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#FFE09F; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:100%; + font-size:12px; + line-height:130%; + color:#8C581C; + margin:0; + padding:0; + background-color:#FFC35E; + border-top:solid 1px #EA8414; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#8C581C; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:14px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#8C581C; +} +.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%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#36220B; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#EA8414; + background-color:#FFE09F; + border-style:solid; + border-width:0 0 1px 0; + border-color:#8C581C; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #8C581C; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#8C581C; + background-color:#FFFBE7; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#8C581C; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#FFE09F; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#FFE09F; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#FFFBE7; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#FFE09F; + background-color:#FFFBE7; +} diff --git a/src/data/Web_Basic-Spruce.css b/src/data/Web_Basic-Spruce.css new file mode 100644 index 000000000..f13012752 --- /dev/null +++ b/src/data/Web_Basic-Spruce.css @@ -0,0 +1,1114 @@ +/* +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic-Spruce Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme. +************************************************************************************************** +This website was created with GRAMPS +http://www.gramps-project.org +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program, +and a wiki open to all. It is a community project, created, developed and governed by genealogists. + +Go to http://gramps-project.org to learn more! + +-------------------------------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek + +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 +-------------------------------------------------------------------------------------------------- +black #000 +blue dark #204D91 +blue #7CA3DD +blue light #BFD0EA +blue very light #EAEEF4 +white #FFF +*/ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFF; +} +.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 +----------------------------------------------------- */ +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:#204D91; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#EAEEF4; + border-bottom:solid 1px #7CA3DD; +} +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:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#EAEEF4; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7CA3DD; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#EAEEF4; +} +#SiteTitle { + color:#204D91; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#7CA3DD; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#EAEEF4; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7CA3DD; +} +#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; + background-color:#EAEEF4; +} +#navigation ul li a:hover { + background-color:#BFD0EA; + border-bottom:solid 1px #000; +} +#navigation ul li#CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #7CA3DD; + border-right:solid 1px #7CA3DD; + border-left:solid 1px #7CA3DD; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#navigation ul li#CurrentSection a:hover { + background-color:#FFF; +} + +/* Main Table +----------------------------------------------------- */ +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:#BFD0EA; + border-top:solid 1px #7CA3DD; + border-bottom:solid 1px #7CA3DD; +} +table.infolist tr th:first-child { + border-left:solid 1px #7CA3DD; +} +table.infolist tr th:last-child { + border-right:solid 1px #7CA3DD; +} +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 #BFD0EA; +} +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 #BFD0EA; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:#EAEEF4; +} +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:#EAEEF4; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#BFD0EA; +} +table.surname { + border-bottom:solid 1px #EAEEF4; +} +table.surname tbody tr td { + border-bottom:dashed 1px #BFD0EA; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#EAEEF4; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#BFD0EA; +} +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 +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #EAEEF4; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #BFD0EA; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background-color:#EAEEF4; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#BFD0EA; +} +#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:#7CA3DD; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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 { + background-color:#EAEEF4; +} +#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:#EAEEF4; + border:solid 1px #7CA3DD; +} +#GalleryNav a:hover { + background-color:#BFD0EA; +} +#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 #7CA3DD; +} +#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:#EAEEF4; + border-style:solid; + border-width:8px 0 0 0; + border-color:#BFD0EA; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #7CA3DD; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:70%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Subsections +----------------------------------------------------- */ +#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:#FFF; +} +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; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + 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 { + 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; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #BFD0EA; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #BFD0EA; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : 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; +} + +/* Subsections : 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; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +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 #BFD0EA; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #BFD0EA; +} + +/* Subsections : Attributes +----------------------------------------------------- */ + +/* Subsections : 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 #7CA3DD; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ + +/* Subsections : 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; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #204D91; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#7CA3DD; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#7CA3DD; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#EAEEF4; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#EAEEF4; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:100%; + font-size:12px; + line-height:130%; + color:#204D91; + margin:0; + padding:0; + background-color:#BFD0EA; + border-top:solid 1px #204D91; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#204D91; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:14px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#204D91; +} +.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%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#204D91; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#204D91; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#7CA3DD; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #7CA3DD; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#204D91; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#204D91; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#BFD0EA; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#BFD0EA; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#EAEEF4; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#FFEBC2; +} +.calendar tbody tr td.highlight div.date { + color:#FF7C27; + background-color:#FFCF6C; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#BFD0EA; + background-color:#EAEEF4; +} diff --git a/src/data/Web_Evergreen.css b/src/data/Web_Evergreen.css index 79f43e532..a5f110a9a 100644 --- a/src/data/Web_Evergreen.css +++ b/src/data/Web_Evergreen.css @@ -203,10 +203,10 @@ a:hover { */ #header { width:100%; - height:1cm; - padding:0 0 .9em 0; + height:2cm; + padding:0; margin:0; - background-color:#139400; + background-color:#22822A; border-top:solid 4px #D30; border-bottom:solid 2px #D30; } @@ -253,10 +253,13 @@ p#user_header { */ #navigation { width:100%; - height:35px; + height:30px; list-style-type:none; text-align:center; vertical-align:middle; + font-size:10px; + margin:0; + padding:0; background-color:#6AF364; border-top:solid 4px #D30; border-bottom:solid 4px #D30; @@ -265,6 +268,8 @@ p#user_header { display:inline; width:2em; text-align:center; + font-size:10px; + padding:0; margin:0; } #navigation ul li a { @@ -281,12 +286,13 @@ p#user_header { #navigation ul li#CurrentSection a { border-right:solid 2px #D30; border-left:solid 2px #D30; - border-top:solid 2px #D30; - border-bottom:solid 2px #FAFAFA; + bborder-top:solid 4px #D30; + border-bottom:solid 1px #FAFAFA; font-family:Georgia, serif; font-weight:bold; font-style:italic; font-size:16px; + padding:4px; text-decoration:none; background-color:#FAFAFA; color:#426E40; @@ -335,7 +341,7 @@ p#user_header { color:#FAFAFA; border:solid 1px #6AF364; } -.calendar tbody tr.week5, .calendar tbody tr.week6 { +.week3, .week4, .week5 { border-bottom:solid 1px #000; } .calendar tbody tr td { @@ -413,8 +419,6 @@ p#user_header { .highlight div.date { background-color:#1E90FF; color:#FAFAFA; - font-weight:bold; - font-style:italic; } /* @@ -1286,6 +1290,7 @@ div#pedigree { height:1.5cm; background-color:#139400; color:#FAFAFA; + font-size:14px; margin:0; padding:0; clear:both; @@ -1298,15 +1303,14 @@ div#pedigree { } #footer a:hover { text-decoration:none; - background-color:#228B22; + background-color:#426E40; } #footer img { border:0; margin:0; - float:center; + background:none; } #footer p#createdate { - font-size:.8em; float:left; width:40%; text-align:left; diff --git a/src/data/Web_Mainz.css b/src/data/Web_Mainz.css new file mode 100644 index 000000000..8d2eeff9c --- /dev/null +++ b/src/data/Web_Mainz.css @@ -0,0 +1,1088 @@ +/* +---------------------------------------------------------------------------- +GRAMPS Cascading Style Sheet +Style Name: Mainz +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 +---------------------------------------------------------------------------- +black #000 +brown #7D5925 +brown light #D8C19F +green #767D25 +yellow #FFF2C6 +yellow light #FFFFE7 +---------------------------------------------------------------------------- + + +Style Images +---------------------------------------------------------------------------- +Body images/Web_Mainz_Bkgd.png +Header images/Web_Mainz_Header.png +Middle images/Web_Mainz_Mid.png +Middle Light images/Web_Mainz_MidLight.png +---------------------------------------------------------------------------- +*/ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:Georgia, serif; + color:#7D5925; + margin:0; + padding:0; + background:url(../images/Web_Mainz_Bkgd.png) #000 repeat; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + width:965px; + margin:0 auto; + padding-bottom:.5em; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.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 +----------------------------------------------------- */ +h1 { + font-size:1.8em; + font-weight:normal; + font-style:italic; +} +h2 { + display:none; +} +h3 { + font-size:2em; + line-height:1.3em; + font-weight:normal; + font-style:italic; + color:#767D25; + text-align:center; + margin:0; + padding:.3em 20px 0 20px; +} +h4 { + font-size:1.4em; + font-weight:normal; + font-style:italic; + color:#767D25; + text-align:center; + margin:0; + padding:.5em 0 .2em 0; + border-bottom:dashed 1px #7D5925; +} +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:link { + color:#7D5925; + text-decoration:underline; +} +a:hover, a:active { + color:#7D5925; + text-decoration:underline; + background-color:#FFFFE7; +} +a:visited { + color:#7D5925; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; +} + +/* Header +----------------------------------------------------- */ +#header { + width:965px; + margin:0 auto; + padding:5em 0 2px 0; + background:url(../images/Web_Mainz_Header.png) repeat-x top left; +} +#SiteTitle { + color:#7D5925; + margin:0 0 7px 50px; +} +#Header p { + font-size:1em; + font-weight:bold; + font-style:italic; + color:#7D5925; + margin:0 0 5px 50px; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + font-family:sans-serif; + width:965px; + margin:0 auto; + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; +} +#navigation ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 12px; +} +#navigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:normal; + color:#7D5925; + text-decoration:none; + margin:0; + padding:6px 8px 5px 8px; +} +#navigation ul li a:hover { + background-color:#FFFFE7; +} +#navigation ul li#CurrentSection a { + font-family:Georgia, serif; + font-weight:bold; + font-style:italic; + padding:5px 15px 5px 15px; + border-top:solid 1px yellow; + border-bottom:solid 1px yellow; + border-style:dashed; + border-width:1px; + border-color:#7D5925; +} +#navigation ul li#CurrentSection a:hover { +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0 15px 1em 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + border-bottom:double 4px #7D5925; +} +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:dashed 1px #D8C19F; +} +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 #D8C19F; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist { + margin-left:auto; + margin-right:auto; +} +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + 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:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; +} +table.surname tbody tr td { + border-bottom:dashed 1px #D8C19F; +} +table.surname tbody tr:last-child td { + border:none; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +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 thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #D8C19F; +} +#Individuals table.individuallist tbody tr:last-child td { + border:none; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +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 { + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +#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:#767D25; + padding-left:5px; +} + +/* 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 { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +#Places table.infolist { + margin:0 auto; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* 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; +} +#GalleryNav { + font-size:.8em; + margin:0; + padding:2.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + font-style:italic; + color:#FFF2C6; + text-decoration:none; + background:url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; + border:outset 3px #000; +} +#GalleryNav a:hover { + border:outset 3px #7D5925; +} +#GalleryNav a:active { + border:solid 3px #000; +} +#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:2em; + font-weight:normal; + font-style:italic; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + text-align:center; +} +#GalleryDisplay img { + margin:0 auto; + border:solid 1px #7D5925; +} +#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; + border-style:double; + border-width:4px 0 0 0; + border-color:#7D5925; +} +#GalleryDetail div#summaryarea table.gallery tbody tr td.ColumnAttribute { + color:#767D25; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:0 auto; + padding:1em 3em; +} +#Contact #summaryarea img { + display:block; + margin:0 auto; + padding:0; + border:solid 1px #7D5925; +} +#researcher { + text-align:center; + margin-top:.7em; +} +#researcher h3 { + padding:0; +} +#streetaddress { + display:block; +} +#city:after { + content:","; +} +#country { } +#email { + display:block; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* SubSection +----------------------------------------------------- */ +#Home, #Introduction, #Download, #Contact { + min-height:500px; + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p { + margin:0 20px 1em 20px; + padding-top:1em; +} +#Home img, #Introduction img, #Download img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; +} +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 : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + width:100%; + margin:1.5em 0 0 0; + padding:0; + border-style:double; + border-width:4px 0 0 0; + border-color:#7D5925; +} +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 : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +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 #D8C19F; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #D8C19F; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* SubSection : 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 : 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 : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +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 #D8C19F; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #D8C19F; +} + +/* SubSection : Attributes +----------------------------------------------------- */ + +/* SubSection : 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 #7D5925; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* SubSection : Weblinks +----------------------------------------------------- */ + +/* SubSection : 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 : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + padding-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#7D5925; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#FFFFE7; + border:dotted 2px #7D5925; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + color:#7D5925; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #7D5925; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/GenderSymbols_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/GenderSymbols_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:2px; + margin:2px 0 0 16px; + padding:0; + background-color:#D8C19F; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:2px 0 0 16px; + padding:0; + background-color:#D8C19F; +} +.ghline, .gvline { + display:none; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + width:965px; + font-size:12px; + line-height:130%; + font-family:sans-serif; + margin:0 auto; + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; + border-top:dashed 1px #7D5925; +} +#footer a, #footer a:visited { + text-decoration:none; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#footer p#quality { + float:center; + width:100%; + text-align:center; + padding-bottom:40px; + margin-bottom:0; +} +#footer p#quality img { + float:center; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +.calendar { + empty-cells:show; + width:965px; + font-size:1em; + font-weight:normal; + margin:0 auto; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:normal; + font-style:italic; + font-size:18px; + line-height:100%; + text-align:center; + padding:2px 0; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + text-transform:none; + color:#767D25; + padding:.3em 0 .2em 0; +} +#CreatorInfo { + float:right; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { } +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:double 4px #7D5925; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#7D5925; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-style:italic; + font-size:1.2em; + line-height:100%; + text-align:center; + color:#7D5925; + margin:0 0 0 .5em; + padding:.2em 0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:dashed; + border-color:#7D5925; +} +.calendar tbody tr td.weekday { + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.calendar tbody tr td.weekend { + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 #D8C19F; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#767D25; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + +} +.calendar tbody tr td.highlight div.date { + color:#767D25; + background-image:none; + background-color:#FFFFE7; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#D8C19F; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} diff --git a/src/data/Web_Nebraska.css b/src/data/Web_Nebraska.css index 14ad9689c..697352005 100644 --- a/src/data/Web_Nebraska.css +++ b/src/data/Web_Nebraska.css @@ -1,20 +1,20 @@ /* ************************************************************************************************** - Copyright Holder and License -************************************************************************************************* +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! +Go to http://gramps-project.org to learn more! ---------------------------------------------------------------------------------------------------- +-------------------------------------------------------------------------------------------------- Copyright 2008 Jason M. Simanek This file is part of the GRAMPS program. @@ -28,1239 +28,1127 @@ 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 - ---------------------------------------------------------------------------- +Color Palette +-------------------------------------------------------------------------------------------------- +brown darkest #453619 +brown dark #542 +brown #A97 +brown light #C1B398 +brown lightest #F6F2EE +gray #696969 +green #5D835F */ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + color:#000; + margin:0; + padding:0; + background-color:#fff; +} div { - margin:0; - padding:0; + margin:0; + padding:0; } table { - border:none; - border-collapse:collapse; + border:none; + border-collapse:collapse; } th { - padding:1px 3em 1px 0.5em; - font-weight: bold; - text-align: left; + font-weight:bold; + text-align:left; + padding:1px 3em 1px 0.5em; } td { - vertical-align:top; - padding:0; + vertical-align:top; + padding:0; } img { - border:none; - margin:0; + border:none; + margin:0; } .thumbnail a:hover { - background:none; + background:none; } .content { - background-color:#FFF; + background-color:#FFF; } .content div.snapshot { - float:right; - margin:1.6em; - padding:0; - background:none; + float:right; + margin:1.6em; + padding:0; + background:none; } .content div.snapshot div.thumbnail { - margin:0; - padding:0; - background:none; + margin:0; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail p { + display:none; } .fullclear { - width:100%; - height:1px; - margin:0; - padding:0; - clear:both; + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; } -/* - ------------------------------------------------------------------------------ - General Text Styles - ------------------------------------------------------------------------------ -*/ +/* General Text +----------------------------------------------------- */ h1 { - font:normal 2em/1.2em serif; + font:normal 2em/1.2em serif; } h2 { - display:none; + display:none; } h3 { - font:normal 2em/1.2em serif; - text-align:left; - margin:0; - padding:.5em 20px .2em 20px; + 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; + 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; + 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; + color:#542; + max-width:800px; + margin:0; + padding:1em 20px; + background-color:#FFF; } p a { - color:#FFF; - text-decoration:underline; + color:#FFF; + text-decoration:underline; } sup { - line-height:0; + line-height:0; } ol { - font:normal .9em/1.6em sans-serif; - margin-top:0; - margin-bottom:0; - padding-top:.5em; - padding-bottom:0; + 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; + text-decoration:none; } ol li a:hover { - text-decoration:underline; + text-decoration:underline; } a { - color:#542; + color:#542; } a:visited { - color:#542; + color:#542; } a:hover { - background-color:#A97; - color:#542; - text-decoration:underline; + color:#542; + 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; +span.preposition { + padding-left:1em; + padding-right:1em; } .grampsid { - font:normal .8em/1.2em monospace; - color:#696969; + font:normal .8em/1.2em monospace; + color:#696969; +} + +/* Header +----------------------------------------------------- */ +#header { + margin:0; + padding:0 0 .9em 0; + background-color:#542; + border-bottom:solid 1px #453619; +} +#SiteTitle { + color:#FFF; + margin:0; + padding:.5em 0 0 20px; } p#user_header { - font-size:1.3em; - text-align:left; - color:#A97; - margin:0; - padding:.2em 0 .6em 20px; - background-color:#542; + 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 +----------------------------------------------------- */ #navigation { - margin:0; - padding:4px 0 0 0; - background-color:#A97; + margin:0; + padding:0; } #navigation ul { - list-style:none; - min-width:770px; - height:22px; - margin:0; - padding:0 0 0 12px; - border-bottom:1px solid #542; + list-style:none; + min-width:770px; + height:32px; + margin:0; + padding:0 0 0 9px; + background-color:#A97; + border-bottom:solid 1px #542; } #navigation ul li { - margin:0; - padding:0; - float:left; + margin: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; + display:block; + float:left; + font:normal 16px/100% serif; + color:#542; + text-decoration:none; + margin:0; + padding:8px 13px; + } #navigation ul li a:hover { - background-color:#453619; - border-bottom:solid 1px #542; + background-color:#C1B398; + border-bottom:solid 1px #542; } #navigation ul li#CurrentSection a { - padding-bottom:4px; - border:solid 1px #542; - background-color:#542; - color:#FFF; + font-size:19px; + margin-top:-6px; + padding-top:11px; + padding-bottom:8px; + border-right:solid 1px #542; + border-left:solid 1px #542; + border-bottom:solid 1px #FFF; + background-color:#FFF; } #navigation ul li#CurrentSection a:hover { - background-color:#F6F2EE; - color:#FFF; + background-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 - ------------------------------------------------------------------------------ -*/ +/* Main Table +----------------------------------------------------- */ table.infolist { - width:100%; - margin:0; - padding:0; - background-color:#F6F2EE; + 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; + 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; + background-color:#C1B398; } table.infolist tr td { - font:normal 1.1em/1.4em serif; - vertical-align:middle; - padding:.1em 10px; + font:normal 1.1em/1.4em serif; + vertical-align:middle; + padding:.1em 10px; } table.infolist tr td a { - display:block; - text-decoration:none; + display:block; + text-decoration:none; } table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { - border-top:solid 1px #C1B398; + border-top:solid 1px #C1B398; } table.infolist tr td.ColumnLetter { - width:3%; - text-align:center; + width:3%; + text-align:center; } table.infolist tbody tr td.ColumnBirth { - font-size:.9em; - color:#5D835F; - width:10%; + font-size:.9em; + color:#5D835F; + width:10%; } table.infolist tbody tr td.ColumnDeath { - font-size:.9em; - width:10%; + font-size:.9em; + width:10%; } table.infolist tbody tr td.ColumnRowLabel { - width:2%; - color:#696969; - padding-left:20px; + width:2%; + color:#696969; + padding-left:20px; } table.infolist tbody tr td.ColumnType { - width:6%; - padding-left:20px; + width:6%; + padding-left:20px; } table.infolist tbody tr td.ColumnPartner { - font-size:.9em; + font-size:.9em; } table.infolist tbody tr td.ColumnParents { - font-size:.9em; + font-size:.9em; } table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { - display:block; + display:block; } table.infolist tbody tr td.ColumnParents span.mother:before { - content:"+ "; + content:"+ "; } -/* - ------------------------------------------------------------------------------ - Surnames Styles - ------------------------------------------------------------------------------ -*/ +/* Surnames +----------------------------------------------------- */ #Surnames { } #SurnameDetail p#description { padding-top:0; } table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { - width:50%; + width:50%; } table.surnamelist tr th { - padding:0; + 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; + display:block; + color:#FFF; + text-align:left; + text-decoration:none; + padding:.2em 10px; } table.surnamelist tr th:hover { - background-color:#C1B398; + background-color:#C1B398; } table.surnamelist thead tr th.ColumnLetter { - padding-left:20px; - padding-right:10px; + padding-left:20px; + padding-right:10px; } table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { - background-color:#C1B398; + background-color:#C1B398; } table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { - content:" ↓"; + content:" ↓"; } table#SortByName tbody tr td.ColumnSurname { - padding:0; - background-color:#FFF; + padding:0; + background-color:#FFF; } table#SortByName tbody tr td.ColumnSurname a { - display:block; - padding:.1em 10px .3em 10px; + display:block; + padding:.1em 10px .3em 10px; } table#SortByCount tbody tr td.ColumnQuantity { - background-color:#FFF; + background-color:#FFF; } table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover { - background-color:#C1B398; + background-color:#C1B398; } table.surname { - border-bottom:solid 1px #A97; + border-bottom:solid 1px #A97; } table.surname tbody tr td { - border-bottom:dashed 1px #C1B398; + border-bottom:dashed 1px #C1B398; } table.surname thead tr th.ColumnName { - width:20%; - padding-left:20px; + width:20%; + padding-left:20px; } table.surname tbody tr td.ColumnName { - width:20%; - padding:0; - background-color:#FFF; + width:20%; + padding:0; + background-color:#FFF; } table.surname tbody tr td.ColumnName a { - display:block; - padding:.6em 10px .6em 20px; + display:block; + padding:.6em 10px .6em 20px; } table.surname tbody tr td.ColumnName a span.grampsid { - display:none; + display:none; } table.surname tbody tr td.ColumnName:hover { - background-color:#C1B398; + background-color:#C1B398; } table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { - width:25%; + width:25%; } -/* - ------------------------------------------------------------------------------ - Individuals Styles - ------------------------------------------------------------------------------ -*/ +/* Individuals +----------------------------------------------------- */ #Individuals { } #Individuals table.individuallist { - border-bottom:solid 1px #A97; + border-bottom:solid 1px #A97; } #Individuals table.individuallist tbody tr td { - border-bottom:dashed 1px #C1B398; + border-bottom:dashed 1px #C1B398; } #Individuals table.individuallist tbody tr td a:hover { - text-decoration:underline; + text-decoration:none; } table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { - cursor:default; - background:none; + cursor:default; + color:black; + background:none; } table.individuallist tbody tr td.ColumnName { - padding:0; - background-color:#FFF; + padding:0; + background-color:#FFF; } table.individuallist tbody tr td.ColumnName a { - display:block; - padding:.6em 10px; - vertical-align:middle; + display:block; + padding:.6em 10px; + vertical-align:middle; } table.individuallist tbody tr td.ColumnName a:hover { - text-decoration:underline; + background-color:#C1B398; } #IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { - font:normal .9em/1.2em sans-serif; - vertical-align:top; + 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; + display:inline; } #IndividualDetail table.infolist tr td a:hover { - text-decoration:underline; + text-decoration:underline; } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { - width:10%; - color:#696969; + width:10%; + color:#696969; } -/* - ------------------------------------------------------------------------------ - Sources Styles - ------------------------------------------------------------------------------ -*/ +/* Sources +----------------------------------------------------- */ #Sources { } #Sources table.infolist tbody tr td.ColumnRowLabel { - padding-bottom:0; + padding-bottom:0; } #Sources table.infolist tbody tr td.ColumnName { - padding:0; + padding:0; } #Sources table.infolist tbody tr td.ColumnName a { - font-size:.9em; - padding:.1em 10px .3em 10px; + font-size:.9em; + padding:.1em 10px .3em 10px; } #Sources table.infolist tbody tr td.ColumnName a:hover { - text-decoration:underline; + background-color:#C1B398; } #SourceDetail div#references ol li { - padding-bottom:.5em; + padding-bottom:.5em; } -/* - ------------------------------------------------------------------------------ - Places Styles - ------------------------------------------------------------------------------ -*/ +/* Places +----------------------------------------------------- */ #Places { } #Places table.infolist tbody tr td.ColumnName { - padding:0; + padding:0; } #Places table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; + padding:.1em 10px .3em 10px; } #Places table.infolist tbody tr td.ColumnName a:hover { - text-decoration:underline; + background-color:#C1B398; } -/* - ------------------------------------------------------------------------------ - Gallery Styles - ------------------------------------------------------------------------------ -*/ +/* Gallery +----------------------------------------------------- */ #Gallery { } #Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { - padding-bottom:0; + padding-bottom:0; } #Gallery table.infolist tbody tr td.ColumnName { - padding:0; + padding:0; } #Gallery table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; + padding:.1em 10px .3em 10px; } #Gallery table.infolist tbody tr td.ColumnName a:hover { - text-decoration:underline; + background-color:#C1B398; } #GalleryNav { - font:normal 1em/1em sans-serif; - margin:1em 0 0 0; - padding:1.2em 0 1.4em 0; - text-align:center; + 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; + font-weight:bold; + text-decoration:none; + border:solid 1px #542; } #GalleryNav a:hover { - background-color:#F6F2EE; + background-color:#F6F2EE; } #GalleryNav a#Previous { - padding:.5em .7em .3em .7em; + padding:.5em .7em .3em .7em; } #GalleryNav a#Next { - padding:.5em 1.9em .3em 1.9em; + padding:.5em 1.9em .3em 1.9em; } #GalleryPages { - margin:0 1em; + margin:0 1em; } #GalleryCurrent { - font:bold 1.2em/1em sans-serif; + font:bold 1.2em/1em sans-serif; } #GalleryTotal { - font-weight:normal; + font-weight:normal; } #GalleryDisplay { - text-align:center; + text-align:center; } #GalleryDisplay img { - margin:0 auto; - border:solid 1px #542; + margin:0 auto; + border:solid 1px #542; } #GalleryDetail div#summaryarea{ - margin:0; - padding:2em 0 0 0; + margin:0; + padding:2em 0 0 0; } #GalleryDetail div#summaryarea h3 { - font:normal 1.2em/1.2em serif; - text-align:center; + font:normal 1.2em/1.2em serif; + text-align:center; } #GalleryDetail div h4 { - margin-top:0; + 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; + 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 +----------------------------------------------------- */ #Contact #summaryarea { - width:500px; - margin:0 auto; - padding:3em; - background-color:#F1ECE2; + width:500px; + margin:0 auto; + padding:3em; + background-color:#F1ECE2; } #Contact #summaryarea img { - float:right; - margin:0; + float:right; + margin:0; } #researcher { - font:normal 1.5em/1.4em serif; - margin-top:.3em; + font:normal 1.5em/1.4em serif; + margin-top:.3em; } #researcher h3 { - font:normal 1.2em/1.4em serif; - padding:0; + 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; + float:left; + display:block; + font:normal .9em/1.4em serif; + margin-right:.4em; } #streetaddress { - background-color:#542; - color:#FFF; - width:80%; + width:70%; } #city:after { - content:","; + content:","; } #country { - clear:left; + clear:left; } #email { - clear:left; + clear:left; } #email a { - text-decoration:none; + text-decoration:none; } #email a:hover { - text-decoration:underline; + text-decoration:underline; } -/* - ------------------------------------------------------------------------------ - SubSection Styles - ------------------------------------------------------------------------------ -*/ +/* Subsections +----------------------------------------------------- */ #Home, #Introduction, #Contact { - padding:2em 0 3em 0; + padding:2em 0 3em 0; } #Download { - padding:1em 0 3em 0; + padding:1em 0 3em 0; } #Home p, #Introduction p, #Download p { - margin:0 20px 1em 20px; + margin:0 20px 1em 20px; } #Home img, #Introduction img, #Download img { - float:right; - margin:0; - padding:0 20px 3em 2em; + float:right; + margin:0; + padding:0 20px 3em 2em; } div.subsection{ - padding-bottom:.5em; - background-color:#F6F2EE; + padding-bottom:.5em; + background-color:#F6F2EE; } div.subsection h4 { - margin-bottom:.5em; + margin-bottom:.5em; } div.subsection table, div.subsection ol, div.subsection p { - font-size:.9em; + font-size:.9em; } div.subsection a { - text-decoration:none; + text-decoration:none; } div.subsection a:hover { - text-decoration:underline; + text-decoration:underline; } div.subsection table.infolist { - width:100%; - margin:0; + width:100%; + margin:0; } #IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; + padding-left:20px; } -/* ---------------------------------------------------------------------------------- - Individuals Styles : Events - ------------------------------------------------------------------------------ -*/ +/* Subsections : Events +----------------------------------------------------- */ div#events { - padding-bottom:0; + padding-bottom:0; } div#events h4 { - margin-bottom:0; + margin-bottom:0; + border:none; +} +#IndividualDetail div#events table.infolist thead tr th { + font-weight:bold; + font-size:12px; + line-height:12px; + font-family:sans-serif; + text-transform:uppercase; + color:#542; + padding-top:6px; + padding-bottom:4px; + background-color:#A97; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; } #IndividualDetail div#events table.infolist tbody tr td { - padding-top:.4em; - padding-bottom:.8em; + padding-top:.4em; + padding-bottom:.8em; } #IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { - border-bottom:solid 1px #C1B398; + border-bottom:solid 1px #C1B398; } #IndividualDetail div#events table.infolist tbody tr td.ColumnValue { - border-bottom:solid 1px #C1B398; + border-bottom:solid 1px #C1B398; } table.infolist tbody tr td.ColumnValue p { - font-family:sans-serif; - color:#696969; - margin:.2em 0 0 2em; + font-family:sans-serif; + color:#696969; + margin:.2em 0 0 2em; } -/* --------------------------------------------------------------------------------- - SubSection Styles : Attributes - ------------------------------------------------------------------------------ -*/ +/* Subsections : Attributes +----------------------------------------------------- */ -/* -------------------------------------------------------------------------------- - Individuals Styles : Parents - ------------------------------------------------------------------------------ -*/ +/* Subsections : Parents +----------------------------------------------------- */ div#parents table.infolist { - margin-top:.5em; + margin-top:.5em; } div#parents table.infolist tbody tr td.ColumnAttribute { - width:19%; + width:19%; } div#parents table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; + margin:0; + padding-top:0; } div#parents table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; + padding-bottom:.2em; } -/* --------------------------------------------------------------------------------- - Individuals Styles : Families - ------------------------------------------------------------------------------ -*/ +/* Subsections : Families +----------------------------------------------------- */ div#families table.infolist { - margin-top:.5em; + margin-top:.5em; } div#families table.infolist tbody tr td.ColumnValue p { - margin-top:0; + margin-top:0; } div#families table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; + margin:0; + padding-top:0; } div#families table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; + padding-bottom:.2em; } -/* --------------------------------------------------------------------------------- - Individuals Styles : Addresses - ------------------------------------------------------------------------------ -*/ +/* Subsections : Addresses +----------------------------------------------------- */ div#addresses { - padding-bottom:0; + padding-bottom:0; } div#addresses table.infolist tbody tr td { - padding-top:.4em; - padding-bottom:.4em; + padding-top:.4em; + padding-bottom:.4em; } div#addresses table.infolist tbody tr td.ColumnAttribute { - width:30%; - border-bottom:solid 1px #C1B398; + width:30%; + border-bottom:solid 1px #C1B398; } div#addresses table.infolist tbody tr td.ColumnValue { - border-bottom:solid 1px #C1B398; + border-bottom:solid 1px #C1B398; } -/* ---------------------------------------------------------------------------------- - SubSection Styles : Gallery - ------------------------------------------------------------------------------ -*/ +/* Subsections : Gallery +----------------------------------------------------- */ #indivgallery h4 { - margin-bottom:1em; + margin-bottom:1em; } #indivgallery .thumbnail { - margin:0; + margin:0; float:left; width:130px; height:150px; text-align:center; } #indivgallery .thumbnail a { - display:block; - margin:0; - padding:0; - background:none; + display:block; + margin:0; + padding:0; + background:none; } #indivgallery .thumbnail a img { - margin:0; - padding:0; - border:solid 1px #542; + 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; + font:normal .7em/1.4em sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; } -/* ---------------------------------------------------------------------------------- - SubSection Styles : Narrative - ------------------------------------------------------------------------------ -*/ +/* Subsections : Narrative +----------------------------------------------------- */ div#narrative { - padding-bottom:0; + padding-bottom:0; } #narrative p { - font:normal .9em/1.4em sans-serif; - margin-top:.5em; - margin-bottom:0; - padding:0 20px 1em 20px; + font:normal .9em/1.4em sans-serif; + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; } -/* --------------------------------------------------------------------------------- - SubSection Styles : References - ------------------------------------------------------------------------------ -*/ +/* Subsections : References +----------------------------------------------------- */ -/* --------------------------------------------------------------------------------- - SubSection Styles : Source References - ------------------------------------------------------------------------------ -*/ +/* Subsections : Source References +----------------------------------------------------- */ div#sourcerefs ol { - list-style-type:decimal; + list-style-type:decimal; } div#sourcerefs ol li ol { - list-style-type:lower-alpha; + list-style-type:lower-alpha; } -/* --------------------------------------------------------------------------------- - SubSection Styles : Summary Area - ------------------------------------------------------------------------------ -*/ +/* Subsections : Summary Area +----------------------------------------------------- */ div#summaryarea { - background:none; + background:none; } div#summaryarea table.infolist { - margin:0; - padding:0; - background:#FFF; - border-bottom:solid .7em #FFF; + 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; + 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; + display:inline; } div#summaryarea table.infolist tbody tr td.ColumnAttribute { - width:14%; - color:#696969; - padding-left:20px; + width:14%; + color:#696969; + padding-left:20px; } -/* ---------------------------------------------------------------------------------- - SubSection Styles : Weblinks - ------------------------------------------------------------------------------ -*/ +/* Subsections : Weblinks +----------------------------------------------------- */ -/* ---------------------------------------------------------------------------------- - Individuals Styles : Pedigree - ------------------------------------------------------------------------------ -*/ +/* Subsections : Pedigree +----------------------------------------------------- */ div#pedigree { - padding-bottom:1.2em; + padding-bottom:1.2em; } #pedigree a { - text-decoration:none; + text-decoration:none; } #pedigree a:hover { - text-decoration:underline; + text-decoration:underline; } .pedigreegen { - font:normal .9em/1.2em sans-serif; - list-style:none; - margin:.5em 0 0 0; - padding:0 0 0 20px; + 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; + 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; + 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; + list-style:none; + margin-left:0; } .spouselist li.spouse ol { - list-style:decimal; - margin-left:1.6em; + list-style:decimal; + margin-left:1.6em; } .spouse a { - font-weight:normal; - font-style:normal; - color:#A97; + font-weight:normal; + font-style:normal; + color:#A97; } .spouse:before { - content: "+ "; + content: "+ "; } .thisperson { - font-weight:bold; + font-weight:bold; } -/* --------------------------------------------------------------------------------- - Individuals Styles : Ancestors Tree - ------------------------------------------------------------------------------ -*/ +/* Subsections : Ancestors Tree +----------------------------------------------------- */ #tree { - page-break-before:always; - margin:0; - padding:0; - background:none; + page-break-before:always; + margin:0; + padding:0; + background:none; } #treeContainer { - position:relative; - z-index:1; + position:relative; + z-index:1; } -.boxbg { - position:absolute; - margin:0; - padding:0; +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; } -.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; +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .7em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#542; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#F6F2EE; + border:solid 1px #542; } -.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; +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + color:#542; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #542; } -.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; +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; } -.boxbg div a:hover { - position:relative; - z-index:999; - font-size:1em; - width:210px; - color:#FFF; +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; } -.male { - background-color:#1E90FF; - color:#FFF; +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; } -.male div { - background-color:#1E90FF; - color:#FFF; +#treeContainer div.AncCol0 a:hover { + margin-left:12px; } -.female { - background-color:#F3C; - color:#FFF; +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; } -.female div { - background-color:#F3C; - color:#FFF; +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; } -.unknown { - background-color:#000; - color:#FFF; +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; } -.unknown div { - background-color:#000; - color:#FFF; +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, #treeContainer div.female a { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a { + background-image:url(../images/GenderSymbols_Male.png); +} +#treeContainer div.female a { + background-image:url(../images/GenderSymbols_Female.png); } .shadow { - display:none; + display:none; } #tree div div.bvline { - position:absolute; - z-index:2; - height:1px; - margin:0 0 0 16px; - padding:0; - background-color:#453619; + 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; + position:absolute; + z-index:2; + width:1px; + margin:0 0 0 16px; + padding:0; + background-color:#453619; } .ghline, .gvline { - display:none; + display:none; } -/* - ------------------------------------------------------------------------------ - Footer Styles - ------------------------------------------------------------------------------ -*/ +/* Footer +----------------------------------------------------- */ #footer { - background-color:#542; - border-top:solid 8px #A97; - height:2cm; - width:100%; - color:#fff; - margin:0; - padding:0; - clear:both; + clear:both; + width:100%; + font-size:12px; + line-height:130%; + font-family:sans-serif; + color:#FFF; + margin:0; + padding:0; + background-color:#542; + border-top:solid 8px #A97; } -#footer a { - text-decoration:none; +#footer a, #footer a:visited { + text-decoration:none; + color:#FFF; } #footer a:hover { - text-decoration:underline; + text-decoration:underline; } #footer img { - border:0; - margin:0; - vertical-align:center; - horizontal-align:center; + border:0; + margin:0; + vertical-align:middle; + horizontal-align:center; } #footer p#createdate { - float:left; - width:40%; - text-align:left; - margin-left:10px; - color:#FFF; + 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; + float:right; + width:40%; + text-align:right; + color:#FFF; + margin-right:10px; } #footer p#copyright img { - margin-right:10px; + margin-right:10px; } #footer p#quality { - float:center; - width:100%; - text-align:center; - color:#FFF; + float:center; + width:100%; + text-align:center; + color:#FFF; } #footer p#quality img { - float:center; + float:center; } #user_footer { - width:70%; - float:left; - margin:1em; + width:70%; + float:left; + margin:1em; } #user_footer p { - font:normal 1em/1.2em serif; - color:#A97; - margin:0; - padding:0; + font:normal 1em/1.2em serif; + color:#A97; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#542; +} +.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%; + font-weight:normal; + font-size:18px; + line-height:18px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + line-height:100%; + text-transform:none; + color:#542; + padding:.3em 0 .2em 0; + background-color:#FFF; +} +#CreatorInfo { + float:right; + color:#FFF; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#542; + background-color:#A97; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #A97; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#542; + background-color:#F6F2EE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-size:1.2em; + line-height:100%; + text-align:center; + color:#542; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#F6F2EE; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#A97; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#F6F2EE; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.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 : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#A97; + background-color:#F6F2EE; } diff --git a/src/data/Web_Print-Default.css b/src/data/Web_Print-Default.css index d72c920ed..0e4192627 100644 --- a/src/data/Web_Print-Default.css +++ b/src/data/Web_Print-Default.css @@ -1,21 +1,21 @@ /* ************************************************************************************************** - Copyright Holder and License -************************************************************************************************* - GRAMPS Cascading Style Sheet - Style Name: Print Style Sheet - Style Author: Jason M. Simanek (2008) - Modified by Rob G. Healey, July 2008 +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Print Style Sheet +Style Author: Jason M. Simanek (2008) +Modified by Rob G. Healey, July 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 Rob G. Healey This file is part of the GRAMPS program. @@ -29,1021 +29,634 @@ 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 -------------------------------------------------------------------------------------------------- -black #000; -white #FAFAFA -------------------------------------------------------------------------------------------------- - General Element Styles - ---------------------------------------------------------------------------- +Color Palette +-------------------------------------------------------------------------------------------------- +gray #A7A7A7 +red #520 +black #000 +white #FFF */ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ +body { + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} 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; + margin:0; + padding:0; } img { - border:none; - margin:0; -} -.content { - background-color:#FAFAFA; + border:none; + margin:0; } +.content { } .content div.snapshot { - float:right; - margin:1.6em; - padding:0; - background:none; + float:right; + margin:1.6em; + padding:0; + background:none; } .content div.snapshot div.thumbnail { - margin:0; - padding:0; - background:none; + margin:0; + padding:0; + background:none; +} +.content .thumbnail a:link:after, .content .thumbnail a:visited:after { + content:""; } .fullclear { - width:100%; - height:1px; - margin:0; - padding:0; - clear:both; + width:100%; + height:1pt; + margin:0; + padding:0; + clear:both; } -/* - ------------------------------------------------------------------------------ - General Text Styles - ------------------------------------------------------------------------------ -*/ +/* General Text +----------------------------------------------------- */ h1 { - font:normal 2em/1.2em serif; + font:normal 16pt/18pt serif; + margin:0; + padding:0; } h2 { - display:none; + font:normal 18pt/23pt serif; + display:inline; + margin:0; + padding:0; } h3 { - font:normal 2em/1.2em serif; - COLOR:#000; - text-align:left; - margin:0; - padding:.5em 20px .2em 20px; + font:normal 18pt/23pt serif; + text-align:left; + display:inline; + margin:0 0 0 8pt; + padding:0; } h4 { - font:normal 1.2em/1.2em serif; - color:#000; - margin:0; - padding:.2em 0 .2em 20px; - border-bottom:solid 1px #000; + 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 1em/1.2em serif; - font-style:italic; - margin:1.3em 0 .5em 1em; + font:normal 14pt/16pt serif; + font-style:italic; + margin:0; + padding:0; +} +p { + font:normal 11pt/14pt serif; } - p#description { - color:#000; - max-width:800px; - margin:0; - padding:1em 20px; + margin:0 0 14pt 0; } -p a { - color:#FAFAFA; - text-decoration:none; +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; + 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 { - color:#000; - text-decoration:none; -} -a { - color:#000; - text-decoration:none; + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; } -/* - ------------------------------------------------------------------------------ - Header Styles - ------------------------------------------------------------------------------ -*/ -#header { - background-color:#FAFAFA; - border-bottom:solid 4px #000; - padding:0; - height:1.5cm; - margin:0; -} -#header h1 { - float:center; - text-align:center; - margin:0; - padding:0; - color:#000; +/* Header +----------------------------------------------------- */ +#Header { + padding:0 0 8pt 0; + margin:0 0 8pt 0; + border-bottom:solid .5pt #000; } #SiteTitle { - font:italic 1cm serif; - color:#000; - margin:0; - padding:0; - float:center; - text-align:center; + text-align:center; + margin:0; + padding:0; } -#GRAMPSinfo { - font:normal .8em/1.2em sans-serif; - float:right; - margin:0; - padding:.7em .8em; - color:#000; -} -GRAMPSinfo a { - text-decoration:none; +#user_header { + font-style:italic; + text-align:center; + margin:0; + padding:0 } .grampsid { - font:normal .8em/1.2em monospace; -} -p#user_header { - font-size:1.3em; - text-align:left; - color:#000; - margin:0; - padding:.2em 0 .6em 20px; + font-size:60%; + font-family:monospace; + color:#A7A7A7 } -/* -------------------------------------------------------------------------------------------------- - Navigation -------------------------------------------------------------------------------------------------- -*/ -#navigation { - display:none; +/* Navigation +----------------------------------------------------- */ +#navigation { display:none; } + +/* Main Table +----------------------------------------------------- */ +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:"+ "; } -/* -************************************************************************************************** - Calendar Elements -************************************************************************************************** -*/ -.calendar { - empty-cells:show; - width:100%; - font-size:1em; - font-weight:normal; - margin:0; - padding:0; - border:none; - border-collapse:collapse; +/* Home/Welcome +----------------------------------------------------- */ +#Home p { + margin:0 0 9pt 0; } -.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:#FAFAFA; - color:#000; -} -.calendar thead tr th.weekend, .calendar thead tr th.weekday { - border:solid 1px #000; - color:#000; -} -.calendar thead tr th.saturday, .calendar thead tr th.sunday { } - -.calendar tbody tr.week5 { - border-bottom:solid 1px #000; -} -.calendar tbody tr.week6 { - border-bottom: solid 1px #000; -} -.calendar tbody tr td { - vertical-align:top; - height:10em; - padding:0; - border-width:1px 0 0 1px; - border-style:solid; - border-color:#000; -} -.calendar tbody tr td.weekday { - background-color:#FAFAFA; -} -.calendar tbody tr td.weekend { } - -.calendar tbody tr td.saturday { - border-right:solid 1px #000; - } -.calendar tbody tr td.sunday { - border-left:solid 1px #000; -} -.calendar tbody tr td#emptyDays { - border:solid 1px #000; -} -.calendar tbody tr td.previous, .calendar tbody tr td.next { } - -.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 #000; -} -.calendar tbody tr td ul li em { - font-style:bold; - color:#000; -} -.calendar tbody tr td ul li div.yearsmarried em { - color:#000; -} -.calendar tfoot tr td { - padding:.7em 5% 1em 5%; -} -.calendar tfoot tr td.note { - border-top:solid 2px #000; - vertical-align:middle; - font-size:.8em; - height:1cm; - color:#000; -} -.date { - float:right; - display:block; - width:1.8em; - font-size:1.2em; - line-height:100%; - text-align:center; - color:#000; - margin:0 0 0 .5em; - padding:.2em 0; +#Home img { + float:right; + margin:0; + padding:0 0 9pt 9pt; } -/* - ------------------------------------------------------------------------------ - Main Table Styles - ------------------------------------------------------------------------------ -*/ -table.infolist { - width:100%; - margin:0; - padding:0; - background-color:#FAFAFA; +/* Introduction +----------------------------------------------------- */ +#Introduction p { + margin:0 0 9pt 0; } -table.infolist tr th { - font:normal 1.1em/1.2em serif; - color:#000; - margin:0; - padding:.2em 10px; - border-bottom:solid 1px #000; -} -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 #000; -} -table.infolist tr td.ColumnLetter { - width:3%; - text-align:center; -} -table.infolist tbody tr td.ColumnBirth { - font-size:.9em; - color:#000; - width:10%; -} -table.infolist tbody tr td.ColumnDeath { - font-size:.9em; - width:10%; -} -table.infolist tbody tr td.ColumnRowLabel { - width:2%; - color:#000; - padding-left:20px; -} -table.infolist tbody tr td.ColumnType { - COLOR:#000; - width:6%; - padding-left:20px; -} -table.infolist tbody tr td.ColumnPartner { - font-size:.9em; -} -table.infolist tbody tr td.ColumnParents { - color:#000; - font-size:.9em; -} -table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { - color:#000; - display:block; -} -table.infolist tbody tr td.ColumnParents span.mother:before { - content:"+ "; +#Introduction img { + float:right; + margin:0; + padding:0 0 9pt 9pt; } -/* - ------------------------------------------------------------------------------ - Surnames Styles - ------------------------------------------------------------------------------ -*/ +/* Surnames +----------------------------------------------------- */ #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:#000; - text-align:left; - text-decoration:none; - padding:.2em 10px; -} -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:#FAFAFA; + width:50%; } 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; -} -table#SortByName tbody tr td.ColumnSurname a { - display:block; - padding:.1em 10px .3em 10px; -} -table#SortByCount tbody tr td.ColumnQuantity { - -} -table.surname { - border-bottom:solid 1px #000; -} -table.surname tbody tr td { - border-bottom:dashed 1px #000; -} -table.surname thead tr th.ColumnName { - width:20%; - padding-left:20px; -} -table.surname tbody tr td.ColumnName { - width:20%; - padding:0; - background-color:#FAFAFA; -} -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; + content:" ↓"; } table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { - color:#000; - width:25%; + width:35%; } -/* - ------------------------------------------------------------------------------ - Individuals Styles - ------------------------------------------------------------------------------ -*/ -#Individuals { } -#Individuals table.individuallist { - border-bottom:solid 1px #000; -} -#Individuals table.individuallist tbody tr td { - border-bottom:dashed 1px #000; -} -table.individuallist tbody tr td.ColumnName { - background-color:#FAFAFA; - padding:0; -} -table.individuallist tbody tr td.ColumnName a { - display:block; - padding:.6em 10px; - vertical-align:middle; - color:#000; -} -#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 tbody tr td.ColumnAttribute { - width:10%; - color:#000; -} +/* Individuals +----------------------------------------------------- */ -/* - ------------------------------------------------------------------------------ - Places Styles - ------------------------------------------------------------------------------ -*/ -#Places { } -#Places table.infolist tbody tr td.ColumnName { - padding:0; -} -#Places table.infolist tbody tr td.ColumnName a { - background-color:#FAFAFA; - color:#000; - padding:.1em 10px .3em 10px; -} - -/* - ------------------------------------------------------------------------------ - 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 { - color:#000; - padding:0; -} -#Gallery table.infolist tbody tr td.ColumnName a { - background-color:#FAFAFA; - padding:.1em 10px .3em 10px; +/* Gallery +----------------------------------------------------- */ +#GalleryDetail h2 { + display:none; } #GalleryNav { - display:none; -} -#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; + display:none; } #GalleryDisplay { - text-align:center; + text-align:center; } #GalleryDisplay img { - margin:0 auto; - border:solid 1px #000; + margin:0 auto; + border:solid 1pt #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; - border-style:solid; - border-width:8px 0 0 0; - border-color:#000; +#GalleryDetail h3 { + display:block; + text-align:center; + margin:2pt 0 8pt 0; } -/* - ------------------------------------------------------------------------------ - Contact Styles - ------------------------------------------------------------------------------ -*/ -#Contact #summaryarea { - width:500px; - margin:0 auto; - padding:3em; +/* Download +----------------------------------------------------- */ +#Download p { + margin:0 0 9pt 0; } -#Contact #summaryarea img { - float:right; - margin:0; +#Download img { + float:right; + margin:0; + padding:0 0 9pt 9pt; } + +/* Contact +----------------------------------------------------- */ #researcher { - font:normal 1.5em/1.4em serif; - margin-top:.3em; + margin:16pt 0 0 0; +} +#Contact img { + float:right; + margin:0; + padding:0 0 9pt 9pt; } #researcher h3 { - font:normal 1.2em/1.4em serif; - padding:0; + margin: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; + font:normal .9em/1.4em serif; + display:block; + float:left; + margin-right:.4em; } -#streetaddress { - width:80%; +#city { + clear:left; } #city:after { - content:","; -} -#country { - clear:left; + content:","; } #email { - clear:left; -} -#email a { - text-decoration:none; + clear:left; } -/* - ------------------------------------------------------------------------------ - 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 { - display:none; -} -div.subsection{ - padding-bottom:.5em; -} -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 table.infolist { - width:100%; - margin:0; -} -#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Download, #Contact { + padding:3em 20px; } -/* - ------------------------------------------------------------------------------ - Sources Styles - ------------------------------------------------------------------------------ -*/ -#Sources { } -#Sources table.infolist tbody tr td.ColumnRowLabel { - padding-bottom:0; +/* Subsections : Events +----------------------------------------------------- */ +#IndividualDetail .ColumnValue { + padding:4pt 0; } -#Sources table.infolist tbody tr td.ColumnName { - padding:0; -} -#Sources table.infolist tbody tr td.ColumnName a { - background-color:#FAFAFA; - font-size:.9em; - padding:.1em 10px .3em 10px; -} -#SourceDetail div#references ol li { - padding-bottom:.5em; +.ColumnValue p { + font:normal 9pt/11pt sans-serif; + margin:1pt 0 0 18pt; } - - -/* ---------------------------------------------------------------------------------- - 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 #000; -} -#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { - border-bottom:solid 1px #000; -} -table.infolist tbody tr td.ColumnValue p { - font-family:sans-serif; - color:#000; - margin:.2em 0 0 2em; -} - -/* --------------------------------------------------------------------------------- - SubSection Styles : Attributes - ------------------------------------------------------------------------------ -*/ - -/* -------------------------------------------------------------------------------- - Individuals Styles : Parents - ------------------------------------------------------------------------------ -*/ -div#parents table.infolist { - color:#000; - margin-top:.5em; -} -div#parents table.infolist tbody tr td.ColumnAttribute { - width:19%; -} -div#parenta table.infolist tbody tr td.ColumnValue a { - color:#000; -} -div#parents table.infolist tbody tr td.ColumnValue ol { - color:#000; - 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 #000; -} -div#addresses table.infolist tbody tr td.ColumnValue { - border-bottom:solid 1px #000; -} - -/* ---------------------------------------------------------------------------------- - SubSection Styles : Gallery - ------------------------------------------------------------------------------ -*/ +/* Subsections : Gallery +----------------------------------------------------- */ #indivgallery h4 { - margin-bottom:1em; + margin-bottom:1em; } #indivgallery .thumbnail { - margin:0; + margin:0; float:left; width:130px; height:150px; text-align:center; } #indivgallery .thumbnail a { - display:block; - margin:0; - padding:0; - background:none; + display:block; + margin:0; + padding:0; + background:none; } #indivgallery .thumbnail a img { - margin:0; - padding:0; - border:solid 1px #000; + margin:0; + padding:0; + border:solid .5pt #000; } #indivgallery div.thumbnail p { - font:normal .7em/1.4em sans-serif; - text-align:center; - width:80%; - margin:0 auto; - padding:0; + font:normal 7pt/9pt 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:#FAFAFA; - border-bottom:solid .7em #000; -} -div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { - color:#4000; - 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:#000; - padding-left:20px; -} - -/* ---------------------------------------------------------------------------------- - SubSection Styles : Weblinks - ------------------------------------------------------------------------------ -*/ - -/* ---------------------------------------------------------------------------------- - Individuals Styles : Pedigree - ------------------------------------------------------------------------------ -*/ -div#pedigree { - padding-bottom:1.2em; -} +/* Subsections : Pedigree +----------------------------------------------------- */ #pedigree a { - text-decoration:none; + text-decoration:none; +} +.content #pedigree a:link:after, .content #pedigree a:visited:after { + content:""; } .pedigreegen { - font:normal .9em/1.2em sans-serif; - list-style:none; - margin:.5em 0 0 0; - padding:0 0 0 20px; + 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:.5em; + list-style:none; + margin-left:16pt; } .pedigreegen li ol li ol { - font:normal 1em/1.4em sans-serif; - list-style:decimal; - margin-left:1.6em; + 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; + list-style:none; + margin-left:0; } .spouselist li.spouse ol { - list-style:decimal; - margin-left:1.6em; + list-style:decimal; + margin-left:16pt; } .spouse a { - font-weight:normal; - font-style:normal; - color:#000; + font-weight:normal; + font-style:normal; } .spouse:before { - content: "+ "; + content: "+ "; } .thisperson { - font-weight:bold; + font-weight:bold; } -/* --------------------------------------------------------------------------------- - Individuals Styles : Ancestors Tree - ------------------------------------------------------------------------------ -*/ +/* Subsections : Ancestors Tree +----------------------------------------------------- */ #tree { - page-break-before:always; - margin:0; - padding:0; - background:none; + page-break-before:always; + margin:0; + padding:0; } #treeContainer { - position:relative; - z-index:1; + position:relative; + z-index:1; +} +#treeContainer div.boxbg a:link:after, #treeContainer div.boxbg a:visited:after { + font-size:70%; + font-family:sans-serif; + content:""; } .boxbg { - position:absolute; - margin:0; - padding:0; + position:absolute; + margin:0; + padding:0; + background:none; } -.boxbg div { - position:relative; - z-index:10; - display:block; - font:normal .8em serif; - color:#000; - text-align:center; - text-decoration:none; - margin:5px; - width:160px; - padding:5px 5px 7px 5px; +#treeContainer div.boxbg span.thumbnail { + display:block; + margin:0 auto; } -.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:#000; - border:solid 1px #000; +.boxbg a { + position:relative; + z-index:10; + display:block; + font:normal .7em/1.4em sans-serif; + text-align:center; + text-decoration:none; + width:50pt; + padding:5pt 8pt; + margin:5pt 0 0 0; + background-color:#FFF; + border:solid 1pt #000; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; } -.male { } - -.male div { } - -.female { } - -.female div { } - -.unknown { } - -.unknown div { } - .shadow { - display:none; + display:none; } #tree div div.bvline { - position:absolute; - z-index:2; - height:1px; - margin:0 0 0 16px; - padding:0; - background-color:#000; + 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:1px; - margin:0 0 0 16px; - padding:0; - background-color:#000; + position:absolute; + z-index:2; + width:1pt; + margin:0; + padding:0; + background-color:#FFF; + border-right:solid .5pt #A7A7A7 } .ghline, .gvline { - display:none; + display:none; } -/* - ------------------------------------------------------------------------------ - Footer Styles - ------------------------------------------------------------------------------ -*/ +/* Footer +----------------------------------------------------- */ #footer { - border-top:solid 4px #000; - height:1.5cm; - width:100%; - color:#000; - margin:0; - padding:0; - clear:both; -} -#footer a { - text-decoration:none; -} -#footer img { - border:0; - margin:0; -} -#footer p { - font:normal .8em/1.2em sans-serif; - color:#000; -} -#footer p#createdate { - float:left; - width:40%; - text-align:left; - margin-left:10px; -} -#footer p#createdate a { - color:#000; -} -#footer p#copyright { - float:right; - width:40%; - text-align:right; - margin-right:10px; -} -#footer p#copyright img { - margin-right:10px; -} -#footer p#quality { - display:none; + width:100%; + margin:0; + padding:.1in 0 0 0; + clear:both; + border-top:solid .5pt #000; } #user_footer { - width:70%; - float:left; - margin:1em; + float:left; + width:70%; } #user_footer p { - font:normal 1em/1.2em serif; - color:#000; - margin:0; - padding:0; + font-style:italic; +} +p#createdate { + float:left; + width:3in; + font:normal 9pt/10pt sans-serif; + margin:0; +} +#copyright { + float:right; + width:4in; + margin:0; + font:normal 9pt/10pt sans-serif; + text-align:right; +} +p#quality { + display:none; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal h1#SiteTitle { + float:left; + font-size:14pt; + line-height:16pt; + padding-bottom:.1in; +} +.calendar { + clear:both; + empty-cells:show; + width:100%; + font-size:14pt; + 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; +} +#CreatorInfo { + float:right; + margin:0 10px 0 0; +} +body#WebCal a { + text-decoration:none; + color:#000; +} +.calendar tfoot { + border:none; +} +.calendar tfoot tr td { + font-size:12pt; + font-style:italic; + padding:.7em 5% 1em 5%; +} + +/* Calendar : Date Numeral */ +.calendar td div.date { + float:right; + display:block; + font-size:16pt; + line-height:100%; + font-weight:bold; + text-align:center; + color:#000; + margin:0 0 0 .5em; + padding:7pt; +} +.calendar td.highlight div.date { + color:#F00; +} + +/* Calendar : Date Container */ +.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 : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:8pt; + 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 .5pt #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 : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + font-weight:normal; + font-size:12pt; + color:#999; } diff --git a/src/data/Web_Simply-Red.css b/src/data/Web_Simply-Red.css index 1b3058786..1f32662c0 100644 --- a/src/data/Web_Simply-Red.css +++ b/src/data/Web_Simply-Red.css @@ -113,7 +113,7 @@ h4 { color:#C47170; margin:0; padding:.2em 0 .2em 20px; - background-color:#FFF; + background-color:#FAFAFA; border-bottom:solid 1px #F33; } h5, h6 { @@ -144,7 +144,7 @@ a { } a:hover, a:active { background-color:#DD9091; - color:#FFF; + color:#FAFAFA; text-decoration:none; } a:visited { @@ -154,7 +154,7 @@ a:visited { /* ------------------------------------------------------------------------------ - Header/Navigation Styles + Header Styles ------------------------------------------------------------------------------ */ #header { @@ -163,16 +163,14 @@ a:visited { 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; +#SiteTitle { + font:italic .9cm #FAFAFA; + float:center; + text-align:center; + color:#FAFAFA; + margin:0 auto; + padding:0; + } #header p { font-weight:bold; @@ -185,19 +183,25 @@ a:visited { float:right; margin:10px; padding:0; - color:#FFF; + color:#FAFAFA; } #GRAMPSinfo a { - color:#FFF; + color:#FAFAFA; } .grampsid { font:normal .8em/1.2em monospace; color:#903; } + +/* +------------------------------------------------------------------------------------------------- + Navigation Elements +------------------------------------------------------------------------------------------------- +*/ + #navigation { margin:0; - padding:4px 0 0 0; - background-color:#F33; + background-color:#C1B398; } #navigation ul { list-style:none; @@ -219,25 +223,25 @@ a:visited { font-weight:bold; text-decoration:none; margin:0; - padding:5px 5px; - color:#FFF; + padding:5px; + color:#000; } #navigation ul li a:hover { background-color:#C47170; - border-bottom:solid 1px #5D835F; + COLOR:#fafafa; } #navigation ul li#CurrentSection a { - padding-bottom:4px; + font-size:16px; border-top:solid 1px #F33; border-right:solid 1px #F6F2EE; border-left:solid 1px #F6F2EE; border-bottom:solid 1px #F6F2EE; - background-color:#FFF; + background-color:#FAFAFA; color:#903; } #navigation ul li#CurrentSection a:hover { background-color:#000; - color:#FFF; + color:#FAFAFA; } /* @@ -268,13 +272,13 @@ a:visited { line-height:100%; text-transform:none; padding:.3em 0 .2em 0; - background-color:#FFF; + background-color:#FAFAFA; color:#C47170; } .calendar thead tr th.weekend, .calendar thead tr th.weekday { border:solid 1px #000; background-color:#C47170; - color:#FFF; + color:#FAFAFA; } .calendar thead tr th.saturday, .calendar thead tr th.sunday { } @@ -287,31 +291,22 @@ a:visited { border-color:#903; } .calendar tbody tr td.weekday { - background-color:#FFF; + background-color:#FAFAFA; } .calendar tbody tr td.weekend { - background-color:#F6F2EE; + background-color:#CDEFAA; } .calendar tbody tr td.saturday { - border-right:solid 1px #903; + border-right:solid 1px #000; } .calendar tbody tr td.sunday { - border-left:solid 1px #903; + border-left:solid 1px #000; } .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; @@ -324,10 +319,7 @@ a:visited { 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; + border-top:dashed 1px #000; } .calendar tbody tr td ul li em { font-style:normal; @@ -345,7 +337,7 @@ a:visited { vertical-align:middle; font-size:.8em; height:1cm; - color:#FFF; + color:#FAFAFA; } .date { float:right; @@ -354,19 +346,19 @@ a:visited { font-size:1.2em; line-height:100%; text-align:center; - color:#FFF; + color:#000; margin:0 0 0 .5em; padding:.2em 0; - background-color:#F33; + background-color:#C1B900; } .highlight div.date { background-color:#1E90FF; - color:#FFF; + color:#FAFAFA; } -.next div.date, .previous div.date { +.next span.date, .previous span.date { background-color:#903; - color:#FFF; + color:#FAFAFA; } /* @@ -460,12 +452,12 @@ table.surnamelist tbody tr td.ColumnSurname { } table.surnamelist thead tr th.ColumnSurname { background-color:#DD9091; - color:#FFF; + color:#FAFAFA; padding:0; } table.surnamelist thead tr th.ColumnQuantity { background-color:#DD9091; - color:#FFF; + color:#FAFAFA; width:40%; padding:0; } @@ -475,14 +467,14 @@ table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQua } table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { background-color:#DD9091; - color:#FFF; + color:#FAFAFA; } 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; + background-color:#FAFAFA; } table.infolist tbody tr td.ColumnSurname a { padding:.1em 10px; @@ -529,7 +521,7 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents #Individuals table.individuallist tbody tr td a:hover { background-color:#DD9091; text-decoration:none; - color:#FFF; + color:#FAFAFA; } table.individuallist tbody tr td.ColumnSurname { background:none; @@ -540,7 +532,7 @@ table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbo background:none; } table.individuallist tbody tr td.ColumnName { - background-color:#FFF; + background-color:#FAFAFA; padding:0; } table.individuallist tbody tr td.ColumnName a { @@ -607,7 +599,7 @@ table.individuallist tbody tr td.ColumnName a:hover { } padding:.1em 10px .3em 10px; } #Gallery table.infolist tbody tr td.ColumnName a:hover { - color:#FFF; + color:#FAFAFA; } #GalleryNav { font-size:.8em; @@ -618,12 +610,12 @@ table.individuallist tbody tr td.ColumnName a:hover { } #GalleryNav a { font-weight:bold; text-decoration:none; - background-color:#FFF; + background-color:#FAFAFA; border:solid 1px #DD909A; } #GalleryNav a:hover { background-color:#DD9091; - color:#FFF; + color:#FAFAFA; } #GalleryNav a#Previous { padding:.4em .7em .3em .7em; @@ -663,7 +655,7 @@ table.individuallist tbody tr td.ColumnName a:hover { } margin-top:1.5em; margin-bottom:0; padding-bottom:0; - background-color:#FFF; + background-color:#FAFAFA; border-style:solid; border-width:8px 0 0 0; border-color:#DD9091; @@ -698,7 +690,7 @@ table.individuallist tbody tr td.ColumnName a:hover { } } #streetaddress { background-color:#208BAA; - color:#FFF; + color:#FAFAFA; width:85%; } #city:after { @@ -975,7 +967,7 @@ div#sourcerefs ol li ol { position:relative; z-index:10; display:block; - color:#FFF; + color:#FAFAFA; text-align:center; vertical-align:middle; text-decoration:none; @@ -993,7 +985,7 @@ div#sourcerefs ol li ol { margin:5px; width:160px; padding:5px 5px 7px 5px; - color:#FFF; + color:#FAFAFA; } .boxbg div:hover { position:relative; @@ -1002,38 +994,38 @@ div#sourcerefs ol li ol { width:210px; padding:10px 4px 12px 4px; background-color:#153282; - color:#FFF; + color:#FAFAFA; } .boxbg div a:hover { position:relative; z-index:999; font-size:1em; width:210px; - color:#FFF; + color:#FAFAFA; } .male { background-color:#1E90FF; - color:#FFF; + color:#FAFAFA; } .male div { background-color:#1e90ff; - color:#FFF; + color:#FAFAFA; } .female { background-color:#F3C; - color:#FFF; + color:#FAFAFA; } .female div { background-color:#F3C; - color:#FFF; + color:#FAFAFA; } .unknown { background-color:#000; - color:#FFF; + color:#FAFAFA; } .unknown div { background-color:#000; - color:#FFF; + color:#FAFAFA; } .shadow { @@ -1090,7 +1082,7 @@ div#sourcerefs ol li ol { #footer p#copyright { margin:1em; float:right; - color:#FFF; + color:#FAFAFA; } #footer p#copyright p { margin:0; @@ -1102,19 +1094,19 @@ div#sourcerefs ol li ol { #footer p#createdate { float:left; margin-left:10px; - color:#FFF; + color:#FAFAFA; } #footer p#createdate a { - color:#FFF; + color:#FAFAFA; text-decoration:none; } #footer p#quality { float:center; text-align:center; - color:#FFF; + color:#FAFAFA; } #footer p#quality a { - color:#FFF; + color:#FAFAFA; text-decoration:none; } #footer p#quality img { diff --git a/src/data/Web_Visually.css b/src/data/Web_Visually.css index 46eef0efa..357c13f26 100644 --- a/src/data/Web_Visually.css +++ b/src/data/Web_Visually.css @@ -1,1326 +1,1267 @@ /* ----------------------------------------------------------------------------- - GRAMPS Cascading Style Sheet - Style Name: Evergreen State *Washington* - Style Author: Jason Simanek (2008) - Modified by Rob G. Healey, June 2008 ----------------------------------------------------------------------------- - +************************************************************************************************** +Copyright Holder and License +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Evergreen State *Washington* for the Visually Impaired +Style Author: Jason M. Simanek (2008) + Modified by Rob G. Healey, June 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://www.gramps-project.org to learn more! +Go to http://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 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. +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, +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 +-------------------------------------------------------------------------------------------------- +green darkest #426E40 +green dark #139400 +green #1ED416 +green light #6AF364 +green lightest #D8F3D6 +white #FAFAFA +black #000 ====== Ancestor Graph Color Scheme ===== -Males = Blue #3722F6 -Females = Pink #F3C; -Unknown = black #000 ----------------------------------------------------------------------------- - - - ---------------------------------------------------------------------------- - General Element Styles - ---------------------------------------------------------------------------- +Males = Blue #1E90FF +Females = Pink #F3C; +Unknown = black #000 */ + +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ + +/* General Elements +----------------------------------------------------- */ body { - font-family:Georgia, serif; - margin:0; - padding:0; - background-color:#D8F3D6; + font-family:Georgia, serif; + margin:0; + padding:0; } div { - margin:0; - padding:0; + margin:0; + padding:0; } table { - border:none; - border-collapse:collapse; + border:none; + border-collapse:collapse; } th { - padding:1px 3em 1px 0.5em; - font-weight: bold; - text-align: left; + padding:1px 3em 1px 0.5em; + font-weight: bold; + text-align: left; } td { - vertical-align:top; - padding:0; + vertical-align:top; + padding:0; } img { - border:none; - margin:0; + border:none; + margin:0; } .thumbnail a:hover { - background:none; + background:none; } .content { - width:965px; - margin:0 auto; - padding-bottom:.5em; - background-color:#FFF; - color:#426E40; + width:965px; + margin:0 auto; + padding-bottom:.5em; + background-color:#FAFAFA; + color:#426E40; } .content div.snapshot { - margin:0; - padding:0; - background:none; + margin:0; + padding:0; + background:none; } .content div.snapshot div.thumbnail { - margin:0; - padding:2em 0 0 0; - background:none; + margin:0; + padding:2em 0 0 0; + background:none; } .content div.snapshot div.thumbnail a { - display:block; - width:96px; - margin:0 auto; + display:block; + width:96px; + margin:0 auto; } .fullclear { - width:100%; - height:1px; - margin:0; - padding:0; - clear:both; + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; } -/* ------------------------------------------------------------------------------ */ -/* General Text Styles */ -/* ------------------------------------------------------------------------------ */ +/* General Text +----------------------------------------------------- */ h1 { - font:normal 2em/1.2em serif; + font:normal 2em/1.2em serif; } h2 { - font:normal .6cm sans-serif; + display:none; } 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; + 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 #000; } 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; + font-size:1em; + font-weight:normal; + font-style:italic; + color:#426E40; + text-align:center; + margin:0; + padding:.5em 0 .2em 0; + border-bottom:dashed 1px #000; } h5, h6 { - font-style:italic; - margin:1.3em 0 .5em 1em; + font-style:italic; + margin:1.3em 0 .5em 1em; } p { - font:normal 1.1em/1.4em serif; + font:normal 1.1em/1.4em serif; } p#description { - max-width:800px; - margin:0; - padding:1em 20px; - background-color:#FFF; + max-width:800px; + margin:0; + padding:1em 20px; + background-color:#FAFAFA; } a:link { - color:#7D5925; - text-decoration:none; + color:#7D5925; + text-decoration:none; } a:hover, a:active { - background-color:#426E40; + background-color:#426E40; } a:visited { - text-decoration:none; + text-decoration:none; } sup { - line-height:0; + line-height:0; } ol { - font:normal .9em/1.6em sans-serif; - margin-top:0; - margin-bottom:0; - padding-top:.5em; - padding-bottom:0; + 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; + text-decoration:none; + color:#426E40; } ol li a:hover { - background-color:#426E40; + text-decoration:none; + background-color:#426E40; + color:#FAFAFA; } a { - color:#426E40; - text-decoration:none; + color:#426E40; + text-decoration:none; } a:visited { - color:#426E40; + color:#426E40; } a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; + text-decoration:none; } -/* - ------------------------------------------------------------------------------ - Header Styles - ------------------------------------------------------------------------------ -*/ +/* Header +----------------------------------------------------- */ #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; + width:100%; + height:1cm; + padding:0 0 .9em 0; + margin:0; + background-color:#139400; + border-top:solid 4px #D30; + border-bottom:solid 2px #D30; } #SiteTitle { - font:italic 3em serif; - color:#FFF; - margin:0; - padding:.5em 0 0 20px; - float:center; - text-align:center; + font:italic 2em serif; + color:#FAFAFA; + margin:0; + padding:0; + float:center; + text-align:center; + vertical-align:middle; } #GRAMPSinfo { - font:normal .8em/1.2em sans-serif; - float:right; - margin:0; - padding:.7em .8em; - color:#FFF; + font:normal .8em/1.2em sans-serif; + float:right; + margin:0; + padding:.7em .8em; + color:#FAFAFA; } #GRAMPSinfo a { - color:#FFF; - text-decoration:none; + color:#FAFAFA; + text-decoration:none; } #GRAMPSinfo a:hover { - background-color:#426E40; + background-color:#426E40; } .grampsid { - font:normal .8em/1.2em monospace; - color:#426E40; + 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:"+ "; + font-size:1.3em; + text-align:left; + color:#FAFAFA; + margin:0; + padding:.2em 0 .6em 20px; + background-color:#139400; } -/* ------------------------------------------------------------------------------ */ -/* Surnames Styles */ -/* ------------------------------------------------------------------------------ */ +/* Navigation +----------------------------------------------------- */ +#navigation { + width:100%; + height:35px; + list-style-type:none; + text-align:center; + vertical-align:middle; + background-color:#6AF364; + border-top:solid 4px #D30; + border-bottom:solid 4px #D30; +} +#navigation ul li { + display:inline; + width:2em; + text-align:center; + margin:0; +} +#navigation ul li a { + font-size:14px; + color:#000; + text-decoration:none; + margin:0; + padding:4px; +} +#navigation ul li a:hover { + background-color:#000; + color:#FAFAFA; +} +#navigation ul li#CurrentSection a { + border-right:solid 2px #D30; + border-left:solid 2px #D30; + border-top:solid 2px #D30; + border-bottom:solid 2px #FAFAFA; + font-family:Georgia, serif; + font-weight:bold; + font-style:italic; + font-size:16px; + text-decoration:none; + background-color:#FAFAFA; + color:#426E40; +} +#navigation ul li#CurrentSection a:hover { + background-color:#426E40; + color:#FAFAFA; +} + +/* Main Table +----------------------------------------------------- */ +table.infolist { + width:100%; + margin:0; + padding:0; +} +table.infolist tr th { + font:normal 1.1em/1.2em serif; + background-color:#1ED416; + color:#FAFAFA; + margin:0; + padding:.2em 10px; + 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:#FAFAFA; +} +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:#FAFAFA; +} +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 { + color:#426E40; + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} + +/* Surnames +----------------------------------------------------- */ #Surnames { - font:normal .5cm sans-serif; + 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%; + width:50%; } table.surnamelist tr th { - padding:0; + 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; + display:block; + color:#FAFAFA; + text-align:left; + text-decoration:none; + padding:.2em 10px; } table.surnamelist tr th:hover { - background:none; + background:none; } table.surnamelist thead tr th.ColumnLetter { - padding-left:20px; - padding-right:10px; + padding-left:20px; + padding-right:10px; } table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { - background-color:#6AF364; + background-color:#6AF364; } table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { - content:" ↓"; + content:" ↓"; } table#SortByName tbody tr td.ColumnSurname { - background-color:#FFF; - padding:0; + background-color:#FAFAFA; + padding:0; } table#SortByName tbody tr td.ColumnSurname a { - display:block; - padding:.1em 10px .3em 10px; + display:block; + padding:.1em 10px .3em 10px; } table#SortByCount tbody tr td.ColumnQuantity { - background-color:#FFF; + background-color:#FAFAFA; } table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover { - background-color:#6AF364; - color:#FFF; + background-color:#6AF364; + color:#FAFAFA; } table.surname { - border-bottom:solid 2px #1ED416; + border-bottom:solid 2px #6AF364; } table.surname tbody tr td { - border-bottom:dashed 2px #6AF364; + border-bottom:dashed 1px #000; } table.surname thead tr th.ColumnName { - width:20%; - padding-left:20px; + width:20%; + padding-left:20px; } table.surname tbody tr td.ColumnName { - width:20%; - padding:0; - background-color:#FFF; + width:20%; + padding:0; + background-color:#FAFAFA; } 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; + display:block; + padding:.6em 10px .6em 20px; } +table.surname tbody tr td.ColumnName a span.grampsid { } + table.surname tbody tr td.ColumnName:hover { - background-color:#6AF364; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { - width:25%; + width:25%; } -/* ------------------------------------------------------------------------------ */ -/* Individuals Styles */ -/* ------------------------------------------------------------------------------ */ +/* Individuals +----------------------------------------------------- */ #Individuals { - font:normal .5cm sans-serif; + font:normal .5cm sans-serif; } #Individuals table.individuallist { - border-bottom:solid 2px #1ED416; + border-bottom:solid 2px #426E40; } #Individuals table.individuallist tbody tr td { - border-bottom:dashed 2px #6AF364; + border-bottom:dashed 1px #000; } #Individuals table.individuallist tbody tr td a { - text-decoration:none; - color:#426E40; + text-decoration:none; + color:#426E40; } #Individuals table.individuallist tbody tr td a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } table.individuallist tbody tr td.ColumnSurname a { - text-decoration:none; - color:#426E40; + 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; + background-color:#426E40; + cursor:default; + color:#FAFAFA; } table.individuallist tbody tr td.ColumnName { - padding:0; - background-color:#FFF; + padding:0; + background-color:#FAFAFA; } table.individuallist tbody tr td.ColumnName a { - display:block; - padding:.6em 10px; - vertical-align:middle; - color:#426E40; + 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; + background-color:#426E40; + color:#FAFAFA; + 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; + 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; + display:inline; + color:#FAFAFA; } #IndividualDetail table.infolist tr td a:hover { - background-color:#426E40; - text-decoration:none; - color:#FFF; + background-color:#426E40; + text-decoration:none; + color:#FAFAFA; } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { - width:10%; - color:#426E40; + width:10%; + color:#426E40; } -/* ------------------------------------------------------------------------------ */ -/* Sources Styles */ -/* ------------------------------------------------------------------------------ */ +/* Sources +----------------------------------------------------- */ #Sources { - font:normal .5cm sans-serif; + font:normal .5cm sans-serif; } #Sources table.infolist tbody tr td.ColumnRowLabel { - padding-bottom:0; + padding-bottom:0; } #Sources table.infolist tbody tr td.ColumnName { - background-color:#FFF; - padding:0; + background-color:#FAFAFA; + padding:0; } #Sources table.infolist tbody tr td.ColumnName a { - font-size:.9em; - padding:.1em 10px .3em 10px; - color:#426E40; + font-size:.9em; + padding:.1em 10px .3em 10px; + color:#426E40; } #Sources table.infolist tbody tr td.ColumnName a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } #SourceDetail div#references ol li { - padding-bottom:.5em; + padding-bottom:.5em; } -/* ------------------------------------------------------------------------------ */ -/* Places Styles */ -/* ------------------------------------------------------------------------------ */ +/* Places +----------------------------------------------------- */ #Places { } #Places table.infolist tbody tr td.ColumnName { - padding:0; + padding:0; } #Places table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; - background-color:#FFF; - color:#426E40; + padding:.1em 10px .3em 10px; + background-color:#FAFAFA; + color:#426E40; } #Places table.infolist tbody tr td.ColumnName a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } -/* ------------------------------------------------------------------------------ */ -/* Gallery Styles */ -/* ------------------------------------------------------------------------------ */ +/* Gallery +----------------------------------------------------- */ #Gallery { } #Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { - padding-bottom:0; + padding-bottom:0; } #Gallery table.infolist tbody tr td.ColumnName { - background-color:#FFF; - padding:0; + background-color:#FAFAFA; + padding:0; } #Gallery table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; - color:#426E40; + padding:.1em 10px .3em 10px; + color:#426E40; } #Gallery table.infolist tbody tr td.ColumnName a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } #GalleryNav { - font:normal 1em/1em sans-serif; - margin:1em 0 0 0; - padding:1.2em 0 1.4em 0; - text-align:center; + 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; + text-decoration:none; + border:solid 2px #426E40; + color:#426E40; } #GalleryNav a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } #GalleryNav a#Previous { - padding:.5em .7em .3em .7em; + padding:.5em .7em .3em .7em; } #GalleryNav a#Next { - padding:.5em 1.9em .3em 1.9em; + padding:.5em 1.9em .3em 1.9em; } #GalleryPages { - margin:0 1em; + margin:0 1em; } #GalleryCurrent { - font-family:Georgia, sans-serif; - font-size:2em; - font-weight:bold; - font-style:italic; + font-family:Georgia, sans-serif; + font-size:2em; + font-weight:bold; + font-style:italic; } #GalleryTotal { - font-weight:normal; + font-weight:normal; } #GalleryDisplay { - text-align:center; + text-align:center; } #GalleryDisplay img { - margin:0 auto; - border:solid 2px #139400; + margin:0 auto; + border:solid 2px #426E40; } #GalleryDetail div#summaryarea{ - margin:0; - padding:2em 0 0 0; + 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; + font-family:Georgia, serif; + font-size:2em; + font-weight:bold; + font-style:italic; + text-align:center; } #GalleryDetail div h4 { - margin-top:0; + 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; + padding-bottom:0; + margin-top:1.5em; + margin-bottom:0; + border-style:solid; + border-width:8px 0 0 0; + border-color:#6AF364; } -/* ------------------------------------------------------------------------------ */ -/* Contact Styles */ -/* ------------------------------------------------------------------------------ */ +/* Contact +----------------------------------------------------- */ #Contact #summaryarea { - width:500px; - margin:0 auto; - padding:3em; - background-color:#D8F3D6; + width:500px; + margin:0 auto; + padding:3em; } #Contact #summaryarea img { - float:right; - margin:20px; + float:right; + margin:20px; } #researcher { - font:normal 1.5em/1.4em serif; - margin-top:.3em; + 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; + 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; + float:left; + display:block; + font:normal .9em/1.4em serif; + margin-right:.4em; } #streetaddress { - background-color:#139400; - color:#FFF; - width:80%; + width:60%; } #city:after { - content:","; + content:","; } #country { - clear:left; + clear:left; } #email { - clear:left; - color:#FFF; + clear:left; + color:#FAFAFA; } #email a { - text-decoration:none; - color:#426E40; - } + text-decoration:none; + color:#426E40; +} #email a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } -/* ------------------------------------------------------------------------------ */ -/* SubSection Styles */ -/* ------------------------------------------------------------------------------ */ +/* Subsections +----------------------------------------------------- */ #Home, #Introduction, #Contact { - padding:2em 0 3em 0; + padding:2em 0 3em 0; } #Download { - padding:1em 0 3em 0; + padding:1em 0 3em 0; } #Home p, #Introduction p, #Download p { - margin:0 20px 1em 20px; + margin:0 20px 1em 20px; } #Home img, #Introduction img, #Download img { - float:right; - margin:0; - padding:0 20px 3em 2em; + float:right; + margin:0; + padding:0 20px 3em 2em; } div.subsection{ - padding-bottom:.5em; - background-color:#D8F3D6; + padding-bottom:.5em; } div.subsection h4 { - margin-bottom:.5em; + margin-bottom:.5em; } div.subsection table, div.subsection ol, div.subsection p { - font-size:.9em; + font-size:.9em; } div.subsection a { - text-decoration:none; - color:#426E40; + text-decoration:none; + color:#426E40; } div.subsection a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } div.subsection table.infolist { - width:100%; - margin:0; + width:100%; + margin:0; } #IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; + padding-left:20px; } -/* Individuals Styles : Events */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Events +----------------------------------------------------- */ div#events { - padding-bottom:0; - color:#426E40; + padding-bottom:0; + color:#426E40; } div#events h4 { - margin-bottom:0; + margin-bottom:0; } #IndividualDetail div#events table.infolist tbody tr td { - padding-top:.4em; - padding-bottom:.8em; + padding-top:.4em; + padding-bottom:.8em; } #IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { - border-bottom:solid 2px #426E40; - color:#426E40; + border-bottom:solid 2px #426E40; + color:#426E40; } #IndividualDetail div#events table.infolist tbody tr td.ColumnValue { - border-bottom:solid 2px #426E40; - color:#426E40; + border-bottom:solid 2px #000; + color:#426E40; } #IndividualDetail div#events table.infolist tbody tr td.ColumnValue a { - text-decoration:none; - color:#426E40; + text-decoration:none; + color:#426E40; } #IndividualDetail div#events table.infolist tbody tr td.ColumnValue a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } table.infolist tbody tr td.ColumnValue p { - font-family:sans-serif; - margin:.2em 0 0 2em; + font-family:sans-serif; + margin:.2em 0 0 2em; } -/* SubSection Styles : Attributes */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Attributes +----------------------------------------------------- */ -/* Individuals Styles : Parents */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Parents +----------------------------------------------------- */ div#parents table.infolist { - margin-top:.5em; + margin-top:.5em; } div#parents table.infolist tbody tr td.ColumnAttribute { - width:19%; - color:#426E40; + width:19%; + color:#426E40; +} +div#parents table.infolist tbody tr td.ColumnValue { + color:#426E40; +} +div#parents table.infolist tbody tr td.ColumnValue a { + color:#426E40; +} +div#parents table.infolist tbody tr td.ColumnValue a:hover { + color:#FAFAFA; } div#parents table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; + margin:0; + padding-top:0; } div#parents table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; + color:#426E40; + padding-bottom:.2em; +} +div#parents table.infolist tbody tr td.ColumnValue ol li a:hover { + color:#FAFAFA; } -/* Individuals Styles : Families */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Families +----------------------------------------------------- */ div#families table.infolist { - margin-top:.5em; - color:#426E40; + margin-top:.5em; + color:#426E40; +} +div#families table.infolist tbody tr td.ColumnValue a { + color:#426E40; } div#families table.infolist tbody tr td.ColumnValue p { - margin-top:0; + margin-top:0; } div#families table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; + margin:0; + padding-top:0; } div#families table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; + padding-bottom:.2em; } div#families table.infolist tbody tr td.ColumnValue ol li a { - color:#426E40; - text-decoration:none; + color:#426E40; + text-decoration:none; } div#families table.infolist tbody tr td.ColumnValue ol li a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } -/* Individuals Styles : Addresses */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Addresses +----------------------------------------------------- */ div#addresses { - padding-bottom:0; - color:#426E40; + padding-bottom:0; + color:#426E40; } div#addresses table.infolist tbody tr td { - padding-top:.4em; - padding-bottom:.4em; + padding-top:.4em; + padding-bottom:.4em; } div#addresses table.infolist tbody tr td.ColumnAttribute { - width:30%; - border-bottom:solid 2px #6AF364; - color:#426E40; + width:30%; + border-bottom:solid 2px #6AF364; + color:#426E40; } div#addresses table.infolist tbody tr td.ColumnValue { - border-bottom:solid 2px #6AF364; + border-bottom:solid 2px #6AF364; } -/* SubSection Styles : Gallery */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Gallery +----------------------------------------------------- */ #indivgallery h4 { - margin-bottom:1em; + margin-bottom:1em; } #indivgallery .thumbnail { - margin:0; + margin:0; float:left; width:130px; height:150px; text-align:center; } #indivgallery .thumbnail a { - display:block; - margin:0; - padding:0; - background:none; + display:block; + margin:0; + padding:0; + background:none; } #indivgallery .thumbnail a img { - margin:0; - padding:0; - border:solid 2px #139400; + margin:0; + padding:0; + border:solid 2px #000; } #indivgallery div.thumbnail p { - font:normal .7em/1.4em sans-serif; - text-align:center; - width:80%; - margin:0 auto; - padding:0; + font:normal .7em/1.4em sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; } -/* SubSection Styles : Narrative */ -/* ------------------------------------------------------------------------------ */ +/* Subsections : Narrative +----------------------------------------------------- */ div#narrative { - padding-bottom:0; + padding-bottom:0; } #narrative p { - font:normal .9em/1.4em sans-serif; - margin-top:.5em; - margin-bottom:0; - padding:0 20px 1em 20px; + font:normal .9em/1.4em sans-serif; + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; } -/* -------------------------------------------------------------------------------- - SubSection Styles : References - ------------------------------------------------------------------------------ -*/ +/* Subsections : References +----------------------------------------------------- */ div#References { - background-color:#1ED416; - color:#FFF; + background-color:#1ED416; + color:#FAFAFA; } h4 { - font:italic .8cm serif; + font:italic .8cm serif; } li a { - font:bold .5cm serif; - background:none; - color:#426E40; + font:bold .5cm serif; + background:none; + color:#426E40; } li a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } -/* ---------------------------------------------------------------------------------- - SubSection Styles : Source References ---------------------------------------------------------------------------------- -*/ +/* Subsections : Source References +----------------------------------------------------- */ div#sourcerefs ol { - list-style-type:decimal; + list-style-type:decimal; } div#sourcerefs ol li ol { - list-style-type:lower-alpha; + list-style-type:lower-alpha; } -/* --------------------------------------------------------------------------------- - SubSection Styles : Summary Area ---------------------------------------------------------------------------------- -*/ +/* Subsections : Summary Area +----------------------------------------------------- */ div#summaryarea { - background:none; + background:none; } div#summaryarea table.infolist { - margin:0; - padding:0; - background:#FFF; - border-bottom:solid .7em #FFF; + margin:0; + padding:0; + background:#FAFAFA; + border-bottom:solid .7em #000; } div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { - font:normal .9em/1.2em sans-serif; - vertical-align:top; + 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; + display:inline; } div#summaryarea table.infolist tbody tr td.ColumnAttribute { - width:14%; - color:#426E40; - padding-left:20px; + width:14%; + color:#426E40; + padding-left:20px; } -/* --------------------------------------------------------------------------------- - SubSection Styles : Weblinks --------------------------------------------------------------------------------- -*/ +/* Subsections : Web Links +----------------------------------------------------- */ -/* --------------------------------------------------------------------------------- - Individuals Styles : Pedigree ---------------------------------------------------------------------------------- -*/ +/* Subsections : Pedigree +----------------------------------------------------- */ div#pedigree { - padding-bottom:1.2em; + padding-bottom:1.2em; } #pedigree a { - text-decoration:none; - color:#426E40; + text-decoration:none; + color:#426E40; } #pedigree a:hover { - background-color:#426E40; - color:#FFF; + background-color:#426E40; + color:#FAFAFA; } .pedigreegen { - font:normal .9em/1.2em sans-serif; - list-style:none; - margin:.5em 0 0 0; - padding:0 0 0 20px; + 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; + 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; + 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; + list-style:none; + margin-left:0; } .spouselist li.spouse ol { - list-style:decimal; - margin-left:1.6em; + list-style:decimal; + margin-left:1.6em; } .spouse a { - font-weight:normal; - font-style:normal; - color:#1ED416; + font-weight:normal; + font-style:normal; + color:#1ED416; } .spouse:before { - content: "+ "; + content: "+ "; } .thisperson { - font-weight:bold; + font-weight:bold; } -/* ---------------------------------------------------------------------------------- - Individuals Styles : Ancestors Tree ---------------------------------------------------------------------------------- -*/ +/* Subsections : Ancestors Tree +----------------------------------------------------- */ #tree { - page-break-before:always; - margin:0; - padding:0; - background-color:#D8F3D6; + page-break-before:always; + margin:0; + padding:0; } #treeContainer { - position:relative; - z-index:1; + position:relative; + z-index:1; } -.boxbg { - font:normal .3cm sans-serif; - position:absolute; - margin:0; - padding:0; +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; } -.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; +#treeContainer div.boxbg a { + position:relative; + z-index:10; + display:block; + font:bold .9em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#FFF; + width:118px; + padding:5px 20px 7px 20px; + margin-top:-25px; + margin-left:16px; + background-color:#F6F2EE; + border:solid 1px #426E40; } -.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; +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #426E40; } -.boxbg div:hover { - position:relative; - z-index:999; - font-size:1.3em; - width:210px; - padding:10px 4px 12px 4px; - background-color:#153282; - color:#FFF; +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; } -.boxbg div a:hover { - position:relative; - z-index:999; - font-size:1em; - width:210px; - color:#FFF; +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a { + margin-top:10px; } -.male { - background-color:#D8F3D6; - color:#FFF; +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; } -.male div { - background-color:#D8F3D6; - color:#FFF; +#treeContainer div.AncCol0 a:hover { + margin-left:12px; } -.female { - background-color:#F3C; - color:#FFF; +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; } -.female div { - background-color:#F3C; - color:#FFF; +#treeContainer div.boxbg span.thumbnail { + display:block; + height:65px; + margin:0 auto; + padding:4px 0; } -.unknown { - background-color:#000; - color:#FFF; +#treeContainer div.boxbg span.thumbnail img { + height:65px; + margin:0 auto; } -.unknown div { - background-color:#000; - color:#FFF; +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a { + background-color:#1E90FF; +} +#treeContainer div.female a { + background-color:#F3C; +} +#treeContainer div.unknown a { + background-color:#000; } .shadow { - display:none; + display:none; } #tree div div.bvline { - position:absolute; - z-index:2; - height:5px; - margin:0 0 0 16px; - padding:0; - background-color:#426E40; + 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; + 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; + display:none; } -/* -************************************************************************************************** - Calendar Elements -************************************************************************************************** -*/ +/* Footer +----------------------------------------------------- */ +#footer { + width:100%; + height:1.5cm; + background-color:#139400; + color:#FAFAFA; + margin:0; + padding:0; + clear:both; + border-top:solid 2px #D30; + border-bottom:solid 4px #D30; +} +#footer a { + text-decoration:none; + color:#FAFAFA; +} +#footer a:hover { + text-decoration:none; + background-color:#228B22; +} +#footer img { + border:0; + margin:0; + float:center; +} +#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:#FAFAFA; +} +#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 { + background-color:#1ED416; + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + color:#FAFAFA; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ .calendar { - empty-cells:show; - width:100%; - font-size:1em; - font-weight:normal; - margin:0; - padding:0; - background-color:#FFF; - border:none; - border-collapse:collapse; + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + background-color:#FAFAFA; + 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; + 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; + font-style:italic; + width:100%; + font-size:2em; + line-height:100%; + text-transform:none; + padding:.3em 0 .2em 0; + background-color:#FAFAFA; + 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 thead tr th.weekend, .calendar thead tr th.weekday { + background-color:#426E40; + color:#FAFAFA; + border:solid 1px #6AF364; +} +.calendar tbody tr.week5, .calendar tbody tr.week6 { + border-bottom:solid 1px #000; } .calendar tbody tr td { - vertical-align:top; - height:6em; - padding:0; - border-width:1px 0 0 1px; - border-style:solid; - border-color:#426E40; + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#000; +} +.calendar tbody tr td.previous, .calendar tbody tr td.next { + background-color:#D8F3D6; +} +.calendar tbody tr td.weekday { + background-color:#FAFAFA; +} +.calendar tbody tr td.weekend { + background-color:#D8F3D6; +} +.calendar tbody tr td.saturday { + border-right:solid 1px #000; +} +.calendar tbody tr td.sunday { + border-left:solid 1px #000; } .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; + border:solid 1px #000; } .calendar tbody tr td ul { - list-style:none; - font-family:sans-serif; - font-size:.8em; - margin:2.3em 0 .3em 0; - padding:0; + 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; + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #000; } .calendar tbody tr td ul li em { - font-style:normal; - color:#0A65B5; + font-style:normal; + color:#0A65B5; } .calendar tbody tr td ul li span.yearsmarried em { - color:#426E40; + color:#426E40; } .calendar tfoot tr td { - padding:.7em 5% 1em 5%; - background-color:#6AF364; + padding:.7em 5% 1em 5%; + background-color:#6AF364; } .calendar tfoot tr td.note { - border-top:solid 2px #6AF364; - background-color:#000; - color:#FFF; + border-top:solid 2px #D30; + background-color:#000; + color:#FAFAFA; } .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; + float:right; + display:block; + width:1.8em; + font-size:1.2em; + line-height:100%; + text-align:center; + background-color:#6AF364; + color:#000; + margin:0 0 0 .5em; + padding:.2em 0; } -.highlight { - background-color:#E6F3FF; +.previous span.date, .next span.date { + background-color:#000; + color:#FAFAFA; } .highlight div.date { - color:#0A65B5; - background-color:#C3E2FF; + background-color:#1E90FF; + color:#FAFAFA; + font-weight:bold; + font-style:italic; } diff --git a/src/images/Makefile.am b/src/images/Makefile.am index e46514cc6..067b39dd7 100644 --- a/src/images/Makefile.am +++ b/src/images/Makefile.am @@ -70,10 +70,14 @@ dist_pkgdata_DATA = \ document.png\ image-missing.png\ favicon.ico\ - NWeb_Mainz_Bkgd.png\ - NWeb_Mainz_Header.png\ - NWeb_Mainz_MidLight.png\ - NWeb_Mainz_Mid.png\ + Web_Mainz_Bkgd.png\ + Web_Mainz_Header.png\ + Web_Mainz_MidLight.png\ + Web_Mainz_Mid.png\ + Web_Gender_Male.png\ + Web_Gender_Female.png\ + Web_Gender_MaleFFF.png\ + Web_Gender_FemaleFFF.png\ arrow102.gif\ arrow231.gif diff --git a/src/images/Web_Gender_Female.png b/src/images/Web_Gender_Female.png new file mode 100644 index 000000000..6b238f01a Binary files /dev/null and b/src/images/Web_Gender_Female.png differ diff --git a/src/images/Web_Gender_FemaleFFF.png b/src/images/Web_Gender_FemaleFFF.png new file mode 100644 index 000000000..6da1f0524 Binary files /dev/null and b/src/images/Web_Gender_FemaleFFF.png differ diff --git a/src/images/Web_Gender_Male.png b/src/images/Web_Gender_Male.png new file mode 100644 index 000000000..0f48038b5 Binary files /dev/null and b/src/images/Web_Gender_Male.png differ diff --git a/src/images/Web_Gender_MaleFFF.png b/src/images/Web_Gender_MaleFFF.png new file mode 100644 index 000000000..305af2faf Binary files /dev/null and b/src/images/Web_Gender_MaleFFF.png differ diff --git a/src/images/Web_Mainz_Bkgd.png b/src/images/Web_Mainz_Bkgd.png new file mode 100644 index 000000000..bb72285eb Binary files /dev/null and b/src/images/Web_Mainz_Bkgd.png differ diff --git a/src/images/Web_Mainz_Header.png b/src/images/Web_Mainz_Header.png new file mode 100644 index 000000000..d21f5a9dd Binary files /dev/null and b/src/images/Web_Mainz_Header.png differ diff --git a/src/images/Web_Mainz_Mid.png b/src/images/Web_Mainz_Mid.png new file mode 100644 index 000000000..5d85320ab Binary files /dev/null and b/src/images/Web_Mainz_Mid.png differ diff --git a/src/images/Web_Mainz_MidLight.png b/src/images/Web_Mainz_MidLight.png new file mode 100644 index 000000000..42fe83320 Binary files /dev/null and b/src/images/Web_Mainz_MidLight.png differ diff --git a/src/plugins/NarrativeWeb.py b/src/plugins/NarrativeWeb.py index 815aeb783..8e0e3b45f 100644 --- a/src/plugins/NarrativeWeb.py +++ b/src/plugins/NarrativeWeb.py @@ -6,6 +6,7 @@ # Copyright (C) 2007 Gary Burton # Copyright (C) 2007-2008 Stephane Charette # Copyright (C) 2008 Brian G. Matherly +# Copyright (C) 2008 Jason M. Simanek # # This program is free software; you can redistribute it and/or modify # it under the terms of the GNU General Public License as published by @@ -114,9 +115,14 @@ _XOFFSET = 5 # stylesheets. _CSS_FILES = [ # First is used as default selection. - [_("Evergreen"), 'Web_Evergreen.css'], - [_("Nebraska"), 'Web_Nebraska.css'], - [_("Simply Red"), 'Web_Simply-Red.css'], + [_("Basic-Ash"), 'Web_Basic-Ash.css'], + [_("Basic-Cypress"), 'Web_Basic-Cypress.css'], + [_("Basic-Lilac"), 'Web_Basic-Lilac.css'], + [_("Basic-Peach"), 'Web_Basic-Peach.css'], + [_("Basic-Spruce"), 'Web_Basic-Spruce.css'], + [_("Mainz"), 'Web_Mainz.css'], + [_("Nebraska"), 'Web_Nebraska.css'], + [_("Visually Impaired"), 'Web_Visually.css'], [_("No style sheet"), ''], ] @@ -359,10 +365,7 @@ class BasePage: of.write('\n\n') of.write('\n') # Terminated in write_footer() - of.write(' \n\n') # Begin Navigation Menu - of.write(' \n') # End Navigation Menu divid = '' if content_divid: @@ -666,9 +667,12 @@ class BasePage: of.write('\t\n') def person_link(self, of, url, name, gid=None, thumbnailUrl=None): - of.write('' % url) + of.write('') if thumbnailUrl: - of.write('
' % thumbnailUrl) + of.write('Image of %s' % (thumbnailUrl, name)) of.write('%s' % name) if not self.noid and gid: of.write(' [%s]' % gid) @@ -1772,16 +1776,16 @@ class IndividualPage(BasePage): xoff = _XOFFSET+col*(_WIDTH+_HGAP) sex = person.get_gender() if sex == gen.lib.Person.MALE: - divclass = "boxbg male" + divclass = "male" elif sex == gen.lib.Person.FEMALE: - divclass = "boxbg female" + divclass = "female" else: - divclass = "boxbg unknown" - of.write('\t\t\t
\n' % (divclass, top, xoff+1)) - of.write('\t\t\t\t
') + divclass = "unknown" + of.write('\t\t\t
\n' % (divclass, col, top, xoff+1)) + of.write('\t\t\t\t') if person.handle in self.ind_list: thumbnailUrl = None - if self.use_gallery and col < 3: + if self.use_gallery and col < 5: photolist = person.get_media_list() if photolist: photo_handle = photolist[0].get_reference_handle() @@ -1795,8 +1799,7 @@ class IndividualPage(BasePage): self.person_link(of, url, person_name, thumbnailUrl=thumbnailUrl) else: of.write(_nd.display(person)) - of.write('
\n') - of.write('\t\t\t
\n') + of.write('\n\t\t\t
\n') of.write('\t\t\t
\n' % (top+_SHADOW, xoff+_SHADOW)) def extend_line(self, of, y0, x0): @@ -2012,8 +2015,10 @@ class IndividualPage(BasePage): # table head of.write('\t\t\t\n') + of.write('\t\t\t\t\n') for h in (_('event|Type'), _('Date'), _('Place'), _('Description'), _('Notes')): - of.write('\t\t\t\t%s' % h) + of.write('\t\t\t\t\t%s\n' % h) + of.write('\t\t\t\t\n') of.write('\t\t\t\n') of.write('\t\t\t\n') @@ -2078,6 +2083,10 @@ class IndividualPage(BasePage): done_first_note = False notelist = event.get_note_list() notelist.extend(event_ref.get_note_list()) + if notelist: + of.write('\t\t\t\t\t\t
    \n') + else: + of.write('\t\t\t\t\t\t \n') for notehandle in notelist: note = db.get_note_from_handle(notehandle) if note: @@ -2088,11 +2097,9 @@ class IndividualPage(BasePage): else: # TODO. Decide what to do with multiline notes. txt = u" ".join(note_text.split("\n")) - if not done_first_note: - of.write('\t\t\t\t\t\t
      \n') txt = txt or ' ' of.write('\t\t\t\t\t\t\t
    1. %s
    2. \n' % txt) - if done_first_note: + if notelist: of.write('\t\t\t\t\t\t
    \n') of.write('\t\t\t\t\t\n') @@ -2497,9 +2504,9 @@ class IndividualPage(BasePage): date = _dd.display(event.get_date_object()) if date and place: - text = _("%(date)s   at   %(place)s") % { 'date': date, 'place': place } + text = _('%(date)s at %(place)s') % { 'date': date, 'place': place } elif place: - text = _("at   %(place)s") % { 'place': place } + text = _('at %(place)s') % { 'place': place } elif date: text = date else: @@ -2704,10 +2711,10 @@ class NavWebReport(Report): imgs = [] if self.css == "Web_Mainz.css": # Copy Mainz Style Images - imgs += ["NWeb_Mainz_Bkgd.png", - "NWeb_Mainz_Header.png", - "NWeb_Mainz_Mid.png", - "NWeb_Mainz_MidLight.png", + imgs += ["Web_Mainz_Bkgd.png", + "Web_Mainz_Header.png", + "Web_Mainz_Mid.png", + "Web_Mainz_MidLight.png", "document.png"] # Copy the Creative Commons icon if the Creative Commons @@ -2715,7 +2722,11 @@ class NavWebReport(Report): if 0 < self.copyright < 7: imgs += ["somerights20.gif"] - imgs += ["favicon.ico"] + imgs += ["favicon.ico", + "Web_Gender_Female.png", + "Web_Gender_FemaleFFF.png", + "Web_Gender_Male.png", + "Web_Gender_MaleFFF.png"] for f in imgs: from_path = os.path.join(const.IMAGE_DIR, f) diff --git a/src/plugins/WebCal.py b/src/plugins/WebCal.py index 0226bedbc..14483eb9e 100644 --- a/src/plugins/WebCal.py +++ b/src/plugins/WebCal.py @@ -103,10 +103,15 @@ _ARROW_GIF = "arrow102.gif" # stylesheets. _CSS_FILES = [ # First is used as default selection. - [_("Evergreen"), 'Web_Evergreen.css'], - [_("Nebraska"), 'Web_Nebraska.css'], - [_("Simply Red"), 'Web_Simply-Red.css'], - [_("No style sheet"), ''], + [_("Basic-Ash"), 'Web_Basic-Ash.css'], + [_("Basic-Cypress"), 'Web_Basic-Cypress.css'], + [_("Basic-Lilac"), 'Web_Basic-Lilac.css'], + [_("Basic-Peach"), 'Web_Basic-Peach.css'], + [_("Basic-Spruce"), 'Web_Basic-Spruce.css'], + [_("Mainz"), 'Web_Mainz.css'], + [_("Nebraska"), 'Web_Nebraska.css'], + [_("Visually Impaired"), 'Web_Visually.css'], + [_("No style sheet"), ''], ] _CHARACTER_SETS = [ @@ -262,6 +267,7 @@ class WebCalReport(Report): self.warn_dir = True # Only give warning once. self.has_arrow_gif = False # Set to True after copying to destination + self.imgs = [] calendar.setfirstweekday(_dow_gramps2iso[self.start_dow]) @@ -406,6 +412,10 @@ class WebCalReport(Report): fname = os.path.join(const.IMAGE_DIR, 'somerights20.gif') self.copy_file(fname, 'somerights20.gif', 'images') + for f in self.imgs: + from_path = os.path.join(const.IMAGE_DIR, f) + self.copy_file(from_path, f, "images") + def display_month_navs(self, of, currentsection, use_home=False): """ Will create and display the navigation menu bar @@ -435,8 +445,8 @@ class WebCalReport(Report): item = [('blankyear', _('Blank Calendar'), self.blankyear)] navs.append(item) - of.write('
    \n\n') + of.write('\t\n') + of.write('\n\n') def display_year_navs(self, of, currentsection): """ @@ -485,8 +489,8 @@ class WebCalReport(Report): if not self.multiyear: return - of.write(' \n\n') def calendar_common(self, of, currsec1, currsec2, title, body_id, year, use_home=False): """ @@ -545,19 +548,18 @@ class WebCalReport(Report): of.write('\n' % body_id) # Header Title - of.write(' \n') # end header # adjust the months being created if self.partyear is True # and year is eequal to current year, then start_month is current month @@ -619,22 +621,22 @@ class WebCalReport(Report): if not self.multiyear: th_txt = '%s %d' % (month_name, year) of.write('\n\n' % month_name) - of.write(' \n' % month_name) - of.write(' \n') - of.write(' \n') - of.write(' \n' % th_txt) - of.write(' \n') + of.write('
    %s
    \n' % month_name) + of.write('\t\n') + of.write('\t\t\n') + of.write('\t\t\t\n' % th_txt) + of.write('\t\t\n') # Calendar weekday names header - of.write(' \n') + of.write('\t\t\n') for day_col in range(7): dayclass = get_class_for_daycol(day_col) - of.write(' \n' % (dayclass, get_name_for_daycol(day_col))) - of.write(' \n') - of.write(' \n') + of.write('\t\t\t\n' % (dayclass, get_name_for_daycol(day_col))) + of.write('\t\t\n') + of.write('\t\n') # begin table body - of.write(' \n') + of.write('\t\n') # Compute the first day to display for this month. # It can also be a day in the previous month. @@ -659,7 +661,7 @@ class WebCalReport(Report): nweeks = len(monthinfo) for week_row in range(0, nweeks): week = monthinfo[week_row] - of.write(' \n' % week_row) + of.write('\t\t\n' % week_row) for day_col in range(0, 7): dayclass = get_class_for_daycol(day_col) @@ -674,23 +676,21 @@ class WebCalReport(Report): specclass = "next " + dayclass if specclass[0] == 'p': # previous day of last month - of.write(' \n') + of.write('\t\t\t\t
    %d
    \n' % specday) + of.write('\t\t\t\n') else: # normal day number in current month if cal == "by": # blank_year() doesn't need any highlighting or hyperlinks - of.write(' \n') + of.write('\t\t\t\n') else: thisday = datetime.date.fromordinal(current_ord) - of.write(' \n') + # close the day/ column + of.write('\t\t\t\n') # change day number current_ord += 1 # close the week/ row - of.write(' \n') + of.write('\t\t\n') def write_header(self, of, title, skip_print=None): """ @@ -738,18 +739,18 @@ class WebCalReport(Report): root of the directory tree (i.e. to self.html_dir). """ - of.write('\n ') + of.write('\n') of.write('\n' % (xmllang, xmllang)) of.write('\n') - of.write(' %s\n' % title) - of.write(' \n' + of.write('\t%s\n\n' % title) + of.write('\t\n' % self.encoding) - of.write(' \n') - of.write(' \n') - of.write(' \n' % self.author) + of.write('\t\n') + of.write('\t\n') + of.write('\t\n\n' % self.author) subdirs = ['..'] * self.nr_up # Note. We use '/' here because it is a URL, not a OS dependent pathname @@ -758,19 +759,19 @@ class WebCalReport(Report): fname3 = '/'.join(subdirs + ['images'] + ['favicon.ico']) # link to _CALENDARSCREEN stylesheet - of.write(' \n' % fname1) + of.write('\t\n' % fname1) # link to _CALENDARPRINT stylesheet if not skip_print: - of.write(' \n' % fname2) + of.write('\t\n' % fname2) # link to GRAMPS favicon - of.write(' \n' % fname3) + of.write('\t\n' % fname3) # Add calendar specific embedded style if required if self.mystyle: # no extra embedded styling necessary of.write(self.mystyle) - of.write('\n') + of.write('\n\n') def write_footer(self, of): """ @@ -786,8 +787,8 @@ class WebCalReport(Report): msg = _('Generated by ' 'GRAMPS on %(date)s') % {'date' : value} - of.write(' \n') of.write('\n') of.write('\n') @@ -950,40 +951,25 @@ class WebCalReport(Report): # create calendar common info for each calendar self.calendar_common(of, lng_month, str(year), _('One Day Within A Year'), my_date, year) - of.write('

    %s

    \n' % my_date) + of.write('\t

    %s

    \n' % my_date) if self.has_arrow_gif: - of.write('
      \n') + of.write('\t
        \n') else: - of.write('
          \n') + of.write('\t
            \n') # WebCal else: - of.write('
              \n') + of.write('\t
                \n') for line in day_list: for date, text, event in line: + of.write('\t\t
              • %s
              • \n' % text) - # "WebCal" needs more spacing than "Year At A Glance" - if cal == 'wc': - of.write('
              • ') - else: - of.write('
              • ') - of.write('%s\n' % text) + of.write('\t
              \n') - if cal == 'wc': - of.write(' \n') - else: - of.write(' \n') - - # WebCal needs 25 spaces - if cal == 'wc': - of.write('
            \n') - - # "Yeatr At A Glance" + # Only close the file for "Year At A Glance" if cal == 'yg': - # year_glance needs 13 spaces - of.write('
          \n') self.write_footer(of) self.close_file(of) @@ -1031,8 +1017,8 @@ class WebCalReport(Report): self.calendar_build(of, 'by', year, month) # close table body - of.write('
    \n') - of.write('
    %s
    %s
    %s
    \n' % specclass) - - # span class is used here to differentiate between previous/next days versus calendar days - of.write(' %d\n' % specday) - of.write(' \n' % (day, dayclass)) - of.write('
    %d
    \n' % day) - of.write('
    \n' % (day, dayclass)) + of.write('\t\t\t\t
    %d
    \n' % day) + of.write('\t\t\t
    \n' + of.write('\t\t\t\t\n' % (shrt_month, day, lng_month, shrt_month, day, self.ext, shrt_month, day)) - of.write('
    %d
    \n' % day) + of.write('\t\t\t\t\t
    %d
    \n' % day) + of.write('\t\t\t\t\n') # WebCal elif cal == 'wc': - of.write('
    %d
    \n' % day) + of.write('\t\t\t\t
    %d
    \n' % day) # year_glance() and print_page() both need this to itemize the list self.one_day(of, evt_date, cal, holiday_list, bday_anniv_list) @@ -715,21 +716,21 @@ class WebCalReport(Report): # no holiday/ bday/ anniversary this day else: of.write('class="%s">\n' % dayclass) - of.write('
    %d
    \n' % day) + of.write('\t\t\t\t
    %d
    \n' % day) # no holiday/ bday/ anniversary this month else: of.write('class="%s">\n' % dayclass) - of.write('
    %d
    \n' % day) + of.write('\t\t\t\t
    %d
    \n' % day) - # close the day/ column - of.write('
    \n\n') + of.write('\t\n') + of.write('\n\n') # increase progress bar self.progress.step() @@ -1090,11 +1076,11 @@ class WebCalReport(Report): self.progress.set_pass(_('Creating Year At A Glance calendars'), (self.end_month - self.start_month)) # page description - of.write('

    \n') - of.write(_(' This calendar is meant to give you access to all your data at a glance ' - 'compressed into one page. Clicking on a red square will take you to a ' + of.write('

    \n') + of.write(_('This calendar is meant to give you access to all your data at a glance ' + 'compressed into one page. Clicking on a red square will take you to a ' 'page that shows all the events for that date!\n')) - of.write('

    \n\n') + of.write('

    \n\n') for month in range(self.start_month, (self.end_month + 1)): @@ -1103,25 +1089,25 @@ class WebCalReport(Report): # Note. The week rows are filled up to make them all 6 weeks long. nweeks = len(calendar.monthcalendar(self.year, month)) for i in range(nweeks+1, 7): - of.write(' \n' % i) - of.write(' \n') - of.write(' \n') - of.write(' \n') + of.write('\t\t\n' % i) + of.write('\t\t\t\n') + of.write('\t\t\t\n') + of.write('\t\t\n') # close table body before writing note - of.write(' \n') + of.write('\t\n') # create note section for "Year At A Glance" note = self.month_notes[month-1].strip() note = note or " " - of.write(' \n') - of.write(' \n') - of.write(' \n') - of.write(' %s\n' % note) - of.write(' \n') - of.write(' \n') - of.write(' \n') - of.write(' \n\n') + of.write('\t\n') + of.write('\t\t\n') + of.write('\t\t\t\n') + of.write('\t\t\t\t%s\n' % note) + of.write('\t\t\t\n') + of.write('\t\t\n') + of.write('\t\n') + of.write('\n\n') # increase progress bar self.progress.step() @@ -1153,6 +1139,14 @@ class WebCalReport(Report): # get data from database for birthdays/ anniversaries self.collect_data() + if self.css == "Web_Mainz.css": + # Copy Mainz Style Images + self.imgs += ["Web_Mainz_Bkgd.png", + "Web_Mainz_Header.png", + "Web_Mainz_Mid.png", + "Web_Mainz_MidLight.png", + ] + # Copy all files for the calendars being created self.copy_calendar_files() @@ -1259,17 +1253,17 @@ class WebCalReport(Report): self.calendar_build(of, 'wc', year, month) # close table body before note section - of.write(' \n') + of.write('\t\n') # create note section for "WebCal" note = self.month_notes[month-1].strip() note = note or " " - of.write(' \n') - of.write(' \n') - of.write(' %s\n' % note) - of.write(' \n') - of.write(' \n') - of.write(' \n\n') + of.write('\t\n') + of.write('\t\t\n') + of.write('\t\t\t%s\n' % note) + of.write('\t\t\n') + of.write('\t\n') + of.write('\n\n') # write footer section, and close file self.write_footer(of) @@ -1471,7 +1465,7 @@ class WebCalOptions(MenuReportOptions): partyear = BooleanOption(_('Create Partial Year calendar'), False) partyear.set_help(_('Create a partial year calendar. The start month will be' - 'equal to the current month to the end of the year.')) + ' equal to the current month to the end of the year.')) menu.add_option(category_name, 'partyear', partyear) self.__multiyear = BooleanOption(_('Create multiple year calendars'), False)