diff --git a/src/plugins/webreport/NarrativeWeb.py b/src/plugins/webreport/NarrativeWeb.py index 47cc09bf3..192528624 100644 --- a/src/plugins/webreport/NarrativeWeb.py +++ b/src/plugins/webreport/NarrativeWeb.py @@ -128,7 +128,7 @@ DEATH = _("Death") DHEAD = _("Date") DESCRHEAD = _("Description") _EVENT = _("Event") -GRAMPSID = _("Gramps ID") +GRAMPSID = _("Gramps ID") LATITUDE = _("Latitude") LOCALITY = _("Locality") LONGITUDE = _("Longitude") @@ -391,7 +391,7 @@ class BasePage(object): if husband_handle: husband = db.get_person_from_handle(husband_handle) spouse_handle = _obj.get_mother_handle() - if souse_handle: + if spouse_handle: spouse = db.get_person_from_handle(spouse_handle) if husband: husband_name = self.get_name(husband) @@ -1327,10 +1327,10 @@ class BasePage(object): ('events', _("Events"), self.report.inc_events), ('media', _("Media"), self.create_media), ('thumbnails', _("Thumbnails"), self.report.thumbpreview), - ('download', _("Download"), self.report.inc_download), ('sources', _("Sources"), True), ('repositories', _("Repositories"), inc_repos), ("addressbook", _("Address Book"), self.report.inc_addressbook), + ('download', _("Download"), self.report.inc_download), ('contact', _("Contact"), self.report.use_contact), ] @@ -2452,7 +2452,7 @@ class IndividualListPage(BasePage): individuallist += alpha_nav # begin table and table head - with Html("table", class_ = "infolist IndividualList") as table: + with Html("table", class_ = "infolist primobjlist IndividualList") as table: individuallist += table thead = Html("thead") table += thead @@ -2586,9 +2586,8 @@ class IndividualListPage(BasePage): mother_name = self.get_name(mother) samerow = False if mother and father: - tcell = ( Html("span", father_name, class_ = "father fatherNmother") + - Html("span", mother_name, class_ = "mother") - ) + tcell = Html("span", father_name, class_ = "father fatherNmother") + tcell += Html("span", mother_name, class_ = "mother") elif mother: tcell = Html("span", mother_name, class_ = "mother") elif father: @@ -2642,7 +2641,7 @@ class SurnamePage(BasePage): surnamedetail += Html("p", msg, id = "description") # begin surname table and thead - with Html("table", class_ = "infolist surname") as table: + with Html("table", class_ = "infolist primobjlist surname") as table: surnamedetail += table thead = Html("thead") table += thead @@ -2749,9 +2748,8 @@ class SurnamePage(BasePage): if mother: mother_name = self.get_name(mother) if mother and father: - tcell = Html("span", father_name, class_ = "father fatherNmother") + ( - Html("span", mother_name, class_ = "mother") - ) + tcell = Html("span", father_name, class_ = "father fatherNmother") + tcell += Html("span", mother_name, class_ = "mother") elif mother: tcell = Html("span", mother_name, class_ = "mother", inline = True) elif father: @@ -3145,7 +3143,7 @@ class PlaceListPage(BasePage): placelist += alpha_nav # begin places table and table head - with Html("table", class_ = "infolist placelist") as table: + with Html("table", class_ = "infolist primobjlist placelist") as table: placelist += table # begin table head @@ -3399,7 +3397,7 @@ class EventListPage(BasePage): eventlist += alpha_nav # begin alphabet event table - with Html("table", class_ = "infolist alphaevent") as table: + with Html("table", class_ = "infolist primobjlist alphaevent") as table: eventlist += table thead = Html("thead") @@ -3989,7 +3987,7 @@ class SurnameListPage(BasePage): table_id = 'SortByName' # begin surnamelist table and table head - with Html("table", class_ = "infolist surnamelist", id = table_id) as table: + with Html("table", class_ = "infolist primobjlist surnamelist", id = table_id) as table: surnamelist += table thead = Html("thead") @@ -4186,7 +4184,7 @@ class SourceListPage(BasePage): sourceslist += Html("p", msg, id = "description") # begin sourcelist table and table head - with Html("table", class_ = "infolist sourcelist") as table: + with Html("table", class_ = "infolist primobjlist sourcelist") as table: sourceslist += table thead = Html("thead") table += thead @@ -4341,7 +4339,7 @@ class MediaListPage(BasePage): media_list += Html("p", msg, id = "description") # begin gallery table and table head - with Html("table", class_ = "infolist gallerylist") as table: + with Html("table", class_ = "infolist primobjlist gallerylist") as table: media_list += table # begin table head @@ -6052,7 +6050,7 @@ class RepositoryListPage(BasePage): repositorylist += Html("p", msg, id = "description") # begin repositories table and table head - with Html("table", class_ = "infolist repolist") as table: + with Html("table", class_ = "infolist primobjlist repolist") as table: repositorylist += table thead = Html("thead") @@ -6199,7 +6197,7 @@ class AddressBookListPage(BasePage): addressbooklist += Html("p", msg, id = "description") # begin Address Book table - with Html("table", class_ = "infolist addressbook") as table: + with Html("table", class_ = "infolist primobjlist addressbook") as table: addressbooklist += table thead = Html("thead") diff --git a/src/plugins/webstuff/css/Web_Mainz.css b/src/plugins/webstuff/css/Web_Mainz.css index 3f42e0d03..15356bf56 100644 --- a/src/plugins/webstuff/css/Web_Mainz.css +++ b/src/plugins/webstuff/css/Web_Mainz.css @@ -18,6 +18,7 @@ License Copyright 2008 Jason M. Simanek Copyright 2009 Stephane Charette Copyright (C) 2008-2011 Rob G. Healey +Copyright 2011 Michiel D. Nauta This file is part of the GRAMPS program. @@ -58,1185 +59,567 @@ Middle Light images/Web_Mainz_MidLight.png NarrativeWeb Styles -------------------------------------------------------------------------------------------- - General Elements ------------------------------------------------------ */ - +General Elements +-----------------------------------------------------------------*/ body { - font-family:Georgia, serif; - color:#7D5925; - margin:0; - padding:0; - background:url(../images/Web_Mainz_Bkgd.png) #000 repeat; + font-family: Georgia, serif; + font-size: 90%; + color: #7D5925; + background: url(../images/Web_Mainz_Bkgd.png) black repeat; } -div { - margin:0; - padding:0; -} -img { - border:none; - margin:0; -} -.thumbnail a:hover { - background:none; +body > div { + width: 950px; + margin: 0px auto; + background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; + overflow: hidden; + padding: 0px 1.5em; } .content { - width:965px; - margin:0 auto; - padding: 1cm 0px .5em 0px; - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; - overflow: hidden; + padding: 1.5em 1.5em; } -.content div.snapshot { - margin:0; - padding:0; - background:none; +div.snapshot div.thumbnail { + text-align: center; } -.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; +div.snapshot a { + display: inline; } /* General Text ------------------------------------------------------ */ +-----------------------------------------------------------------*/ h1 { - font-size:1.8em; - font-weight:normal; - font-style:italic; - margin:0; -} -h2 { - display:none; + font-weight: normal; + font-style: italic; + margin-left: 2em; } h3 { - font-size:2em; - line-height:1.3em; - font-weight:normal; - font-style:italic; - color:#767D25; - text-align:center; - margin:0; - padding:.3em 20px 0 20px; + font-size: xx-large; + font-weight: normal; + font-style: italic; + color: #767D25; + text-align: center; + border-bottom: double 4px #7D5925; + padding-bottom: 1ex; + margin: 0.5em 0px 0.5em 0px; } h4 { - font-size:1.4em; - font-weight:normal; - font-style:italic; - color:#000; - text-align:center; - margin:0; - padding:.5em 0 .2em 0; - border-bottom:dashed 1px #7D5925; + font-size: x-large; + font-weight: normal; + font-style: italic; + color: black; + text-align: center; + border-bottom: dashed 1px #7D5925; + padding-bottom: 0.5ex; + margin: 0.5em 0px 0.5em 0px; } -h5, h6 { - font-style:italic; - margin:1.3em 0 .5em 1em; +a { + color: #7D5925; + text-decoration: none; } -p { - font-size:14px; - line-height:17px; - margin:0; -} -p#description { - padding:0 15px 1em 15px; -} -p a:link { - text-decoration:underline; -} -sup { - line-height:0; -} -ol { -} -ol li a { - text-decoration:none; -} -a:link { - color:#7D5925; - text-decoration:underline; -} -a:hover, a:active { - color:#7D5925; - text-decoration:underline; - background-color:#FFFFE7; -} -a:visited { - color:#7D5925; - text-decoration:underline; +a[href]:hover, a[href]:active { + background-color: #FFFFE7; } .grampsid { - font:normal .8em/1.2em monospace; + font-family: monospace; + font-size: smaller; } /* Header ------------------------------------------------------ */ +-----------------------------------------------------------------*/ #header { - width:965px; - margin:0 auto; - padding:5em 0 2px 0; - background:url(../images/Web_Mainz_Header.png) repeat-x top left; -} -#SiteTitle { - color:#7D5925; - margin:0 0 7px 50px; -} -#header p { - font-size:1em; - font-weight:bold; - font-style:italic; - color:#7D5925; - margin:0 0 5px 50px; + padding-top: 5em; + background: url(../images/Web_Mainz_Header.png) repeat-x top left; } /* Navigation ------------------------------------------------------ */ +-----------------------------------------------------------------*/ #navigation, #subnavigation { - font-family:sans-serif; - width:965px; - margin:0 auto; - padding:0; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; + background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } #navigation ul, #subnavigation ul { - list-style:none; - min-width:770px; - height:23px; - margin:0; - padding:0 0 0 12px; + list-style-type: none; + margin: 0px; + padding-left: 0px; } #navigation ul li, #subnavigation ul li { - margin:0; - padding:0; - float:left; + float: left; } #navigation ul li a, #subnavigation ul li a { - display:block; - font-size:12px; - line-height:100%; - font-weight:normal; - color:#7D5925; - text-decoration:none; - margin:0; - padding:6px 8px 5px 8px; + display: block; + padding: 0.4em 0.8em 0.3em 0.8em; + font-size: smaller; + font-family: sans-serif; } #navigation ul li a:hover, #subnavigation ul li a:hover { - background-color:#FFFFE7; + text-decoration: none; + background-color: #FFFFE7; } #navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { - font-family:Georgia, serif; - font-weight:bold; - font-style:italic; - padding:5px 15px 5px 15px; - background-image:url(../images/Web_Mainz_Mid.png); - border-style:dashed; - border-width:1px 1px 0 1px; - border-color:#7D5925; -} -#navigation ul li.CurrentSection a:hover { -} -#subnavigation { - background-image:url(../images/Web_Mainz_Mid.png); + font-weight: bold; + font-style: italic; + background-image: url(../images/Web_Mainz_Mid.png); + border-style: dashed; + border-width: 1px 1px 0px 1px; + border-color: #7D5925; } #subnavigation ul li.CurrentSection a { - border-width:0 0 1px 0; + border-width: 0px 1px 1px 1px; } /* Alphabet Navigation ------------------------------------------------------ */ -div#alphabet { - width: 965px; - margin: 0; - background-color: #FFF2C6; -} -div#alphabet ul { - padding: 0px 25px 0px 25px; - list-style:none; - min-width:770px; - height:24px; - margin:0; - padding: 0px 0px 0px 16px; +-----------------------------------------------------------------*/ +#alphabet ul { + list-style: none; border-width: 2px 0px 4px 0px; border-style: solid; - border-color: #000; + border-color: black; + padding-left: 2em; + /* float container stretch, see www.quirksmode.org/css/clearing.html */ + overflow: hidden; } -div#alphabet ul li:after { - content:" |"; +#alphabet ul li { + float: left; + font-size: larger; + font-family: sans-serif; + font-weight: bold; } -div#alphabet ul li { - margin:0; - float:left; +#alphabet ul li:after { + content: " |"; } -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; +#alphabet ul li a { + display: block; + padding: 4px 8px; + line-height: 100%; + float: left; + color: black; } -div#alphabet ul li a:hover { - background-color: #000; - color: #FFF; +#alphabet ul li a:hover { + text-decoration: none; + background-color: black; + color: white; } /* Main Table ------------------------------------------------------ */ +-----------------------------------------------------------------*/ table { - font-size:14px; - margin:0 15px 1em 15px; - padding:0; - border:none; - border-collapse:collapse; + border-collapse: collapse; + width: 100%; } -table tr th { - font-weight: bold; +div#summaryarea > table.infolist, +div#parents > table.infolist, +h3 + table.infolist { + width: auto; +} +table th { text-align: left; - margin:0; - padding:.1em 10px; - border-bottom:double 4px #7D5925; + margin: 0px; + border-bottom: double 4px #7D5925; + padding: .1em 10px; } -table.infolist tr th a { - text-decoration:none; +table td { + vertical-align: top; + padding: .1em 10px; } -table tr td { - vertical-align:middle; - padding:.1em 10px; +table.primobjlist td { + vertical-align: middle; } -table.infolist tr td a { - display:block; - text-decoration:none; +table.primobjlist tr a { + display: block; /* make whole td clickable */ } -table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { - border-top:dashed 1px #D8C19F; +table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td { + border-top: dashed 1px #D8C19F; } -table.infolist tr th.ColumnQuantity { - width:30%; +td.ColumnLetter, td.ColumnRowLabel { + font-weight: bold; } -table.infolist tr td.ColumnLetter { - font-weight:bold; +td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents { + font-size: 90%; } -table.infolist tbody tr td.ColumnBirth { - font-size:.9em; - width:10%; +table.relationships td.ColumnPartner { + font-size: 100%; } -table.infolist tbody tr td.ColumnDeath { - font-size:.9em; - width:10%; +table.infolist tr td ol { + margin: 0px; } -table.infolist tbody tr td.ColumnRowLabel { - font-weight:bold; - width:2%; +#summaryarea table.infolist td.ColumnAttribute, +#parents table.infolist td.ColumnAttribute, +#families table.infolist td.ColumnType, +#families table.infolist td.ColumnAttribute { + color: #767D25; } -table.infolist tbody tr td.ColumnType { - width:6%; - padding-left:20px; +/* div summaryarea is missing for events, sources and repos! */ +h3 + table.infolist td.ColumnAttribute { + color: #767D25; } -table.infolist tbody tr td.ColumnPartner { - font-size:.9em; + +table.primobjlist td.ColumnParents span.father, table.primobjlist td.ColumnParents span.mother { + display: block; } -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:"+ "; -} -table.infolist tbody p.EventNote { - border-top:dashed 1px #D8C19F; - padding-top:1em; - padding-bottom:1em; +table.primobjlist td.ColumnParents span.mother:before, table.primobjlist td.ColumnPerson span.mother:before { + content: "+ "; } /* Surnames ------------------------------------------------------ */ -#Surnames { } -#SurnameDetail p#description { padding-top:0; } -table.surnamelist { - margin-left:auto; - margin-right:auto; +-----------------------------------------------------------------*/ +table#SortByName thead th.ColumnSurname a:after, +table#SortByCount thead th.ColumnQuantity a:after { + content: " \2193"; } -table.surnamelist tbody tr td.ColumnSurname { - width:50%; -} -table.surnamelist thead tr th.ColumnSurname { - padding:0; -} -table.surnamelist thead tr th.ColumnQuantity { - width:40%; - padding:0; -} -table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { - display:block; - padding:.1em 10px; -} -table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { - content:" ↓"; -} -table.infolist tbody tr td.ColumnSurname { - padding:0; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; -} -table.infolist tbody tr td.ColumnSurname a { - padding:.1em 10px; -} -table.infolist tbody tr td.ColumnSurname a:hover { - padding:.1em 10px; -} -table.surname tbody tr td { - border-bottom:dashed 1px #D8C19F; -} -table.surname tbody tr:last-child td { - border:none; -} -table.surname tbody tr td.ColumnName { - width:20%; - padding:0; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; -} -table.surname tbody tr td.ColumnName a { - display:block; - padding:.6em 10px .6em 20px; -} -table.surname tbody tr td.ColumnName a span.grampsid { - display:none; -} -table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { - width:25%; -} - -/* Individuals ------------------------------------------------------ */ -#Individuals { } -#Individuals table.individuallist tbody tr td { - border-bottom:dashed 1px #D8C19F; -} -#Individuals table.individuallist tbody tr:last-child td { - border:none; -} -#Individuals table.individuallist tbody tr td a:hover { - text-decoration:none; -} -table.individuallist tbody tr td.ColumnSurname { - background:none; -} -table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { - cursor:default; - color:black; - background:none; -} -table.individuallist tbody tr td.ColumnName { - padding:0; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; -} -table.individuallist tbody tr td.ColumnName a { - display:block; - padding:.6em 10px; - vertical-align:middle; -} - #Individuals div table.infolist tr td p { - vertical-align:top; -} -#Individuals div table.infolist tr td p a { - display:inline; -} - -/* IndividualDetail ------------------------------------------------------- */ -#IndividualDetail { - background:url(../images/Web_Mainz_Mid.png) #FFF2C6; -} -#IndividualDetail div table.infolist tr td { - font:normal .9em/1.2em sans-serif; - vertical-align:top; -} -#IndividualDetail div table.infolist tr td a { - display:inline; -} -#IndividualDetail table.infolist tr td a:hover { - text-decoration:underline; -} -#IndividualDetail table.infolist tbody tr td.ColumnAttribute { - width:10%; - color:#696969; -} -#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; -} -#familymap a.familymap { - margin-left:20px; -} - -/* Subsections : Attributes ------------------------------------------------------ */ -div#attributes { - margin: 0; - padding: 0; -} -table.attrlist { - width: 100%; -} -table.attrlist thead tr th { - background-color: #70B1ED; - color: #000; -} -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%; -} - -/* Sources ------------------------------------------------------ */ -#Sources table.infolist tbody tr td.ColumnRowLabel { - padding-bottom:0; -} -#Sources table.infolist tbody tr td.ColumnName { - padding:0; -} -#Sources table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; -} -#SourceDetail div#references ol li { - padding-bottom:.5em; -} - -/* Relationships -================================================= */ -table.relationships thead tr th.ColumnMarriage, -table.relationships thead tr th.ColumnDivorce { - width: 13%; -} -table.relationships thead tr th.ColumnHyper { - width: 15%; -} -table.relationships thead tr th.ColumnMedia { - width: 15%; -} -table.relationships tbody tr td.ColumnRowLabel a { - background: none; -} -table.relationships tbody tr td.ColumnPartner { - font-size:100%; -} - -/* Places ------------------------------------------------------ */ -#Places table.infolist { - margin:0 auto; -} -#Places table.infolist tbody tr td.ColumnName { - padding:0; -} -#Places table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; +#SurnameDetail h3 { + border-bottom-width: 0px; + padding-bottom: 0px; + margin: 0px; } /* Events ------------------------------------------------------ */ -#EventList table.infolist tr.BeginType td { - border-top:dashed 1px #D8C19F; +-----------------------------------------------------------------*/ +#EventList tr.BeginType td { + border-top: dashed 1px #D8C19F; } -#EventList table.infolist tr.BeginLetter td { - border-top:solid 1px #D8C19F; +#EventList tr.BeginLetter td { + border-top: solid 1px #D8C19F; } -#EventList table.infolist tr td a, -#EventDetail table.infolist tr td a { +/* Events with multiple participants should have a comma seperated list of + names*/ +#EventList td.ColumnPerson 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 { +/* Family events, put mother on next line */ +#EventList td.ColumnPerson span.father, +#EventList td.ColumnPerson span.mother, +#EventDetail td.ColumnPerson span.father, +#EventDetail td.ColumnPerson 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 { +#EventList td.ColumnPerson span.person:after, +#EventList td.ColumnPerson span.father:after, +#EventList td.ColumnPerson span.mother:after, +#EventDetail td.ColumnPerson span.person:after, +#EventDetail td.ColumnPerson span.father:after, +#EventDetail td.ColumnPerson span.mother:after { content: ", "; } -#EventList table.infolist tr td span.person:last-child:after, -#EventList table.infolist tr td span.father:last-child:after, -#EventList table.infolist tr td span.mother:last-child:after, -#EventDetail table.infolist tr td span.person:last-child:after, -#EventDetail table.infolist tr td span.father:last-child:after, -#EventDetail table.infolist tr td span.mother:last-child:after { +#EventList td.ColumnPerson span.person:last-child:after, +#EventList td.ColumnPerson span.father:last-child:after, +#EventList td.ColumnPerson span.mother:last-child:after, +#EventDetail td.ColumnPerson span.person:last-child:after, +#EventDetail td.ColumnPerson span.father:last-child:after, +#EventDetail td.ColumnPerson span.mother:last-child:after { content: ""; } /* Gallery ------------------------------------------------------ */ -#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { - padding-bottom:0; -} -#Gallery table.infolist tbody tr td.ColumnName { - padding:0; -} -#Gallery table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; -} +-----------------------------------------------------------------*/ #GalleryNav { - font-size:.8em; - margin:0; - padding:2.2em 0 0 0; - text-align:center; + text-align: center; + margin: 1.4em 0px; } #GalleryNav a { - font-weight:bold; - font-style:italic; - color:#FFF2C6; - text-decoration:none; - background:url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; - border:outset 3px #000; + font-weight: bold; + font-style: italic; + color: #FFF2C6; + background: url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; + border: outset 3px black; } #GalleryNav a:hover { - border:outset 3px #7D5925; + border-color: #7D5925; } #GalleryNav a:active { - border:solid 3px #000; + border-style: solid; } #GalleryNav a#Previous { - padding:.4em .7em .3em .7em; + padding: .4em .7em .3em .7em; } #GalleryNav a#Next { - padding:.4em 1.9em .3em 1.9em; + padding: .4em 1.9em .3em 1.9em; } #GalleryPages { - margin:0 1em; + margin: 0 1em; } #GalleryCurrent { - font-size:2em; - font-weight:normal; - font-style:italic; + font-size: x-large; + font-weight: normal; + font-style: italic; } #GalleryTotal { - font-weight:normal; + font-weight: normal; } #GalleryDisplay { - margin:0 auto; - padding:0; - position:relative; - overflow:hidden; - text-align:center; - border:solid 1px #7D5925; + margin: 0px auto; + position: relative; } #GalleryDisplay img { - margin:0 auto; -} -#GalleryDetail div#summaryarea{ - margin:0; - padding:1.4em 0 0 0; -} -#GalleryDetail div#summaryarea h3 { - text-align:center; -} -#GalleryDetail div h4 { - margin-top:0; -} -#GalleryDetail div#summaryarea table.gallery { - width:100%; - margin-top:1.5em; - margin-bottom:0; - padding-bottom:0; - border-style:double; - border-width:4px 0 0 0; - border-color:#7D5925; -} -#GalleryDetail div#summaryarea table.gallery tbody tr td.ColumnAttribute { - color:#767D25; -} - -/* 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.ColumnRowLabel a { - background: none; - width: 2%; -} -body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName { - width: 90%; + margin: 0px auto; + display:block; + border: solid 1px #7D5925; } /* Contact ------------------------------------------------------ */ -#Contact #summaryarea { - width:500px; - margin:0 auto; - padding:1em 3em; +-----------------------------------------------------------------*/ +#Contact h3 { + border-bottom-width: 0px; + padding-bottom: 0px; + margin: 0px; } -#Contact #summaryarea img { - display:block; - margin:0 auto; - padding:0; - border:solid 1px #7D5925; -} -#researcher { - text-align:center; - margin-top:.7em; -} -#researcher h3 { - padding:0; -} -#streetaddress { - display:block; -} -#locality, .locality { +#Contact img { display: block; - width: 100%; + margin: 0px auto 1em auto; + border: solid 1px #7D5925; } -#city:after { - content:","; +#Contact #researcher { + text-align: center; } -#email { - display:block; +#Contact #researcher span { + font-size: larger; } -#email a { - text-decoration:none; +#Contact #streetaddress, #Contact #locality, #Contact #email { + display: block; } -#email a:hover { - text-decoration:underline; +#Contact #city:after { + content: ","; } -/* Download ------------------------------------------------------ */ -#Download { - width: 965px; - float: center; -} -table.download { - border:solid 2px #000; - width:97%; -} -table.download thead tr th { - text-align:center; - border:solid 2px #000; - color: #000; - text-transform:uppercase; -} -table.download tbody tr#Row02 { - border-bottom:solid 2px #000; -} -table.download thead tr th, table.download tbody tr td { - padding-left:10px; - padding-top:20px; - border-style:solid; - border-color:#000; - border-width:0 2px 2px 2px; - text-align:left; -} -table.download td.Description { - width: 50%; -} -table.download td.License { - width:8%; -} -table.download td.Filename { - width:30%; -} -table.download td.Filename a { - font-weight:bold; - font-style: italic; - text-decoration:none; -} -table.download td.Filename a:hover { - text-decoration:underline; -} -table.download td.Modified { - width:12%; - font-weight:bold; +/* Download +-----------------------------------------------------------------*/ +#Download table.download a { + display: block; } /* SubSection ------------------------------------------------------ */ -#Home, #Introduction, #Contact { - min-height:500px; - padding:1.5em 0 3em 0; -} -#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Contact p{ - margin:0 20px 1em 20px; - padding-top:1em; -} +-----------------------------------------------------------------*/ #Home img, #Introduction img { - float:right; - margin:0; - padding:0 20px 3em 20px; + display: block; + margin: 1em auto; + max-width: 950px; } #Home a, #Introduction a, #Contact a { - color: #000; - text-decoration: none; + color: black; } -div.subsection{ - padding-bottom:.5em; +.subsection { + clear: both; } -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:none; -} -div.subsection a:hover { - text-decoration:underline; - background:none; -} -div.subsection table.infolist { - width:100%; - margin:0; -} -#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; -} - -/* SubSection : Summary Area ------------------------------------------------------ */ -div#summaryarea { - min-height:100px; - background:none; -} -div#summaryarea table.infolist { - width:100%; - margin:1.5em 0 0 0; - padding:0; - border-style:double; - border-width:4px 0 0 0; - border-color:#7D5925; -} -div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { - vertical-align:top; -} -div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { - display:inline; -} -div#summaryarea table.infolist tbody tr td.ColumnAttribute { - width:14%; - padding-left:20px; -} - -/* SubSection : Events ------------------------------------------------------ */ -div#events { - padding-bottom:0; -} -div#events h4 { - margin-bottom:0; -} -div#events table.infolist tbody tr td { - padding-top:.2em; - padding-bottom:.2em; -} -div#events table.infolist tbody tr td.ColumnAttribute { - border-bottom:dashed 1px #D8C19F; -} -div#events table.infolist tbody tr td.ColumnValue { - border-bottom:dashed 1px #D8C19F; -} -div#events table.infolist tbody tr td.ColumnValue p { - margin:.1em 2em; -} - -/* SubSection : Parents ------------------------------------------------------ */ -div#parents table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; -} -div#parents table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; +.subsection p { + margin: 0px; } /* SubSection : Families ------------------------------------------------------ */ -div#families table.infolist tbody tr td.ColumnValue p { - margin-top:0; -} -div#families table.infolist tbody tr td.ColumnValue ol { - margin:0; - padding-top:0; -} -div#families table.infolist tbody tr td.ColumnValue ol li { - padding-bottom:.2em; -} +-----------------------------------------------------------------*/ div#families table.fixed_subtables table.eventlist { - table-layout:fixed; + table-layout: fixed; } div#families table.fixed_subtables table.eventlist th:first-child { - width:9em; + width: 9em; } div#families table.fixed_subtables table.eventlist th:last-child { - width:5em; + width: 5em; } -/* SubSection : Addresses ------------------------------------------------------ */ -div#addresses { - padding-bottom:0; -} -div#addresses h4 { - margin-bottom:0; -} -div#addresses table.infolist tbody tr td { - padding-top:.2em; - padding-bottom:.2em; -} -div#addresses table.infolist tbody tr td.ColumnAttribute { - width:30%; - border-bottom:dashed 1px #D8C19F; -} -div#addresses table.infolist tbody tr td.ColumnValue { - border-bottom:dashed 1px #D8C19F; -} -div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a { - display: inline; -} - -/* SubSection : Attributes ------------------------------------------------------ */ - /* SubSection : Gallery ------------------------------------------------------ */ -#indivgallery h4 { - margin-bottom:1em; +-----------------------------------------------------------------*/ +#indivgallery { + /* float container stretch, see www.quirksmode.org/css/clearing.html */ + overflow: hidden; } #indivgallery .thumbnail { - margin:0; - float:left; - width:130px; - height:150px; - text-align:center; + float: left; + max-width: 130px; + max-height: 150px; + font-size: smaller; + text-align: center; + margin: 0.5em; } -#indivgallery .thumbnail a { - display:block; - margin:0; - padding:0; - background:none; +#indivgallery img { + border: solid 1px #7D5925; } -#indivgallery .thumbnail a img { - margin:0; - padding:0; - border:solid 1px #7D5925; -} -#indivgallery div.thumbnail span { +#indivgallery span { /* ## remove this line and the comment markers from the line below to hide the description in Individual Gallery display: none; */ - - font-size:.6em; - text-align:center; - width:80%; - margin:0 auto; - padding:0; } /* SubSection : Narrative ------------------------------------------------------ */ -div.narrative { - padding-bottom:0; +-----------------------------------------------------------------*/ +h4 + div.grampsstylednote, a.familymap { + margin-left: 10px; + margin-right: 10px; } -.narrative p { - margin-top:.5em; - margin-bottom:0; - padding:0 20px 1em 20px; -} - -/* SubSection : References ------------------------------------------------------ */ -#references ol { - margin-top:0; - margin-bottom:0; +i + div.grampsstylednote p { + margin: 0px; } /* SubSection : Source References ------------------------------------------------------ */ -div#sourcerefs ol { - list-style-type:decimal; +-----------------------------------------------------------------*/ +#sourcerefs ol li ol { + list-style-type: lower-alpha; } -div#sourcerefs ol li ol { - list-style-type:lower-alpha; -} - -/* SubSection : Weblinks ------------------------------------------------------ */ /* SubSection : Pedigree ------------------------------------------------------ */ +-----------------------------------------------------------------*/ .pedigreegen { - font-size:.9em; - list-style:none; - margin:.5em 0 0 0; - padding:0 0 .7em 20px; + list-style-type: none; + padding-left: 10px; } .pedigreegen li ol { - list-style:none; - margin-left:.5em; -} -.pedigreegen li ol li { - padding-bottom:.2em; + list-style-type: none; } .pedigreegen li ol li ol { - list-style:decimal; - margin-left:1.6em; + list-style-type: decimal; } -.pedigreegen li ol li ol li ol.spouselist { - font-size:1em; - list-style:none; - margin-left:0; +.pedigreegen ol.spouselist { + list-style-type: none; } -.spouselist li.spouse ol { - font-size:1em; - list-style:decimal; - margin-left:1.6em; -} -.spouse a { - font-weight:normal; +.pedigreegen ol.spouselist li.spouse ol { + list-style-type: decimal; } .spouse:before { content: "+ "; } .thisperson { - font-weight:bold; + font-weight: bold; +} +.thisperson > ol { + font-weight: normal; } /* Footer ------------------------------------------------------ */ +-----------------------------------------------------------------*/ #footer { - overflow: hidden; clear: both; - width: 965px; - font-size: 12px; - line-height: 130%; - font-family: sans-serif; - margin: 0 auto; - padding: 15px 0 0 0; background: url(../images/Web_Mainz_MidLight.png) #FFF2C6; border-top: dashed 1px #7D5925; -} -#footer a, #footer a:visited { - text-decoration: none; -} -#footer a:hover { - text-decoration: underline; -} -#footer img { - border: 0; - margin: 0 auto; - vertical-align: middle; + font-family: sans-serif; } #footer p#createdate { float: left; - width: 45%; + width: 50%; text-align: left; - margin-left: 10px; } #footer p#copyright { float: right; width: 40%; text-align: right; - margin-right: 10px; } -#footer p#copyright img { - margin-right: 10px; + +/* Overwritten +-----------------------------------------------------------------*/ +button#drop { + font-style: italic; + color: #FFF2C6; + background: url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; + border: outset 3px black ! important; } -#user_footer { - width: 70%; - float: left; - margin: 1em; -} -#user_footer p { - font: normal 1em/1.2em serif; - margin: 0; - padding: 0; +div#map_canvas { + border-color: #7D5925 ! important; } /* Calendar Styles --------------------------------------------------------------------------------------------- */ -/* Calendar : General */ -.calendar { - empty-cells:show; - width:965px; - font-size:1em; - font-weight:normal; - margin:0 auto; - padding:0; - border:none; - border-collapse:collapse; +=================================================================*/ +table.calendar { + table-layout: fixed; + empty-cells: show; + width: 950px; + margin: 0px auto; + background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } -.calendar thead tr th { - width:14%; - font-weight:normal; - font-style:italic; - font-size:18px; - line-height:100%; - text-align:center; - padding:2px 0; - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +.calendar thead th { + font-size: large; + font-weight: normal; + font-style: italic; + text-align: center; } -.calendar thead tr th.monthName { - width:100%; - font-size:2em; - text-transform:none; - color:#767D25; - padding:.3em 0 .2em 0; +.calendar thead th.monthName { + font-size: xx-large; + color: #767D25; + border-bottom-color: #7D5925; +} +.calendar thead th abbr { + border-bottom-style: none; } #CreatorInfo { - float:right; - margin:-24px 10px 0 0; + float: right; + margin: -1em 0px 0px 0px; + font-weight: bold; + font-style: italic; } -.calendar thead tr th.weekend, -.calendar thead tr th.weekday { } -.calendar thead tr th.saturday, -.calendar thead tr th.sunday { } -.calendar tfoot tr td { - padding:.7em 5% 1em 5%; - border-top:double 4px #7D5925; -} -.calendar tfoot tr td { - vertical-align:middle; - color:#7D5925; - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +.calendar tfoot td { + border-top: double 4px #7D5925; } /* Calendar : Date Numeral */ -.calendar tbody tr td div.date { - float:right; - display:block; - width:1.8em; - font-style:italic; - font-size:1.2em; - line-height:100%; - text-align:center; - color:#7D5925; - margin:0 0 0 .5em; - padding:.2em 0; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +.calendar div.date { + float: right; + width: 1.8em; + font-size: large; + font-style: italic; + text-align: center; + background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } /* Calendar : Date Container */ -.calendar tbody tr td { - vertical-align:top; - height:10em; - padding:0; - border-width:1px 0 0 1px; - border-style:dashed; - border-color:#7D5925; +.calendar td { + padding: 0px; + border-width: 1px 0px 0px 1px; + border-style: dashed; + border-color: #7D5925; } -.calendar tbody tr td.weekday { - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +.calendar td.weekday { + background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } -.calendar tbody tr td.weekend { - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +.calendar td.weekend { + background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } -.calendar tbody tr td.saturday { - - } -.calendar tbody tr td:first-child { - border-left:none; +.calendar td:first-child { + border-left-style: none; } .calendar tbody tr:first-child td { - border-top:none; + border-top-style: none; } /* Calendar : Date Detail */ -.calendar tbody tr td ul { - list-style:none; - font-family:sans-serif; - font-size:.8em; - margin:2.3em 0 .3em 0; - padding:0; +.calendar td ul { + font-size: smaller; + list-style: none; + padding: 0px; } -.calendar tbody tr td ul li { - display:block; - width:92%; - margin:0 4%; - padding:.2em 0 .3em 0; - border-top:dashed 1px #D8C19F; +.calendar td ul li { + margin: 0 4%; + border-top: dashed 1px #D8C19F; } -.calendar tbody tr td ul li:first-child { - border:none; +.calendar td ul li:first-child { + border-style: none; } /* Calendar : Birthday, Anniversary, Highlight */ -.calendar tbody tr td ul li em { - font-style:normal; - color:#767D25; +.calendar td ul li em { + font-style: normal; + color: #767D25; } -.calendar tbody tr td ul li span.yearsmarried em { - color:#453619; +.calendar td ul li span.yearsmarried em { + color: black; } -.calendar tbody tr td.highlight { - -} -.calendar tbody tr td.highlight div.date { - color:#767D25; - background-image:none; - background-color:#FFFFE7; +.calendar td.highlight div.date { + color: #767D25; + background-image: none; + background-color: #FFFFE7; } /* 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:#D8C19F; - background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +.calendar td.previous, .calendar td.next { + color: #D8C19F; + background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } /* Calendar : Full Year */ -body#fullyearlinked div.content { - width:963px; - margin:0 auto; - padding:15px 0 2px 2px; - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; -} body#fullyearlinked table.calendar { - float:left; - width:320px; - height:18em; - border:solid 1px #7D5925; + float: left; + width: 315px; + height: 18em; + border: solid 1px #7D5925; } -body#fullyearlinked table.calendar thead tr th { - height:2em; +body#fullyearlinked table.calendar thead th { + height: 2em; } -body#fullyearlinked table.calendar thead tr th.monthName { - font-size:1.2em; - padding:2px 0; +body#fullyearlinked table.calendar thead th.monthName { + font-size: large; } -body#fullyearlinked table.calendar tbody tr td { - height:3em; +body#fullyearlinked table.calendar tbody td { + height: 3em; }