Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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.

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

90
src/data/Web_Basic-Blue.css
View File

@@ -29,7 +29,7 @@ Original Style Author: Jason M. Simanek (2008)
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
DK. Blue #00029D DK. Blue #00029D
Lt. Blue #70B1ED Lt. Blue #70B1ED, #BCEAF6
Green #13A926 Green #13A926
Black #000 Black #000
White #FFF White #FFF
@@ -43,16 +43,33 @@ Unknown #000
Males Web_Gender_Male.png Males Web_Gender_Male.png
Females Web_Gender_Female.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 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 { div#navigation ul li.CurrentSection a {
background-color: #000; background-color: #00029D;
color: #FFF; color: #FFF;
} }
div#navigation ul li.CurrentSection a:hover { div#navigation ul li.CurrentSection a:hover {
background-color: #13A926; background-color: #BCEAF6;
color: #000;
} }
div#subnavigation ul li.CurrentSection a { div#subnavigation ul li.CurrentSection a {
font-weight: bold; font-weight: bold;
@@ -206,13 +223,14 @@ span.preposition {
div#header { div#header {
background-color: #00029D; background-color: #00029D;
border-bottom: solid 8px #13A926; border-bottom: solid 8px #13A926;
height: 60px; height: 65px;
width: 100%; width: 100%;
} }
#SiteTitle { #SiteTitle {
margin:0; margin:0;
padding:.5em 0 0.5em 10px; padding:.5em 0 0.5em 10px;
font-size: 28px; font-size: 28px;
font-weight: bold;
color: #FFF; color: #FFF;
font-style: italic; font-style: italic;
} }
@@ -337,12 +355,6 @@ table.infolist tbody tr td.ColumnType {
} }
table.infolist tbody tr td.ColumnPartner { table.infolist tbody tr td.ColumnPartner {
font-size:.9em; 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 { table.infolist tbody tr td.ColumnParents {
font-size: .9em; font-size: .9em;
@@ -383,9 +395,6 @@ table.surnamelist thead tr th.ColumnLetter {
table.surnamelist tbody tr td.ColumnLetter a { table.surnamelist tbody tr td.ColumnLetter a {
background: none; background: none;
} }
table.surnamelist tbody tr td.ColumnSurname {
background-color: #FFF;
}
table#SortByName thead tr th.ColumnSurname, table#SortByName thead tr th.ColumnSurname,
table#SortByCount thead tr th.ColumnQuantity { table#SortByCount thead tr th.ColumnQuantity {
background-color: #C1B398; background-color: #C1B398;
@@ -413,7 +422,6 @@ table.surname thead tr th.ColumnName {
padding-left:20px; padding-left:20px;
} }
table.surname tbody tr td.ColumnName { table.surname tbody tr td.ColumnName {
background-color: #FFF;
width:20%; width:20%;
padding:0; padding:0;
} }
@@ -427,13 +435,6 @@ table.surname tbody tr td.ColumnName a span.grampsid {
table.surname tbody tr td.ColumnName:hover { table.surname tbody tr td.ColumnName:hover {
background-color: #C1B398; 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 thead tr th.ColumnParents,
table.surname tbody tr td.ColumnParents { table.surname tbody tr td.ColumnParents {
width:25%; width:25%;
@@ -458,15 +459,9 @@ div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
color: #000; color: #000;
background: none; background: none;
} }
div#Individuals table.individuallist tbody tr td.ColumnName {
background-color: #FFF;
}
div#Individuals table.individuallist tbody tr td.ColumnName a { div#Individuals table.individuallist tbody tr td.ColumnName a {
vertical-align: middle; vertical-align: middle;
} }
div#Individuals table.individuallist tbody tr td.ColumnPartner {
background-color: #FFF;
}
div#Individuals div table.infolist tr td p { div#Individuals div table.infolist tr td p {
font:normal .9em/1.2em sans-serif; font:normal .9em/1.2em sans-serif;
vertical-align: top; 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 { div#Places table.infolist tbody tr td.ColumnLetter a:hover {
background: none; background: none;
} }
div#Places table.infolist tbody tr td.ColumnName {
background-color: #FFF;
}
div#Places table.infolist tbody tr td.ColumnName a { div#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
@@ -574,7 +566,6 @@ div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none; background: none;
} }
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
background-color: #FFF;
width: 10%; width: 10%;
} }
div#EventList table.alphaevent tbody tr td.ColumnDate { 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 { #Gallery table.infolist tbody tr td.ColumnName {
width: 50%; width: 50%;
background-color: #FFF;
} }
#Gallery table.infolist tbody tr td.ColumnName a { #Gallery table.infolist tbody tr td.ColumnName a {
display: block; display: block;
@@ -713,6 +703,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
margin: 0 auto; margin: 0 auto;
padding: 3em; padding: 3em;
border: double 4px #000; border: double 4px #000;
background-color: #BCEAF6;
} }
#Contact #summaryarea img { #Contact #summaryarea img {
float: right; float: right;
@@ -774,11 +765,8 @@ div#Download table.download tbody tr td {
} }
div#Download table.download td.Filename { div#Download table.download td.Filename {
width: 30%; width: 30%;
background-color: #FFF;
} }
div#Download table.download td.Filename a { div#Download table.download td.Filename a {
display: block;
padding: 10px 10px 14px 6px;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
text-decoration: none; text-decoration: none;
@@ -804,14 +792,11 @@ div#Sources table.infolist tbody tr td.ColumnRowLabel {
} }
div#Sources table.infolist tbody tr td.ColumnName { div#Sources table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
background-color: #FFF;
} }
div#Sources table.infolist tbody tr td.ColumnName a { div#Sources table.infolist tbody tr td.ColumnName a {
font-size:.9em; font-size:.9em;
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
div#Sources table.infolist tbody tr td.ColumnName a:hover { }
div#SourceDetail div#references ol li { div#SourceDetail div#references ol li {
padding-bottom:.5em; padding-bottom:.5em;
} }
@@ -831,7 +816,6 @@ div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%; width: 15%;
} }
div#RepositoryList table.repolist tbody tr td.ColumnName { div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
width: 80%; width: 80%;
} }
@@ -845,14 +829,9 @@ div#AddressBookList table.addressbook tbody tr td {
text-align: center; text-align: center;
} }
div#AddressBookList table.addressbook tbody tr td.ColumnName { div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left; text-align: left;
width: 65%; 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 { div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 10%; width: 10%;
} }
@@ -999,6 +978,10 @@ div#parents table.infolist tbody tr td.ColumnValue ol li {
div#families table.infolist { div#families table.infolist {
margin: .3cm 0 .3cm 0; 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 { div#families table.infolist tbody tr td.ColumnValue {
background-color: #FFF; background-color: #FFF;
} }
@@ -1083,6 +1066,16 @@ div#Addresses table.infolist tbody tr td.ColumnPhone {
width: 12%; width: 12%;
} }
/* SubSection: Residence
----------------------------------------------------- */
div#Residence {
margin: 0;
padding: 0;
}
div#Residence table.infolist tr td {
border-top: dashed 1px #000;
}
/* Subsections : Gallery /* Subsections : Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
#indivgallery h4 { #indivgallery h4 {
@@ -1172,10 +1165,6 @@ div#WebLinks {
margin : 0 auto; margin : 0 auto;
padding: 0; padding: 0;
} }
table.weblinks tr td {
background-color: #BCEAF6;
}
table.weblinks tr td.ColumnRowLabel { table.weblinks tr td.ColumnRowLabel {
width: 6%; width: 6%;
} }
@@ -1183,8 +1172,7 @@ table.weblinks tr td.ColumnType {
width: 30%; width: 30%;
} }
table.weblinks tr td.ColumnDescription { table.weblinks tr td.ColumnDescription {
background-color: #FFF; width: 64%;
width: 30%;
} }
/* Subsections : Pedigree /* Subsections : Pedigree

26
src/data/Web_Navigation-Horizontal.css
View File

@@ -25,27 +25,9 @@ GRAMPS Cascading Style Sheet
Style Name: Web_Navigation-Horizontal Stylesheet 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 Alphabet Navigation
----------------------------------------------------- */
div#header {
overflow: auto;
width: 100%;
margin: 0;
padding: 0;
}
/* Body Element
--------------------------------------------------------------------------------------- */
body {
color: #000;
background-color: #FFF;
margin: 0;
width: 100%;
}
/* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#alphabet {
width: 100%; width: 100%;
@@ -82,7 +64,6 @@ div#navigation, div#subnavigation {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: solid 2px #000;
} }
div#navigation ul, div#subnavigation ul { div#navigation ul, div#subnavigation ul {
list-style: none; list-style: none;
@@ -90,13 +71,13 @@ div#navigation ul, div#subnavigation ul {
height: 24px; height: 24px;
margin: 0; margin: 0;
padding: 0px 0px 0px 9px; padding: 0px 0px 0px 9px;
border-bottom: solid 2px #000;
} }
div#navigation ul li, div#subnavigation ul li { div#navigation ul li, div#subnavigation ul li {
float: left; float: left;
} }
div#navigation ul li:first-child, div#subnavigation ul li:first-child { div#navigation ul li:first-child, div#subnavigation ul li:first-child {
margin-left: 4px; margin-left: 4px;
content: "| ";
} }
div#navigation ul li:after, div#subnavigation ul li:after { div#navigation ul li:after, div#subnavigation ul li:after {
content: "| "; content: "| ";
@@ -106,7 +87,6 @@ div#navigation ul li a, div#subnavigation ul li a {
padding: 4px; padding: 4px;
float: left; float: left;
font: .8em bold italic small-caps verdana, serif; font: .8em bold italic small-caps verdana, serif;
color: #000;
text-decoration: none; text-decoration: none;
margin: 0; margin: 0;
} }