52b9fe8276
10341: When we are on a mobile phone or a small device, we suppress the navigation tab. In place, we have a new icon on the upper left which is used to show the dropdown menu. Thanks to Theo van Rijn for showing me the way to do that. 10962: For Home, Introduction and Contact, If we have an image and this image contains regions, show the regions. We can go directly to the person page associated to this region. If we click on the image, we go directly to the associated media page. This will be true only if we selected "include images and media objects" and "create and only use thumbnail" is unselected 11018: The first line identifying a family will be more legible. The link is not useful in the parents and pedigree section for the current person. Adapt some css files. 11029: sort the place references either by date or by name. Resolves #10341, #10962, #11018, #11029
1737 lines
37 KiB
CSS
1737 lines
37 KiB
CSS
/*
|
|
#
|
|
# Gramps - a GTK+/GNOME based genealogy program
|
|
#
|
|
# Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
|
# Copyright (C) 2018 Theo van Rijn
|
|
# Copyright (C) 2019 Serge Noiraud
|
|
#
|
|
# This program is free software; you can redistribute it and/or modify
|
|
# it under the terms of the GNU General Public License as published by
|
|
# the Free Software Foundation; either version 2 of the License, or
|
|
# (at your option) any later version.
|
|
#
|
|
# This program 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 this program; if not, write to the Free Software
|
|
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
#
|
|
# $Id: Web_Basic-Blue.css 15540 2010-06-07 16:32:00Z robhealey1 $
|
|
#
|
|
*************************************************
|
|
GRAMPS Cascading Style Sheet
|
|
Style Name: Basic Blue Stylesheet
|
|
Original Style Author: Jason M. Simanek (2008)
|
|
*************************************************
|
|
-------------------------------------------------
|
|
Color Palette
|
|
-------------------------------------------------
|
|
DK. Blue #00029D
|
|
Lt. Blue #BCEAF6
|
|
Green #13A926
|
|
Black #000
|
|
White #FFF
|
|
brick red #903
|
|
|
|
===== Ancestor Graph Color Scheme =====
|
|
Males #BCEAF6
|
|
Females #FFC0CB
|
|
Unknown #000
|
|
|
|
===== Web Graphics =====
|
|
Males Web_Gender_Male.png
|
|
Females Web_Gender_Female.png
|
|
*************************************************
|
|
|
|
|
|
NarrativeWeb Styles
|
|
================================================= */
|
|
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;
|
|
}
|
|
#outerwrapper {
|
|
margin: 5px auto;
|
|
width: 98%;
|
|
}
|
|
#outerwrapper > div {
|
|
clear: both;
|
|
}
|
|
.content {
|
|
background-color: #FFF;
|
|
color: #000;
|
|
overflow: auto;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
.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, .content div.snapshot div.thumbnail img {
|
|
display: block;
|
|
width: 96px;
|
|
margin: 0 auto;
|
|
}
|
|
#ThumbnailPreview div.snapshot {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.fullclear {
|
|
width: 100%;
|
|
height: 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: both;
|
|
}
|
|
/* Less whitespace on smaller real estate. */
|
|
@media only screen and (max-width: 1080px) {
|
|
.content {
|
|
padding: 0em 0.5em;
|
|
}
|
|
}
|
|
|
|
/* General Text
|
|
----------------------------------------------------- */
|
|
h1 {
|
|
font:normal 2em/1.2em serif;
|
|
}
|
|
h2 {
|
|
font: bold 1em sans-serif;
|
|
text-align: center;
|
|
float: center;
|
|
}
|
|
h3 {
|
|
font: bold italic 1.6em serif;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
padding:.5em 20px .2em 20px;
|
|
border-bottom: double 4px #000;
|
|
}
|
|
h4 {
|
|
font: bold 1.2em sans-serif;
|
|
background-color: #00029D;
|
|
color: #FFF;
|
|
padding: 0px 0px 0px 20px;
|
|
border-width: 4px 0px 4px 0px;
|
|
border-style: solid;
|
|
border-color: #13A926;
|
|
}
|
|
h5, h6 {
|
|
font:normal 1em/1.2em serif;
|
|
font-style:italic;
|
|
margin:1.3em 0 .5em 1em;
|
|
}
|
|
p#description {
|
|
margin: 0;
|
|
padding: 1em 20px;
|
|
text-indent: 30px;
|
|
}
|
|
p#description:first-letter {
|
|
color: #903;
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
p a {
|
|
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: underline;
|
|
}
|
|
ol li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
a {
|
|
text-decoration: underline;
|
|
}
|
|
a:hover {
|
|
background-color: #BCEAF6;
|
|
text-decoration: underline;
|
|
}
|
|
span.preposition {
|
|
padding-left:1em;
|
|
padding-right:1em;
|
|
}
|
|
.grampsid {
|
|
font:normal .8em/1.2em monospace;
|
|
}
|
|
|
|
/* Gramps Styled Notes
|
|
------------------------------------------------------- */
|
|
div#grampsstylednote a {
|
|
background-color: #BCEAF6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Header
|
|
----------------------------------------------------- */
|
|
div#header {
|
|
background-color: #00029D;
|
|
border-bottom: solid 4px #13A926;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
color: #FFF;
|
|
}
|
|
div#header a {
|
|
text-decoration: underline;
|
|
color: #FFF;
|
|
}
|
|
#SiteTitle {
|
|
margin:0;
|
|
padding:.5em 0 0.5em 10px;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
font-style: italic;
|
|
}
|
|
p#user_header {
|
|
font-size: .8em;
|
|
text-align: right;
|
|
color: #FFF;
|
|
margin: 0 auto;
|
|
padding: .2em 0 .6em 20px;
|
|
}
|
|
#user_header a {
|
|
text-decoration: underline;
|
|
}
|
|
#user_header img {
|
|
float: right;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Navigation
|
|
----------------------------------------------------- */
|
|
div#nav, #subnavigation {
|
|
border: solid 1px #EEE; /* needed by IE7 */
|
|
background-color: #13A926;
|
|
}
|
|
#subnavigation ul {
|
|
overflow: hidden;
|
|
}
|
|
div#nav ul, #subnavigation ul {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding-left: 15px;
|
|
}
|
|
#subnavigation ul {
|
|
border-bottom: solid 1px #999;
|
|
}
|
|
div#nav ul li, #subnavigation ul li {
|
|
float: left;
|
|
}
|
|
div#nav ul li a, #subnavigation ul li a {
|
|
display: block;
|
|
font-size: smaller;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
border-bottom: solid 1px #EEE;
|
|
}
|
|
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
|
text-decoration: none;
|
|
background-color: #CCC;
|
|
border-bottom: solid 1px black;
|
|
}
|
|
div#nav ul li.CurrentSection a {
|
|
position: relative;
|
|
top: 1px;
|
|
border: solid 1px #999;
|
|
border-bottom-style: none;
|
|
background-color: white;
|
|
}
|
|
#nav ul li.CurrentSection a:hover {
|
|
background-color: #903;
|
|
}
|
|
|
|
/* Webcal
|
|
----------------------------------------------------- */
|
|
#subnavigation ul li.CurrentSection a {
|
|
background-color: white;
|
|
}
|
|
|
|
/* Footer
|
|
----------------------------------------------------- */
|
|
div#footer {
|
|
clear: both;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 75px;
|
|
font-size: 12px;
|
|
line-height: 130%;
|
|
color: #FFF;
|
|
background-color: #00029D;
|
|
border-top: solid 8px #13A926;
|
|
}
|
|
div#footer a {
|
|
text-decoration: underline;
|
|
color: #FFF;
|
|
}
|
|
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;
|
|
margin: 10px 10px 0px 0px;
|
|
}
|
|
div#footer p#copyright img {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#user_footer {
|
|
width: 70%;
|
|
float: left;
|
|
margin: 1em;
|
|
}
|
|
#user_footer p {
|
|
font: normal 1em/1.2em serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Responsive navigation */
|
|
a.navIcon {
|
|
display: none;
|
|
}
|
|
|
|
div#header::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
/* Alphabet Navigation
|
|
----------------------------------------------------- */
|
|
div#alphanav {
|
|
background-color: #EEE;
|
|
}
|
|
div#alphanav ul {
|
|
list-style: none;
|
|
border-width: 2px 0px 4px 0px;
|
|
border-style: solid;
|
|
border-color: black;
|
|
margin: 0px;
|
|
padding-left: 15px;
|
|
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
|
overflow: hidden;
|
|
}
|
|
div#alphanav ul li {
|
|
float: left;
|
|
font-size: larger;
|
|
font-weight: bold;
|
|
}
|
|
div#alphanav ul li:after {
|
|
content: " |";
|
|
}
|
|
div#alphanav ul li a {
|
|
display: block;
|
|
padding: 4px 8px;
|
|
line-height: 100%;
|
|
float: left;
|
|
|
|
}
|
|
div#alphanav ul li a:hover {
|
|
text-decoration: none;
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
div#nav::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
@media only screen and (max-width: 1080px) {
|
|
|
|
/* Use less & all realestate on mobiles. */
|
|
div#outerwrapper {
|
|
margin: 5px auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.nav {
|
|
background: none; /* Works in IE too. */
|
|
/*
|
|
width: 200px;
|
|
position: absolute;
|
|
z-index: 10;
|
|
*/
|
|
}
|
|
|
|
/* Undo some of the #nav styles - to enable the class .nav */
|
|
.nav ul, #subnavigation ul {
|
|
list-style: none;
|
|
min-width: unset;
|
|
width: 200px;
|
|
height: 32px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.nav ul li, #subnavigation ul li {
|
|
float: unset;
|
|
display: unset
|
|
}
|
|
|
|
/* Start with hidden menu options */
|
|
/* .nav li:not(:first-child) {display: none;} */
|
|
.nav li {display: none;}
|
|
.nav ul {display: none;}
|
|
|
|
a.navIcon {
|
|
font-size:1.3em;
|
|
display: block;
|
|
margin: 0.1em 0.4em 0.4em 0.4em;
|
|
float: left;
|
|
}
|
|
|
|
.nav.responsive {position: absolute; display: block; z-index: 100;}
|
|
.nav.responsive a.icon {
|
|
/* position: absolute; */
|
|
right: 0;
|
|
top: 0;
|
|
margin-right: 10px;
|
|
}
|
|
.nav.responsive li {
|
|
/* float: left; */
|
|
display: block;
|
|
text-align: left;
|
|
background-color: #13A926;
|
|
/* required by IE */
|
|
float: left;
|
|
clear: both;
|
|
width: 200px;
|
|
}
|
|
|
|
div#nav ul, #subnavigation ul {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.content {
|
|
padding: 0em 0.5em;
|
|
}
|
|
}
|
|
|
|
/* Main Table
|
|
----------------------------------------------------- */
|
|
table.infolist {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: .8em;
|
|
}
|
|
table.infolist thead tr th {
|
|
color: #00029D;
|
|
margin-left: 10px;
|
|
background-color: #BCEAF6;
|
|
border: solid 1px #000;
|
|
font-size: 1em;
|
|
}
|
|
table.infolist tr td {
|
|
border-bottom: dashed 1px #000;
|
|
vertical-align: middle;
|
|
}
|
|
table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
|
|
border-top: solid 1px #000;
|
|
}
|
|
table.infolist tr td.ColumnLetter {
|
|
width: 3%;
|
|
text-align: center;
|
|
}
|
|
table.infolist tbody tr td.ColumnDate {
|
|
width: 12%;
|
|
}
|
|
table.infolist tbody tr td.ColumnBirth,
|
|
table.infolist tbody tr td.ColumnDeath {
|
|
width: 12%;
|
|
}
|
|
table.infolist tbody tr td.ColumnRowLabel {
|
|
width: 2%;
|
|
padding-left: 20px;
|
|
}
|
|
table.infolist tr td.ColumnRowLabel a {
|
|
background: none;
|
|
}
|
|
table.infolist tr td.ColumnType {
|
|
width: 6%;
|
|
padding-left: 20px;
|
|
}
|
|
table.infolist tr td.ColumnAttribute {
|
|
width: 10%;
|
|
}
|
|
table.infolist tr td.ColumnValue {
|
|
width: 40%;
|
|
}
|
|
table.infolist tr td.ColumnName {
|
|
width: 30%;
|
|
}
|
|
table.infolist tr td.ColumnName:first-letter {
|
|
color: #903;
|
|
font-weight: bold;
|
|
}
|
|
table.infolist tr td.ColumnPartner {
|
|
width: 30%;
|
|
}
|
|
table.infolist tr td.ColumnParents {
|
|
width: 30%;
|
|
}
|
|
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: "+ ";
|
|
}
|
|
|
|
/* Individuals
|
|
================================================= */
|
|
div#Individuals {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#Individuals table.IndividualList {
|
|
border-bottom: solid 1px #000;
|
|
}
|
|
div#Individuals table.IndividualList tbody tr td.ColumnSurname a:hover,
|
|
div#Individuals table.IndividualList tbody tr td.ColumnSurname a:active {
|
|
cursor: default;
|
|
background: none;
|
|
}
|
|
div#Individuals table.IndividualList tbody tr td.ColumnName a {
|
|
vertical-align: middle;
|
|
}
|
|
div#Individuals div table.infolist tr td p {
|
|
vertical-align: top;
|
|
}
|
|
div#Individuals div table.infolist tr td p a {
|
|
display: inline;
|
|
}
|
|
div#Individuals table.infolist tbody tr td.ColumnSurname a {
|
|
text-decoration: none;
|
|
}
|
|
div#Individuals table.infolist tbody tr td.ColumnSurname a:hover {
|
|
background: none;
|
|
}
|
|
div#Individuals table.infolist tbody tr td.ColumnName {
|
|
width: 20%;
|
|
}
|
|
div#IndividualDetail {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#IndividualDetail div#summaryarea table.infolist tr td {
|
|
vertical-align: top;
|
|
border: none;
|
|
}
|
|
div#IndividualDetail div#summaryarea table.infolist tr td a {
|
|
text-decoration: underline;
|
|
display: inline;
|
|
}
|
|
div#IndividualDetail table.infolist tr td a:hover {
|
|
text-decoration: none;
|
|
}
|
|
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
|
|
width: 10%;
|
|
}
|
|
#familymap a.familymap {
|
|
margin-left:20px;
|
|
}
|
|
|
|
/* Surnames
|
|
----------------------------------------------------- */
|
|
#Surnames {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
table.surnamelist thead tr th.ColumnSurname,
|
|
#Surnames table.surnamelist tbody tr td.ColumnSurname {
|
|
width: 50%;
|
|
}
|
|
table#SortByName thead tr th.ColumnSurname,
|
|
table#SortByCount thead tr th.ColumnQuantity {
|
|
background-color: #00029D;
|
|
color: #FFF;
|
|
}
|
|
table.surnamelist thead tr th.ColumnSurname a {
|
|
color: #FFF;
|
|
}
|
|
table.surnamelist thead tr th.ColumnSurname a:hover {
|
|
color: #000;
|
|
}
|
|
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.surnamelist tbody tr td.ColumnSurname:hover,
|
|
table#SortByName tbody tr td.ColumnSurname:hover {
|
|
background-color: #BCEAF6;
|
|
}
|
|
table.surname {
|
|
border-bottom: solid 1px #000;
|
|
}
|
|
table.surname thead tr th.ColumnName {
|
|
padding-left: 20px;
|
|
}
|
|
table.surname tbody tr td.ColumnName:hover {
|
|
background-color: #00029D;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* Relationships
|
|
================================================= */
|
|
div#RelationshipList, div#RelationshipDetail {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
div#RelationshipDetail div#FamilyDetail table.infolist tbody tr td {
|
|
border: none;
|
|
}
|
|
|
|
/* Places
|
|
=================================================----- */
|
|
div#Places, div#PlaceDetail {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#Places table.infolist tbody tr td.ColumnState {
|
|
width: 7%;
|
|
}
|
|
div#Places table.infolist tbody tr td.ColumnCountry {
|
|
width: 6%;
|
|
}
|
|
div#Places table.infolist tbody tr td.ColumnLatitude,
|
|
div#Places table.infolist tbody tr td.ColumnLongitude {
|
|
width: 8%;
|
|
}
|
|
div#PlaceDetail h5 {
|
|
font: bold .7cm serif;
|
|
float: center;
|
|
text-align: center;
|
|
border-bottom: double 4px #13A926;
|
|
}
|
|
|
|
|
|
/* EventList and EventDetail
|
|
------------------------------------------------------ */
|
|
div#EventList, div#EventDetail {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
table.eventlist tbody tr td.ColumnEvent {
|
|
width: 10%;
|
|
}
|
|
table.eventlist tbody tr td.ColumnPlace {
|
|
width: 25%;
|
|
}
|
|
table.eventlist tbody tr td.ColumnNotes {
|
|
width: 20%;
|
|
}
|
|
table.eventlist tbody tr td.ColumnSources {
|
|
width: 5%;
|
|
}
|
|
table.eventlist tbody tr td.ColumnPerson {
|
|
width: 35%;
|
|
}
|
|
div#IndividualDetail div#families table.eventlist tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
div#EventList table.infolist tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
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.alphaevent {
|
|
padding: .3em 0 .3em 0;
|
|
margin: 0;
|
|
}
|
|
div#EventList table.alphaevent tbody tr.BeginEvent {
|
|
border-top: solid 1px #000;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnType {
|
|
width: 15%;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
|
|
background: none;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
|
|
width: 10%;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnPerson {
|
|
width: 50%;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
|
|
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
|
|
display:block;
|
|
}
|
|
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
|
|
content:"+ ";
|
|
}
|
|
div#EventDetail h3 {
|
|
font-size: 28px;
|
|
}
|
|
div#EventDetail h3:first-letter {
|
|
color: #903;
|
|
}
|
|
div#EventDetail table.eventlist {
|
|
width: 100%;
|
|
}
|
|
div#EventDetail table.eventlist tbody tr {
|
|
border-top: dashed 1px #000;
|
|
}
|
|
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
|
|
width: 20%;
|
|
}
|
|
div#EventDetail table.eventlist tbody tr td.ColumnDate {
|
|
border-top: solid 1px #000;
|
|
}
|
|
|
|
/* Events
|
|
----------------------------------------------------- */
|
|
#EventList table.infolist tr td a,
|
|
#EventDetail table.infolist tr td a {
|
|
display: inline;
|
|
}
|
|
#EventList table.infolist tr td span.father,
|
|
#EventList table.infolist tr td span.mother,
|
|
#EventDetail table.infolist tr td span.father,
|
|
#EventDetail table.infolist tr td span.mother {
|
|
display: block;
|
|
}
|
|
#EventList table.infolist tr td span.person:after,
|
|
#EventList table.infolist tr td span.father:after,
|
|
#EventList table.infolist tr td span.mother:after,
|
|
#EventDetail table.infolist tr td span.person:after,
|
|
#EventDetail table.infolist tr td span.father:after,
|
|
#EventDetail table.infolist tr td span.mother:after {
|
|
content: ", ";
|
|
}
|
|
|
|
/* Gallery
|
|
----------------------------------------------------- */
|
|
#Gallery {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#gallery {
|
|
background-color: green;
|
|
}
|
|
#indivgallery {
|
|
background-color: white;
|
|
}
|
|
#gallery .gallerycell {
|
|
float: left;
|
|
width: 130px;
|
|
height: 150px;
|
|
text-align: center;
|
|
margin: 0;
|
|
background-color: white;
|
|
border-top: solid 1px #999;
|
|
border-right: solid 1px #999;
|
|
}
|
|
#gallery .thumbnail {
|
|
font-size: smaller;
|
|
margin: 3em auto;
|
|
}
|
|
#Gallery table.infolist tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
#Gallery table.infolist tbody tr td.ColumnName {
|
|
width: 50%;
|
|
}
|
|
#Gallery table.infolist tbody tr td.ColumnName a {
|
|
display: block;
|
|
padding: .2em 10px .4em 10px;
|
|
}
|
|
#Gallery table.infolist tbody tr td.ColumnMime {
|
|
width: 20%;
|
|
}
|
|
#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 #000;
|
|
}
|
|
#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 #000;
|
|
}
|
|
#GalleryDisplay img {
|
|
margin: 0 auto;
|
|
max-width: 800px;
|
|
height: auto;
|
|
}
|
|
|
|
@media only screen and (max-width: 1080px) {
|
|
#GalleryDisplay img {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
#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: 1 .5em 0 0;
|
|
border-style: solid;
|
|
border-width: 2px 0 1px 0;
|
|
border-color: #000;
|
|
}
|
|
#GalleryDetail table.exifdata {
|
|
margin: .2em 0 .2em 0;
|
|
width: 100%;
|
|
}
|
|
#GalleryDetail table.exifdata tbody tr {
|
|
border-top: solid 1px #000;
|
|
}
|
|
#GalleryDetail table.exifdata tbody tr td.ColumnExifKeys {
|
|
width: 60%;
|
|
}
|
|
#GalleryDetail table.exifdata tbody tr td.ColumnMetaData {
|
|
width: 40%;
|
|
}
|
|
|
|
/* Thumbnail Preview Reference Section
|
|
------------------------------------------------- */
|
|
body#ThumbnailPreview div#references {
|
|
background-color: #FFF;
|
|
color: #00029D;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
body#ThumbnailPreview div#references table.infolist tbody tr {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
|
|
width: 90%;
|
|
}
|
|
|
|
/* Contact
|
|
------------------------------------------------- */
|
|
#Contact #summaryarea {
|
|
border: double 4px #000;
|
|
background-color: #BCEAF6;
|
|
}
|
|
#Contact #summaryarea #GalleryDisplay img {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
@media only screen and (max-width: 1080px) {
|
|
#Contact, #Contact #summaryarea #researcher,
|
|
#Contact #summaryarea #GalleryDisplay img {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
#Contact #summaryarea #researcher {
|
|
font: normal 1.5em/1.4em serif;
|
|
margin-top: .3em;
|
|
}
|
|
#Contact #summaryarea #researcher h3 {
|
|
font: normal 1.2em/1.4em serif;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
#Contact #summaryarea #researcher span {
|
|
display: block;
|
|
font: normal .9em/1.4em serif;
|
|
margin-right: .4em;
|
|
}
|
|
#Contact #summaryarea #streetaddress {
|
|
width: 100%;
|
|
}
|
|
#Contact #summaryarea #locality, .locality {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
#Contact #summaryarea #city:after {
|
|
content: ",";
|
|
}
|
|
#Contact #summaryarea #country {
|
|
clear: left;
|
|
}
|
|
#Contact #summaryarea #email {
|
|
clear: left;
|
|
}
|
|
#Contact #summaryarea #email a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Download
|
|
----------------------------------------------------- */
|
|
div#Download {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
div#Download table.download {
|
|
padding: 0;
|
|
margin: .5em 0 .5em 2.5%;
|
|
border: solid 1px #000;
|
|
width: 95%;
|
|
text-align: center;
|
|
}
|
|
div#Download table.download tbody tr#Row02 {
|
|
border-bottom: solid 2px #000;
|
|
}
|
|
div#Download table.download tbody tr td {
|
|
border: solid 1px #000;
|
|
text-align: left;
|
|
}
|
|
div#Download table.download td.ColumnFilename {
|
|
width: 30%;
|
|
}
|
|
div#Download table.download td.ColumnFilename a {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
div#Download table.download td.ColumnDescription {
|
|
width: 50%;
|
|
}
|
|
div#Download table.download td.ColumnModified {
|
|
width: 20%;
|
|
}
|
|
|
|
/* Sources
|
|
----------------------------------------------------- */
|
|
#Sources {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#SourceDetail {
|
|
min-height: 900px
|
|
}
|
|
div#SourceDetail div#references ol li {
|
|
padding-bottom: .5em;
|
|
}
|
|
|
|
/* Repositories
|
|
------------------------------------------------------ */
|
|
div#RepositoryList {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#RepositoryList table.repolist tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
div#RepositoryList table.repolist tbody tr td.ColumnType {
|
|
width: 15%;
|
|
}
|
|
div#RepositoryList table.repolist tbody tr td.ColumnName {
|
|
width: 80%;
|
|
}
|
|
|
|
/* Address Book
|
|
------------------------------------------------------ */
|
|
div#AddressBookList, AddressBookDetail {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#AddressBookList table.addressbook tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
text-align: center;
|
|
}
|
|
div#AddressBookList table.addressbook tbody tr td.ColumnName {
|
|
text-align: left;
|
|
width: 65%;
|
|
}
|
|
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
|
|
width: 10%;
|
|
}
|
|
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
|
|
width: 10%;
|
|
}
|
|
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
|
|
width: 10%;
|
|
}
|
|
|
|
/* Subsections
|
|
----------------------------------------------------- */
|
|
#Home #GalleryDisplay, #Introduction #GalleryDisplay,
|
|
#Contact #GalleryDisplay {
|
|
float: right;
|
|
margin: 0;
|
|
border: 0px;
|
|
}
|
|
#Home #GalleryDisplay img, #Introduction #GalleryDisplay img,
|
|
#Contact #GalleryDisplay img {
|
|
display: block;
|
|
max-width: 950px;
|
|
height: auto;
|
|
float: right;
|
|
}
|
|
@media only screen and (max-width: 1080px) {
|
|
#Home #GalleryDisplay img, #Introduction #GalleryDisplay img,
|
|
#Contact #GalleryDisplay img {
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
#Home p, #Introduction p {
|
|
margin: 0 20px 1em 20px;
|
|
}
|
|
#Home a, #Introduction a, #Contact a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
div.subsection {
|
|
padding-bottom: .5em;
|
|
}
|
|
div.subsection h4 {
|
|
margin-bottom: .5em;
|
|
}
|
|
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
|
font-size: .9em;
|
|
}
|
|
div.subsection a {
|
|
text-decoration: underline;
|
|
}
|
|
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 div#events table.eventtable {
|
|
width: 100%;
|
|
}
|
|
table.eventlist tbody tr td.ColumnEvent {
|
|
width: 12%;
|
|
}
|
|
#IndividualDetail div#events table.infolist tbody tr td {
|
|
padding-top: .4em;
|
|
padding-bottom: .8em;
|
|
}
|
|
#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute {
|
|
border-bottom: solid 1px #000;
|
|
}
|
|
#IndividualDetail div#events table.infolist tbody tr td.ColumnValue {
|
|
border-bottom: solid 1px #000;
|
|
}
|
|
table.infolist tbody tr td.ColumnValue p {
|
|
font-family: sans-serif;
|
|
color: #696969;
|
|
margin: .2em 0 0 2em;
|
|
}
|
|
|
|
/* Subsections : Attributes
|
|
----------------------------------------------------- */
|
|
div#attributes {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
table.attrlist {
|
|
width: 100%;
|
|
}
|
|
table.attrlist tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
table.attrlist tbody tr td.ColumnType {
|
|
width: 15%;
|
|
}
|
|
table.attrlist tbody tr td.ColumnValue {
|
|
width: 15%;
|
|
}
|
|
table.attrlist tbody tr td.ColumnNotes {
|
|
width: 40%;
|
|
}
|
|
table.attrlist tbody tr td.ColumnSources {
|
|
width: 10%;
|
|
}
|
|
|
|
/* Subsections : Parents
|
|
----------------------------------------------------- */
|
|
div#parents {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#parents table.infolist tbody tr td.ColumnValue ol {
|
|
margin: 0;
|
|
padding-top: 0;
|
|
}
|
|
div#parents table.infolist tbody tr td.ColumnValue ol li a {
|
|
text-decoration: underline;
|
|
}
|
|
div#IndividualDetail div#parents table.infolist tr td {
|
|
border: none;
|
|
}
|
|
|
|
/* Subsections : Families
|
|
----------------------------------------------------- */
|
|
div#families {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#families .infolist h4 {
|
|
font: bold 1.2em sans-serif;
|
|
color: #FFF;
|
|
padding: 0px 0px 0px 20px;
|
|
border-width: 4px 0px 4px 0px;
|
|
border-style: solid;
|
|
border-color: #00029D;
|
|
background-color: #13A926;
|
|
}
|
|
div#families table.infolist tbody tr.BeginFamily {
|
|
border-top: solid 1px #000;
|
|
}
|
|
div#families table.infolist tbody tr td {
|
|
border-bottom: none;
|
|
}
|
|
div#Families table.infolist tbody tr td.ColumnType,
|
|
div#Families table.infolist tbody tr td.ColumnAttribute {
|
|
color: #000;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnValue p {
|
|
margin-top: 0;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnValue ol {
|
|
margin: 0;
|
|
padding-top: 0;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnValue ol li {
|
|
padding-bottom: .2em;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnValue ol li a {
|
|
text-decoration: underline;
|
|
}
|
|
div#families table.fixed_subtables table.eventlist {
|
|
table-layout:fixed;
|
|
}
|
|
|
|
/* Subsection: Families: Attributes
|
|
------------------------------------------------- */
|
|
div#families able.infolist {
|
|
font: normal .8em sans-serif;
|
|
width: 100%;
|
|
}
|
|
div#families table.infolist tbody tr.BeginAttribute {
|
|
border-top: solid 1px #000;
|
|
}
|
|
SourcesType {
|
|
width: 8%;
|
|
}
|
|
div#families table.infolist tbody tr td.Value {
|
|
width: 15%;
|
|
}
|
|
div#families table.infolist tr td.Notes {
|
|
width: 40%;
|
|
}
|
|
div#families table.infolist tbody tr td.Sources {
|
|
width: 15%;
|
|
}
|
|
|
|
/* Subsection: Families: LDS Ordinance
|
|
------------------------------------------------------ */
|
|
div#families table.infolist {
|
|
font: normal .8em sans;
|
|
}
|
|
div#families table.infolist tbody tr.BeginOrdinance {
|
|
border-top: solid 1px #000;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSType {
|
|
width: 5%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSDate {
|
|
width: 10%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSTemple {
|
|
width: 8%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSPlace {
|
|
width: 15%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSStatus {
|
|
width: 8%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSSealed {
|
|
width: 20%;
|
|
}
|
|
div#families table.infolist tbody tr td.ColumnLDSSources {
|
|
width: 7%;
|
|
}
|
|
|
|
/* Subsection: LDS Ordinance
|
|
------------------------------------------------------ */
|
|
div#LDSOrdinance {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
table.ldsordlist {
|
|
font: normal .8em sans;
|
|
}
|
|
table.ldsordlist tbody tr.BeginOrdinance {
|
|
border-top: solid 1px #000;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSType {
|
|
width: 8%;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSDate {
|
|
width: 15%;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSTemple {
|
|
width: 10%;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSPlace {
|
|
width: 20%;
|
|
}
|
|
tableldsordolist tbody tr td.ColumnLDSStatus {
|
|
width: 8%;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSSealed {
|
|
width: 25%;
|
|
}
|
|
table.ldsordlist tbody tr td.ColumnLDSSources {
|
|
width: 7%;
|
|
}
|
|
|
|
/* Subsections : Addresses
|
|
----------------------------------------------------- */
|
|
div#Addresses {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#Addresses table.infolist {
|
|
font-size: 10px;
|
|
}
|
|
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 {
|
|
width: 8%;
|
|
}
|
|
div#Addresses table.infolist tbody tr td.ColumnState {
|
|
width: 8%;
|
|
}
|
|
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: 12%;
|
|
}
|
|
div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a {
|
|
display: inline;
|
|
}
|
|
|
|
/* SubSection: Residence
|
|
----------------------------------------------------- */
|
|
div.Residence {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div.Residence table.infolist tr td {
|
|
border-top: dashed 1px #000;
|
|
}
|
|
|
|
/* Subsections : Gallery
|
|
----------------------------------------------------- */
|
|
#indivgallery h4 {
|
|
margin-bottom: 1em;
|
|
}
|
|
#indivgallery .thumbnail {
|
|
margin: 0;
|
|
float: left;
|
|
width: 130px;
|
|
text-align: center;
|
|
background-color: white;
|
|
}
|
|
#indivgallery div.thumbnail a {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
word-wrap: break-word;
|
|
}
|
|
#indivgallery div.thumbnail a img {
|
|
padding: 0;
|
|
border: solid 1px #000;
|
|
}
|
|
|
|
#indivgallery div.thumbnail span {
|
|
/* ## remove this line and the comment markers from the line below to hide the description in Individual Gallery
|
|
display: none; */
|
|
font: normal .7em/1.4em sans-serif;
|
|
text-align: center;
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
#gallery div.indexno {
|
|
float: right;
|
|
width: 1.8em;
|
|
font-size: large;
|
|
text-align: center;
|
|
background-color: #CCC;
|
|
color: #555;
|
|
margin: 0;
|
|
}
|
|
#indivgallery div.date {
|
|
float: right;
|
|
width: 1.8em;
|
|
font-size: large;
|
|
text-align: center;
|
|
background-color: #CCC;
|
|
color: #555;
|
|
}
|
|
#indivgallery .thumbnail ul {
|
|
font-size: smaller;
|
|
list-style: none;
|
|
padding: 0px;
|
|
}
|
|
#indivgallery .thumbnail ul li:first-child {
|
|
border-style: none;
|
|
}
|
|
#indivgallery .thumbnail ul li {
|
|
border-top: dashed 1px #CCC;
|
|
border-top-style: dashed;
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
#gallery img {
|
|
border: solid 1px #999;
|
|
}
|
|
div.snapshot div.thumbnail {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Subsections : Narrative
|
|
----------------------------------------------------- */
|
|
div.narrative {
|
|
padding-bottom: 0;
|
|
}
|
|
.narrative p {
|
|
font: normal .9em/1.4em sans-serif;
|
|
margin: 0.1em 0 0.2em 0;
|
|
}
|
|
i + div.grampsstylednote p {
|
|
margin: 0.1em 0 0.2em 0;
|
|
}
|
|
|
|
/* Subsections : References
|
|
----------------------------------------------------- */
|
|
div#References {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Subsections : Source References
|
|
----------------------------------------------------- */
|
|
div#sourcerefs {
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
}
|
|
div#sourcerefs ol {
|
|
list-style-type: decimal;
|
|
}
|
|
div#sourcerefs ol li ol {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
div#sourcerefs ol li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Subsections : Summary Area
|
|
----------------------------------------------------- */
|
|
div#summaryarea {
|
|
background-color: #FFF;
|
|
}
|
|
div#summaryarea table.infolist {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #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 : We Llinks
|
|
----------------------------------------------------- */
|
|
div#WebLinks {
|
|
margin : 0 auto;
|
|
padding: 0;
|
|
}
|
|
table.WebLinks {
|
|
width: 100%;
|
|
}
|
|
table.WebLinks tbody tr td {
|
|
color: #000;
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
table.weblinks tbody tr td.ColumnType {
|
|
width: 15%;
|
|
}
|
|
table.WebLinks tbody tr td.ColumnPath {
|
|
width: 50%;
|
|
}
|
|
table.weblinks tbody tr td.ColumnDescription {
|
|
width: 30%;
|
|
}
|
|
|
|
/* Subsections : Pedigree
|
|
----------------------------------------------------- */
|
|
div#pedigree {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
/* Calendar Styles
|
|
-------------------------------------------------------------------------------------------- */
|
|
#OneDay, #WebCal, #YearGlance {
|
|
width: 95%
|
|
}
|
|
/* Calendar : General */
|
|
.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%;
|
|
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: #BCEAF6;
|
|
border: solid 2px #000;
|
|
}
|
|
.calendar tfoot tr td {
|
|
padding:.7em 5% 1em 5%;
|
|
border-top:solid 2px #000;
|
|
vertical-align:middle;
|
|
color: #000;
|
|
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: #000;
|
|
}
|
|
.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 #000;
|
|
}
|
|
.calendar tbody tr td.sunday {
|
|
border-left: solid 1px #000;
|
|
}
|
|
|
|
/* 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 {
|
|
color: #000;
|
|
display:block;
|
|
width:92%;
|
|
margin:0 4%;
|
|
padding:.2em 0 .3em 0;
|
|
border-top: dashed 1px #000;
|
|
}
|
|
|
|
/* 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 {
|
|
background-color: #FFF;
|
|
color: #000;
|
|
}
|
|
body#OneDay h3 {
|
|
color: #228A22;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
body#OneDay ol li a {
|
|
color: #000;
|
|
text-decoration: underline;
|
|
}
|
|
table.oneday {
|
|
margin: .3em 0 .3em 0;
|
|
padding: 0;
|
|
}
|
|
table.oneday tbody tr td {
|
|
border-bottom: dashed 1px #000;
|
|
}
|
|
table.oneday tbody tr td.ColumnText {
|
|
width: 85%;
|
|
}
|
|
table.oneday tbody tr td.ColumnEvent {
|
|
width: 10%;
|
|
}
|