diff --git a/src/data/Web_Basic-Blue.css b/src/data/Web_Basic-Blue.css index 21e1d9912..30a09f984 100644 --- a/src/data/Web_Basic-Blue.css +++ b/src/data/Web_Basic-Blue.css @@ -29,7 +29,7 @@ Original Style Author: Jason M. Simanek (2008) Color Palette -------------------------------------------------------------------------------------------------- DK. Blue #00029D -Lt. Blue #70B1ED +Lt. Blue #70B1ED, #BCEAF6 Green #13A926 Black #000 White #FFF @@ -43,20 +43,43 @@ Unknown #000 Males Web_Gender_Male.png Females Web_Gender_Female.png -# $Id: Web_Basic-Blue.css 14483 2010-02-25 15:52:32Z robhealey1 $ +# $Id: Web_Basic-Blue.css 15207 2010-04-17 16:40:00Z robhealey1 $ NarrativeWeb Styles --------------------------------------------------------------------------------------------- - - Navigation ------------------------------------------------------ */ +-------------------------------------------------------------------------------------------- */ +body { + background-color :#FFF; + color: #000; +} +div#alphabet, div#navigation, div#subnavigation { + border-top: solid 2px #000; +} +div#alphabet ul li a { + color: #000; +} +div#navigation ul, div#subnavigation ul { + border-bottom: solid 2px #000; +} +div#navigation ul li a, div#subnavigation ul li a { + color: #000; +} div#navigation ul li.CurrentSection a { - color: #FFF; background-color: #00029D; + color: #FFF; } div#navigation ul li.CurrentSection a:hover { - border: solid 2px #13A926; + background-color: #BCEAF6; + color: #000; +} +div#subnavigation ul li.CurrentSection a { + font-weight: bold; + font-style: italic; + background-color: #BCEAF6; + color: #000; +} +div#subnavigation ul li.CurrentSection a:hover { background-color: #000; + color: #FFF; } /* General Elements @@ -200,13 +223,14 @@ span.preposition { div#header { background-color: #00029D; border-bottom: solid 8px #13A926; - height: 60px; + height: 65px; width: 100%; } #SiteTitle { margin:0; padding:.5em 0 0.5em 10px; font-size: 28px; + font-weight: bold; color: #FFF; font-style: italic; } @@ -232,7 +256,7 @@ div#footer { border-top: solid 8px #13A926; } div#footer a, div#footer a:visited { - text-decoration:none; + text-decoration: none; color: #FFF; } div#footer a:hover { @@ -240,51 +264,51 @@ div#footer a:hover { text-decoration: none; } div#footer img { - border:0; - margin:0 auto; - vertical-align:middle; + border: 0; + margin: 0 auto; + vertical-align: middle; } div#footer p#createdate { - float:left; - width:60%; - text-align:left; - margin-left:10px; + float: left; + width: 60%; + text-align: left; + margin-left: 10px; } div#footer p#copyright { - float:right; - text-align:right; + float: right; + text-align: right; color: #FFF; margin: 10px 10px 0px 0px; } div#footer p#copyright img { - float:right; + float: right; margin-right: 10px; } #user_footer { - width:70%; - float:left; - margin:1em; + width: 70%; + float: left; + margin: 1em; color: #FFF; } #user_footer p { - font:normal 1em/1.2em serif; - margin:0; - padding:0; + font: normal 1em/1.2em serif; + margin: 0; + padding: 0; } /* Main Table ----------------------------------------------------- */ table.infolist { - width:100%; + width: 100%; margin: 0; padding: 0; font-size: 12px; } table.infolist thead tr th { - font:normal 1.1em/1.2em serif; + font: normal 1.1em/1.2em serif; color: #000; - margin:0; - padding:.2em 10px; + margin: 0; + padding: .2em 10px; background-color: #70B1ED; border: solid 1px #000; } @@ -292,59 +316,56 @@ table.infolist thead tr th a { color: #000; } table.infolist thead tr th a:hover { - background-color: #C1B398; + background-color: #00029D; + color: #FFF; } table.infolist tr td { - font:normal 1.1em/1.4em serif; - vertical-align:middle; + font: normal 1.1em/1.4em serif; + vertical-align: middle; + border-bottom: dashed 1px #000; + background-color: #BCEAF6; padding: 6px 0 6px 10px; } table.infolist tr td a { - display:block; - text-decoration:none; + display: block; + text-decoration: none; color: #000; } table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { border-top: solid 1px #13A815; } table.infolist tr td.ColumnLetter { - width:3%; - text-align:center; + width: 3%; + text-align: center; } table.infolist tbody tr td.ColumnBirth { font-size:.9em; - width:10%; + width: 10%; } table.infolist tbody tr td.ColumnDeath { font-size:.9em; - width:10%; + width: 10%; } table.infolist tbody tr td.ColumnRowLabel { - width:2%; - padding-left:20px; + width: 6%; + padding-left: 20px; } table.infolist tbody tr td.ColumnType { - width:6%; - padding-left:20px; + width: 6%; + padding-left: 20px; } table.infolist tbody tr td.ColumnPartner { font-size:.9em; - background-color: #FFF; -} -table.infolist tbody tr td.ColumnPartner a { - display:block; - padding:.6em 10px; - vertical-align:middle; } table.infolist tbody tr td.ColumnParents { - font-size:.9em; + font-size: .9em; } table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { - display:block; + display: block; } table.infolist tbody tr td.ColumnParents span.mother:before { - content:"+ "; + content: "+ "; } /* Surnames @@ -360,6 +381,9 @@ table.surnamelist thead tr th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { width:50%; } +table.surnamelist thead tr th.ColumnSurname a { + color: #FFF; +} table.surnamelist thead tr th { padding:0; } @@ -372,18 +396,13 @@ table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited { table.surnamelist thead tr th.ColumnLetter { padding: 0px 10px 0px 20px; } -table.surnamelist tbody tr td { - background-color: #70B1ED; -} table.surnamelist tbody tr td.ColumnLetter a { background: none; } -table.surnamelist tbody tr td.ColumnSurname { - background-color: #FFF; -} table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { - background-color: #C1B398; + background-color: #00029D; + color: #FFF; } table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { @@ -407,12 +426,7 @@ table.surname thead tr th.ColumnName { width:20%; padding-left:20px; } -table.surname tbody tr td { - border-bottom: dashed 1px #000; - background-color: #70B1ED; -} table.surname tbody tr td.ColumnName { - background-color: #FFF; width:20%; padding:0; } @@ -424,14 +438,8 @@ table.surname tbody tr td.ColumnName a span.grampsid { color: #000; } table.surname tbody tr td.ColumnName:hover { - background-color: #C1B398; -} -table.surname tbody tr td.ColumnPartner { - background-color: #FFF; -} -table.surname tbody tr td.ColumnPartner a { - display:block; - padding:.6em 10px .6em 0px; + background-color: #00029D; + color: #FFF; } table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { @@ -447,55 +455,45 @@ div#Individuals { div#Individuals table.individuallist { border-bottom: solid 1px #000; } -div#Individuals table.individuallist tbody tr td { - border-bottom: dashed 1px #000; - background-color: #70B1ED; -} div#Individuals table.individuallist tbody tr td a { display: block; padding: .6em 10px; } div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover, div#Individuals table.individuallist tbody tr td.ColumnSurname a:active { - cursor:default; + cursor: default; color: #000; - background:none; -} -div#Individuals table.individuallist tbody tr td.ColumnName { - background-color: #FFF; + background: none; } div#Individuals table.individuallist tbody tr td.ColumnName a { - vertical-align:middle; -} -div#Individuals table.individuallist tbody tr td.ColumnPartner { - background-color: #FFF; + vertical-align: middle; } div#Individuals div table.infolist tr td p { font:normal .9em/1.2em sans-serif; - vertical-align:top; + vertical-align: top; } div#Individuals div table.infolist tr td p a { - display:inline; + display: inline; } div#IndividualDetail { padding: 0; margin: 0; } #IndividualDetail div table.infolist tr td { - font:normal .9em/1.2em sans-serif; - vertical-align:top; + font: normal .9em/1.2em sans-serif; + vertical-align: top; } div#IndividualDetail div table.infolist tr td a { - display:inline; + display: inline; } div#IndividualDetail table.infolist tr td a:hover { text-decoration: none; } div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { - width:10%; + width: 10%; } div#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; + padding-left: 20px; } /* Places @@ -504,19 +502,12 @@ div#Places { margin: 0; padding: 0; } - -div#Places table.infolist tbnody tr td { - border-bottom: dashed 1px #000; -} div#Places table.infolist tbody tr td.ColumnLetter { - background-color: #D8F3D6; + background-color: #BCEAF6; } div#Places table.infolist tbody tr td.ColumnLetter a:hover { background: none; } -div#Places table.infolist tbody tr td.ColumnName { - background-color: #FFF; -} div#Places table.infolist tbody tr td.ColumnName a { padding:.1em 10px .3em 10px; } @@ -536,33 +527,20 @@ div#events table.eventlist tbody tr td.ColumnEvent a { div#events table.eventlist tbody tr td.ColumnPlace a { padding: 2px 70px 2px 0px; } -table.eventlist tbody tr td { - background-color: #FFF; - border-bottom: dashed 1px #5D835F; -} table.eventlist tbody tr td.ColumnEvent { - background-color: #D8F3D6; - width: 10%; + width: 20%; } table.eventlist tbody tr td.ColumnDate { - background-color: #FFF; - width: 10%; + width: 16%; } table.eventlist tbody tr td.ColumnPlace { - background-color: #D8F3D6; - width: 20%; -} -table.eventlist tbody tr td.ColumnDescription { - background-color: #FFF; - width: 20%; -} -table.eventlist tbody tr td.ColumnNotes { - background-color: #D8F3D6; width: 35%; } table.eventlist tbody tr td.ColumnSources { - background-color: #FFF; - width: 5%; + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; } table.eventlist tbody tr td.ColumnPerson { width: 35%; @@ -571,7 +549,7 @@ table.eventlist tbody tr td.ColumnPartner { width: 35%; } div#EventList table.eventlist tbody tr.BeginName { - border-top: solid 1px #5D835F; + border-top: solid 1px #000; } div#EventList table.eventlist tbody tr td { padding: 4px 0px 4px 0px; @@ -581,11 +559,7 @@ div#EventList table.alphaevent { margin: 0; } div#EventList table.alphaevent tbody tr.BeginEvent { - border-top: solid 1px #5D835F; -} -div#EventList table.alphaevent tbody tr td { - background-color: #D8F3D6; - border-bottom: dashed 1px #5D835F; + border-top: solid 1px #000; } div#EventList table.alphaevent tbody tr td.ColumnType { width: 15%; @@ -594,7 +568,6 @@ div#EventList table.alphaevent tbody tr td.ColumnType a:hover { background: none; } div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { - background-color: #FFF; width: 10%; } div#EventList table.alphaevent tbody tr td.ColumnDate { @@ -620,18 +593,17 @@ div#EventDetail table.eventlist { width: 100%; } div#EventDetail table.eventlist tbody tr { - border-top: dashed 1px #5D835F; + border-top: dashed 1px #000; } div#EventDetail table.eventlist tbody tr td.ColumnAttribute { text-transform: uppercase; width: 20%; } div#EventDetail table.eventlist tbody tr td.ColumnDate { - background-color: #D8F3D6; - border-top: solid 1px #5D835F; + border-top: solid 1px #000; } div#EventDetail table.eventlist tbody tr td.ColumnPerson { - background-color: #D8F3D6; + background-color: #000; } /* Gallery @@ -640,16 +612,11 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson { margin: 0; padding: 0; } -#Gallery table.infolist tbody tr td { - background-colo: #70B1ED; -} #Gallery table.infolist tbody tr td.ColumnRowLabel { - width: 5%; padding-bottom: 0; } #Gallery table.infolist tbody tr td.ColumnName { width: 50%; - background-color: #FFF; } #Gallery table.infolist tbody tr td.ColumnName a { display: block; @@ -661,9 +628,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson { #Gallery table.infolist tbody tr td.ColumnMime { width: 20%; } -#Gallery table.gallerylist tbody tr td { - border-bottom: dashed 1px #000; -} #GalleryNav { font:normal 1em/1em sans-serif; margin:1em 0 0 0; @@ -717,7 +681,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson { margin: 1.5em 0 0 0; border-style: solid; border-width: 2px 0 1px 0; - border-color: #5D835F; + border-color: #000; } #GalleryDetail table.exifdata { margin: .2em 0 .2em 0; @@ -736,44 +700,45 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson { /* Contact ----------------------------------------------------- */ #Contact #summaryarea { - width:500px; - margin:0 auto; - padding:3em; + width: 500px; + margin: 0 auto; + padding: 3em; border: double 4px #000; + background-color: #BCEAF6; } #Contact #summaryarea img { - float:right; - margin:0; + float: right; + margin: 0; } #researcher { - font:normal 1.5em/1.4em serif; - margin-top:.3em; + font: normal 1.5em/1.4em serif; + margin-top: .3em; } #researcher h3 { - font:normal 1.2em/1.4em serif; - padding:0; - text-align:left; + 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; + float: left; + display: block; + font: normal .9em/1.4em serif; + margin-right: .4em; } #streetaddress { - width:100%; + width: 100%; } #city:after { - content:","; + content: ","; } #country { - clear:left; + clear: left; } #email { - clear:left; + clear: left; } #email a { - text-decoration:none; + text-decoration: none; } /* Download @@ -790,35 +755,31 @@ div#Download table.download { width: 100%; } div#Download table.download img { - text-align:center; + text-align: center; } div#Download table.download tbody tr#Row02 { border-bottom: solid 2px #000; } div#Download table.download tbody tr td { - background-color: #70B1ED; border: solid 1px #000; - text-align:left; + text-align: left; } div#Download table.download td.Filename { - width:30%; - background-color: #FFF; + width: 30%; } div#Download table.download td.Filename a { - display: block; - padding: 10px 10px 14px 6px; - font-weight:bold; + font-weight: bold; font-style: italic; - text-decoration:none; + text-decoration: none; } div#Download table.download td.Description { - width:45%; + width: 45%; } div#Download table.download td.License { - width:6%; + width: 6%; } div#Download table.download td.Modified { - width:17%; + width: 17%; } /* Sources @@ -827,22 +788,16 @@ div#Download table.download td.Modified { margin: 0; padding: 0; } -div#Sources table.infolist tbody tr td { - background-color: #70B1ED; -} div#Sources table.infolist tbody tr td.ColumnRowLabel { padding-bottom:0; } div#Sources table.infolist tbody tr td.ColumnName { padding:0; - background-color: #FFF; } div#Sources table.infolist tbody tr td.ColumnName a { font-size:.9em; padding:.1em 10px .3em 10px; } -div#Sources table.infolist tbody tr td.ColumnName a:hover { } - div#SourceDetail div#references ol li { padding-bottom:.5em; } @@ -854,21 +809,15 @@ div#RepositoryList { margin: 0; padding: 0; } -div#RepositoryList table.repolist tbody tr td { - background-color: #70B1ED; -} div#RepositoryList table.repolist tbody tr td a { display: block; padding: .3em 10px; } -div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { - width: 9%; -} div#RepositoryList table.repolist tbody tr td.ColumnType { width: 15%; } div#RepositoryList table.repolist tbody tr td.ColumnName { - background-color: #FFF; + width: 80%; } /* Address Book @@ -877,41 +826,21 @@ div#AddressBookList, AddressBookDetail { margin: 0; padding: 0; } -div#AddressBookList table.addressbook { - -} -div#AddressBookList table.addressbook tbody tr.Totals { - border: solid 1px #000; -} -div#AddressBookList tble.addressbook tbody tr.Totals td { - text-align: left; - background-color: #70B1ED; -} div#AddressBookList table.addressbook tbody tr td { - background-color: #70B1ED; text-align: center; - border: dashed 1px #000; -} -div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { - width: 4%; } div#AddressBookList table.addressbook tbody tr td.ColumnName { - background-color: #FFF; text-align: left; width: 65%; } -div#AddressBookList table.addressbook tbody tr td.ColumnName a { - display: block; - padding: 8px 0px 8px 0px; -} div#AddressBookList table.addressbook tbody tr td.ColumnAddress { - width: 8%; + width: 10%; } div#AddressBookList table.adressbook tbody tr td.ColumnResidence { - width: 6%; + width: 10%; } div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { - width: 8%; + width: 10%; } /* Subsections @@ -1008,10 +937,6 @@ table.attrlist thead tr th.ColumnAttribute { border: none; background: none; } -table.attrlist tbody tr td { - background-color: #7081E0; - border-bottom: dashed 1px #000; -} table.attrlist tbody tr td.ColumnType { border: none; background: none; @@ -1051,14 +976,14 @@ div#parents table.infolist tbody tr td.ColumnValue ol li { /* Subsections : Families ----------------------------------------------------- */ +div#families { + background-color: #FFF; + margin: 0; + padding: 0; +} div#families table.infolist { margin: .3cm 0 .3cm 0; } -div#Families table.infolist tbody tr td { } - -div#families table.infolist tbody tr td.ColumnValue { - background-color: #FFF; -} div#families table.infolist tbody tr td.ColumnValue p { margin-top:0; } @@ -1082,9 +1007,6 @@ div#LDSOrdinance table.ldsordlist { table.ldsordlist { margin-bottom:.5em; } -table.ldsordlist tbody tr td { - border-bottom: solid 1px #000; -} table.ldsordlist tbody tr td.ColumnLDSType { width:12%; } @@ -1118,9 +1040,6 @@ div#Addresses table.infolist { font-size: 10px; background-color: #70B1ED; } -div#Addresses table.infolist tbody tr td { - border-bottom: solid 1px #000; -} div#Addresses table.infolist tbody tr td.ColumnDate { width: 15%; } @@ -1146,6 +1065,16 @@ div#Addresses table.infolist tbody tr td.ColumnPhone { width: 12%; } +/* SubSection: Residence +----------------------------------------------------- */ +div#Residence { + margin: 0; + padding: 0; +} +div#Residence table.infolist tr td { + border-top: dashed 1px #000; +} + /* Subsections : Gallery ----------------------------------------------------- */ #indivgallery h4 { @@ -1235,20 +1164,14 @@ div#WebLinks { margin : 0 auto; padding: 0; } - -table.weblinks tr td { - background-color: #BCEAF6; - border-bottom: dashed 1px #000; -} table.weblinks tr td.ColumnRowLabel { - width: 5%; + width: 6%; } table.weblinks tr td.ColumnType { width: 30%; } table.weblinks tr td.ColumnDescription { - background-color: #FFF; - width: 30%; + width: 64%; } /* Subsections : Pedigree @@ -1466,8 +1389,8 @@ div#pedigree { .calendar thead tr th.weekday { font-style:italic; color: #000; - background-color: #6AF364; - border: solid 2px #5D835F; + background-color: #BCEAF6; + border: solid 2px #000; } .calendar tfoot tr td { padding:.7em 5% 1em 5%; @@ -1498,7 +1421,7 @@ div#pedigree { padding:0; border-width:1px 0 0 1px; border-style:solid; - border-color: #5D835F; + border-color: #000; } .calendar tbody tr td.weekday { background-color: #FFF; @@ -1507,13 +1430,13 @@ div#pedigree { background-color: #D8F3D6; } .calendar tbody tr td.saturday { - border-right: solid 1px #5D835F; + border-right: solid 1px #000; } .calendar tbody tr td.sunday { - border-left: solid 1px #5D835F; + border-left: solid 1px #000; } .calendar tbody tr td:first-child { - border-left: solid 1px #5D835F; + border-left: solid 1px #000; } .calendar tbody tr:first-child td { border-top:none; @@ -1532,7 +1455,7 @@ div#pedigree { width:92%; margin:0 4%; padding:.2em 0 .3em 0; - border-top: dashed 1px #5D835F; + border-top: dashed 1px #000; } .calendar tbody tr td ul li:first-child { border:none; @@ -1613,7 +1536,7 @@ table.oneday { padding: 0; } table.oneday tbody tr td { - border-bottom: dashed 1px #5D835F; + border-bottom: dashed 1px #000; } table.oneday tbody tr td.ColumnRowLabel { width: 5%; diff --git a/src/data/Web_Navigation-Horizontal.css b/src/data/Web_Navigation-Horizontal.css index 665dd8fbf..628c47497 100755 --- a/src/data/Web_Navigation-Horizontal.css +++ b/src/data/Web_Navigation-Horizontal.css @@ -25,55 +25,45 @@ GRAMPS Cascading Style Sheet Style Name: Web_Navigation-Horizontal Stylesheet *************************************************************************************************** -# $Id: Web_Alphabet-Horizontal.css 14559 2010-03-02 01:16:46Z robhealey1 $ +# $Id: Web_Navigation-Horizontal.css 15207 2010-04-17 16:50:00Z robhealey1 $ - Header + Body Element ----------------------------------------------------- */ -div#header { - overflow: auto; - width: 100%; - margin: 0; - padding: 0; -} - -/* Body Element ---------------------------------------------------------------------------------------- */ body { - color: #000; - background-color: #FFF; - margin: 0; - width: 100%; + margin: 0 auto; + padding: 0 14px 0 14px; + width: 965px; } -/* Alphabet Navigation +/* lphabet Navigation ----------------------------------------------------- */ div#alphabet { width: 100%; margin: 0; } div#alphabet ul { - list-style:none; - min-width:770px; - height:24px; - margin:0; + list-style: none; + min-width: 770px; + height: 24px; + margin: 0; padding: 0px 0px 0px 16px; border-width: 2px 0px 4px 0px; border-style: solid; } div#alphabet ul li:after { - content:" |"; + content: " |"; } div#alphabet ul li { - margin:0; - float:left; + margin: 0; + float: left; } div#alphabet ul li a { - display:block; + display: block; padding: 4px 8px 4px 8px; - float:left; - font:bold 16px/100% sans; - margin:0; - text-decoration:none; + float: left; + font: bold 16px/100% sans; + margin: 0; + text-decoration: none; } /* Navigation @@ -82,21 +72,20 @@ div#navigation, div#subnavigation { width: 100%; margin: 0; padding: 0; - border: solid 2px #000; } div#navigation ul, div#subnavigation ul { - list-style:none; + list-style: none; min-width: 900px; height: 24px; - margin:0; + margin: 0; padding: 0px 0px 0px 9px; - border-bottom: solid 2px #000; } div#navigation ul li, div#subnavigation ul li { float: left; } div#navigation ul li:first-child, div#subnavigation ul li:first-child { margin-left: 4px; + content: "| "; } div#navigation ul li:after, div#subnavigation ul li:after { content: "| "; @@ -106,19 +95,6 @@ div#navigation ul li a, div#subnavigation ul li a { padding: 4px; float: left; font: .8em bold italic small-caps verdana, serif; - color: #000; - text-decoration:none; - margin:0; -} -div#navigation ul li a:hover, div#subnavigation ul li a:hover { - -} -div#navigation ul li.CurrentSection a, -div#subnavigation ul li.CurrentSection a { - background-color: #00029D; - color: #FFF; -} -div#navigation ul li.CurrentSection a:hover, -div#subnavigation ul li.CurrentSection a:hover { - background-color: #000; + text-decoration: none; + margin: 0; } diff --git a/src/data/Web_Navigation-Vertical.css b/src/data/Web_Navigation-Vertical.css index 55c5fc528..131a01796 100755 --- a/src/data/Web_Navigation-Vertical.css +++ b/src/data/Web_Navigation-Vertical.css @@ -156,13 +156,3 @@ div#subnavigation ul li a { div#subnavigation ul li a:hover { background-color: #C1B398; } -div#subnavigation ul li.CurrentSection a { - font-weight:bold; - font-style: italic; - background-color: #453619; - color: #FFF; -} -div#subnavigation ul li.CurrentSection a:hover { - background-color: #000; - color: #FFF; -} diff --git a/src/data/Web_Print-Default.css b/src/data/Web_Print-Default.css index 826102ffb..e46e5b5e6 100644 --- a/src/data/Web_Print-Default.css +++ b/src/data/Web_Print-Default.css @@ -1,10 +1,8 @@ -./* +/* # # Gramps - a GTK+/GNOME based genealogy program # -# Copyright 2008-2009 Jason M. Simanek -# Copyright 2009 Stephane Charette -# Copyright (c) 2008-2009 Rob G. Healey +# Copyright 2008-2010 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 @@ -23,37 +21,28 @@ ************************************************************************************************** GRAMPS Cascading Style Sheet -Style Name: Printer Default stylesheet -Style Author: Jason M. Simanek (2008) -************************************************************************************************** +Style Name: Web_Default-Print.css Stylesheet +*************************************************************************************************** -------------------------------------------------------------------------------------------------- Color Palette -------------------------------------------------------------------------------------------------- -brown dark #453619, #542 -brown light #C1B398 -gray #696969 -green dark #228A22 -green #6AF364, #5D835F -green lighter #D8F3D6 - -===== Ancestor Graph Color Scheme ===== -Males #E5F2FE -Females #FFC0CB -Unknown #000 - -===== Web Graphics ===== -Males Web_Gender_Male.png -Females Web_Gender_Female.png +Black #000 +White #FFF; # $Id$ NarrativeWeb Styles --------------------------------------------------------------------------------------------- */ +-------------------------------------------------------------------------------------------- */ body { - font-family: Arial, sans, sans-serif, Helvetica; + background-color :#FFF; color: #000; - background-color: #FFF; + padding: 0 14px 0 14px; + width: 965px; +} + +div#alphabet, div#navigation, div#subnavigation { + display: none; } /* General Elements @@ -83,22 +72,22 @@ img { overflow: auto; width:965px; margin:0 auto; - padding-bottom:.5em; + padding-bottom: .2em; } .content div.snapshot { - margin:0; - padding:0; - background:none; + margin: 0; + padding: 0; + background: none; } .content div.snapshot div.thumbnail { - margin:0; - padding:2em 0 0 0; - background:none; + margin: 0; + padding: 2em 0 0 0; + background: none; } .content div.snapshot div.thumbnail a { - display:block; - width:96px; - margin:0 auto; + display: block; + width: 96px; + margin: 0 auto; } .fullclear { width:100%; @@ -121,17 +110,17 @@ h3 { text-align:center; margin:0; padding:.5em 20px .2em 20px; - border-bottom: double 4px #5D835F; + border-bottom: double 4px #000; } h4 { - font:normal 1.2em/1.2em serif; - color: #FFF; + font: normal 1.2em/1.2em serif; + color: #000; margin-top: .3cm; padding:.2em 0 .2em 20px; - background-color: #453619; + background-color: #FFF; border-width: 4px 0px 4px 0px; border-style: solid; - border-color: #5D835F; + border-color: #000; } h5, h6 { font:normal 1em/1.2em serif; @@ -144,11 +133,13 @@ p#description { padding:1em 20px; } p#description:first-letter { - color: #228A22; - font-size:xx-large; + color: #000; + font-size: 36px; + font-weight: bold; + font-style: italic; } p a { - color: #FFF; + color: #000; text-decoration:underline; } sup { @@ -165,10 +156,10 @@ ol li a { text-decoration:none; } a { - color: #542; + color: #000; } a:visited { - color: #542; + color: #000; } span.preposition { padding-left:1em; @@ -182,22 +173,25 @@ span.preposition { /* Header ----------------------------------------------------- */ div#header { - background-color: #542; - border-bottom: solid 8px #5D835F; - height: 60px; + background-color: #FFF; + height: 65px; width: 100%; + border-width: 1px 0 4px 0; + border-style: solid; + border-color: #000; } #SiteTitle { margin:0; padding:.5em 0 0.5em 10px; font-size: 28px; - color: #FFF; + font-weight: bold; + color: #000; font-style: italic; } p#user_header { font-size:1.3em; text-align:left; - color: #6AF364; + color: #000; margin:0; padding:.2em 0 .6em 20px; } @@ -211,129 +205,93 @@ div#footer { clear: both; font-size: 12px; margin: 0; - color: #FFF; - background-color: #542; - border-top: solid 8px #5D835F; -} -div#footer a, div#footer a:visited { - text-decoration:none; - color: #FFF; -} -div#footer img { - border:0; - margin:0 auto; - vertical-align:middle; + color: #000; + background-color: #FFF; + border-width: 4px 0 1px 0; + border-style: solid; + border-color: #000; } div#footer p#createdate { - float:left; - width:60%; - text-align:left; - margin-left:10px; + float: left; + width: 60%; + text-align: left; + margin-left: 10px; } div#footer p#copyright { - float:right; - text-align:right; - color: #FFF; + float: right; + text-align: right; margin: 10px 10px 0px 0px; } -div#footer p#copyright img { - float:right; - margin-right: 10px; -} #user_footer { - width:70%; - float:left; - margin:1em; - color: #6AF364; + width: 70%; + float: left; + margin: 1em; + color: #000; } #user_footer p { - font:normal 1em/1.2em serif; - margin:0; - padding:0; -} - -/* Navigation ------------------------------------------------------ */ -div#navigation, div#subnavigation { - display: none; -} - -/* Alphabet Navigation ------------------------------------------------------ */ -div#alphabet { - display: none; + font: normal 1em/1.2em serif; + margin: 0; + padding: 0; } /* Main Table ----------------------------------------------------- */ table.infolist { - width:100%; + width: 100%; margin: 0; padding: 0; font-size: 12px; } table.infolist thead tr th { - font:normal 1.1em/1.2em serif; - color: #000; - margin:0; - padding:.2em 10px; - background-color: #6AF364; - border: solid 1px #5D835F; -} -table.infolist thead tr th a { + font: normal 1.1em/1.2em serif; color: #000; + margin: 0; + padding: .2em 10px; + background-color: #FFF; + border: solid 1px #000; } table.infolist tr td { - font:normal 1.1em/1.4em serif; - vertical-align:middle; + font: normal 1.1em/1.4em serif; + vertical-align: middle; + border-bottom: dashed 1px #000; + background-color: #FFF; padding: 6px 0 6px 10px; } -table.infolist tr td a { - display:block; - text-decoration:none; - color: #000; -} table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { - border-top:solid 1px #5D835F; + border-top: solid 1px #000; } table.infolist tr td.ColumnLetter { - width:3%; - text-align:center; + width: 3%; + text-align: center; } table.infolist tbody tr td.ColumnBirth { font-size:.9em; - width:10%; + width: 10%; } table.infolist tbody tr td.ColumnDeath { font-size:.9em; - width:10%; + width: 10%; } table.infolist tbody tr td.ColumnRowLabel { - width:2%; - padding-left:20px; + width: 6%; + padding-left: 20px; } table.infolist tbody tr td.ColumnType { - width:6%; - padding-left:20px; + width: 6%; + padding-left: 20px; } table.infolist tbody tr td.ColumnPartner { font-size:.9em; - background-color: #FFF; -} -table.infolist tbody tr td.ColumnPartner a { - display:block; - padding:.6em 10px; - vertical-align:middle; } table.infolist tbody tr td.ColumnParents { - font-size:.9em; + font-size: .9em; } table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { - display:block; + display: block; } table.infolist tbody tr td.ColumnParents span.mother:before { - content:"+ "; + content: "+ "; } /* Surnames @@ -352,27 +310,16 @@ table.surnamelist thead tr th.ColumnSurname, table.surnamelist thead tr th { padding:0; } -table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited { - display:block; - text-align:left; - text-decoration:none; - padding:.2em 10px; -} table.surnamelist thead tr th.ColumnLetter { padding: 0px 10px 0px 20px; } -table.surnamelist tbody tr td { - background-color: #D8F3D6; -} table.surnamelist tbody tr td.ColumnLetter a { background: none; } -table.surnamelist tbody tr td.ColumnSurname { - background-color: #FFF; -} table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { - background-color: #C1B398; + background-color: #FFF; + color: #000; } table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { @@ -385,43 +332,20 @@ table#SortByName tbody tr td.ColumnSurname a { display:block; padding:.1em 10px .3em 10px; } -table.surnamelist tbody tr td.ColumnSurname:hover, - table#SortByName tbody tr td.ColumnSurname:hover { - background-color: #C1B398; -} table.surname { - border-bottom:solid 1px #5D835F; + border-bottom: solid 1px #000; } table.surname thead tr th.ColumnName { width:20%; padding-left:20px; } -table.surname tbody tr td { - border-bottom:dashed 1px #000; - background-color: #D8F3D6; -} table.surname tbody tr td.ColumnName { - background-color: #FFF; width:20%; padding:0; } -table.surname tbody tr td.ColumnName a { - display:block; - padding:.6em 10px .6em 20px; -} table.surname tbody tr td.ColumnName a span.grampsid { color: #000; } -table.surname tbody tr td.ColumnName:hover { - background-color: #C1B398; -} -table.surname tbody tr td.ColumnPartner { - background-color: #FFF; -} -table.surname tbody tr td.ColumnPartner a { - display:block; - padding:.6em 10px .6em 0px; -} table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { width:25%; @@ -434,70 +358,52 @@ div#Individuals { padding: 0; } div#Individuals table.individuallist { - border-bottom: solid 1px #5D835F; -} -div#Individuals table.individuallist tbody tr td { - border-bottom: dashed 1px #5D835F; - background-color: #D8F3D6; + border-bottom: solid 1px #000; } div#Individuals table.individuallist tbody tr td a { display: block; padding: .6em 10px; } +div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover, div#Individuals table.individuallist tbody tr td.ColumnSurname a:active { - cursor:default; + cursor: default; color: #000; - background:none; -} -div#Individuals table.individuallist tbody tr td.ColumnName { - background-color: #FFF; + background: none; } div#Individuals table.individuallist tbody tr td.ColumnName a { - vertical-align:middle; -} -div#Individuals table.individuallist tbody tr td.ColumnPartner { - background-color: #FFF; + vertical-align: middle; } div#Individuals div table.infolist tr td p { font:normal .9em/1.2em sans-serif; - vertical-align:top; + vertical-align: top; } div#Individuals div table.infolist tr td p a { - display:inline; + display: inline; } div#IndividualDetail { padding: 0; margin: 0; } #IndividualDetail div table.infolist tr td { - font:normal .9em/1.2em sans-serif; - vertical-align:top; + font: normal .9em/1.2em sans-serif; + vertical-align: top; } div#IndividualDetail div table.infolist tr td a { - display:inline; + display: inline; } div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { - width:10%; + width: 10%; } div#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; + padding-left: 20px; } /* Places ----------------------------------------------------- */ -#Places { +div#Places { margin: 0; padding: 0; } -#Places table.infolist tbody tr td.ColumnLetter { - background-color: #D8F3D6; -} -#Places table.infolist tbody tr td.ColumnName { - background-color: #FFF; -} -#Places table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; -} /* EventList and EventDetail ----------------------------------------------------- */ @@ -508,32 +414,20 @@ div#EventList, div#EventDetail { div#events table.eventlist { margin-top: .3cm; } -div#events table.eventlist tbody tr td.ColumnEvent a { - padding: 2px 100px 2px 10px; -} -div#events table.eventlist tbody tr td.ColumnPlace a { - padding: 2px 70px 2px 0px; -} -table.eventlist tbody tr td { - border-bottom: dashed 1px #5D835F; -} table.eventlist tbody tr td.ColumnEvent { - width: 10%; + width: 20%; } table.eventlist tbody tr td.ColumnDate { - width: 10%; + width: 16%; } table.eventlist tbody tr td.ColumnPlace { - width: 20%; -} -table.eventlist tbody tr td.ColumnDescription { - width: 20%; -} -table.eventlist tbody tr td.ColumnNotes { width: 35%; } table.eventlist tbody tr td.ColumnSources { - width: 5%; + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; } table.eventlist tbody tr td.ColumnPerson { width: 35%; @@ -542,36 +436,58 @@ table.eventlist tbody tr td.ColumnPartner { width: 35%; } div#EventList table.eventlist tbody tr.BeginName { - border-top: solid 1px #5D835F; + border-top: solid 1px #000; } div#EventList table.eventlist tbody tr td { padding: 4px 0px 4px 0px; } -div#EventList table.eventlist tbody tr td.ColumnEvent a, -div#EventList table.eventlist tbody tr td.ColumnPerson a, -div#EventList table.eventlist tbody tr td.ColumnPartner a { - display: block; - padding: 4px 0px 4px 10px; +div#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.ColumnGRAMPSID { + width: 10%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +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: large; + font-size: 28px; } div#EventDetail h3:first-letter { - color: #5D835F; + color: #903; } div#EventDetail table.eventlist { - margin: .5cm 0 .3cm 1.5cm; - width: 800px; + width: 100%; +} +div#EventDetail table.eventlist tbody tr { + border-top: dashed 1px #000; } div#EventDetail table.eventlist tbody tr td.ColumnAttribute { - border-top: solid 1px #5D835F; - font-weight: bold; text-transform: uppercase; width: 20%; } -div#EventDetail table.eventlist tbody tr td.ColumnEvent { - background-color: #D8F3D6; - border-top: solid 1px #5D835F; +div#EventDetail table.eventlist tbody tr td.ColumnDate { + border-top: solid 1px #000; +} +div#EventDetail table.eventlist tbody tr td.ColumnPerson { + background-color: #000; } /* Gallery @@ -580,20 +496,21 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { margin: 0; padding: 0; } -#Gallery table.infolist tbody tr td.ColumnRowLabel, -#Gallery table.infolist tbody tr td.ColumnDate { - background-color: #D8F3D6; - padding-bottom:0; +#Gallery table.infolist tbody tr td.ColumnRowLabel { + padding-bottom: 0; } #Gallery table.infolist tbody tr td.ColumnName { - padding:0; - background-color: #FFF; + width: 50%; } #Gallery table.infolist tbody tr td.ColumnName a { - padding:.1em 10px .3em 10px; + display: block; + padding: .2em 10px .4em 10px; } -#Gallery table.gallerylist tbody tr td { - border-bottom: dashed 1px #5D835F; +#Gallery table.infolist tbody tr td.ColumnDate { + width: 20%; +} +#Gallery table.infolist tbody tr td.ColumnMime { + width: 20%; } #GalleryNav { font:normal 1em/1em sans-serif; @@ -604,7 +521,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { #GalleryNav a { font-weight:bold; text-decoration:none; - border:solid 1px #5D835F; + border: solid 1px #000; } #GalleryNav a#Previous { padding:.5em .7em .3em .7em; @@ -627,7 +544,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { position:relative; overflow:hidden; text-align:center; - border: solid 1px #5D835F; + border: solid 1px #000; } #GalleryDisplay img { margin:0 auto; @@ -646,61 +563,66 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { #GalleryDetail div#summaryarea table.gallery { padding-bottom:0; margin: 1.5em 0 0 0; - border-style:solid; - border-width:2px 0 1px 0; - border-color: #5D835F; + border-style: solid; + border-width: 2px 0 1px 0; + border-color: #000; } -table.exifdata tr td.ColumnAttribute { - border-top:solid 1px #5D835F; - width:60%; +#GalleryDetail table.exifdata { + margin: .2em 0 .2em 0; + width: 100%; } -table.exiflist tr td.ColumnValue { - border-top:solid 1px #5D835F; - width:45%; +#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%; } /* Contact ----------------------------------------------------- */ #Contact #summaryarea { - background-color: #D8F3D6; - width:500px; - margin:0 auto; - padding:3em; - border:double 4px #5D835F; + width: 500px; + margin: 0 auto; + padding: 3em; + border: double 4px #000; + background-color: #FFF; } #Contact #summaryarea img { - float:right; - margin:0; + float: right; + margin: 0; } #researcher { - font:normal 1.5em/1.4em serif; - margin-top:.3em; + font: normal 1.5em/1.4em serif; + margin-top: .3em; } #researcher h3 { - font:normal 1.2em/1.4em serif; - padding:0; - text-align:left; + 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; + float: left; + display: block; + font: normal .9em/1.4em serif; + margin-right: .4em; } #streetaddress { - width:100%; + width: 100%; } #city:after { - content:","; + content: ","; } #country { - clear:left; + clear: left; } #email { - clear:left; + clear: left; } #email a { - text-decoration:none; + text-decoration: none; } /* Download @@ -713,54 +635,48 @@ div#Download { div#Download table.download { padding: 0; margin: .5em 0 .5em 0; - border: solid 1px #5D835F; + border: solid 1px #000; width: 100%; } div#Download table.download img { - text-align:center; + text-align: center; } div#Download table.download tbody tr#Row02 { - border-bottom:solid 2px #000; + border-bottom: solid 2px #000; } div#Download table.download tbody tr td { - background-color: #D8F3D6; border: solid 1px #000; - text-align:left; + text-align: left; } div#Download table.download td.Filename { - width:30%; - background-color: #FFF; + width: 30%; } div#Download table.download td.Filename a { - display: block; - padding: 10px 10px 14px 6px; - font-weight:bold; + font-weight: bold; font-style: italic; - text-decoration:none; + text-decoration: none; } div#Download table.download td.Description { - width:45%; + width: 45%; } div#Download table.download td.License { - width:6%; + width: 6%; } div#Download table.download td.Modified { - width:17%; + width: 17%; } /* Sources ----------------------------------------------------- */ -#Sources { } - -div#Sources table.infolist tbody tr td { - background-color: #D8F3D6; +#Sources { + margin: 0; + padding: 0; } div#Sources table.infolist tbody tr td.ColumnRowLabel { padding-bottom:0; } div#Sources table.infolist tbody tr td.ColumnName { padding:0; - background-color: #FFF; } div#Sources table.infolist tbody tr td.ColumnName a { font-size:.9em; @@ -773,25 +689,15 @@ div#SourceDetail div#references ol li { /* Repositories ------------------------------------------------------ */ -div#RepositoryList { +div#RepositoryList, RepositoryDetail { margin: 0; padding: 0; } -div#RepositoryList table.repolist tbody tr td { - background-color: #D8F3D6; -} -div#RepositoryList table.repolist tbody tr td a { - display: block; - padding: .3em 10px; -} -div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { - width: 9%; -} div#RepositoryList table.repolist tbody tr td.ColumnType { width: 15%; } div#RepositoryList table.repolist tbody tr td.ColumnName { - background-color: #FFF; + width: 80%; } /* Address Book @@ -800,41 +706,21 @@ div#AddressBookList, AddressBookDetail { margin: 0; padding: 0; } -div#AddressBookList table.addressbook { - margin: .3em 0 .3em 0; -} -div#AddressBookList table.addressbook tbody tr.Totals { - border: solid 1px #5D835F; -} -div#AddressBookList tble.addressbook tbody tr.Totals td { - text-align: left; - background-color: #D8F3D6; -} div#AddressBookList table.addressbook tbody tr td { - background-color: #D8F3D6; text-align: center; - border: solid 1px #5D835F; -} -div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { - width: 4%; } div#AddressBookList table.addressbook tbody tr td.ColumnName { - background-color: #FFF; text-align: left; - width: 70%; -} -div#AddressBookList table.addressbook tbody tr td.ColumnName a { - display: block; - padding: 6px 0px 6px 0px; + width: 65%; } div#AddressBookList table.addressbook tbody tr td.ColumnAddress { - width: 8%; + width: 10%; } div#AddressBookList table.adressbook tbody tr td.ColumnResidence { - width: 8%; + width: 10%; } div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { - width: 8%; + width: 10%; } /* Subsections @@ -850,7 +736,7 @@ div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { margin:0; padding:0 20px 3em 2em; } -div.subsection{ +div.subsection { padding-bottom:.5em; } div.subsection h4 { @@ -883,27 +769,14 @@ div#events h4 { width:100%; padding-top:15px; } -#IndividualDetail div#events table.infolist thead tr th { - font-weight:bold; - font-size:10px; - line-height:12px; - text-transform:uppercase; - color: #542; - padding:6px 0 4px 0; - background-color: #6AF364; -} -#IndividualDetail div#events table.infolist thead tr th:first-child { - padding-left:20px; -} #IndividualDetail div#events table.infolist tbody tr td { - padding-top:.4em; - padding-bottom:.8em; + padding: .4em 0 .8em 0; } #IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { - border-bottom: solid 1px #5D835F; + border-bottom: solid 1px #000; } #IndividualDetail div#events table.infolist tbody tr td.ColumnValue { - border-bottom:solid 1px #5D835F + border-bottom:solid 1px #000; } table.infolist tbody tr td.ColumnValue p { font-family:sans-serif; @@ -920,29 +793,36 @@ div#attributes { table.attrlist { width: 100%; } -table.attrlist tbody tr { - border: solid 1px #5D835F; +table.attrlist thead tr th.ColumnType { + border: none; + background: none; } -table.attrlist tbody tr td { - background-color: #D8F3D6; +table.attrlist thead tr th.ColumnAttribute { + border: none; + background: none; } table.attrlist tbody tr td.ColumnType { - width: 200px; + border: none; + background: none; } table.attrlist tbody tr td.ColumnAttribute { - width: 10%; + border: none; + background: none; } -table.attrlist tbody tr td.ColumnValue { - width: 250px; +table.attrlist tbody tr td { + border: solid 1px #000; } -table.attrlist tbody tr td.ColumnSources { - width: 100px; +table.attrlist tbody tr td.ColumnAttrType { + width: 15%; } -table.attrlist tbody tr td.ColumnNotes { - width: 400px; +table.attrlist tbody tr td.ColumnAttrValue { + width: 15%; } -div#attributes table.attrlist tbody tr td.ColumnNotes { - width: 400px; +table.attrlist tbody tr td.ColumnAttrNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnAttrSources { + width: 15%; } /* Subsections : Parents @@ -963,14 +843,14 @@ div#parents table.infolist tbody tr td.ColumnValue ol li { /* Subsections : Families ----------------------------------------------------- */ +div#families { + background-color: #FFF; + margin: 0; + padding: 0; +} div#families table.infolist { margin: .3cm 0 .3cm 0; } -div#Families table.infolist tbody tr td { } - -div#families table.infolist tbody tr td.ColumnValue { - background-color: #FFF; -} div#families table.infolist tbody tr td.ColumnValue p { margin-top:0; } @@ -984,17 +864,16 @@ div#families table.infolist tbody tr td.ColumnValue ol li { /* Subsection: LDS Ordinance ------------------------------------------------------ */ -div#LDSOrdinance { } - +div#LDSOrdinance { + margin: 0; + padding: 0; +} div#LDSOrdinance table.ldsordlist { font-size:.35cm; } table.ldsordlist { margin-bottom:.5em; } -table.ldsordlist tbody tr td { - border-bottom:solid 1px #000; -} table.ldsordlist tbody tr td.ColumnLDSType { width:12%; } @@ -1025,11 +904,8 @@ div#Addresses { padding: 0; } div#Addresses table.infolist { - font-size: 12px; - background-color: #D8F3D6; -} -div#Addresses table.infolist tbody tr td { - border-bottom: solid 1px #5D835F; + font-size: 10px; + background-color: #70B1ED; } div#Addresses table.infolist tbody tr td.ColumnDate { width: 15%; @@ -1044,7 +920,7 @@ div#Addresses table.infolist tbody tr td.ColumnCounty { width: 8%; } div#Addresses table.infolist tbody tr td.ColumnState { - width: 12%; + width: 8%; } div#Addresses table.infolist tbody tr td.ColumnCntry { width: 5%; @@ -1053,7 +929,17 @@ div#Addresses table.infolist tbody tr td.ColumnPostalcode { width: 10%; } div#Addresses table.infolist tbody tr td.ColumnPhone { - width: 15%; + width: 12%; +} + +/* SubSection: Residence +----------------------------------------------------- */ +div#Residence { + margin: 0; + padding: 0; +} +div#Residence table.infolist tr td { + border-top: dashed 1px #000; } /* Subsections : Gallery @@ -1077,7 +963,7 @@ div#Addresses table.infolist tbody tr td.ColumnPhone { #indivgallery div.thumbnail a img { margin-bottom:.5cm; padding:0; - border:solid 1px #000; + border: solid 1px #000; } #indivgallery div.thumbnail p { font:normal .7em/1.4em sans-serif; @@ -1105,8 +991,8 @@ div#narrative { /* Subsections : Source References ----------------------------------------------------- */ div#sourcerefs { - height:2.64cm; - overflow:auto; + padding: 0; + margin: 0 auto; } div#sourcerefs ol { list-style-type:decimal; @@ -1124,7 +1010,7 @@ div#summaryarea table.infolist { margin:0; padding:0; background:#FFF; - border-bottom:solid .7em #FFF; + border-bottom: solid .7em #000; } div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { font:normal .9em/1.2em sans-serif; @@ -1141,6 +1027,16 @@ div#summaryarea table.infolist tbody tr td.ColumnAttribute { /* Subsections : Weblinks ----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +div#WebLinks table.Weblinks tbody tr td.ColumnType { + width: 20%; +} +div#WebLinks table.Weblinks tbody tr td.ColumnDescription { + width: 90%; +} /* Subsections : Pedigree ----------------------------------------------------- */ @@ -1212,15 +1108,14 @@ div#pedigree { font:normal .7em/1.4em sans-serif; text-align:center; text-decoration:none; - color: #542; + color: #00029D; width:118px; padding:5px 20px 7px 20px; - margin-top:-25px; margin-left:16px; background-color: #FFF; - border: solid 1px #5D835F + border: solid 1px #000; } -#treeContainer div.boxbg a.noThumb, +#treeContainer div.boxbg a.noThumb, #treeContainer div.AncCol3 a, #treeContainer div.AncCol4 a, #treeContainer div.AncCol3 span.unlinked, @@ -1242,21 +1137,27 @@ div#pedigree { max-height:65px; margin:0 auto; } +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} #treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { display:none; } +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} #treeContainer div.male a, #treeContainer div.male span.unlinked { - background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right; + background:url(../images/Web_Gender_Male.png) no-repeat top right; } #treeContainer div.female a, #treeContainer div.female span.unlinked { - background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right; + background:url(../images/Web_Gender_Female.png) no-repeat top right; } #treeContainer div.unknown a, #treeContainer div.unknown span.unlinked { background-color: #000; - color: #FAFAFA; + color: #FFF; } .shadow { display:none; @@ -1267,7 +1168,7 @@ div#pedigree { height:1px; margin:0 0 0 16px; padding:0; - background-color: #228A22; + background-color: #00029D; } #tree div div.bhline { position:absolute; @@ -1275,7 +1176,7 @@ div#pedigree { width:1px; margin:0 0 0 16px; padding:0; - background-color: #228A22; + background-color: #00029D; } .ghline, .gvline { display:none; @@ -1284,9 +1185,6 @@ div#pedigree { /* Calendar Styles -------------------------------------------------------------------------------------------- */ /* Calendar : General */ -body#WebCal { - background-color: #FFF; -} .calendar { empty-cells:show; width:100%; @@ -1323,12 +1221,15 @@ body#WebCal { #CreatorInfo a { color: #FFF; } +#CreatorInfo a:hover { + color: #FFF; +} .calendar thead tr th.weekend, .calendar thead tr th.weekday { font-style:italic; color: #000; - background-color: #6AF364; - border: solid 2px #5D835F; + background-color: #BCEAF6; + border: solid 2px #000; } .calendar tfoot tr td { padding:.7em 5% 1em 5%; @@ -1359,7 +1260,7 @@ body#WebCal { padding:0; border-width:1px 0 0 1px; border-style:solid; - border-color: #5D835F; + border-color: #000; } .calendar tbody tr td.weekday { background-color: #FFF; @@ -1368,13 +1269,13 @@ body#WebCal { background-color: #D8F3D6; } .calendar tbody tr td.saturday { - border-right: solid 1px #5D835F; + border-right: solid 1px #000; } .calendar tbody tr td.sunday { - border-left: solid 1px #5D835F; + border-left: solid 1px #000; } .calendar tbody tr td:first-child { - border-left: solid 1px #5D835F; + border-left: solid 1px #000; } .calendar tbody tr:first-child td { border-top:none; @@ -1393,7 +1294,7 @@ body#WebCal { width:92%; margin:0 4%; padding:.2em 0 .3em 0; - border-top: dashed 1px #5D835F; + border-top: dashed 1px #000; } .calendar tbody tr td ul li:first-child { border:none; @@ -1474,10 +1375,7 @@ table.oneday { padding: 0; } table.oneday tbody tr td { - border-bottom: dashed 1px #5D835F; -} -table.oneday tbody tr td.ColumnRowLabel { - width: 5%; + border-bottom: dashed 1px #000; } table.oneday tbody tr td.ColumnText { width: 85%;