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

Removed dump_source_references() from NarrativeWeb, updating of WebCal still in place. Updates to stylesheet.

Browse Source 
svn: r13239
This commit is contained in:
Rob G. Healey
2009-09-23 20:31:21 +00:00
parent 9530ee3599
commit c022ca4233
3 changed files with 363 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

296
src/data/Web_Visually.css
View File

@@ -32,6 +32,7 @@ see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
brown darkest #453619
brown dark #542
brown light #C1B398
gray #696969
@@ -49,10 +50,18 @@ Females Web_Gender_Female.png
# $Id$
NarrativeWeb Styles
--------------------------------------------------------------------------------------------
General Elements
----------------------------------------------------- */
body {
body#NarrativeWeb {
color: #000;
margin: 0;
padding: 130px 0px 0px 54px;
background-color: #FFF;
font-family: Arial, sans, sans-serif, Helvetica;
}
div {
margin:0;
@@ -127,7 +136,7 @@ h4 {
color: #FFF;
margin-top: .3cm;
padding:.2em 0 .2em 20px;
background-color: #000;
background-color: #453619;
border-bottom:solid 4px #5D835F;
}
h5, h6 {
@@ -135,17 +144,6 @@ h5, h6 {
font-style:italic;
margin:1.3em 0 .5em 1em;
}
a {
color: #542;
}
a:visited {
color: #542;
}
a:hover {
color: #000;
background-color: #C1B398;
text-decoration:underline;
}
p#description {
max-width:800px;
margin:0;
@@ -155,6 +153,10 @@ p#description:first-letter {
color: #228A22;
font-size:xx-large;
}
p a {
color: #FFF;
text-decoration:underline;
}
sup {
line-height:0;
}
@@ -171,6 +173,17 @@ ol li a {
ol li a:hover {
text-decoration:underline;
}
a {
color: #542;
}
a:visited {
color: #542;
}
a:hover {
color: #000;
background-color: #C1B398;
text-decoration:underline;
}
span.preposition {
padding-left:1em;
padding-right:1em;
@@ -196,10 +209,9 @@ span.preposition {
#SiteTitle {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 36px;
font-weight: bold;
font-size: 40px;
color: #FFF;
font-style: italic;
font-style:italic;
}
p#user_header {
font-size:1.3em;
@@ -263,39 +275,54 @@ p#user_header {
padding:0;
}
/* Alphabet Navigation
----------------------------------------------------- */
#alphabet {
position: fixed;
top: 136px;
left: 4px;
width: 50px;
height: 800px;
overflow: auto;
background-color :#6AF364;
border-width: 2px 4px 0px 4px;
border-style: solid;
border-color: #5D835F;
}
#alphabet ul {
display: inline;
list-style: none;
margin: 0;
}
#alphabet ul li:first-child {
margin-top: 10px;
}
#alphabet ul li {
font: bold 14px/100% sans;
color: #000;
padding: 6px 10px 6px 16px;
margin:0;
float: left;
border-bottom: solid 2px #000;
}
#alphabet ul li a {
text-decoration: none;
}
#alphabet ul li a:hover {
display: block;
background-color: #C1B398;
}
/* Navigation
----------------------------------------------------- */
div#nnavigation, div#subnavigation {
#navigation, #subnavigation {
width: 100%;
height: 32px;
}
body#NarrativeWeb #navigation {
position: fixed;
top: 104px;
left: 0px;
}
body#WebCal #navigation {
position: fixed;
top: 140px;
left: 24px;
right: 20px;
}
body#fullyearlinked #navigation, body#OneDay #navigation {
position: fixed;
top: 140px;
left: 0px;
}
body#WebCal #subnavigation {
position: fixed;
top: 98px;
left: 24px;
right: 20px;
}
body#fullyearlinked #subnavigation, body#OneDay #subnavigation {
position: fixed;
top: 98px;
left: 0px;
}
#navigation ul, #subnavigation ul {
list-style:none;
min-width:770px;
@@ -308,6 +335,9 @@ body#fullyearlinked #subnavigation, body#OneDay #subnavigation {
margin:0;
float:left;
}
body#WebCal div#navigation ul li a {
color: #FFF;
}
#navigation ul li a, #subnavigation ul li a {
padding: 6px 10px 8px 1px;
display:block;
@@ -317,13 +347,6 @@ body#fullyearlinked #subnavigation, body#OneDay #subnavigation {
text-decoration:none;
margin:0;
}
body#WebCal #navigation ul li a, body#fullyearlinked #navigation ul li a,
body#WebCal #subnavigation ul li a {
color: #FFF;
}
body#fullyearlinked #subnavigation ul li a {
color: #000;
}
#navigation ul li a:hover, #subnavigation ul li a:hover {
margin-top: -6px;
padding: 11px 10px 12px 1px;
@@ -356,13 +379,12 @@ table.infolist {
font-size: 12px;
}
table.infolist thead tr th {
font:bold 1.1em/1.2em serif;
text-transform: uppercase;
font:normal 1.1em/1.2em serif;
color: #000;
margin:0;
padding:.2em 10px;
background-color: #6AF364;
border: solid 1px #000;
border: solid 1px #5D835F;
}
table.infolist thead tr th a {
background-color: #6AF364;
@@ -382,7 +404,7 @@ table.infolist tr td a {
color: #000;
}
table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top:solid 1px #000;
border-top:solid 1px #453619;
}
table.infolist tr td.ColumnLetter {
width:3%;
@@ -426,55 +448,6 @@ table.infolist tbody tr td.ColumnParents span.mother:before {
content:"+ ";
}
/*
NarrativeWeb
----------------------------------------------------- */
body#NarrativeWeb {
color: #000;
margin: 0;
padding: 160px 0px 0px 4px;
background-color: #FFF;
font-family: Arial, sans, sans-serif, Helvetica;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
position: fixed;
top: 136px;
left: 4px;
width: 100%;
height: 32px;
overflow: auto;
border-width: 2px 4px 2px 4px;
border-style: solid;
border-color: #5D835F;
background-color: #6AF364;
}
div#alphabet ul {
display: block;
list-style: none;
margin: 0;
padding: 0px 0px 0px 20px;
}
div#alphabet ul li {
display: block;
padding: 6px 0px 6px 16px;
font: bold 16px/100% sans;
margin:0;
float: left;
}
div#alphabet ul li:before {
content: "| ";
}
div#alphabet ul li a {
text-decoration: none;
}
div#alphabet ul li a:hover {
padding: 20px 8px 10px 4px;
background-color: #C1B398;
}
/* Surnames
----------------------------------------------------- */
#Surnames { }
@@ -534,30 +507,30 @@ table.surnamelist tbody tr td.ColumnSurname:hover,
table.surname {
border-bottom:solid 1px #000;
}
table.surname tbody tr td {
border-bottom:dashed 1px #000;
}
table.surname thead tr th.ColumnName {
width:20%;
padding-left:20px;
}
table.surname tbody tr td {
border-bottom: dashed 1px #000;
background-color: #D8F3D6;
}
table.surname tbody tr td a {
display: block;
padding: .6em 10px .6em 20px;
background-color: #FFF;
}
table.surname tbody tr td a:hover {
background-color: #C1B398;
}
table.surname tbody tr td.ColumnName {
background-color: #FFF;
width:20%;
padding:0;
}
table.surname tbody tr td.ColumnName a {
display:block;
padding:.6em 10px .6em 20px;
}
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 thead tr th.ColumnParents,
table.surname tbody tr td.ColumnParents {
width:25%;
@@ -568,19 +541,12 @@ table.surname tbody tr td.ColumnParents {
#Individuals { }
#Individuals table.individuallist {
border-bottom:solid 1px #5D835F;
border-bottom:solid 1px #453619;
}
#Individuals table.individuallist tbody tr td {
border-bottom: dashed 1px #000;
background-color: #D8F3D6;
}
#Individuals table.individuallist tbody tr td a {
background-color: #FFF;
display: block;
padding: .6em 10px;
border-bottom:dashed 1px #453619;
}
#Individuals table.individuallist tbody tr td a:hover {
background-color: #C1B398;
text-decoration:none;
}
table.individuallist tbody tr td.ColumnSurname a:hover,
@@ -591,9 +557,25 @@ table.individuallist tbody tr td.ColumnSurname a:active {
}
table.individuallist tbody tr td.ColumnName {
padding:0;
background-color: #FFF;
}
table.individuallist tbody tr td.ColumnName a {
display:block;
padding:.6em 10px;
vertical-align:middle;
}
table.individuallist tbody tr td.ColumnName a:hover { }
table.individuallist tbody tr td.ColumnPartner {
padding:0;
background-color: #FFF;
}
table.individuallist tbody tr td.ColumnPartner a {
display:block;
padding:.6em 10px;
vertical-align:middle;
}
table.individuallist tbody tr td.ColumnPartner a:hover {
}
#Individuals div table.infolist tr td p {
font:normal .9em/1.2em sans-serif;
@@ -603,6 +585,8 @@ table.individuallist tbody tr td.ColumnPartner {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail { }
#IndividualDetail div table.infolist tr td {
@@ -649,39 +633,31 @@ table.eventlist tbody tr td {
background-color: #D8F3D6;
padding: 4px 0px 4px 0px;
}
table.eventlist tbody tr td a {
display: block;
padding: .3em 30px .4em 0px;
}
table.eventlist tbody tr td a:hover {
background-color: #C1B398;
}
table.eventlist tbody tr td.ColumnType {
background-color: #FFF;
border-top: solid 1px #5D835F;
width: 20%;
}
table.eventlist tbody tr td.ColumnType a {
background-color: #FFF;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
background-color: #FFF;
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
background-color: #FFF;
width: 12%;
}
table.eventlist tbody tr td.ColumnSources sup {
margin-top: 1em;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
background-color: #FFF;
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
background-color: #FFF;
width: 35%;
}
div#EventDetail h3 {
@@ -730,7 +706,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnType {
#GalleryNav a {
font-weight:bold;
text-decoration:none;
border:solid 1px #5D835F;
border:solid 1px #453619;
}
#GalleryNav a:hover { }
@@ -755,7 +731,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnType {
position:relative;
overflow:hidden;
text-align:center;
border:solid 1px #5D835F;
border:solid 1px #453619;
}
#GalleryDisplay img {
margin:0 auto;
@@ -794,7 +770,7 @@ table.exiflist tr td.ColumnValue {
width:500px;
margin:0 auto;
padding:3em;
border:double 4px #5D835F;
border:double 4px #453619;
}
#Contact #summaryarea img {
float:right;
@@ -987,16 +963,17 @@ div#events h4 {
padding-left:20px;
}
#IndividualDetail div#events table.infolist tbody tr td {
padding: .4em 0 .8em 0;
padding-top:.4em;
padding-bottom:.8em;
}
#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute {
border-bottom:solid 1px #5D835F;
border-bottom:solid 1px #453619;
}
#IndividualDetail div#events table.infolist tbody tr td.ColumnValue {
border-bottom:solid 1px #5D835F;
border-bottom:solid 1px #000;
}
table.infolist tbody tr td.ColumnValue p {
font-family: sans-serif;
font-family:sans-serif;
color: #696969;
margin:.2em 0 0 2em;
}
@@ -1313,7 +1290,7 @@ div#pedigree {
margin-top:-25px;
margin-left:16px;
background-color: #FFF;
border:solid 1px #5D835F;
border:solid 1px #453619;
}
#treeContainer div.boxbg a:hover {
position:relative;
@@ -1324,7 +1301,7 @@ div#pedigree {
width:190px;
margin-left:-20px;
padding:10px 25px 12px 25px;
border:solid 2px #5D835F;
border:solid 2px #453619;
}
#treeContainer div.boxbg a:hover,
#treeContainer div.AncCol3 a:hover,
@@ -1388,7 +1365,7 @@ div#pedigree {
height:1px;
margin:0 0 0 16px;
padding:0;
background-color: #000;
background-color: #453619;
}
#tree div div.bhline {
position:absolute;
@@ -1396,7 +1373,7 @@ div#pedigree {
width:1px;
margin:0 0 0 16px;
padding:0;
background-color: #000;
background-color: #453619;
}
.ghline, .gvline {
display:none;
@@ -1406,7 +1383,7 @@ div#pedigree {
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
body#WebCal {
padding: 170px 14px 0px 14px;
padding: 98px 14px 0px 14px;
background-color: #542;
}
.calendar {
@@ -1453,13 +1430,13 @@ body#WebCal {
font-style:italic;
color: #000;
background-color: #6AF364;
border:solid 2px #5D835F;
border:solid 2px #453619;
}
.calendar tfoot tr td {
padding:.7em 5% 1em 5%;
border-top:solid 2px #000;
vertical-align:middle;
color: #000;
color: #453619;
background-color: #D8F3D6;
}
@@ -1484,7 +1461,7 @@ body#WebCal {
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color: #5D835F;
border-color: #453619;
}
.calendar tbody tr td.weekday {
background-color: #FFF;
@@ -1493,13 +1470,13 @@ body#WebCal {
background-color: #D8F3D6;
}
.calendar tbody tr td.saturday {
border-right:solid 1px #5D835F;
border-right:solid 1px #453619;
}
.calendar tbody tr td.sunday {
border-left:solid 1px #5D835F;
border-left:solid 1px #453619;
}
.calendar tbody tr td:first-child {
border-left:solid 1px #5D835F;
border-left:solid 1px #453619;
}
.calendar tbody tr:first-child td {
border-top:none;
@@ -1518,7 +1495,7 @@ body#WebCal {
width:92%;
margin:0 4%;
padding:.2em 0 .3em 0;
border-top:dashed 1px #000;
border-top:dashed 1px #453619;
}
.calendar tbody tr td ul li:first-child {
border:none;
@@ -1530,7 +1507,7 @@ body#WebCal {
color: #0A65B5;
}
.calendar tbody tr td ul li span.yearsmarried em {
color: #000;
color: #453619;
}
.calendar tbody tr td.highlight { }
@@ -1550,7 +1527,7 @@ body#WebCal {
/* Calendar : Full Year */
body#fullyearlinked {
padding: 170px 0px 0px 0px;
padding: 98px 0px 0px 0px;
}
body#fullyearlinked div.content {
width:963px;
@@ -1561,18 +1538,25 @@ body#fullyearlinked table.calendar {
float:left;
width:320px;
height:18em;
border:solid 1px #5D835F;
border:solid 1px #000;
}
body#fullyearlinked table.calendar thead tr th {
height:2em;
border-width: 1px 1px 0px 0px;
border-color: #000;
text-align: center;
}
body#fullyearlinked table.calendar thead tr th.monthName {
font-size:1.2em;
padding:2px 0;
border-bottom: solid 1px #000;
}
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
body#fullyearlinked table.calendar tbody tr td.emptyDays {
background-color: #FFF;
}
body#fullyearlinked table.calendar tbody tr td.saturday {
border-right:solid 2px #000;
}