diff --git a/src/data/Web_Basic-Blue.css b/src/data/Web_Basic-Blue.css index a54b6ae5b..f2a328e7b 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,19 +43,36 @@ Unknown #000 Males Web_Gender_Male.png Females Web_Gender_Female.png -# $Id: Web_Basic-Blue.css 15170 2010-04-16 10:16:00Z robhealey1 $ +# $Id: Web_Basic-Blue.css 15207 2010-04-17 16:40:00Z robhealey1 $ NarrativeWeb Styles -------------------------------------------------------------------------------------------- */ +body { + margin: 0 auto; + padding: 0 14px 0 14px; +} +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 { - background-color: #000; + background-color: #00029D; color: #FFF; } div#navigation ul li.CurrentSection a:hover { - background-color: #13A926; + background-color: #BCEAF6; + color: #000; } div#subnavigation ul li.CurrentSection a { - font-weight:bold; + font-weight: bold; font-style: italic; background-color: #BCEAF6; color: #000; @@ -206,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; } @@ -281,16 +299,16 @@ div#footer p#copyright img { /* 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; } @@ -301,31 +319,31 @@ table.infolist thead tr th a:hover { background-color: #C1B398; } 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: 6%; @@ -337,22 +355,16 @@ table.infolist tbody tr td.ColumnType { } 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 @@ -383,9 +395,6 @@ table.surnamelist thead tr th.ColumnLetter { 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; @@ -413,7 +422,6 @@ table.surname thead tr th.ColumnName { padding-left:20px; } table.surname tbody tr td.ColumnName { - background-color: #FFF; width:20%; padding:0; } @@ -427,13 +435,6 @@ table.surname tbody tr td.ColumnName a span.grampsid { table.surname tbody tr td.ColumnName:hover { background-color: #C1B398; } -table.surname tbody tr td.ColumnPartner { - background-color: #FFF; -} -table.surname tbody tr td.ColumnPartner a { - display:block; - padding:.6em 10px .6em 0px; -} table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { width:25%; @@ -454,45 +455,39 @@ div#Individuals table.individuallist tbody tr td a { } 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 @@ -507,9 +502,6 @@ div#Places table.infolist tbody tr td.ColumnLetter { 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; } @@ -574,7 +566,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 { @@ -625,7 +616,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson { } #Gallery table.infolist tbody tr td.ColumnName { width: 50%; - background-color: #FFF; } #Gallery table.infolist tbody tr td.ColumnName a { display: block; @@ -709,44 +699,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 @@ -763,34 +754,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 { 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 @@ -804,14 +792,11 @@ div#Sources table.infolist tbody tr td.ColumnRowLabel { } 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; } @@ -831,7 +816,6 @@ div#RepositoryList table.repolist tbody tr td.ColumnType { width: 15%; } div#RepositoryList table.repolist tbody tr td.ColumnName { - background-color: #FFF; width: 80%; } @@ -845,14 +829,9 @@ div#AddressBookList table.addressbook tbody tr td { text-align: center; } 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: 10%; } @@ -999,6 +978,10 @@ div#parents table.infolist tbody tr td.ColumnValue ol li { div#families table.infolist { margin: .3cm 0 .3cm 0; } + +div#families table.infolist tbody tr.BeginFamily { + border-top: dashed 1px #000; +} div#families table.infolist tbody tr td.ColumnValue { background-color: #FFF; } @@ -1083,6 +1066,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 { @@ -1172,10 +1165,6 @@ div#WebLinks { margin : 0 auto; padding: 0; } - -table.weblinks tr td { - background-color: #BCEAF6; -} table.weblinks tr td.ColumnRowLabel { width: 6%; } @@ -1183,8 +1172,7 @@ table.weblinks tr td.ColumnType { width: 30%; } table.weblinks tr td.ColumnDescription { - background-color: #FFF; - width: 30%; + width: 64%; } /* Subsections : Pedigree diff --git a/src/data/Web_Navigation-Horizontal.css b/src/data/Web_Navigation-Horizontal.css index 4fb119c45..17c836b2e 100755 --- a/src/data/Web_Navigation-Horizontal.css +++ b/src/data/Web_Navigation-Horizontal.css @@ -25,55 +25,37 @@ 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 ------------------------------------------------------ */ -div#header { - overflow: auto; - width: 100%; - margin: 0; - padding: 0; -} - -/* Body Element ---------------------------------------------------------------------------------------- */ -body { - color: #000; - background-color: #FFF; - margin: 0; - width: 100%; -} - -/* Alphabet Navigation + Alphabet 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 +64,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,7 +87,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; + text-decoration: none; + margin: 0; }