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

196
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,19 +43,36 @@ 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;
font-style: italic; font-style: italic;
background-color: #BCEAF6; background-color: #BCEAF6;
color: #000; color: #000;
@@ -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;
} }
@@ -281,16 +299,16 @@ div#footer p#copyright img {
/* Main Table /* Main Table
----------------------------------------------------- */ ----------------------------------------------------- */
table.infolist { table.infolist {
width:100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 12px; font-size: 12px;
} }
table.infolist thead tr th { table.infolist thead tr th {
font:normal 1.1em/1.2em serif; font: normal 1.1em/1.2em serif;
color: #000; color: #000;
margin:0; margin: 0;
padding:.2em 10px; padding: .2em 10px;
background-color: #70B1ED; background-color: #70B1ED;
border: solid 1px #000; border: solid 1px #000;
} }
@@ -301,31 +319,31 @@ table.infolist thead tr th a:hover {
background-color: #C1B398; background-color: #C1B398;
} }
table.infolist tr td { table.infolist tr td {
font:normal 1.1em/1.4em serif; font: normal 1.1em/1.4em serif;
vertical-align:middle; vertical-align: middle;
border-bottom: dashed 1px #000; border-bottom: dashed 1px #000;
background-color: #BCEAF6; background-color: #BCEAF6;
padding: 6px 0 6px 10px; padding: 6px 0 6px 10px;
} }
table.infolist tr td a { table.infolist tr td a {
display:block; display: block;
text-decoration:none; text-decoration: none;
color: #000; color: #000;
} }
table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top: solid 1px #13A815; border-top: solid 1px #13A815;
} }
table.infolist tr td.ColumnLetter { table.infolist tr td.ColumnLetter {
width:3%; width: 3%;
text-align:center; text-align: center;
} }
table.infolist tbody tr td.ColumnBirth { table.infolist tbody tr td.ColumnBirth {
font-size:.9em; font-size:.9em;
width:10%; width: 10%;
} }
table.infolist tbody tr td.ColumnDeath { table.infolist tbody tr td.ColumnDeath {
font-size:.9em; font-size:.9em;
width:10%; width: 10%;
} }
table.infolist tbody tr td.ColumnRowLabel { table.infolist tbody tr td.ColumnRowLabel {
width: 6%; width: 6%;
@@ -337,22 +355,16 @@ 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;
} }
table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.father,
table.infolist tbody tr td.ColumnParents span.mother { table.infolist tbody tr td.ColumnParents span.mother {
display:block; display: block;
} }
table.infolist tbody tr td.ColumnParents span.mother:before { table.infolist tbody tr td.ColumnParents span.mother:before {
content:"+ "; content: "+ ";
} }
/* Surnames /* Surnames
@@ -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%;
@@ -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:hover,
div#Individuals table.individuallist tbody tr td.ColumnSurname a:active { div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
cursor:default; cursor: default;
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;
} }
div#Individuals div table.infolist tr td p a { div#Individuals div table.infolist tr td p a {
display:inline; display: inline;
} }
div#IndividualDetail { div#IndividualDetail {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#IndividualDetail div table.infolist tr td { #IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif; font: normal .9em/1.2em sans-serif;
vertical-align:top; vertical-align: top;
} }
div#IndividualDetail div table.infolist tr td a { div#IndividualDetail div table.infolist tr td a {
display:inline; display: inline;
} }
div#IndividualDetail table.infolist tr td a:hover { div#IndividualDetail table.infolist tr td a:hover {
text-decoration: none; text-decoration: none;
} }
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width: 10%;
} }
div#IndividualDetail div.subsection table tr td:first-child { div#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px; padding-left: 20px;
} }
/* Places /* Places
@@ -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;
@@ -709,44 +699,45 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
/* Contact /* Contact
----------------------------------------------------- */ ----------------------------------------------------- */
#Contact #summaryarea { #Contact #summaryarea {
width:500px; width: 500px;
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;
margin:0; margin: 0;
} }
#researcher { #researcher {
font:normal 1.5em/1.4em serif; font: normal 1.5em/1.4em serif;
margin-top:.3em; margin-top: .3em;
} }
#researcher h3 { #researcher h3 {
font:normal 1.2em/1.4em serif; font: normal 1.2em/1.4em serif;
padding:0; padding: 0;
text-align:left; text-align: left;
} }
#researcher span { #researcher span {
float:left; float: left;
display:block; display: block;
font:normal .9em/1.4em serif; font: normal .9em/1.4em serif;
margin-right:.4em; margin-right: .4em;
} }
#streetaddress { #streetaddress {
width:100%; width: 100%;
} }
#city:after { #city:after {
content:","; content: ",";
} }
#country { #country {
clear:left; clear: left;
} }
#email { #email {
clear:left; clear: left;
} }
#email a { #email a {
text-decoration:none; text-decoration: none;
} }
/* Download /* Download
@@ -763,34 +754,31 @@ div#Download table.download {
width: 100%; width: 100%;
} }
div#Download table.download img { div#Download table.download img {
text-align:center; text-align: center;
} }
div#Download table.download tbody tr#Row02 { div#Download table.download tbody tr#Row02 {
border-bottom: solid 2px #000; border-bottom: solid 2px #000;
} }
div#Download table.download tbody tr td { div#Download table.download tbody tr td {
border: solid 1px #000; border: solid 1px #000;
text-align:left; text-align: left;
} }
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; font-weight: bold;
padding: 10px 10px 14px 6px;
font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none; text-decoration: none;
} }
div#Download table.download td.Description { div#Download table.download td.Description {
width:45%; width: 45%;
} }
div#Download table.download td.License { div#Download table.download td.License {
width:6%; width: 6%;
} }
div#Download table.download td.Modified { div#Download table.download td.Modified {
width:17%; width: 17%;
} }
/* Sources /* Sources
@@ -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

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

@@ -25,55 +25,37 @@ 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%;
margin: 0; margin: 0;
} }
div#alphabet ul { div#alphabet ul {
list-style:none; list-style: none;
min-width:770px; min-width: 770px;
height:24px; height: 24px;
margin:0; margin: 0;
padding: 0px 0px 0px 16px; padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px; border-width: 2px 0px 4px 0px;
border-style: solid; border-style: solid;
} }
div#alphabet ul li:after { div#alphabet ul li:after {
content:" |"; content: " |";
} }
div#alphabet ul li { div#alphabet ul li {
margin:0; margin: 0;
float:left; float: left;
} }
div#alphabet ul li a { div#alphabet ul li a {
display:block; display: block;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;
float:left; float: left;
font:bold 16px/100% sans; font: bold 16px/100% sans;
margin:0; margin: 0;
text-decoration:none; text-decoration: none;
} }
/* Navigation /* Navigation
@@ -82,21 +64,20 @@ 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;
min-width: 900px; min-width: 900px;
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;
} }