diff --git a/ChangeLog b/ChangeLog index 0b55b4329..2bc288c69 100644 --- a/ChangeLog +++ b/ChangeLog @@ -1,3 +1,29 @@ +2008-03-06 Jason Simanek + * src/NarrativeWeb.py: + * src/images/NWeb_Mainz_Header.png: added + * src/images/somerights20.gif: modified + * src/images/NWeb_Mainz_MidLight.png: added + * src/images/favicon.ico: added + * src/images/NWeb_Mainz_Bkgd.png: added + * src/images/NWeb_Mainz_Mid.png: added + * src/data/NWeb-Print_Default.css: added + * src/data/NWeb-Screen_Basic-Lilac.css: added + * src/data/NWeb-Screen_Basic-Cypress.css: added + * src/data/NWeb-Screen_Sharp.css: added + * src/data/main1.css: removed + * src/data/NWeb-Screen_Mainz.css: added + * src/data/main2.css: removed + * src/data/main3.css: removed + * src/data/main4.css: removed + * src/data/NWeb-Screen_Basic-Spruce.css: added + * src/data/main5.css: removed + * src/data/main6.css: removed + * src/data/NWeb-Screen_Nebraska.css: added + * src/data/NWeb-Screen_Basic-Ash.css: added + * src/data/NWeb-Screen_Basic-Peach.css: added + 0001803: Narrative Web Report Update + Multiple updates to improve the narrative web report. + 2008-03-06 Douglas S. Blank * src/plugins/SameSurnames.py: * src/plugins/DefaultGramplets.py: diff --git a/src/data/NWeb-Print_Default.css b/src/data/NWeb-Print_Default.css new file mode 100644 index 000000000..f24d136e8 --- /dev/null +++ b/src/data/NWeb-Print_Default.css @@ -0,0 +1,501 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Standard Styles for Printing */ +/* Style Author: Jason Simanek (2008) */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +gray #A7A7A7 +red #520 +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.content { } +.content div.snapshot { + float:right; + margin:1.6em; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.content .thumbnail a:link:after, .content .thumbnail a:visited:after { + content:""; +} +.fullclear { + width:100%; + height:1pt; + margin:0; + padding:0; + clear:both; +} + +/* ------------------------------------------------------------------------------ */ +/* General Text Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font:normal 16pt/18pt serif; + margin:0; + padding:0; +} +h2 { + font:normal 18pt/23pt serif; + display:inline; + margin:0; + padding:0; +} +h3 { + font:normal 18pt/23pt serif; + text-align:left; + display:inline; + margin:0 0 0 8pt; + padding:0; +} +h4 { + display:block; + clear:both; + font:normal 14pt/16pt serif; + margin:8pt 0 0 0; + padding:8pt 0 1pt 0; + border-top:solid .5pt #A7A7A7 +} +h5, h6 { + font:normal 14pt/16pt serif; + font-style:italic; + margin:0; + padding:0; +} +p { + font:normal 11pt/14pt serif; +} +p#description { + margin:0 0 14pt 0; +} +a:link, a:visited { + color:#520; + text-decoration:underline; +} +.content a:link:after, content a:visited:after { + font-size:70%; + font-family:sans-serif; + content:" (" attr(href) ") "; +} +.content ol li a:link { + text-decoration:none; +} +.content ol li a:link:after, .content ol li a:visited:after { + content:""; +} +sup { + line-height:0; +} +ol { + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#Header { + padding:0 0 8pt 0; + margin:0 0 8pt 0; + border-bottom:solid .5pt #000; +} +#SiteTitle { + text-align:center; + margin:0; + padding:0; +} +#user_header { + font-style:italic; + text-align:center; + margin:0; + padding:0 +} +#GRAMPSinfo { + font:normal 7pt/9pt sans-serif; + text-align:right; + margin:0; + padding:0; +} +.grampsid { + font-size:60%; + font-family:monospace; + color:#A7A7A7 +} +#Navigation { display:none; } + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + margin:0; + padding:0; + clear:both; + border-top:solid .5pt #000; +} +#user_footer { + float:left; + width:70%; +} +#user_footer p { + font-style:italic; +} +#copyright { + margin:14pt 0 0 0; + font:normal .9em/1.2em sans-serif; + text-align:right; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles */ +/* ------------------------------------------------------------------------------ */ +table { + width:100%; + margin:0; + padding:0; + border:none; + border-collapse:collapse; + border-bottom:solid .5pt #FFF; +} +table thead tr th { + font:normal 11pt/13pt serif; + color:#000; + margin:0; + padding:0; + padding-bottom:1pt; + border-bottom:solid .5pt #000; +} +.content table thead tr th a { + text-decoration:none; +} +.content table thead tr th a:link:after, .content table thead tr th a:visited:after { + content:""; +} +table tbody tr td { + font:normal 9pt/11pt sans-serif; + vertical-align:middle; + padding:2pt 6pt 1pt 0; + border-bottom:dashed .5pt #A7A7A7; +} +.content table tbody tr td a { + text-decoration:none; +} +.content table tbody tr td a:link:after, .content table tbody tr td a:visited:after { + content:""; +} +table tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid .5pt #A7A7A7; +} +table tbody tr td.ColumnRowLabel { + width:2%; + color:#A7A7A7; + text-align:center; +} +table tr td.ColumnLetter { + width:3%; + text-align:center; +} +table tr td.ColumnAttribute { + width:10%; +} +.content table tbody tr td.ColumnName a { + text-decoration:none; +} +table tbody tr td.ColumnBirth { + width:10%; +} +table tbody tr td.ColumnDeath { + width:10%; + text-decoration:underline; +} +table tbody tr td.ColumnParents { + font-size:70%; +} +table tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Home/Welcome Styles */ +/* ------------------------------------------------------------------------------ */ +#Home p { + margin:0 0 9pt 0; +} +#Home img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} + +/* ------------------------------------------------------------------------------ */ +/* Introduction Styles */ +/* ------------------------------------------------------------------------------ */ +#Introduction p { + margin:0 0 9pt 0; +} +#Introduction img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#Surnames { } +table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:35%; +} + +/* ------------------------------------------------------------------------------ */ +/* Individuals Styles */ +/* ------------------------------------------------------------------------------ */ + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#GalleryDetail h2 { + display:none; +} +#GalleryNav { + display:none; +} +#GalleryDisplay { + text-align:center; +} +#GalleryDisplay img { + margin:0 auto; + border:solid 1pt #542; +} +#GalleryDetail h3 { + display:block; + text-align:center; + margin:2pt 0 8pt 0; +} + +/* ------------------------------------------------------------------------------ */ +/* Download Styles */ +/* ------------------------------------------------------------------------------ */ +#Download p { + margin:0 0 9pt 0; +} +#Download img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} + +/* ------------------------------------------------------------------------------ */ +/* Contact Styles */ +/* ------------------------------------------------------------------------------ */ +#researcher { + margin:16pt 0 0 0; +} +#Contact img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} +#researcher h3 { + margin:0; +} +#researcher span { + font:normal .9em/1.4em serif; + display:block; + float:left; + margin-right:.4em; +} +#city { + clear:left; +} +#city:after { + content:","; +} +#email { + clear:left; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:3em 20px; +} + +/* SubSection Styles : Events */ +/* ------------------------------------------------------------------------------ */ +#IndividualDetail .ColumnValue { + padding:4pt 0; +} +.ColumnValue p { + font:normal 9pt/11pt sans-serif; + margin:1pt 0 0 18pt; +} + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid .5pt #000; +} +#indivgallery div.thumbnail p { + font:normal 7pt/9pt sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +#pedigree a { + text-decoration:none; +} +.content #pedigree a:link:after, .content #pedigree a:visited:after { + content:""; +} +.pedigreegen { + font:normal 10pt/12pt sans-serif; + list-style:none; + margin:8pt 0 0 0; + padding:0 0 0 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:16pt; +} +.pedigreegen li ol li ol { + font:normal 9pt/11pt sans-serif; + list-style:decimal; + margin-left:16pt; +} +.pedigreegen li ol li ol li ol.spouselist { + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + list-style:decimal; + margin-left:16pt; +} +.spouse a { + font-weight:normal; + font-style:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; +} +#treeContainer div.boxbg div.box a:link:after, #treeContainer div.boxbg div.box a:visited:after { + font-size:70%; + font-family:sans-serif; + content:""; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font:normal .7em/1.4em sans-serif; + text-align:center; + text-decoration:none; + width:75pt; + padding:5pt 8pt; + margin:5pt 0 0 0; + background-color:#FFF; + border:solid 1pt #000; +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:1pt; + margin:0; + padding:0; + background-color:#FFF; + border-bottom:solid .5pt #A7A7A7 +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1pt; + margin:0; + padding:0; + background-color:#FFF; + border-right:solid .5pt #A7A7A7 +} +.ghline, .gvline { + display:none; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Basic-Ash.css b/src/data/NWeb-Screen_Basic-Ash.css new file mode 100644 index 000000000..375aa6876 --- /dev/null +++ b/src/data/NWeb-Screen_Basic-Ash.css @@ -0,0 +1,868 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Basic - Ash */ +/* Style Author: Jason Simanek (2008) */ +/* Note: Adapted from GRAMPS original Modern Style stylesheet */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #000 +gray dark #333 +gray #999 +gray light #CCC +gray very light #EEE +white #FFF +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Verdana, "Bitstream Vera Sans", Helvetica, 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 Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#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; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + float:right; + margin:0 0 2px 2px; + padding:0; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#999; +} +#Navigation { + margin:0; + padding:4px 0 0 0; + background-color:#EEE; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #999; +} +#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:#EEE; +} +#Navigation ol li a:hover { + background-color:#CCC; + border-bottom:solid 1px #000; +} +#Navigation ol 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 ol li#CurrentSection a:hover { + background-color:#FFF; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#333; + margin:0; + padding:0; + clear:both; + background-color:#CCC; + border-top:solid 1px #333; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +table { + font-size:14px; + margin:0 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Download p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#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; +} + +/* SubSection Styles : 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; +} + +/* SubSection Styles : 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; +} +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; +} + +/* SubSection Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #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; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #999; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#000; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#EEE; + border:solid 1px #999; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#EEE; + border:solid 2px #333; +} +.shadow { + +} +#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; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Basic-Cypress.css b/src/data/NWeb-Screen_Basic-Cypress.css new file mode 100644 index 000000000..ab464e952 --- /dev/null +++ b/src/data/NWeb-Screen_Basic-Cypress.css @@ -0,0 +1,878 @@ +/* ---------------------------------------------------------------------------- */ +/* 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 */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #000 +slate dark #454 +slate #7C8F7C +slate light #9DBF9D +slate very light #E0E6E0 +white #FFF +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Verdana, "Bitstream Vera Sans", Helvetica, 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 Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#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 { + background-color:#E0E6E0; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + color:#E0E6E0; + float:right; + margin:0 0 2px 2px; + padding:0; +} +#GRAMPSinfo a { + color:#E0E6E0; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7C8F7C; +} +#Navigation { + margin:0; + padding:4px 0 0 0; + background-color:#454; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7C8F7C; +} +#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; + color:#E0E6E0; + margin:0; + padding:5px 5px; + background-color:#454; +} +#Navigation ol li a:hover { + color:#454; + padding-top:4px; + background-color:#9DBF9D; + border-top:solid 1px #454; + border-bottom:solid 1px #000; +} +#Navigation ol 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 ol li#CurrentSection a:hover { + padding-top:5px; + background-color:#FFF; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#E0E6E0; + margin:0; + padding:0; + clear:both; + background-color:#454; + border-top:solid 1px #454; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +table { + font-size:14px; + margin:0 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Download p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#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; +} + +/* SubSection Styles : 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; +} + +/* SubSection Styles : 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; +} +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; +} + +/* SubSection Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #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; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7C8F7C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#000; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#E0E6E0; + border:solid 2px #454; +} +.shadow { + +} +#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; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Basic-Lilac.css b/src/data/NWeb-Screen_Basic-Lilac.css new file mode 100644 index 000000000..a9e1d217a --- /dev/null +++ b/src/data/NWeb-Screen_Basic-Lilac.css @@ -0,0 +1,868 @@ +/* ---------------------------------------------------------------------------- */ +/* 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 */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #000 +lilac dark #2E2E61 +lilac #669 +lilac light #B4B4CB +lilac very light #E0E0E9 +white #FAFAFF +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Verdana, "Bitstream Vera Sans", Helvetica, sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FAFAFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FAFAFF; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* ------------------------------------------------------------------------------ */ +/* General Text Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#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; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + float:right; + margin:0 0 2px 2px; + padding:0; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#669; +} +#Navigation { + margin:0; + padding:4px 0 0 0; + background-color:#E0E0E9; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #669; +} +#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:#E0E0E9; +} +#Navigation ol li a:hover { + background-color:#B4B4CB; + border-bottom:solid 1px #000; +} +#Navigation ol 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 ol li#CurrentSection a:hover { + background-color:#FAFAFF; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#2E2E61; + margin:0; + padding:0; + clear:both; + background-color:#B4B4CB; + border-top:solid 1px #2E2E61; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +table { + font-size:14px; + margin:0 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Download p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FAFAFF; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:none; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* SubSection Styles : Summary Area */ +/* ------------------------------------------------------------------------------ */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FAFAFF; + border-bottom:solid .7em #FAFAFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* SubSection Styles : Events */ +/* ------------------------------------------------------------------------------ */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FAFAFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #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; +} + +/* SubSection Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FAFAFF; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #B4B4CB; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #B4B4CB; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #669; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#000; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#E0E0E9; + border:solid 1px #669; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#E0E0E9; + border:solid 2px #2E2E61; +} +.shadow { + +} +#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; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Basic-Peach.css b/src/data/NWeb-Screen_Basic-Peach.css new file mode 100644 index 000000000..1e6092261 --- /dev/null +++ b/src/data/NWeb-Screen_Basic-Peach.css @@ -0,0 +1,868 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Basic - Peach */ +/* Style Author: Jason Simanek (2008) */ +/* Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme. */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #36220B +brown #8C581C +orange dark #EA8414 +orange #FFC35E +orange light #FFE09F +yellow light #FFFBE7 +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Verdana, "Bitstream Vera Sans", Helvetica, 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 Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#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; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + float:right; + margin:0 0 2px 2px; + padding:0; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#8C581C; +} +#Navigation { + margin:0; + padding:4px 0 0 0; + background-color:#FFE09F; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #8C581C; +} +#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:#FFE09F; +} +#Navigation ol li a:hover { + background-color:#FFC35E; + border-bottom:solid 1px #36220B; +} +#Navigation ol 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 ol li#CurrentSection a:hover { + background-color:#FFFBE7; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#8C581C; + margin:0; + padding:0; + clear:both; + background-color:#FFC35E; + border-top:solid 1px #EA8414; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +table { + font-size:14px; + margin:0 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Download p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#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; +} + +/* SubSection Styles : 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; +} + +/* SubSection Styles : 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; +} +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; +} + +/* SubSection Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #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; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #8C581C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#36220B; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#FFE09F; + border:solid 2px #8C581C; +} +.shadow { + +} +#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; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Basic-Spruce.css b/src/data/NWeb-Screen_Basic-Spruce.css new file mode 100644 index 000000000..478a26c98 --- /dev/null +++ b/src/data/NWeb-Screen_Basic-Spruce.css @@ -0,0 +1,868 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Basic - Spruce */ +/* Style Author: Jason Simanek (2008) */ +/* Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme. */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #000 +blue dark #204D91 +blue #7CA3DD +blue light #BFD0EA +blue very light #EAEEF4 +white #FFF +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Verdana, "Bitstream Vera Sans", Helvetica, 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 Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#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; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + float:right; + margin:0 0 2px 2px; + padding:0; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7CA3DD; +} +#Navigation { + margin:0; + padding:4px 0 0 0; + background-color:#EAEEF4; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7CA3DD; +} +#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:#EAEEF4; +} +#Navigation ol li a:hover { + background-color:#BFD0EA; + border-bottom:solid 1px #000; +} +#Navigation ol 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 ol li#CurrentSection a:hover { + background-color:#FFF; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#204D91; + margin:0; + padding:0; + clear:both; + background-color:#BFD0EA; + border-top:solid 1px #204D91; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +table { + font-size:14px; + margin:0 15px; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Download, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Download p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#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; +} + +/* SubSection Styles : 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; +} + +/* SubSection Styles : 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; +} +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; +} + +/* SubSection Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #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; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7CA3DD; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#000; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#EAEEF4; + border:solid 2px #204D91; +} +.shadow { + +} +#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; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Mainz.css b/src/data/NWeb-Screen_Mainz.css new file mode 100644 index 000000000..3595bd81e --- /dev/null +++ b/src/data/NWeb-Screen_Mainz.css @@ -0,0 +1,876 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Mainz */ +/* Style Author: Jason Simanek (2008) */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +black #000 +brown #7D5925 +brown light #D8C19F +green #767D25 +yellow #FFF2C6 +yellow light #FFFCE7 +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Style Images */ +/* ---------------------------------------------------------------------------- */ +/* +Body images/NWeb_Mainz_Bkgd.png +Header images/NWeb_Mainz_Header.png +Middle images/NWeb_Mainz_Mid.png +Middle Light images/NWeb_Mainz_MidLight.png +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +body { + font-family:Georgia, serif; + color:#7D5925; + margin:0; + padding:0; + background:url(images/NWeb_Certificate_Bkgd.png) #000 repeat; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + width:900px; + margin:0 auto; + padding-bottom:.5em; + background:url(images/NWeb_Certificate_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 Styles */ +/* ------------------------------------------------------------------------------ */ +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:#FFFCE7; +} +a:visited { + color:#7D5925; + text-decoration:underline; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#Header { + width:900px; + margin:0 auto; + padding:5em 0 2px 0; + background:url(images/NWeb_Certificate_Header.png) no-repeat top; +} +#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; +} +#GRAMPSinfo { + font-size:14px; + line-height:120%; + font-style:italic; + float:right; + margin:0 20px 2px 2px; + padding:0; +} +.grampsid { + font:normal .8em/1.2em monospace; +} +#Navigation { + font-family:sans-serif; + width:900px; + margin:0 auto; + padding:0; + background:url(images/NWeb_Certificate_MidLight.png) #FFF2C6; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; +} +#Navigation ol li { + margin:0; + padding:0; + float:left; +} +#Navigation ol 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 ol li a:hover { + background-color:#FFFCE7; +} +#Navigation ol 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 ol li#CurrentSection a:hover { +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:900px; + margin:0 auto; + padding:0; + clear:both; + background:url(images/NWeb_Certificate_MidLight.png) #FFF2C6; + border-top:dashed 1px #7D5925; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + margin:0; +} +#copyright { + margin:1em; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles - infolist variations */ +/* ------------------------------------------------------------------------------ */ +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:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#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/NWeb_Certificate_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/NWeb_Certificate_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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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/NWeb_Certificate_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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#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/NWeb_Certificate_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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles */ +/* ------------------------------------------------------------------------------ */ +#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 Styles : 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 Styles : 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 Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist 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 Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7D5925; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + padding-bottom:1.4em; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font-size:.8em; + color:#7D5925; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#FFFCE7; + border:dotted 2px #7D5925; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + width:210px; + margin-top:.5em; + margin-left:0; + padding:10px 4px 12px 4px; + background-color:#FFFCE7; + border:solid 2px #7D5925; +} +.shadow { + +} +#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; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:2px; + margin:0 0 0 14px; + padding:0; + background:none; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:1px; + margin:0 0 0 14px; + padding:0; + background:none; +} \ No newline at end of file diff --git a/src/data/NWeb-Screen_Nebraska.css b/src/data/NWeb-Screen_Nebraska.css new file mode 100644 index 000000000..fbeb6a32a --- /dev/null +++ b/src/data/NWeb-Screen_Nebraska.css @@ -0,0 +1,909 @@ +/* ---------------------------------------------------------------------------- */ +/* GRAMPS Cascading Style Sheet */ +/* Style Name: Nebraska */ +/* Style Author: Jason Simanek (2008) */ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* Color Palette */ +/* ---------------------------------------------------------------------------- */ +/* +brown darkest #453619 +brown dark #542 +brown #A97 +brown light #C1B398 +brown lightest #F6F2EE +gray #696969 +green #5D835F +*/ +/* ---------------------------------------------------------------------------- */ + +/* ---------------------------------------------------------------------------- */ +/* General Element Styles */ +/* ---------------------------------------------------------------------------- */ +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; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFF; +} +.content div.snapshot { + float:right; + margin:1.6em; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* ------------------------------------------------------------------------------ */ +/* General Text Styles */ +/* ------------------------------------------------------------------------------ */ +h1 { + font:normal 2em/1.2em serif; +} +h2 { + display:none; +} +h3 { + font:normal 2em/1.2em serif; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font:normal 1.2em/1.2em serif; + color:white; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#C1B398; + border-bottom:solid 1px #542; +} +h5, h6 { + font:normal 1em/1.2em serif; + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font:normal 1.1em/1.4em serif; +} +p#description { + color:#542; + max-width:800px; + margin:0; + padding:1em 20px; + background-color:#FFF; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; +} +ol li a { + text-decoration:none; +} +ol li a:hover { + text-decoration:underline; +} +a:link { + color:#542; +} +a:visited { + color:#542; +} +a:hover { + color:#542; + text-decoration:underline; +} + +/* ------------------------------------------------------------------------------ */ +/* Header/Navigation Styles */ +/* ------------------------------------------------------------------------------ */ +#Header { + padding:0 0 .9em 0; + margin:0; + background-color:#542; + border-bottom:solid 1px #453619; +} +#SiteTitle { + color:#FFF; + margin:0; + padding:.5em 0 0 20px; +} +#GRAMPSinfo { + font:normal .8em/1.2em sans-serif; + float:right; + margin:0; + padding:.7em .8em; + color:#A97; +} +#GRAMPSinfo a { + color:#fff; + text-decoration:none; +} +#GRAMPSinfo a:hover { + text-decoration:underline; + background:none; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#696969; +} +p#user_header { + font-size:1.3em; + text-align:left; + color:#A97; + margin:0; + padding:.2em 0 .6em 20px; + background-color:#542; +} +#Navigation { + margin:0; + padding:0; +} +#Navigation ol { + list-style:none; + min-width:770px; + height:32px; + margin:0; + padding:0 0 0 9px; + background-color:#A97; + border-bottom:solid 1px #542; +} +#Navigation ol li { + margin:0; + float:left; +} +#Navigation ol li a { + display:block; + float:left; + font:normal 16px/100% serif; + color:#542; + text-decoration:none; + margin:0; + padding:8px 13px; + +} +#Navigation ol li a:hover { + background-color:#C1B398; + border-bottom:solid 1px #542; +} +#Navigation ol li#CurrentSection a { + font-size:19px; + margin-top:-6px; + padding-top:11px; + padding-bottom:8px; + border-right:solid 1px #542; + border-left:solid 1px #542; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#Navigation ol li#CurrentSection a:hover { + background-color:#FFF; +} + +/* ------------------------------------------------------------------------------ */ +/* Footer Styles */ +/* ------------------------------------------------------------------------------ */ +#footer { + width:100%; + color:#A97; + margin:0; + padding:0; + clear:both; + background-color:#542; + border-top:solid 8px #A97; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + color:#A97; + margin:0; + padding:0; +} +#copyright { + margin:1em; + font:normal .9em/1.2em sans-serif; + float:right; +} +#copyright p { + margin:0; +} +#copyright a:hover { + background:none; +} + +/* ------------------------------------------------------------------------------ */ +/* Main Table Styles */ +/* ------------------------------------------------------------------------------ */ +table.infolist { + width:100%; + margin:0; + padding:0; + background-color:#F6F2EE; +} +table.infolist tr th { + font:normal 1.1em/1.2em serif; + color:#FFF; + margin:0; + padding:.2em 10px; + background-color:#A97; + border-bottom:solid 1px #542; +} +table.infolist tr th a:hover { + background-color:#C1B398; +} +table.infolist tr td { + font:normal 1.1em/1.4em serif; + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #C1B398; +} +table.infolist tr td.ColumnLetter { + width:3%; + text-align:center; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + color:#5D835F; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + width:2%; + color:#696969; + padding-left:20px; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} + +/* ------------------------------------------------------------------------------ */ +/* Surnames Styles */ +/* ------------------------------------------------------------------------------ */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist tr th { + padding:0; +} +table.surnamelist tr th a, table.surnamelist tr th a:visited { + display:block; + color:#FFF; + text-align:left; + text-decoration:none; + padding:.2em 10px; +} +table.surnamelist tr th:hover { + background-color:#C1B398; +} +table.surnamelist thead tr th.ColumnLetter { + padding-left:20px; + padding-right:10px; +} +table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { + background-color:#C1B398; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table#SortByName tbody tr td.ColumnSurname { + padding:0; + background-color:#FFF; +} +table#SortByName tbody tr td.ColumnSurname a { + display:block; + padding:.1em 10px .3em 10px; +} +table#SortByCount tbody tr td.ColumnQuantity { + background-color:#FFF; +} +table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover { + background-color:#C1B398; +} +table.surname { + border-bottom:solid 1px #A97; +} +table.surname tbody tr td { + border-bottom:dashed 1px #C1B398; +} +table.surname thead tr th.ColumnName { + width:20%; + padding-left:20px; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#FFF; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname tbody tr td.ColumnName:hover { + background-color:#C1B398; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* ------------------------------------------------------------------------------ */ +/* Individuals Styles */ +/* ------------------------------------------------------------------------------ */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #A97; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #C1B398; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration: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:#FFF; +} +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:#C1B398; +} +#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} + +/* ------------------------------------------------------------------------------ */ +/* Sources Styles */ +/* ------------------------------------------------------------------------------ */ +#Sources { } +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + font-size:.9em; + padding:.1em 10px .3em 10px; +} +#Sources table.infolist tbody tr td.ColumnName a:hover { + background-color:#C1B398; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* ------------------------------------------------------------------------------ */ +/* Places Styles */ +/* ------------------------------------------------------------------------------ */ +#Places { } +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Places table.infolist tbody tr td.ColumnName a:hover { + background-color:#C1B398; +} + +/* ------------------------------------------------------------------------------ */ +/* Gallery Styles */ +/* ------------------------------------------------------------------------------ */ +#Gallery { } +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + 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; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + border:solid 1px #542; +} +#GalleryNav a:hover { + background-color:#F6F2EE; +} +#GalleryNav a#Previous { + padding:.5em .7em .3em .7em; +} +#GalleryNav a#Next { + padding:.5em 1.9em .3em 1.9em; +} +#GalleryPages { + margin:0 1em; +} +#GalleryCurrent { + font:bold 1.2em/1em sans-serif; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + text-align:center; +} +#GalleryDisplay img { + margin:0 auto; + border:solid 1px #542; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:2em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + font:normal 1.2em/1.2em serif; + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + padding-bottom:0; + margin-top:1.5em; + margin-bottom:0; + background-color:#F6F2EE; + border-style:solid; + border-width:8px 0 0 0; + border-color:#C1B398; +} + +/* ------------------------------------------------------------------------------ */ +/* Contact Styles */ +/* ------------------------------------------------------------------------------ */ +#Contact #summaryarea { + width:500px; + margin:0 auto; + padding:3em; + background-color:#F1ECE2; +} +#Contact #summaryarea img { + float:right; + margin:0; +} +#researcher { + font:normal 1.5em/1.4em serif; + margin-top:.3em; +} +#researcher h3 { + font:normal 1.2em/1.4em serif; + padding:0; +} +#researcher span { + font:normal .9em/1.4em serif; + 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; +} + +/* ------------------------------------------------------------------------------ */ +/* SubSection Styles */ +/* ------------------------------------------------------------------------------ */ +#Home, #Introduction, #Contact { + padding:2em 0 3em 0; +} +#Download { + padding:1em 0 3em 0; +} +#Home p, #Introduction p, #Download p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Download img { + float:right; + margin:0; + padding:0 20px 3em 2em; +} +div.subsection{ + padding-bottom:.5em; + background-color:#F6F2EE; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:none; +} +div.subsection a:hover { + text-decoration:underline; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Individuals Styles : Events */ +/* ------------------------------------------------------------------------------ */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +#IndividualDetail div#events table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.8em; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:solid 1px #C1B398; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #C1B398; +} +table.infolist tbody tr td.ColumnValue p { + font-family:sans-serif; + color:#696969; + margin:.2em 0 0 2em; +} + +/* SubSection Styles : Attributes */ +/* ------------------------------------------------------------------------------ */ + +/* Individuals Styles : Parents */ +/* ------------------------------------------------------------------------------ */ +div#parents table.infolist { + margin-top:.5em; +} +div#parents table.infolist tbody tr td.ColumnAttribute { + width:19%; +} +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Individuals Styles : Families */ +/* ------------------------------------------------------------------------------ */ +div#families table.infolist { + margin-top:.5em; +} +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Individuals Styles : Addresses */ +/* ------------------------------------------------------------------------------ */ +div#addresses { + padding-bottom:0; +} +div#addresses table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.4em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:solid 1px #C1B398; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #C1B398; +} + +/* SubSection Styles : Gallery */ +/* ------------------------------------------------------------------------------ */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #542; +} +#indivgallery div.thumbnail p { + font:normal .7em/1.4em sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection Styles : Narrative */ +/* ------------------------------------------------------------------------------ */ +div#narrative { + padding-bottom:0; +} +#narrative p { + font:normal .9em/1.4em sans-serif; + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection Styles : References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Source References */ +/* ------------------------------------------------------------------------------ */ + +/* SubSection Styles : Summary Area */ +/* ------------------------------------------------------------------------------ */ +div#summaryarea { + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom:solid .7em #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + color:#696969; + padding-left:20px; +} + +/* SubSection Styles : Weblinks */ +/* ------------------------------------------------------------------------------ */ + +/* Individuals Styles : Pedigree */ +/* ------------------------------------------------------------------------------ */ +div#pedigree { + padding-bottom:1.2em; +} +#pedigree a { + text-decoration:none; +} +#pedigree a:hover { + text-decoration:underline; +} +.pedigreegen { + font:normal .9em/1.2em sans-serif; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 0 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li ol { + font:normal 1em/1.4em sans-serif; + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; + font-style:normal; + color:#A97; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Individuals Styles : Ancestors Tree */ +/* ------------------------------------------------------------------------------ */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; +} +.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +.boxbg div a { + position:relative; + z-index:10; + display:block; + font:normal .7em/1.4em sans-serif; + color:#542; + text-align:center; + text-decoration:none; + width:148px; + padding:5px 5px 7px 5px; + margin-top:1em; + margin-left:16px; + background-color:#F6F2EE; + border:solid 1px #542; +} +.boxbg div a:hover { + position:relative; + z-index:999; + font-size:1em; + color:#542; + width:210px; + margin-top:0; + margin-left:0; + padding:10px 4px 12px 4px; + border:solid 2px #542; +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:1px; + margin:0 0 0 16px; + padding:0; + background-color:#C1B398; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:0 0 0 16px; + padding:0; + background-color:#C1B398; +} +.ghline, .gvline { + display:none; +} \ No newline at end of file diff --git a/src/data/main6.css b/src/data/NWeb-Screen_Sharp.css similarity index 100% rename from src/data/main6.css rename to src/data/NWeb-Screen_Sharp.css diff --git a/src/data/main1.css b/src/data/main1.css deleted file mode 100644 index c3de89434..000000000 --- a/src/data/main1.css +++ /dev/null @@ -1,256 +0,0 @@ - -/* GRAMPS Cascading Style Sheet */ - -/* Standard Tags {{{1 - */ -BODY { - font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; - background-color: #ffffff; -} -A:link { - color: #000; - text-decoration: underline; -} -A:hover { - background-color: #eee; - color: #000; - text-decoration: underline; -} -A:active { - background-color: #eee; - color: #000; - text-decoration: none; -} -A:visited { - color: #333; - text-decoration: underline; -} -DIV { - margin: 2px; - padding: 2px; -} -P { - font-size: 14px; -} -H1 { - /*font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;*/ - font-weight: bolder; - font-size: 160%; - margin: 2px; -} -H2 { - /*font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;*/ - font-weight: bolder; - font-style: italic; - font-size: 150%; -} -H3 { - font-weight: bold; - margin: 0; - padding: 10px 0px 10px 0px; - -} -H4 { - margin: 1em 0em 0.3em 0em; - padding-left: 4px; - border-bottom: 1px solid #999; -} -H5 { - margin-bottom: 0.5em; -} -H6 { - font-style: italic; - font-size: 100%; - margin: 1.3em 0em 1em 0.8em; -} -IMG { - border: none; -} -SUP { - line-height: 0%; -} -TABLE { - border: none; - border-collapse: collapse; -} -TH { - padding: 1px 3em 1px 1px; - font-weight: bold; - text-align: left; -} -TD { - vertical-align: top; - padding: 0; -} - -/* Custom {{{1 - */ -/* main data table */ -TABLE.infolist { - border: 0; - /*width: 100%;*/ - font-size: 14px; - margin: 0em 2em 0em 2em; -} -TABLE.infolist TH { - border-bottom: 1px solid #999; -} -TABLE.infolist TH A { - text-decoration: none; -} -TABLE.infolist TR > TD:first-child { - min-width: 6em; -} -TD.category { - padding: 1px 3em 1px 1px; /* Defines spacing between rows */ - /*width: 10%;*/ - font-weight: bold; -} -TD.data { - padding: 1px 3em 1px 1px; /* Defines spacing between rows */ - font-weight: bold; -} -TD.note { - padding: 1px 3em 1px 1px; /* Defines spacing between rows */ - /*font-weight: bold;*/ -} -TD.field { - padding: 1px 3em 1px 1px; /* Defines spacing between rows */ - /*width: 15%;*/ -} -/* float left and right */ -.leftwrap { - float: left; - margin: 2px 10px 2px 2px; -} -.rightwrap { - float: right; - margin: 2px 2px 10px 2px; -} -.centered { - text-align: center; -} -/* navigation links */ -#navheader { - padding: 2px; - margin: 2px; - border-bottom: 1px solid #999; -} -.navtitle { - font-size: 130%; - color: #999; - margin: 3px; -} -.navbyline { - float: right; - font-size: 14px; - margin: 2px; - padding: 2px 10px 2px 2px; -} -.nav { - margin: 0px 0px 4px 0px; - padding: 1px; - font-size: 12px; - font-weight: bold; - word-spacing: 0.5em; -} -/* image display */ -.img_navbar { - margin: 0px 0px 4px 0px; - padding: 10px; - font-size: 14px; - font-weight: bold; - text-align: center; -} -.portrait { - text-align: center; - margin: 5px 20px 5px 5px; - padding: 3px; - border-color: #000; - border-width: 1px; -} -.snapshot { - float: right; - margin: 5px 20px 5px 5px; - padding: 3px; -} -.thumbnail { - margin: 0em 2em 0em 2em; -} -#gallery .thumbnail { - margin: 1em; - float:left; - width:150px; - height:150px; - text-align:center; -} -.thumbnail p { - margin: 0; - padding: 0; - font-size: smaller; -} -/* pedigree display */ -#pedigree { } -.pedigreebox { - margin: 0.5em 0em 0em 2em; - padding: 0; - background-color: #eeeeee; - border: 1px; -} -.pedigreegen { - font-size: 14px; - margin: 0; - padding: 0.25em 2em 0.5em 2em; -} -.spouse { - font-style: italic; -} -.spouse:before { - content: "+ "; -} -.thisperson { - font-weight: bold; -} -/* other section ids */ -#content { } -#summaryarea { - min-height: 100px; -} -#footer { - border-top: 1px solid #999; - border-bottom: 1px solid #999; - padding: 0; - margin: 1em 0 0 0; - clear: both; -} -.fullclear { - clear: both; -} -#copyright { - margin: 0.5em 1em 0 0; - font-size: 12px; - float: right; -} -#attributes { } -#events { } -#families { } -#gallery { } -#narrative { } -#parents { } -#references { } -#researcher { } -#sourcerefs { } -#weblinks { } - -.box { font-size: 12px; height: 48px; padding-left: 5px; vertical-align: middle;} -.bvline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; height: 1px;} -.bhline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; width: 1px;} -.border { position: absolute; background-color: #000000; font-size: 0pt; z-index: 4; width: 160px; height: 50px; } -.boxbg { position: absolute; background-color: #eeeeee; z-index: 5; width: 158px; height: 48px;} -.shadow { position: absolute; background-color: #999999; z-index: 1; width: 158px; height: 48px; } -.ghline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; width: 1px;} -.gvline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; height: 1px;} - -/* 1}}} - vim:foldmethod=marker -*/ diff --git a/src/data/main2.css b/src/data/main2.css deleted file mode 100644 index cf7eb724c..000000000 --- a/src/data/main2.css +++ /dev/null @@ -1,259 +0,0 @@ - -/* GRAMPS Cascading Style Sheet */ - -/* Standard Tags {{{1 - */ -BODY { - font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; - background-color: #fafaff; - color: #003; -} -A:link { - color: #006; - text-decoration: underline; -} -A:hover { - background-color: #eef; - color: #000; - text-decoration: underline; -} -A:active { - background-color: #eef; - color: #000; - text-decoration: none; -} -A:visited { - color: #669; - text-decoration: underline; -} -DIV { - margin: 2px; - padding: 2px; -} -P { - font-size: 14px; -} -H1 { - /*font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;*/ - font-weight: bolder; - font-size: 160%; - margin: 2px; -} -H2 { - /*font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;*/ - font-weight: bolder; - font-style: italic; - font-size: 150%; -} -H3 { - font-weight: bold; - margin: 0; - padding: 10px 0px 10px 0px; - color: #336; -} -H4 { - margin: 1em 0em 0.3em 0em; - padding-left: 4px; - background-color: #667; - color: #fff; -} -H5 { - margin-bottom: 0.5em; -} -H6 { - font-style: italic; - font-size: 100%; - margin: 1.3em 0em 0.8em 1em; -} -IMG { - border: none; -} -SUP { - line-height: 0%; -} -TABLE { - border: none; - border-collapse: collapse; -} -TH { - padding: 1px 3em 1px 1px; - font-weight: bold; - text-align: left; -} -TD { - vertical-align: top; - padding: 0; -} - -/* Custom {{{1 - */ -/* main data table */ -TABLE.infolist { - border: 0; - /*width: 100%;*/ - font-size: 14px; - margin: 0em 2em 0em 2em; -} -TABLE.infolist TH { - border-bottom: 1px solid #669; -} -TABLE.infolist TH A { - text-decoration: none; -} -TABLE.infolist TR > TD:first-child { - min-width: 6em; -} -TD.category { - padding: 3px 3em 3px 3px; /* Defines spacing between rows */ - /*width: 10%;*/ - font-weight: bold; -} -TD.data { - padding: 3px 3em 3px 3px; /* Defines spacing between rows */ - font-weight: bold; -} -TD.note { - padding: 3px 3em 3px 3px; /* Defines spacing between rows */ - /*font-weight: bold;*/ -} -TD.field { - padding: 3px 3em 3px 3px; /* Defines spacing between rows */ - /*width: 15%;*/ -} -/* float left and right */ -.leftwrap { - float: left; - margin: 2px 10px 2px 2px; -} -.rightwrap { - float: right; - margin: 2px 2px 10px 2px; -} -.centered { - text-align: center; -} -/* navigation links */ -#navheader { - padding: 4px; - background-color: #e0e0e9; - margin: 2px; -} -.navtitle { - font-size: 160%; - color: #669; - margin: 2px; - -} -.navbyline { - float: right; - font-size: 14px; - margin: 2px; - padding: 4px; -} -.nav { - margin: 0 0 4px 0; - padding: 0; - font-size: 14px; - font-weight: bold; - word-spacing: 0.5em; -} -/* image display */ -.img_navbar { - margin: 0 0 4px 0; - padding: 10px; - font-size: 14px; - font-weight: bold; - text-align: center; -} -.portrait { - text-align: center; - margin: 5px 20px 5px 5px; - padding: 3px; - border-color: #336; - border-width: 1px; -} -.snapshot { - float: right; - margin: 5px 20px 5px 5px; - padding: 3px; -} -.thumbnail { - margin: 0em 2em 0em 2em; -} -#gallery .thumbnail { - margin: 1em; - float:left; - width:150px; - height:150px; - text-align:center; -} -.thumbnail p { - margin: 0; - padding: 0; - font-size: smaller; -} -/* pedigree display */ -#pedigree { } -.pedigreebox { - margin: 0.5em 2em 0 2em; - padding: 0; - background-color: #e0e0e9; - border: 1px; -} -.pedigreegen { - font-size: 14px; - margin: 0; - padding: 0.5em 0em 0.5em 2em; -} -.spouse { - font-style: italic; -} -.spouse:before { - content: "+ "; -} -.thisperson { - font-weight: bold; -} -/* other section ids */ -#content { } -#summaryarea { - min-height: 100px; -} -#footer { - background-color: #e0e0e9; - padding: 0; - margin: 1em 0 0 0; - clear: both; -} -.fullclear { - clear: both; -} -#copyright { - margin: 0.5em 1em 0 0; - font-size: 12px; - float: right; -} -#attributes { } -#events { } -#families { } -#gallery { } -#narrative { } -#parents { } -#references { } -#researcher { } -#sourcerefs { } -#weblinks { } - -.box { font-size: 12px; height: 48px; padding-left: 5px; vertical-align: middle;} -.bvline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; height: 1px;} -.bhline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; width: 1px;} -.border { position: absolute; background-color: #000000; font-size: 0pt; z-index: 4; width: 160px; height: 50px; } -.boxbg { position: absolute; background-color: #e0e0e9; z-index: 5; width: 158px; height: 48px;} -.shadow { position: absolute; background-color: #999999; z-index: 1; width: 158px; height: 48px; } -.ghline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; width: 1px;} -.gvline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; height: 1px;} - - -/* 1}}} - vim:foldmethod=marker -*/ diff --git a/src/data/main3.css b/src/data/main3.css deleted file mode 100644 index 15061cfcd..000000000 --- a/src/data/main3.css +++ /dev/null @@ -1,274 +0,0 @@ - -/* GRAMPS Cascading Style Sheet */ - -/* Standard Tags {{{1 - */ -BODY { - font-family: "Bitstream Vera Serif", "Times New Roman", "Times", serif; - background-color: #fffffd; - -} -A:link { - color: #110; - text-decoration: underline; -} -A:hover { - background-color: #eed; - color: #110; - text-decoration: underline; -} -A:active { - background-color: #eee; - color: #110; - text-decoration: none; -} -A:visited { - color: #665; - text-decoration: underline; -} -DIV { - margin: 2px; - padding: 2px; -} -P { - font-size: 14px; -} -H1 { - font-weight: bolder; - font-size: 160%; - margin: 2px; -} -H2 { - font-weight: bolder; - font-style: italic; - font-size: 150%; -} -H3 { - font-weight: bold; - margin: 0; - padding-left: 2em; - padding-bottom: 10px; -} -H4 { - margin-top: 1em; - margin-bottom: 0.3em; - padding-left: 2em; -} -H5 { - margin-bottom: 0.5em; -} -H6 { - font-weight: normal; - font-style: italic; - font-size: 100%; - margin-left: 1em; - margin-top: 1.3em; - margin-bottom: 0.8em; -} -IMG { - border: none; -} -SUP { - line-height: 0%; -} -TABLE { - border: none; - border-collapse: collapse; -} -TH { - padding: 1px; - padding-right: 3em; - font-weight: bold; - text-align: left; -} -TD { - vertical-align: top; - padding: 0; -} - -/* Custom {{{1 - */ -/* main data table */ -TABLE.infolist { - border: 0; - /*width: 100%;*/ - font-size: 14px; - margin: 0em 2em 0em 2em; -} -TABLE.infolist TH { - background-color: #f6f6f0; -} -TABLE.infolist TH A { - text-decoration: none; -} -TABLE.infolist TR > TD:first-child { - min-width: 6em; -} -TD.category { - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 10%;*/ - font-weight: bold; -} -TD.data { - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - font-weight: bold; -} -TD.note { - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - /*font-weight: bold;*/ -} -TD.field { - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 20%;*/ - background-color: #f6f6f0; -} -/* float left and right */ -.leftwrap { - float: left; - margin: 2px; - margin-right: 10px; -} -.rightwrap { - float: right; - margin: 2px; - margin-left: 10px; -} -.centered { - text-align: center; -} -/* navigation links */ -#navheader { - padding: 4px; - margin: 2px; -} -.navtitle { - font-size: 160%; - color: #998; - margin: 2px; - text-align: center; -} -.navbyline { - float: right; - font-size: 14px; - margin: 2px; - padding: 4px; -} -.nav { - margin: 0; - margin-bottom: 4px; - padding: 0px; - font-size: 14px; - font-weight: bold; - text-align: center; - padding: 4px; - background-color: #ddddcc; - word-spacing: 0.5em; -} -/* image display */ -.img_navbar { - margin: 0; - margin-bottom: 4px; - padding: 10px; - font-size: 14px; - font-weight: bold; - text-align: center; -} -.portrait { - text-align: center; - margin: 5px; - margin-right: 20px; - padding: 3px; - border-color: #110; - border-width: 1px; -} -.snapshot { - float: right; - margin: 5px; - margin-right: 20px; - padding: 3px; -} -.thumbnail { - margin: 0em 2em 0em 2em; -} -#gallery .thumbnail { - margin: 1em; - float:left; - width:150px; - height:150px; - text-align:center; -} -.thumbnail p { - margin: 0; - padding: 0; - font-size: smaller; -} -/* pedigree display */ -#pedigree { } -.pedigreebox { - margin: 0.5em 2em 0 2em; - padding: 0; - background-color: #f6f6f0; - border: 1px; -} -.pedigreegen { - font-size: 14px; - margin: 0; - padding: 2em; - padding-top: 0.25em; - padding-bottom: 0.5em; -} -.spouse { - font-style: italic; -} -.spouse:before { - content: "+ "; -} -.thisperson { - font-weight: bold; -} -/* other section ids */ -#content { } -#summaryarea { - min-height: 100px; -} -#footer { - background-color: #ddddcc; - padding: 0; - margin: 1em 0 0 0; - clear: both; -} -.fullclear { - clear: both; -} -#copyright { - margin: 0.5em 1em 0 0; - font-size: 12px; - float: right; -} -#attributes { } -#events { } -#families { } -#gallery { } -#narrative { } -#parents { } -#references { } -#researcher { } -#sourcerefs { } -#weblinks { } - -.box { font-size: 12px; height: 48px; padding-left: 5px; vertical-align: middle;} -.bvline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; height: 1px;} -.bhline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; width: 1px;} -.border { position: absolute; background-color: #000000; font-size: 0pt; z-index: 4; width: 160px; height: 50px; } -.boxbg { position: absolute; background-color: #f6f6f0; z-index: 5; width: 158px; height: 48px;} -.shadow { position: absolute; background-color: #999999; z-index: 1; width: 158px; height: 48px; } -.ghline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; width: 1px;} -.gvline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; height: 1px;} - -/* 1}}} - vim:foldmethod=marker -*/ diff --git a/src/data/main4.css b/src/data/main4.css deleted file mode 100644 index a103bcabc..000000000 --- a/src/data/main4.css +++ /dev/null @@ -1,289 +0,0 @@ - -/* GRAMPS Cascading Style Sheet */ - -/* Standard Tags {{{1 - */ -BODY { - font-family: "Georgia", "Bitstream Vera Serif", "Times New Roman", "Times", serif; - background-color: #fff; - color: #320; - font-size: 14px; -} -A:link { - color: #430; - text-decoration: underline; -} -A:visited { - color: #654; - text-decoration: underline; -} -A:hover { - background-color: #f6f0ee; - color: #210; - text-decoration: underline; -} -A:active { - background-color: #f6f0ee; - color: #210; - text-decoration: none; -} -DIV { - margin: 2px; - padding: 2px; -} -P { - -} -H1 { - /*font-family: "Georgia", "Bitstream Vera Serif", "Times New Roman", "Times", serif;*/ - font-weight: bolder; - font-size: 160%; - margin: 2px; -} -H2 { - /*font-family: "Georgia", "Bitstream Vera Serif", "Times New Roman", "Times", serif;*/ - font-weight: bolder; - font-style: italic; - font-size: 150%; -} -H3 { - font-weight: bold; - font-size: 130%; - margin: 0; - margin-top: 8px; - /*padding-left: 2em;*/ - padding-bottom: 10px; -} -H4 { - margin-top: 1em; - margin-bottom: 0.5em; - padding: 0; - /*padding-left: 2em;*/ - font-size: 110%; - border-bottom: 6px solid #a97; -} -H5 { - margin-bottom: 0.5em; -} -H6 { - font-weight: normal; - font-style: italic; - font-size: 100%; - margin-left: 1em; - margin-top: 1.3em; - margin-bottom: 0.8em; -} -IMG { - border: none; -} -SUP { - line-height: 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; -} - -/* Custom {{{1 - */ -/* main data table */ -TABLE.infolist { - margin: 8px 2em 0em 2em; -} -TABLE.infolist TH { - background-color: #f0ece6; -} -TABLE.infolist TH A { - text-decoration: none; -} -TABLE.infolist TR > TD:first-child { - min-width: 6em; -} -TD.category { - margin: 0; - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 10%;*/ - font-weight: bold; -} -TD.data { - margin: 0; - padding: 4px; /* Defines spacing between rows */ - padding-left: 10px; - padding-right: 3em; - font-weight: bold; - background-color: #f0ece6; -} -TD.note { - margin: 0; - padding: 4px; /* Defines spacing between rows */ - padding-left: 10px; - padding-right: 3em; - /*font-weight: bold;*/ - background-color: #f0ece6; -} -TD.field { - margin: 0; - padding: 4px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 20%;*/ -} -/* float left and right */ -.leftwrap { - float: left; - margin: 2px; - margin-right: 10px; -} -.rightwrap { - float: right; - margin: 2px; - margin-left: 10px; -} -.centered { - text-align: center; -} -/* navigation links */ -#navheader { - padding: 4px; - margin: 0; -} -.navtitle { - font-size: 160%; - color: #fff; - margin: 0; - padding: 4px; - padding-left: 10px; - background-color: #542; - border-bottom: 6px solid #a97; -} -.navbyline { - float: right; - margin: 2px; - padding: 4px; - padding-right: 10px; - color: #fff; - font-size: 12px; -} -.navbyline A { - color: #fff; -} -.nav { - margin: 0; - margin-bottom: 4px; - padding: 1px; - font-size: 14px; - font-weight: bold; - word-spacing: 0.5em; -} -/* image display */ -.img_navbar { - margin: 0; - margin-bottom: 4px; - padding: 10px; - font-size: 14px; - font-weight: bold; - text-align: center; -} -.portrait { - text-align: center; - margin: 5px; - margin-right: 20px; - padding: 3px; - border-color: #986; - border-width: 3px; -} -.snapshot { - float: right; - margin: 5px; - margin-right: 20px; - padding: 3px; -} -.thumbnail { - margin: 0em 2em 0em 2em; -} -#gallery .thumbnail { - margin: 1em; - float:left; - width:150px; - height:150px; - text-align:center; -} -.thumbnail p { - margin: 0; - padding: 0; - font-size: smaller; -} -/* pedigree display */ -#pedigree { } -.pedigreebox { - margin: 0.5em 2em 0 2em; - padding: 0; - background-color: #f0ece6; - border: 1px; -} -.pedigreegen { - margin: 0; - padding: 2em; - padding-top: 0.25em; - padding-bottom: 0.5em; -} -.spouse { - font-style: italic; -} -.spouse:before { - content: "+ "; -} -.thisperson { - font-weight: bold; -} -/* other section ids */ -#content { } -#summaryarea { - min-height: 100px; -} -#footer { - background-color: #a97; - padding: 0; - margin: 1em 0 0 0; - clear: both; -} -.fullclear { - clear: both; -} -#copyright { - margin: 0.5em 1em 0 0; - font-size: 12px; - float: right; -} -#attributes { } -#events { } -#families { } -#gallery { } -#narrative { } -#parents { } -#references { } -#researcher { } -#sourcerefs { } -#weblinks { } - -.box { font-size: 12px; height: 48px; padding-left: 5px; vertical-align: middle;} -.bvline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; height: 1px;} -.bhline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; width: 1px;} -.border { position: absolute; background-color: #000000; font-size: 0pt; z-index: 4; width: 160px; height: 50px; } -.boxbg { position: absolute; background-color: #f0ece6; z-index: 5; width: 158px; height: 48px;} -.shadow { position: absolute; background-color: #999999; z-index: 1; width: 158px; height: 48px; } -.ghline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; width: 1px;} -.gvline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; height: 1px;} - -/* 1}}} - vim:foldmethod=marker -*/ diff --git a/src/data/main5.css b/src/data/main5.css deleted file mode 100644 index c734fe459..000000000 --- a/src/data/main5.css +++ /dev/null @@ -1,292 +0,0 @@ - -/* GRAMPS Cascading Style Sheet */ - -/* Standard Tags {{{1 - */ -BODY { - font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; - text-align: justify; - background-color: #fff; - color: #010; -} -A:link { - color: #252; - text-decoration: underline; -} -A:hover { - background-color: #eaf0ea; - color: #000; - text-decoration: underline; -} -A:active { - background-color: #eaf0ea; - color: #000; - text-decoration: none; -} -A:visited { - color: #565; - text-decoration: underline; -} -DIV { - margin: 2px; - padding: 2px; -} -P { - font-size: 14px; - margin-left: 7em; - margin-right: 7em; -} -H1 { - font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; - font-weight: bolder; - font-size: 160%; - margin: 2px; -} -H2 { - font-family: "Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif; - font-weight: bolder; - font-style: italic; - font-size: 150%; -} -H3 { - font-weight: bold; - margin: 0; - margin-left: 5em; - margin-right: 5em; - padding-top: 10px; - padding-bottom: 10px; - color: #232; -} -H4 { - margin-top: 2em; - margin-bottom: 0.3em; - padding: 5px; - padding-left: 2em; - background-color: #e0e6e0; - color: #232; -} -H5 { - margin-bottom: 0.5em; -} -H6 { - font-weight: normal; - font-style: italic; - font-size: 100%; - margin-left: 1em; - margin-top: 1.3em; - margin-bottom: 0.8em; -} -IMG { - border: none; -} -SUP { - line-height: 0%; -} -TABLE { - border: none; - border-collapse: collapse; -} -TH { - padding: 1px; - padding-right: 3em; - font-weight: bold; - text-align: left; -} -TD { - vertical-align: top; - padding: 0; -} - -/* Custom {{{1 - */ -/* main data table */ -TABLE.infolist { - border: 0; - /*width: 100%;*/ - font-size: 14px; - margin: 0em 4em 0em 8em; -} -TABLE.infolist TH { - border-bottom: 1px solid #454; -} -TABLE.infolist TH A { - text-decoration: none; -} -TABLE.infolist TR > TD:first-child { - min-width: 6em; -} -TD.category { - padding: 3px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 10%;*/ - font-weight: bold; -} -TD.field { - padding: 3px; /* Defines spacing between rows */ - padding-right: 3em; - /*width: 15%;*/ - -} -TD.data { - padding: 3px; /* Defines spacing between rows */ - padding-right: 3em; - font-weight: bold; -} -TD.note { - padding: 3px; /* Defines spacing between rows */ - padding-right: 3em; - /*font-weight: bold;*/ -} -/* float left and right */ -.leftwrap { - float: left; - margin: 5px; - margin-right: 1em; - margin-left: 6em; -} -.rightwrap { - float: right; - margin: 5px; - margin-left: 1em; - margin-right: 6em; -} -.centered { - text-align: center; -} -/* navigation links */ -#navheader { - padding: 4px; - background-color: #e0e6e0; - margin: 2px; -} -.navtitle { - font-size: 160%; - color: #e0e6e0; - margin: 2px; - background-color: #454; - padding: 4px; - padding-left: 3.5em; -} -.navbyline { - float: right; - font-size: 14px; - margin: 2px; - padding: 0; - padding-top: 1em; - padding-right: 7em; - color: #e0e6e0; -} -.navbyline A { - color: #e0e6e0; -} -.nav { - margin: 0 0 4px 0; - padding: 0 0 0 2em; - font-size: 14px; - font-weight: bold; - word-spacing: 0.5em; -} -/* image display */ -.img_navbar { - margin: 0; - margin-bottom: 4px; - padding: 10px; - font-size: 14px; - font-weight: bold; - text-align: center; -} -.portrait { - text-align: center; - margin: 5px; - margin-right: 20px; - padding: 3px; - border-color: #363; - border-width: 1px; -} -.snapshot { - float: right; - margin: 5px; - padding: 3px; - padding-right: 4em; -} -.thumbnail { - margin: 0em 0em 0em 7em; -} -#gallery .thumbnail { - margin: 1em; - float:left; - width:150px; - height:150px; - text-align:center; -} -.thumbnail p { - margin: 0; - padding: 0; - font-size: smaller; -} -/* pedigree display */ -#pedigree { } -.pedigreebox { - margin: 0.5em 2em 0em 7em; - padding: 0; - background-color: #e0e6e0; - border: 1px; -} -.pedigreegen { - font-size: 14px; - margin: 0; - padding: 2em; - padding-top: 0.25em; - padding-bottom: 0.5em; -} -.spouse { - font-style: italic; -} -.spouse:before { - content: "+ "; -} -.thisperson { - font-weight: bold; -} -/* other section ids */ -#content { } -#summaryarea { - min-height: 100px; -} -#footer { - background-color: #454; - padding: 0; - margin: 1em 0 0 0; - clear: both; -} -.fullclear { - clear: both; -} -#copyright { - margin: 0.5em 1em 0 0; - font-size: 12px; - float: right; -} -#attributes { } -#events { } -#families { } -#gallery { } -#narrative { } -#parents { } -#references { } -#researcher { } -#sourcerefs { } -#weblinks { } - -.box { font-size: 12px; height: 48px; padding-left: 5px; vertical-align: middle; text-align: left;} -.bvline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; height: 1px;} -.bhline { position: absolute; background-color: #000000; font-size: 0pt; z-index: 3; width: 1px;} -.border { position: absolute; background-color: #000000; font-size: 0pt; z-index: 4; width: 160px; height: 50px; } -.boxbg { position: absolute; background-color: #e0e6e0; z-index: 5; width: 158px; height: 48px;} -.shadow { position: absolute; background-color: #999999; z-index: 1; width: 158px; height: 48px; } -.ghline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; width: 1px;} -.gvline { position: absolute; background-color: #999999; font-size: 0pt; z-index: 1; height: 1px;} - -/* 1}}} - vim:foldmethod=marker -*/ diff --git a/src/images/NWeb_Mainz_Bkgd.png b/src/images/NWeb_Mainz_Bkgd.png new file mode 100644 index 000000000..bb72285eb Binary files /dev/null and b/src/images/NWeb_Mainz_Bkgd.png differ diff --git a/src/images/NWeb_Mainz_Header.png b/src/images/NWeb_Mainz_Header.png new file mode 100644 index 000000000..787db581d Binary files /dev/null and b/src/images/NWeb_Mainz_Header.png differ diff --git a/src/images/NWeb_Mainz_Mid.png b/src/images/NWeb_Mainz_Mid.png new file mode 100644 index 000000000..5d85320ab Binary files /dev/null and b/src/images/NWeb_Mainz_Mid.png differ diff --git a/src/images/NWeb_Mainz_MidLight.png b/src/images/NWeb_Mainz_MidLight.png new file mode 100644 index 000000000..42fe83320 Binary files /dev/null and b/src/images/NWeb_Mainz_MidLight.png differ diff --git a/src/images/favicon.ico b/src/images/favicon.ico new file mode 100644 index 000000000..489d0a822 Binary files /dev/null and b/src/images/favicon.ico differ diff --git a/src/images/somerights20.gif b/src/images/somerights20.gif index 0860fa98d..1c5a6bbe8 100644 Binary files a/src/images/somerights20.gif and b/src/images/somerights20.gif differ diff --git a/src/plugins/NarrativeWeb.py b/src/plugins/NarrativeWeb.py index 79ea18eef..6591ebda3 100644 --- a/src/plugins/NarrativeWeb.py +++ b/src/plugins/NarrativeWeb.py @@ -31,6 +31,7 @@ Narrative Web Page generator. # python modules # #------------------------------------------------------------------------ +import cgi import os import md5 import time @@ -84,6 +85,7 @@ from gen.lib.eventroletype import EventRoleType # #------------------------------------------------------------------------ _NARRATIVE = "narrative.css" +_NARRATIVEPRINT = "narrative-print.css" _NAME_COL = 3 _MAX_IMG_WIDTH = 800 # resize images that are wider than this @@ -95,13 +97,16 @@ _HGAP = 30 _SHADOW = 5 _XOFFSET = 5 +#This information defines the list of styles in the Narrative Web options dialog as well as the location of the corresponding SCREEN stylesheets. _CSS_FILES = [ - [_("Modern"), 'main1.css'], - [_("Business"), 'main2.css'], - [_("Certificate"), 'main3.css'], - [_("Antique"), 'main4.css'], - [_("Tranquil"), 'main5.css'], - [_("Sharp"), 'main6.css'], + + [_("Basic - Ash"), 'NWeb-Screen_Basic-Ash.css'], + [_("Basic - Cypress"), 'NWeb-Screen_Basic-Cypress.css'], + [_("Basic - Lilac"), 'NWeb-Screen_Basic-Lilac.css'], + [_("Basic - Peach"), 'NWeb-Screen_Basic-Peach.css'], + [_("Basic - Spruce"), 'NWeb-Screen_Basic-Spruce.css'], + [_("Mainz"), 'NWeb-Screen_Mainz.css'], + [_("Nebraska"), 'NWeb-Screen_Nebraska.css'], [_("No style sheet"), ''], ] @@ -170,6 +175,28 @@ wrapper = TextWrapper() wrapper.break_log_words = True wrapper.width = 20 +#This list of characters defines which hexadecimal entity certain 'special characters' with be transformed into for valid HTML rendering. +#The variety of quotes with spaces are to assist in appropriately typesetting curly quotes and apostrophes. +html_escape_table = { + "&": "&", + ' "': " “", + '" ': "” ", + " '": " ‘", + "' ": "’ ", + "'s ": "’s ", + '"': """, + "'": "'", + ">": ">", + "<": "<", + } +#This command then defines the 'html_escape' option for escaping special characters for presentation in HTML based on the above list. +def html_escape(text): + """Produce entities within text.""" + L=[] + for c in text: + L.append(html_escape_table.get(c,c)) + return "".join(L) + class BasePage: def __init__(self, title, options, archive, photo_list, gid): self.title_str = title @@ -294,18 +321,25 @@ class BasePage: def display_footer(self, of,db): - of.write('\n') + of.write('\n\n') of.write('\n\n') of.write('\n') - of.write('\n') + of.write('') def display_header(self, of,db,title,author="",up=False): self.up = up @@ -331,30 +360,39 @@ class BasePage: path = "" self.author = author + of.write('\n') of.write('\n\n' % (xmllang,xmllang)) - of.write('%s - %s\n' % (self.title_str, title)) + of.write('xml:lang="%s" lang="%s">\n\n\n' % (xmllang,xmllang)) + of.write('%s - %s\n' % (html_escape(self.title_str), html_escape(title))) of.write('\n' % self.encoding) +# Link to narrative.css if path: of.write('\n') - of.write('\n') + of.write('rel="stylesheet" type="text/css" title="GRAMPS Style" media="screen" />\n') + +# Link to narrativePrint.css + if path: + of.write('\n') +# Link to favicon.ico + if path: + of.write('\n' % path) + else: + of.write('\n') of.write('\n' % ('$','$')) - of.write('\n') + of.write('\n\n') of.write('\n') - if self.header: - note = db.get_note_from_gramps_id(self.header) - of.write('
\n') - of.write(note.get(markup=True)) - of.write('
\n') - of.write('