/* # # Gramps - a GTK+/GNOME based genealogy program # # Copyright (C) 2008-2011 Rob G. Healey # # 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; } .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; } .fullclear { width: 100%; height: 1px; margin: 0; padding: 0; clear: both; } /* 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; } /* 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; } /* 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; padding: 6px 0 6px 10px; } table.infolist tr td a { display: block; } 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: 17%; } 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 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; } #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 { width: 500px; margin: 0 auto; padding: 3em; border: double 4px #000; background-color: #BCEAF6; } #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%; } #locality, .locality { display: block; width: 100%; } #city:after { content: ","; } #country { clear: left; } #email { clear: left; } #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, #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; } #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 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; height: 150px; text-align: center; } #indivgallery div.thumbnail a { display: block; margin: 0; padding: 0; text-decoration: none; cursor: pointer; } #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; } /* 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 ----------------------------------------------------- */ 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%; }