gramps/src/data/Web_Visually.css

1617 lines
35 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

./*
**************************************************************************************************
Copyright Holder and License
**************************************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Visually Impaired Stylesheet
Style Author: Jason M. Simanek (2008)
**************************************************************************************************
This website was created with GRAMPS
http://www.gramps-project.org
--------------------------------------------------------------------------------------------------
GRAMPS is a Free Software Project for Genealogy, offering a professional genealogy program,
and a wiki open to all. It is a community project, created, developed and governed by genealogists.
Go to http://gramps-project.org to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008-2009 Rob G. Healey <robhealey1@gmail.com>
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the terms of the GNU General
Public License as published by the Free Software Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with GRAMPS. If not,
see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
brown dark #542
brown light #C1B398
gray #696969
green dark #228A22
green #6AF364, #5D835F
green lighter #D8F3D6
===== Ancestor Graph Color Scheme =====
Males #E5F2FE
Females #FFC0CB
Unknown #000
===== Web Graphics =====
Males Web_Gender_Male.png
Females Web_Gender_Female.png
# $Id$
NarrativeWeb Styles
-------------------------------------------------------------------------------------------- */
body {
font-family: Arial, sans, sans-serif, Helvetica;
color: #000;
background-color: #FFF;
}
body#NarrativeWeb_Horizontal {
padding: 158px 0px 0px 0px;
}
body#NarrativeWeb_Vertical {
padding: 128px 0px 0px 44px;
}
/* General Elements
----------------------------------------------------- */
div {
margin:0;
padding:0;
}
table {
border:none;
border-collapse:collapse;
}
th {
font-weight:bold;
text-align:left;
padding:1px 3em 1px 0.5em;
}
td {
vertical-align:top;
padding:0;
}
img {
border:none;
margin:0;
}
.thumbnail a:hover {
background:none;
}
.content {
overflow: auto;
width:965px;
margin:0 auto;
padding-bottom:.5em;
}
.content div.snapshot {
margin:0;
padding:0;
background:none;
}
.content div.snapshot div.thumbnail {
margin:0;
padding:2em 0 0 0;
background:none;
}
.content div.snapshot div.thumbnail a {
display:block;
width:96px;
margin:0 auto;
}
.fullclear {
width:100%;
height:1px;
margin:0;
padding:0;
clear:both;
}
/* General Text
----------------------------------------------------- */
h1 {
font:normal 2em/1.2em serif;
}
h2 {
font:bold 2em/1.2em sans;
}
h3 {
font:normal 2em/1.2em serif;
text-align:center;
margin:0;
padding:.5em 20px .2em 20px;
border-bottom:double 4px #000;
}
h4 {
font:normal 1.2em/1.2em serif;
color: #FFF;
margin-top: .3cm;
padding:.2em 0 .2em 20px;
background-color: #228A22;
border-bottom:solid 4px #A97;
}
h5, h6 {
font:normal 1em/1.2em serif;
font-style:italic;
margin:1.3em 0 .5em 1em;
}
p#description {
max-width:800px;
margin:0;
padding:1em 20px;
}
p#description:first-letter {
color: #228A22;
font-size:xx-large;
}
p a {
color: #FFF;
text-decoration:underline;
}
sup {
line-height:0;
}
ol {
font:normal .9em/1.6em sans-serif;
margin-top:0;
margin-bottom:0;
padding-top:.5em;
padding-bottom:0;
}
ol li a {
text-decoration:none;
}
ol li a:hover {
text-decoration:underline;
}
a {
color: #542;
}
a:visited {
color: #542;
}
a:hover {
color: #000;
background-color: #C1B398;
text-decoration:underline;
}
span.preposition {
padding-left:1em;
padding-right:1em;
}
.grampsid {
font:normal .8em/1.2em monospace;
color: #000;
}
/* Header
----------------------------------------------------- */
div#header {
background-color: #542;
border-bottom: solid 8px #5D835F;
height: 60px;
width: 100%;
}
#SiteTitle {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 28px;
color: #FFF;
font-style: italic;
}
p#user_header {
font-size:1.3em;
text-align:left;
color: #6AF364;
margin:0;
padding:.2em 0 .6em 20px;
}
/* Footer
----------------------------------------------------- */
div#footer {
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
color: #FFF;
background-color: #542;
border-top: solid 8px #5D835F;
}
div#footer a, div#footer a:visited {
text-decoration:none;
color: #FFF;
}
div#footer a:hover {
color: #000;
text-decoration:underline;
}
div#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
div#footer p#createdate {
float:left;
width:60%;
text-align:left;
margin-left:10px;
}
div#footer p#copyright {
float:right;
text-align:right;
color: #FFF;
margin: 10px 10px 0px 0px;
}
div#footer p#copyright img {
float:right;
margin-right: 10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
color: #6AF364;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Navigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
width: 100%;
}
div#navigation ul, div#subnavigation ul {
list-style:none;
min-width: 900px;
height: 40px;
margin:0;
padding: 0px 0px 0px 6px;
border-bottom: solid 2px #5D835F;
}
div#navigation ul li, div#subnavigation ul li {
float:left;
}
div#navigation ul li a, div#subnavigation ul li a {
display: block;
padding: 12px 6px 14px 1px;
float:left;
font: .8em bold italic small-caps verdana, serif;
color: #000;
text-decoration:none;
margin:0;
}
div#navigation ul li a:hover, div#subnavigation ul li a:hover {
background-color: #C1B398;
color: #000;
}
div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
font-weight:bold;
font-style: italic;
background-color: #228A22;
color: #FFF;
}
div#navigation ul li.CurrentSection a:hover {
background-color: #000;
color: #FFF;
}
div#subnavigation ul li.CurrentSection a {
border-width: 0px 0px 2px 0px;
border-color: #FFF;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
width: 100%;
margin: 0;
background-color: #6AF364;
}
div#alphabet ul {
list-style:none;
min-width:770px;
height:24px;
margin:0;
padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px;
border-style: solid;
border-color: #000;
}
div#alphabet ul li:after {
content:" |";
}
div#alphabet ul li {
margin:0;
float:left;
}
div#alphabet ul li a {
display:block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
margin:0;
text-decoration:none;
color: #000;
}
div#alphabet ul li a:hover {
background-color: #000;
color: #FFF;
}
/* Main Table
----------------------------------------------------- */
table.infolist {
width:100%;
margin: 0;
padding: 0;
font-size: 12px;
}
table.infolist thead tr th {
font:normal 1.1em/1.2em serif;
color: #000;
margin:0;
padding:.2em 10px;
background-color: #6AF364;
border: solid 1px #5D835F;
}
table.infolist thead tr th a {
color: #000;
}
table.infolist thead tr th a:hover {
background-color: #C1B398;
}
table.infolist tr td {
font:normal 1.1em/1.4em serif;
vertical-align:middle;
padding: 6px 0 6px 10px;
}
table.infolist tr td a {
display:block;
text-decoration:none;
color: #000;
}
table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top:solid 1px #228A22;
}
table.infolist tr td.ColumnLetter {
width:3%;
text-align:center;
}
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 {
width:2%;
padding-left:20px;
}
table.infolist tbody tr td.ColumnType {
width:6%;
padding-left:20px;
}
table.infolist tbody tr td.ColumnPartner {
font-size:.9em;
background-color: #FFF;
}
table.infolist tbody tr td.ColumnPartner a {
display:block;
padding:.6em 10px;
vertical-align:middle;
}
table.infolist tbody tr td.ColumnPartner a:hover { }
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
----------------------------------------------------- */
#Surnames { }
#SurnameDetail p#description {
padding-top:0;
}
table.surnamelist thead tr th.ColumnSurname,
#Surnames table.surnamelist tbody tr td.ColumnSurname {
width:50%;
}
table.surnamelist thead tr th {
padding:0;
}
table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited {
display:block;
text-align:left;
text-decoration:none;
padding:.2em 10px;
}
table.surnamelist tr th:hover { }
table.surnamelist thead tr th.ColumnLetter {
padding-left:20px;
padding-right:10px;
}
table.surnamelist tbody tr td {
background-color: #D8F3D6;
}
table.surnamelist tbody tr td.ColumnLetter a {
background: none;
}
table.surnamelist tbody tr td.ColumnSurname {
background-color: #FFF;
}
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;
}
table#SortByName tbody tr td.ColumnSurname a {
display:block;
padding:.1em 10px .3em 10px;
}
table#SortByCount tbody tr td.ColumnQuantity { }
table.surnamelist tbody tr td.ColumnSurname:hover,
table#SortByName tbody tr td.ColumnSurname:hover {
background-color: #C1B398;
}
table.surname {
border-bottom:solid 1px #000;
}
table.surname thead tr th.ColumnName {
width:20%;
padding-left:20px;
}
table.surname tbody tr td {
border-bottom:dashed 1px #000;
background-color: #D8F3D6;
}
table.surname tbody tr td.ColumnName {
background-color: #FFF;
width:20%;
padding:0;
}
table.surname tbody tr td.ColumnName a {
display:block;
padding:.6em 10px .6em 20px;
}
table.surname tbody tr td.ColumnName a span.grampsid { }
table.surname tbody tr td.ColumnName:hover {
background-color: #C1B398;
}
table.surname tbody tr td.ColumnPartner {
background-color: #FFF;
}
table.surname tbody tr td.ColumnPartner a {
display:block;
padding:.6em 10px .6em 0px;
}
table.surname thead tr th.ColumnParents,
table.surname tbody tr td.ColumnParents {
width:25%;
}
/* Individuals
----------------------------------------------------- */
div#Individuals { }
div#Individuals table.individuallist {
border-bottom: solid 1px #5D835F;
}
div#Individuals table.individuallist tbody tr td {
border-bottom: dashed 1px #5D835F;
background-color: #D8F3D6;
}
div#Individuals table.individuallist tbody tr td a {
display: block;
padding: .6em 10px;
}
div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover,
div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
cursor:default;
color: #000;
background:none;
}
div#Individuals table.individuallist tbody tr td.ColumnName {
background-color: #FFF;
}
div#Individuals table.individuallist tbody tr td.ColumnName a {
vertical-align:middle;
}
div#Individuals table.individuallist tbody tr td.ColumnPartner {
background-color: #FFF;
}
div#Individuals div table.infolist tr td p {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
div#Individuals div table.infolist tr td p a {
display:inline;
}
div#IndividualDetail { }
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
div#IndividualDetail div table.infolist tr td a {
display:inline;
}
div#IndividualDetail table.infolist tr td a:hover {
text-decoration:underline;
}
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%;
}
div#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Places
----------------------------------------------------- */
#Places { }
#Places table.infolist tbody tr td.ColumnLetter {
background-color: #D8F3D6;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
background-color: #FFF;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#events table.eventlist {
margin-top: .3cm;
}
div#events table.eventlist tbody tr td.ColumnEvent a {
padding: 2px 100px 2px 10px;
}
div#events table.eventlist tbody tr td.ColumnPlace a {
padding: 2px 70px 2px 0px;
}
table.eventlist tbody tr td {
background-color: #FFF;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
background-color: #D8F3D6;
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
background-color: #FFF;
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
background-color: #FFF;
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
background-color: #D8F3D6;
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#families table.eventlist {
margin: 0;
padding: 0;
}
div#EventList table.eventlist tbody tr.BeginName {
border-top: solid 1px #000;
}
div#EventList table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
}
div#EventList table.eventlist tbody tr td.ColumnEvent a,
div#EventList table.eventlist tbody tr td.ColumnPerson a,
div#EventList table.eventlist tbody tr td.ColumnPartner a {
display: block;
padding: 4px 0px 4px 10px;
}
div#EventDetail h3 {
font-size: xxx-large;
}
div#EventDetail h3:first-lettr {
color: #5D835F;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #5D835F;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
background-color: #D8F3D6;
border-top: solid 1px #5D835F;
}
/* Gallery
----------------------------------------------------- */
#Gallery { }
#Gallery table.infolist tbody tr td.ColumnRowLabel,
#Gallery table.infolist tbody tr td.ColumnDate {
background-color: #D8F3D6;
padding-bottom:0;
}
#Gallery table.infolist tbody tr td.ColumnName {
padding:0;
background-color: #FFF;
}
#Gallery table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
#Gallery table.gallerylist tbody tr td {
border-bottom: dashed 1px #000;
}
#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 #228A22;
}
#GalleryNav a:hover { }
#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 {
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
text-align:center;
border:solid 1px #228A22;
}
#GalleryDisplay img {
margin:0 auto;
}
#GalleryDetail div#summaryarea{
margin:0;
padding:2em 0 0 0;
}
#GalleryDetail div#summaryarea h3 {
font:normal 1.2em/1.2em serif;
text-align:center;
}
#GalleryDetail div h4 {
margin-top:0;
}
#GalleryDetail div#summaryarea table.gallery {
padding-bottom:0;
margin-top:1.5em;
margin-bottom:0;
border-style:solid;
border-width:2px 0 1px 0;
border-color: #000;
}
table.exifdata tr td.ColumnAttribute {
border-top:solid 1px #000;
width:60%;
}
table.exiflist tr td.ColumnValue {
border-top:solid 1px #000;
width:45%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {
background-color: #D8F3D7;
width:500px;
margin:0 auto;
padding:3em;
border:double 4px #000;
}
#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;
text-align:left;
}
#researcher span {
float:left;
display:block;
font:normal .9em/1.4em serif;
margin-right:.4em;
}
#streetaddress {
width:100%;
}
#city:after {
content:",";
}
#country {
clear:left;
}
#email {
clear:left;
}
#email a {
text-decoration:none;
}
#email a:hover {
text-decoration:underline;
}
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
padding: 0px 0px .5em 0px;
}
div#Download table.download {
padding: 0;
margin: .5em 0 .5em 0;
border: solid 1px #5D835F;
width: 100%;
}
div#Download table.download img {
float:center;
}
div#Download table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download tbody tr td {
background-color: #D8F3D6;
border: solid 1px #000;
text-align:left;
}
div#Download table.download td.Filename {
width:30%;
background-color: #FFF;
}
div#Download table.download td.Filename a {
display: block;
padding: 10px 10px 14px 6px;
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.Description {
width:45%;
}
div#Download table.download td.License {
width:6%;
}
div#Download table.download td.Modified {
width:17%;
}
/* Sources
----------------------------------------------------- */
#Sources { }
div#Sources table.infolist tbody tr td {
background-color: #D8F3D6;
}
div#Sources table.infolist tbody tr td.ColumnRowLabel {
padding-bottom:0;
}
div#Sources table.infolist tbody tr td.ColumnName {
padding:0;
background-color: #FFF;
}
div#Sources table.infolist tbody tr td.ColumnName a {
font-size:.9em;
padding:.1em 10px .3em 10px;
}
div#Sources table.infolist tbody tr td.ColumnName a:hover { }
div#SourceDetail div#references ol li {
padding-bottom:.5em;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #D8F3D6;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Internet Address Book
------------------------------------------------------ */
div#InternetAddressBook {
margin: 0;
padding: 0;
}
div#InternetAddressBook table.addressbook {
margin: .3em 0 .3em 0;
}
div#InternetAddressBook table.addressbook tbody tr.BeginName {
border-top: solid 1px #000;
}
div#InternetAddressBook table.addressbook tbody tr td {
background-color: #FFF;
border-bottom: dashed 1px #000;
}
div#InternetAddressBook table.addressbook tbody tr td.ColumnType {
background-color: #D8F3D6;
width: 15%;
}
div#InternetAddressBook table.addressbook tbody tr td.ColumnName {
width: 30%;
}
div#InternetAddressBook table.addressbook tbody tr td.ColumnLink {
width: 70%;
}
/* Subsections
----------------------------------------------------- */
#Home, #Introduction, #Contact {
padding:2em 0 3em 0;
}
#Home p, #Introduction p {
margin:0 20px 1em 20px;
}
#Home img, #Introduction img {
float:right;
margin:0;
padding:0 20px 3em 2em;
}
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;
}
div.subsection table.infolist {
width:100%;
margin:0;
}
/* Subsections : Events
----------------------------------------------------- */
div#events {
padding-bottom:0;
}
div#events h4 {
margin-bottom:0;
border:none;
}
#IndividualDetail {
background-color: #FFF;
}
#IndividualDetail div#events table.eventtable {
width:100%;
padding-top:15px;
}
#IndividualDetail div#events table.infolist thead tr th {
font-weight:bold;
font-size:10px;
line-height:12px;
text-transform:uppercase;
color: #542;
padding-top:6px 0 4px 0;
background-color: #6AF364;
}
#IndividualDetail div#events table.infolist thead tr th:first-child {
padding-left:20px;
}
#IndividualDetail div#events table.infolist tbody tr td {
padding-top:.4em;
padding-bottom:.8em;
}
#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute {
border-bottom:solid 1px #228A22;
}
#IndividualDetail div#events table.infolist tbody tr td.ColumnValue {
border-bottom:solid 1px #000;
}
table.infolist tbody tr td.ColumnValue p {
font-family:sans-serif;
color: #696969;
margin:.2em 0 0 2em;
}
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes { }
table.attrlist {
width: 100%;
}
table.attrlist thead tr th {
font-weight: bold;
text-transform: uppercase;
}
table.attrlist tbody tr {
border: solid 1px #5D835F;
}
table.attrlist tbody tr td {
background-color: #D8F3D6;
}
table.attrlist tbody tr td.ColumnType {
width: 200px;
}
table.attrlist tbody tr td.ColumnValue {
width: 250px;
}
table.attrlist tbody tr td.ColumnSources {
background-color: #FFF;
width: 100px;
}
table.attrlist tbody tr td.ColumnNotes {
width: 400px;
}
div#attributes table.attrlist tbody tr td.ColumnNotes {
width: 400px;
background-color: #D8F3D6;
}
/* Subsections : 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;
}
/* Subsections : Families
----------------------------------------------------- */
div#families table.infolist {
margin: .3cm 0 .3cm 0;
}
div#Families table.infolist tbody tr td { }
div#families table.infolist tbody tr td.ColumnValue {
background-color: #FFF;
}
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: LDS Ordinance
------------------------------------------------------ */
div#LDSOrdinance { }
div#LDSOrdinance table.ldsordlist {
font-size:.35cm;
}
table.ldsordlist {
margin-bottom:.5em;
}
table.ldsordlist tbody tr td {
border-bottom:solid 1px #000;
}
table.ldsordlist tbody tr td.ColumnLDSType {
width:12%;
}
table.ldsordlist tbody tr td.ColumnLDSDate {
width:15%;
}
table.ldsordlist tbody tr td.ColumnLDSTemple {
width:10%;
}
table.ldsordlist tbody tr td.ColumnLDSPlace {
width:35%;
}
table.ldsordlist tbody tr td.ColumnLDSStatus {
width:8;
}
table.ldsordlist tbody tr td.ColumnLDSSealed {
width:25%;
}
table.ldsordlist tbody tr td.ColumnLDSSources {
width:7%;
margin-top:.2cm;
}
/* Subsections : Addresses
----------------------------------------------------- */
div#Addresses {
padding-bottom:0;
}
div#Addresses table.infolist {
font-size:.35cm;
background-color: #FFF;
}
div#Addresses table.infolist tbody tr td {
border-bottom:solid 1px #000;
padding-top:.4em;
padding-bottom:.4em;
}
div#Addresses table.infolist tbody tr td.ColumnDate {
width:15%;
}
div#Addresses table.infolist tbody tr td.ColumnStreetAddress {
width:30%;
}
div#Addresses table.infolist tbody tr td.ColumnCity {
width:8%;
}
div#Addresses table.infolist tbody tr td.ColumnCounty {
with:8%;
}
div#Addresses table.infolist tbody tr td.ColumnState {
width:12%;
}
div#Addresses table.infolist tbody tr td.ColumnCntry {
width:5%;
}
div#Addresses table.infolist tbody tr td.ColumnPostalcode {
width:10%;
}
div#Addresses table.infolist tbody tr td.ColumnPhone {
width:15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
#indivgallery h4 {
margin-bottom:1em;
}
#indivgallery .thumbnail {
margin:0;
float:left;
width:130px;
height:150px;
text-align:center;
}
#indivgallery div.thumbnail a {
display:block;
margin:0;
padding:0;
background:none;
}
#indivgallery div.thumbnail a img {
margin-bottom:.5cm;
padding:0;
border:solid 1px #000;
}
#indivgallery div.thumbnail p {
font:normal .7em/1.4em sans-serif;
text-align:center;
width:80%;
margin:0 auto;
padding:0;
}
/* Subsections : 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;
}
/* Subsections : References
----------------------------------------------------- */
/* Subsections : Source References
----------------------------------------------------- */
div#sourcerefs {
height:2.64cm;
overflow:auto;
}
div#sourcerefs ol {
list-style-type:decimal;
}
div#sourcerefs ol li ol {
list-style-type:lower-alpha;
}
/* Subsections : Summary Area
----------------------------------------------------- */
div#summaryarea {
background-color: #FFF;
}
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;
}
/* Subsections : Weblinks
----------------------------------------------------- */
/* Subsections : Pedigree
----------------------------------------------------- */
div#pedigree {
padding-bottom:1.2em;
}
#pedigree a {
text-decoration:none;
color: #000;
}
#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: #000;
}
.spouse:before {
content: "+ ";
}
.thisperson {
font-weight:bold;
}
/* Subsections : Ancestors Tree
----------------------------------------------------- */
#tree {
page-break-before:always;
margin:0;
padding:0;
background:none;
}
#treeContainer {
position:relative;
z-index:1;
}
#treeContainer div.boxbg {
position:absolute;
margin:0;
padding:0;
background:none;
}
#treeContainer div.boxbg a,
#treeContainer div.boxbg span.unlinked {
position:relative;
z-index:10;
display:block;
font:normal .7em/1.4em sans-serif;
text-align:center;
text-decoration:none;
color: #542;
width:118px;
padding:5px 20px 7px 20px;
margin-top:-25px;
margin-left:16px;
background-color: #FFF;
border:solid 1px #228A22;
}
#treeContainer div.boxbg a:hover {
position:relative;
z-index:999;
font-size:1em;
text-decoration:none;
color: #542;
width:190px;
margin-left:-20px;
padding:10px 25px 12px 25px;
border:solid 2px #228A22;
}
#treeContainer div.boxbg a:hover,
#treeContainer div.AncCol3 a:hover,
#treeContainer div.AncCol4 a:hover {
margin-top:-44px;
}
#treeContainer div.boxbg a.noThumb,
#treeContainer div.AncCol3 a,
#treeContainer div.AncCol4 a,
#treeContainer div.AncCol3 span.unlinked,
#treeContainer div.AncCol4 span.unlinked {
margin-top:10px;
}
#treeContainer div.boxbg a.noThumb:hover {
margin-top:0;
}
#treeContainer div.AncCol0 a:hover {
margin-left:12px;
}
#treeContainer div.AncCol4 a:hover {
margin-left:-60px;
}
#treeContainer div.boxbg span.thumbnail {
display:block;
height:65px;
margin:0 auto;
padding:4px 0;
}
#treeContainer div.boxbg span.thumbnail img {
height:65px;
margin:0 auto;
}
#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img {
height:80px;
}
#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail {
display:none;
}
#treeContainer div.boxbg a:hover span.thumbnail {
display:block;
}
#treeContainer div.male a,
#treeContainer div.male span.unlinked {
background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right;
}
#treeContainer div.female a,
#treeContainer div.female span.unlinked {
background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right;
}
#treeContainer div.unknown a,
#treeContainer div.unknown span.unlinked {
background-color: #000;
color: #FAFAFA;
}
.shadow {
display:none;
}
#tree div div.bvline {
position:absolute;
z-index:2;
height:1px;
margin:0 0 0 16px;
padding:0;
background-color: #228A22;
}
#tree div div.bhline {
position:absolute;
z-index:2;
width:1px;
margin:0 0 0 16px;
padding:0;
background-color: #228A22;
}
.ghline, .gvline {
display:none;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
body#WebCal {
background-color: #FFF;
}
.calendar {
empty-cells:show;
width:100%;
font-size:1em;
font-weight:normal;
margin:0;
padding:0;
border:none;
border-collapse:collapse;
}
.calendar thead tr th {
width:14%;
font-weight:normal;
font-size:18px;
line-height:18px;
text-align:center;
text-transform:uppercase;
padding:2px 0;
}
.calendar thead tr th.monthName {
width:100%;
font-size:2em;
line-height:100%;
text-transform:none;
color: #542;
padding:.3em 0 .2em 0;
background-color: #FFF;
}
#CreatorInfo {
float:right;
color: #FFF;
margin:-24px 10px 0 0;
}
#CreatorInfo a {
color: #FFF;
}
#CreatorInfo a:hover {
color: #FFF;
}
.calendar thead tr th.weekend,
.calendar thead tr th.weekday {
font-style:italic;
color: #000;
background-color: #6AF364;
border:solid 2px #228A22;
}
.calendar tfoot tr td {
padding:.7em 5% 1em 5%;
border-top:solid 2px #000;
vertical-align:middle;
color: #228A22;
background-color: #D8F3D6;
}
/* Calendar : Date Numeral */
.calendar tbody tr td div.date {
float:right;
display:block;
width:1.8em;
font-size:1.2em;
line-height:100%;
text-align:center;
color: #542;
margin:0 0 0 .5em;
padding:.2em 0;
background-color: #D8F3D6;
}
/* Calendar : Date Container */
.calendar tbody tr td {
vertical-align:top;
height:10em;
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color: #228A22;
}
.calendar tbody tr td.weekday {
background-color: #FFF;
}
.calendar tbody tr td.weekend {
background-color: #D8F3D6;
}
.calendar tbody tr td.saturday {
border-right:solid 1px #228A22;
}
.calendar tbody tr td.sunday {
border-left:solid 1px #228A22;
}
.calendar tbody tr td:first-child {
border-left:solid 1px #228A22;
}
.calendar tbody tr:first-child td {
border-top:none;
}
/* Calendar : Date Detail */
.calendar tbody tr td ul {
list-style:none;
font-family:sans-serif;
font-size:1em;
margin:2.3em 0 .3em 0;
padding:0;
}
.calendar tbody tr td ul li {
display:block;
width:92%;
margin:0 4%;
padding:.2em 0 .3em 0;
border-top:dashed 1px #228A22;
}
.calendar tbody tr td ul li:first-child {
border:none;
}
/* Calendar : Birthday, Anniversary, Highlight */
.calendar tbody tr td ul li em {
font-style:normal;
color: #0A65B5;
}
.calendar tbody tr td ul li span.yearsmarried em {
color: #228A22;
}
.calendar tbody tr td.highlight { }
.calendar tbody tr td.highlight div.date {
color: #0A65B5;
background-color: #C2E1FE;
}
/* Calendar : Previous-Next Month */
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
color: #333;
background-color: #D8F3D6;
}
/* Calendar : Full Year */
body#fullyearlinked {
background-color: #FFF;
}
body#fullyearlinked div.content {
width:963px;
margin:0 auto;
padding:15px 0 2px 2px;
}
body#fullyearlinked table.calendar {
float:left;
width:320px;
height:18em;
border:solid 1px #000;
}
body#fullyearlinked table.calendar thead tr th {
height:2em;
border-width: 1px 1px 0px 0px;
border-color: #000;
text-align: center;
}
body#fullyearlinked table.calendar thead tr th.monthName {
font-size:1.2em;
padding:2px 0;
border-bottom: solid 1px #000;
}
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
body#fullyearlinked table.calendar tbody tr td.emptyDays {
background-color: #FFF;
}
body#fullyearlinked table.calendar tbody tr td.saturday {
border-right:solid 2px #000;
}
body#fullyearlinked able.calendar tbody tr td.sunday {
border:solid 2px #000;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #228A22;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #228A22;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width; 10%;
}