Patch from Jason Simanek <jsimanek@gmail.com>:
0001803: Narrative Web Report Update Multiple updates to improve the narrative web report. svn: r10201
This commit is contained in:
Brian Matherly
parent
9175b40cb4
commit
455ecc4007
26
ChangeLog
26
ChangeLog
@ -1,3 +1,29 @@
|
||||
2008-03-06 Jason Simanek <jsimanek@gmail.com>
|
||||
* 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 <dblank@cs.brynmawr.edu>
|
||||
* src/plugins/SameSurnames.py:
|
||||
* src/plugins/DefaultGramplets.py:
|
||||
|
||||
501
src/data/NWeb-Print_Default.css
Normal file
501
src/data/NWeb-Print_Default.css
Normal file
@ -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;
|
||||
}
|
||||
868
src/data/NWeb-Screen_Basic-Ash.css
Normal file
868
src/data/NWeb-Screen_Basic-Ash.css
Normal file
@ -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;
|
||||
}
|
||||
878
src/data/NWeb-Screen_Basic-Cypress.css
Normal file
878
src/data/NWeb-Screen_Basic-Cypress.css
Normal file
@ -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;
|
||||
}
|
||||
868
src/data/NWeb-Screen_Basic-Lilac.css
Normal file
868
src/data/NWeb-Screen_Basic-Lilac.css
Normal file
@ -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;
|
||||
}
|
||||
868
src/data/NWeb-Screen_Basic-Peach.css
Normal file
868
src/data/NWeb-Screen_Basic-Peach.css
Normal file
@ -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;
|
||||
}
|
||||
868
src/data/NWeb-Screen_Basic-Spruce.css
Normal file
868
src/data/NWeb-Screen_Basic-Spruce.css
Normal file
@ -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;
|
||||
}
|
||||
876
src/data/NWeb-Screen_Mainz.css
Normal file
876
src/data/NWeb-Screen_Mainz.css
Normal file
@ -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;
|
||||
}
|
||||
909
src/data/NWeb-Screen_Nebraska.css
Normal file
909
src/data/NWeb-Screen_Nebraska.css
Normal file
@ -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;
|
||||
}
|
||||
@ -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
|
||||
*/
|
||||
@ -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
|
||||
*/
|
||||
@ -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
|
||||
*/
|
||||
@ -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
|
||||
*/
|
||||
@ -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
|
||||
*/
|
||||
BIN
src/images/NWeb_Mainz_Bkgd.png
Normal file
BIN
src/images/NWeb_Mainz_Bkgd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/images/NWeb_Mainz_Header.png
Normal file
BIN
src/images/NWeb_Mainz_Header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
BIN
src/images/NWeb_Mainz_Mid.png
Normal file
BIN
src/images/NWeb_Mainz_Mid.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
src/images/NWeb_Mainz_MidLight.png
Normal file
BIN
src/images/NWeb_Mainz_MidLight.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
src/images/favicon.ico
Normal file
BIN
src/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 2.2 KiB |
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user