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
This commit is contained in:
Rob G. Healey 2010-04-18 08:11:43 +00:00
parent a558bd68c1
commit ef6040b61d
2 changed files with 111 additions and 143 deletions

View File

@ -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,16 +43,33 @@ 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;
@ -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;
}
@ -337,12 +355,6 @@ 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;
@ -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%;
@ -458,15 +459,9 @@ div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
color: #000;
background: none;
}
div#Individuals table.individuallist tbody tr td.ColumnName {
background-color: #FFF;
}
div#Individuals table.individuallist tbody tr td.ColumnName a {
vertical-align: middle;
}
div#Individuals table.individuallist tbody tr td.ColumnPartner {
background-color: #FFF;
}
div#Individuals div table.infolist tr td p {
font:normal .9em/1.2em sans-serif;
vertical-align: top;
@ -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;
@ -713,6 +703,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
margin: 0 auto;
padding: 3em;
border: double 4px #000;
background-color: #BCEAF6;
}
#Contact #summaryarea img {
float: right;
@ -774,11 +765,8 @@ div#Download table.download tbody tr td {
}
div#Download table.download td.Filename {
width: 30%;
background-color: #FFF;
}
div#Download table.download td.Filename a {
display: block;
padding: 10px 10px 14px 6px;
font-weight: bold;
font-style: italic;
text-decoration: none;
@ -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

View File

@ -25,27 +25,9 @@ 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%;
@ -82,7 +64,6 @@ div#navigation, div#subnavigation {
width: 100%;
margin: 0;
padding: 0;
border: solid 2px #000;
}
div#navigation ul, div#subnavigation ul {
list-style: none;
@ -90,13 +71,13 @@ div#navigation ul, div#subnavigation ul {
height: 24px;
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;
}