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

Fix my html source layout problems. Cleanup and making stylesheet consistent.

Browse Source 
svn: r13506
This commit is contained in:
Rob G. Healey 2009-11-06 08:04:41 +00:00
parent 9c335c802b
commit faae542526
2 changed files with 389 additions and 384 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
src/data/Web_Visually.css
View File

@ -32,7 +32,7 @@ see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
brown dark #542 brown dark #453619, #542
brown light #C1B398 brown light #C1B398
gray #696969 gray #696969
green dark #228A22 green dark #228A22
@ -57,12 +57,6 @@ body {
color: #000; color: #000;
background-color: #FFF; background-color: #FFF;
} }
body#NarrativeWeb_Horizontal {
padding: 158px 0px 0px 0px;
}
body#NarrativeWeb_Vertical {
padding: 128px 0px 0px 44px;
}
/* General Elements /* General Elements
----------------------------------------------------- */ ----------------------------------------------------- */
@ -132,15 +126,17 @@ h3 {
text-align:center; text-align:center;
margin:0; margin:0;
padding:.5em 20px .2em 20px; padding:.5em 20px .2em 20px;
border-bottom:double 4px #000; border-bottom:double 4px #228A22;
} }
h4 { h4 {
font:normal 1.2em/1.2em serif; font:normal 1.2em/1.2em serif;
color: #FFF; color: #FFF;
margin-top: .3cm; margin-top: .3cm;
padding:.2em 0 .2em 20px; padding:.2em 0 .2em 20px;
background-color: #228A22; background-color: #453619;
border-bottom:solid 4px #A97; border-width: 4px 0px 4px 0px;
border-style: solid;
border-color: #5D835F;
} }
h5, h6 { h5, h6 {
font:normal 1em/1.2em serif; font:normal 1em/1.2em serif;
@ -174,7 +170,7 @@ ol li a {
text-decoration:none; text-decoration:none;
} }
ol li a:hover { ol li a:hover {
text-decoration:underline; text-decoration: none;
} }
a { a {
color: #542; color: #542;
@ -185,7 +181,7 @@ a:visited {
a:hover { a:hover {
color: #000; color: #000;
background-color: #C1B398; background-color: #C1B398;
text-decoration:underline; text-decoration: none;
} }
span.preposition { span.preposition {
padding-left:1em; padding-left:1em;
@ -238,7 +234,7 @@ div#footer a, div#footer a:visited {
} }
div#footer a:hover { div#footer a:hover {
color: #000; color: #000;
text-decoration:underline; text-decoration: none;
} }
div#footer img { div#footer img {
border:0; border:0;
@ -300,7 +296,6 @@ div#navigation ul li a, div#subnavigation ul li a {
} }
div#navigation ul li a:hover, div#subnavigation ul li a:hover { div#navigation ul li a:hover, div#subnavigation ul li a:hover {
background-color: #C1B398; background-color: #C1B398;
color: #000;
} }
div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a { div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
font-weight:bold; font-weight:bold;
@ -314,7 +309,7 @@ div#navigation ul li.CurrentSection a:hover {
} }
div#subnavigation ul li.CurrentSection a { div#subnavigation ul li.CurrentSection a {
border-width: 0px 0px 2px 0px; border-width: 0px 0px 2px 0px;
border-color: #FFF; border-color: #6AF364;
} }
/* Alphabet Navigation /* Alphabet Navigation
@ -419,8 +414,6 @@ table.infolist tbody tr td.ColumnPartner a {
padding:.6em 10px; padding:.6em 10px;
vertical-align:middle; vertical-align:middle;
} }
table.infolist tbody tr td.ColumnPartner a:hover { }
table.infolist tbody tr td.ColumnParents { table.infolist tbody tr td.ColumnParents {
font-size:.9em; font-size:.9em;
} }
@ -434,8 +427,10 @@ table.infolist tbody tr td.ColumnParents span.mother:before {
/* Surnames /* Surnames
----------------------------------------------------- */ ----------------------------------------------------- */
#Surnames { } #Surnames {
margin: 0;
padding: 0;
}
#SurnameDetail p#description { #SurnameDetail p#description {
padding-top:0; padding-top:0;
} }
@ -452,11 +447,8 @@ table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited {
text-decoration:none; text-decoration:none;
padding:.2em 10px; padding:.2em 10px;
} }
table.surnamelist tr th:hover { }
table.surnamelist thead tr th.ColumnLetter { table.surnamelist thead tr th.ColumnLetter {
padding-left:20px; padding: 0px 10px 0px 20px;
padding-right:10px;
} }
table.surnamelist tbody tr td { table.surnamelist tbody tr td {
background-color: #D8F3D6; background-color: #D8F3D6;
@ -482,14 +474,12 @@ table#SortByName tbody tr td.ColumnSurname a {
display:block; display:block;
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
table#SortByCount tbody tr td.ColumnQuantity { }
table.surnamelist tbody tr td.ColumnSurname:hover, table.surnamelist tbody tr td.ColumnSurname:hover,
table#SortByName tbody tr td.ColumnSurname:hover { table#SortByName tbody tr td.ColumnSurname:hover {
background-color: #C1B398; background-color: #C1B398;
} }
table.surname { table.surname {
border-bottom:solid 1px #000; border-bottom:solid 1px #5D835F;
} }
table.surname thead tr th.ColumnName { table.surname thead tr th.ColumnName {
width:20%; width:20%;
@ -508,8 +498,9 @@ table.surname tbody tr td.ColumnName a {
display:block; display:block;
padding:.6em 10px .6em 20px; padding:.6em 10px .6em 20px;
} }
table.surname tbody tr td.ColumnName a span.grampsid { } table.surname tbody tr td.ColumnName a span.grampsid {
color: #000;
}
table.surname tbody tr td.ColumnName:hover { table.surname tbody tr td.ColumnName:hover {
background-color: #C1B398; background-color: #C1B398;
} }
@ -527,8 +518,10 @@ table.surname tbody tr td.ColumnParents {
/* Individuals /* Individuals
----------------------------------------------------- */ ----------------------------------------------------- */
div#Individuals { } div#Individuals {
margin: 0;
padding: 0;
}
div#Individuals table.individuallist { div#Individuals table.individuallist {
border-bottom: solid 1px #5D835F; border-bottom: solid 1px #5D835F;
} }
@ -562,9 +555,10 @@ div#Individuals div table.infolist tr td p {
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;
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;
@ -573,7 +567,7 @@ 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:underline; text-decoration: none;
} }
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
@ -584,13 +578,14 @@ div#IndividualDetail div.subsection table tr td:first-child {
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
#Places { } #Places {
margin: 0;
padding: 0;
}
#Places table.infolist tbody tr td.ColumnLetter { #Places table.infolist tbody tr td.ColumnLetter {
background-color: #D8F3D6; background-color: #D8F3D6;
} }
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0;
background-color: #FFF; background-color: #FFF;
} }
#Places table.infolist tbody tr td.ColumnName a { #Places table.infolist tbody tr td.ColumnName a {
@ -599,8 +594,10 @@ div#IndividualDetail div.subsection table tr td:first-child {
/* EventList and EventDetail /* EventList and EventDetail
----------------------------------------------------- */ ----------------------------------------------------- */
div#EventList, div#EventDetail { } div#EventList, div#EventDetail {
margin: 0;
padding: 0;
}
div#events table.eventlist { div#events table.eventlist {
margin-top: .3cm; margin-top: .3cm;
} }
@ -612,7 +609,7 @@ div#events table.eventlist tbody tr td.ColumnPlace a {
} }
table.eventlist tbody tr td { table.eventlist tbody tr td {
background-color: #FFF; background-color: #FFF;
border-bottom: dashed 1px #000; border-bottom: dashed 1px #5D835F;
} }
table.eventlist tbody tr td.ColumnEvent { table.eventlist tbody tr td.ColumnEvent {
width: 20%; width: 20%;
@ -639,12 +636,8 @@ table.eventlist tbody tr td.ColumnPerson {
table.eventlist tbody tr td.ColumnPartner { table.eventlist tbody tr td.ColumnPartner {
width: 35%; width: 35%;
} }
div#families table.eventlist {
margin: 0;
padding: 0;
}
div#EventList table.eventlist tbody tr.BeginName { div#EventList table.eventlist tbody tr.BeginName {
border-top: solid 1px #000; border-top: solid 1px #5D835F;
} }
div#EventList table.eventlist tbody tr td { div#EventList table.eventlist tbody tr td {
padding: 4px 0px 4px 0px; padding: 4px 0px 4px 0px;
@ -678,8 +671,10 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
#Gallery { } #Gallery {
margin: 0;
padding: 0;
}
#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnRowLabel,
#Gallery table.infolist tbody tr td.ColumnDate { #Gallery table.infolist tbody tr td.ColumnDate {
background-color: #D8F3D6; background-color: #D8F3D6;
@ -693,7 +688,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
padding:.1em 10px .3em 10px; padding:.1em 10px .3em 10px;
} }
#Gallery table.gallerylist tbody tr td { #Gallery table.gallerylist tbody tr td {
border-bottom: dashed 1px #000; border-bottom: dashed 1px #5D835F;
} }
#GalleryNav { #GalleryNav {
font:normal 1em/1em sans-serif; font:normal 1em/1em sans-serif;
@ -704,10 +699,8 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
#GalleryNav a { #GalleryNav a {
font-weight:bold; font-weight:bold;
text-decoration:none; text-decoration:none;
border:solid 1px #228A22; border:solid 1px #5D835F;
} }
#GalleryNav a:hover { }
#GalleryNav a#Previous { #GalleryNav a#Previous {
padding:.5em .7em .3em .7em; padding:.5em .7em .3em .7em;
} }
@ -747,29 +740,28 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
} }
#GalleryDetail div#summaryarea table.gallery { #GalleryDetail div#summaryarea table.gallery {
padding-bottom:0; padding-bottom:0;
margin-top:1.5em; margin: 1.5em 0 0 0;
margin-bottom:0;
border-style:solid; border-style:solid;
border-width:2px 0 1px 0; border-width:2px 0 1px 0;
border-color: #000; border-color: #5D835F;
} }
table.exifdata tr td.ColumnAttribute { table.exifdata tr td.ColumnAttribute {
border-top:solid 1px #000; border-top:solid 1px #5D835F;
width:60%; width:60%;
} }
table.exiflist tr td.ColumnValue { table.exiflist tr td.ColumnValue {
border-top:solid 1px #000; border-top:solid 1px #5D835F;
width:45%; width:45%;
} }
/* Contact /* Contact
----------------------------------------------------- */ ----------------------------------------------------- */
#Contact #summaryarea { #Contact #summaryarea {
background-color: #D8F3D7; background-color: #D8F3D6;
width:500px; width:500px;
margin:0 auto; margin:0 auto;
padding:3em; padding:3em;
border:double 4px #000; border:double 4px #5D835F;
} }
#Contact #summaryarea img { #Contact #summaryarea img {
float:right; float:right;
@ -805,9 +797,6 @@ table.exiflist tr td.ColumnValue {
#email a { #email a {
text-decoration:none; text-decoration:none;
} }
#email a:hover {
text-decoration:underline;
}
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */

662
src/plugins/webreport/NarrativeWeb.py
View File

File diff suppressed because it is too large Load Diff