From ef6040b61d8389fd19a804c1d6ae5ce9e3b38af4 Mon Sep 17 00:00:00 2001
From: "Rob G. Healey" <robhealey1@gmail.com>
Date: Sun, 18 Apr 2010 08:11:43 +0000
Subject: [PATCH] Moved color elements out of Horizontal as color should be
 handled by the stylesheet and not menus.  Completing the cleanup of
 Basic-Blue style sheet.

svn: r15207
---
 src/data/Web_Basic-Blue.css            | 196 ++++++++++++-------------
 src/data/Web_Navigation-Horizontal.css |  58 +++-----
 2 files changed, 111 insertions(+), 143 deletions(-)

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;
 }