Updated printer stylesheet, src/data/Web_Print-Default.css, to match all new changes in NarrativeWeb.

svn: r12966
This commit is contained in:
Rob G. Healey
2009-08-11 22:39:07 +00:00
parent 705bdabafe
commit 5e0cc4cd1e

View File

@@ -1,9 +1,9 @@
/* /*
************************************************************************************************** **************************************************************************************************
Copyright Holder and License Copyright Holder and License
************************************************************************************************** **************************************************************************************************
GRAMPS Cascading Style Sheet GRAMPS Cascading Style Sheet
Style Name: Web_Print-Default Style Name: Printer Default
Style Author: Jason M. Simanek (2008) Style Author: Jason M. Simanek (2008)
************************************************************************************************** **************************************************************************************************
This website was created with GRAMPS This website was created with GRAMPS
@@ -15,6 +15,7 @@ and a wiki open to all. It is a community project, created, developed and govern
Go to http://gramps-project.org to learn more! Go to http://gramps-project.org to learn more!
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Copyright 2008-2009 Rob G. Healey <robhealey1@gmail.com>
Copyright 2009 Stephane Charette Copyright 2009 Stephane Charette
This file is part of the GRAMPS program. This file is part of the GRAMPS program.
@@ -31,8 +32,13 @@ see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
Color Palette Color Palette
-------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------
White #FFF
black #000 black #000
white #FFF
===== Ancestor Graph Color Scheme =====
Males #E5F2FE
Females #FFC0CB
Unknown #000
===== Web Graphics ===== ===== Web Graphics =====
Males Web_Gender_Male.png Males Web_Gender_Male.png
@@ -73,6 +79,9 @@ img {
border:none; border:none;
margin:0; margin:0;
} }
.thumbnail a:hover {
background:none;
}
.content { .content {
width:965px; width:965px;
margin:0 auto; margin:0 auto;
@@ -88,6 +97,11 @@ img {
padding:2em 0 0 0; padding:2em 0 0 0;
background:none; background:none;
} }
.content div.snapshot div.thumbnail a {
display:block;
width:96px;
margin:0 auto;
}
.fullclear { .fullclear {
width:100%; width:100%;
height:1px; height:1px;
@@ -101,6 +115,9 @@ img {
h1 { h1 {
font:normal 2em/1.2em serif; font:normal 2em/1.2em serif;
} }
h2 {
font:bold 2em/1.2em sans;
}
h3 { h3 {
font:normal 2em/1.2em serif; font:normal 2em/1.2em serif;
text-align:center; text-align:center;
@@ -110,8 +127,10 @@ h3 {
} }
h4 { h4 {
font:normal 1.2em/1.2em serif; font:normal 1.2em/1.2em serif;
color:#000;
margin:0; margin:0;
padding:.2em 0 .2em 20px; padding:.2em 0 .2em 20px;
background-color:#FFF;
border-bottom:solid 2px #000; border-bottom:solid 2px #000;
} }
h5, h6 { h5, h6 {
@@ -125,6 +144,13 @@ p#description {
margin:0; margin:0;
padding:1em 20px; padding:1em 20px;
} }
p#description:first-letter {
color:#000;
font-size:xx-large;
}
p a {
text-decoration:underline;
}
sup { sup {
line-height:0; line-height:0;
} }
@@ -135,16 +161,22 @@ ol {
padding-top:.5em; padding-top:.5em;
padding-bottom:0; padding-bottom:0;
} }
ol li a {
text-decoration:none;
}
a {
color:#000;
}
a:visited {
color:#000;
}
span.preposition { span.preposition {
padding-left:1em; padding-left:1em;
padding-right:1em; padding-right:1em;
} }
.grampsid { .grampsid {
font:normal .8em/1.2em monospace; font:normal .8em/1.2em monospace;
}
a {
color:#000; color:#000;
text-decoration:none;
} }
/* Header /* Header
@@ -181,25 +213,18 @@ p#user_header {
border-top:solid 2px #000; border-top:solid 2px #000;
} }
#footer img { #footer img {
border:0; display:none;
margin:0 auto;
vertical-align:middle;
} }
#footer p#createdate { #footer p#createdate {
float:left; float:left;
width:45%; width:60%;
text-align:left; text-align:left;
margin-left:10px; margin-left:10px;
} }
#footer p#copyright { #footer p#copyright {
float:right; float:right;
width:40%;
text-align:right; text-align:right;
color:#000; margin-top:10px;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
} }
#user_footer { #user_footer {
width:70%; width:70%;
@@ -214,15 +239,12 @@ p#user_header {
/* Alphabet Navigation /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#alphabet, div#navigation, div#subnavigation {
display:none; display:none;
} }
/* Navigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation {
display:none;
}
/* Main Table /* Main Table
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -230,6 +252,7 @@ table.infolist {
width:100%; width:100%;
margin:0; margin:0;
padding:0; padding:0;
background-color:#FFF;
} }
table.infolist thead tr th { table.infolist thead tr th {
font:normal 1.1em/1.2em serif; font:normal 1.1em/1.2em serif;
@@ -282,34 +305,39 @@ table.infolist tbody tr td.ColumnParents span.mother:before {
/* Surnames /* Surnames
----------------------------------------------------- */ ----------------------------------------------------- */
#Surnames { } #Surnames { }
#SurnameDetail p#description { padding-top:0; }
table.surnamelist thead tr th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { #SurnameDetail p#description {
padding-top:0;
}
table.surnamelist thead tr th.ColumnSurname,
#Surnames table.surnamelist tbody tr td.ColumnSurname {
width:50%; width:50%;
} }
table.surnamelist thead tr th { table.surnamelist thead tr th {
padding:0; padding:0;
} }
table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited {
display:block;
text-align:left;
text-decoration:none;
padding:.2em 10px;
}
table.surnamelist thead tr th.ColumnLetter { table.surnamelist thead tr th.ColumnLetter {
padding-left:20px; padding-left:20px;
padding-right:10px; padding-right:10px;
} }
table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { table.surnamelist tbody tr td.ColumnSurname { }
table#SortByName thead tr th.ColumnSurname,
table#SortByCount thead tr th.ColumnQuantity {
} }
table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { table#SortByName thead tr th.ColumnSurname a:after,
table#SortByCount thead tr th.ColumnQuantity a:after {
content:" ↓"; content:" ↓";
} }
table#SortByName tbody tr td.ColumnSurname { table#SortByName tbody tr td.ColumnSurname {
padding:0; padding:0;
} }
table#SortByCount tbody tr td.ColumnQuantity { table#SortByName tbody tr td.ColumnSurname a {
display:block;
padding:.1em 10px .3em 10px;
} }
table#SortByCount tbody tr td.ColumnQuantity { }
table.surname { table.surname {
border-bottom:solid 1px #000; border-bottom:solid 1px #000;
} }
@@ -324,13 +352,21 @@ table.surname tbody tr td.ColumnName {
width:20%; width:20%;
padding:0; padding:0;
} }
table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { 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 thead tr th.ColumnParents,
table.surname tbody tr td.ColumnParents {
width:25%; width:25%;
} }
/* Individuals /* Individuals
----------------------------------------------------- */ ----------------------------------------------------- */
#Individuals { } #Individuals { }
#Individuals table.individuallist { #Individuals table.individuallist {
border-bottom:solid 1px #000; border-bottom:solid 1px #000;
} }
@@ -339,23 +375,41 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents
} }
table.individuallist tbody tr td.ColumnName { table.individuallist tbody tr td.ColumnName {
padding:0; 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.ColumnPartner { table.individuallist tbody tr td.ColumnPartner {
padding:0; padding:0;
background-color:#FFF;
}
table.individuallist tbody tr td.ColumnPartner a {
display:block;
padding:.6em 10px;
vertical-align:middle;
} }
#Individuals div table.infolist tr td p { #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;
} }
#Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail /* IndividualDetail
------------------------------------------------------ */ ------------------------------------------------------ */
#IndividualDetail { #IndividualDetail { }
}
#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;
} }
#IndividualDetail div table.infolist tr td a {
display:inline;
}
#IndividualDetail table.infolist tbody tr td.ColumnAttribute { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
} }
@@ -363,37 +417,51 @@ table.individuallist tbody tr td.ColumnPartner {
padding-left:20px; padding-left:20px;
} }
/* Sources
----------------------------------------------------- */
#Sources { }
#Sources table.infolist tbody tr td.ColumnRowLabel {
padding-bottom:0;
}
#Sources table.infolist tbody tr td.ColumnName {
padding:0;
}
#SourceDetail div#references ol li {
padding-bottom:.5em;
}
/* Places /* Places
----------------------------------------------------- */ ----------------------------------------------------- */
#Places { } #Places { }
#Places table.infolist tbody tr td.ColumnName { #Places table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
/* Gallery /* Gallery
----------------------------------------------------- */ ----------------------------------------------------- */
#Gallery { } #Gallery { }
#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate {
#Gallery table.infolist tbody tr td.ColumnRowLabel,
#Gallery table.infolist tbody tr td.ColumnDate {
padding-bottom:0; padding-bottom:0;
} }
#Gallery table.infolist tbody tr td.ColumnName { #Gallery table.infolist tbody tr td.ColumnName {
padding:0; padding:0;
} }
#Gallery table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
#GalleryNav { #GalleryNav {
display:none; font:normal 1em/1em sans-serif;
margin:1em 0 0 0;
padding:1.2em 0 1.4em 0;
text-align:center;
}
#GalleryNav a#Previous {
padding:.5em .7em .3em .7em;
}
#GalleryNav a#Next {
padding:.5em 1.9em .3em 1.9em;
}
#GalleryPages {
margin:0 1em;
}
#GalleryCurrent {
font:bold 1.2em/1em sans-serif;
}
#GalleryTotal {
font-weight:normal;
} }
#GalleryDisplay { #GalleryDisplay {
margin:0 auto; margin:0 auto;
@@ -421,11 +489,18 @@ table.individuallist tbody tr td.ColumnPartner {
padding-bottom:0; padding-bottom:0;
margin-top:1.5em; margin-top:1.5em;
margin-bottom:0; margin-bottom:0;
background-color:#FFF;
border-style:solid; border-style:solid;
border-width:8px 0 0 0; border-width:2px 0 1px 0;
border-color:#000; border-color:#000;
} }
table.exifdata tr td.ColumnAttribute {
border-top:solid 1px #000;
width:60%;
}
table.exiflist tr td.ColumnValue {
border-top:solid 1px #000;
width:45%;
}
/* Contact /* Contact
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -433,6 +508,7 @@ table.individuallist tbody tr td.ColumnPartner {
width:500px; width:500px;
margin:0 auto; margin:0 auto;
padding:3em; padding:3em;
border:double 4px #000;
} }
#Contact #summaryarea img { #Contact #summaryarea img {
float:right; float:right;
@@ -469,13 +545,13 @@ table.individuallist tbody tr td.ColumnPartner {
/* Download /* Download
----------------------------------------------------- */ ----------------------------------------------------- */
#Download { #Download {
padding-top:2cm;
padding-bottom:2cm; padding-bottom:2cm;
padding-left:.5cm; padding-left:.5cm;
padding-right:.5cm; padding-right:.5cm;
height:390px; height:390px;
} }
table.download { table.download {
padding-top:2cm;
border:solid 2px #000; border:solid 2px #000;
width:100%; width:100%;
} }
@@ -502,18 +578,38 @@ table.download tbody tr td {
border-width:0 2px 2px 2px; border-width:0 2px 2px 2px;
text-align:left; text-align:left;
} }
table.download td.Description { table.download td.ColumnDescription {
width:45%; width:45%;
} }
table.download td.License { table.download td.ColumnLicense {
width:6%; width:6%;
padding-left:20px; padding-left:20px;
} }
table.download td.Filename { table.download td.ColumnFilename {
width:30%; width:30%;
} }
table.download td.Modified { table.download td.ColumnModified {
width:17%; width:17%;
font-weight:bold;
}
/* Sources
----------------------------------------------------- */
#Sources { }
#Sources table.infolist tbody tr td.ColumnRowLabel {
padding-bottom:0;
}
#Sources table.infolist tbody tr td.ColumnName {
padding:0;
}
#SourceDetail div#references ol li {
padding-bottom:.5em;
}
/* Repositories
------------------------------------------------------ */
#RepositoryList table.repolist tbody tr td.ColumnName {
} }
/* Subsections /* Subsections
@@ -552,6 +648,8 @@ div#events h4 {
margin-bottom:0; margin-bottom:0;
border:none; border:none;
} }
#IndividualDetail {
}
#IndividualDetail div#events table.infolist thead tr th { #IndividualDetail div#events table.infolist thead tr th {
font-weight:bold; font-weight:bold;
font-size:12px; font-size:12px;
@@ -580,11 +678,55 @@ div#events h4 {
} }
table.infolist tbody tr td.ColumnValue p { table.infolist tbody tr td.ColumnValue p {
font-family:sans-serif; font-family:sans-serif;
color:#696969;
margin:.2em 0 0 2em; margin:.2em 0 0 2em;
} }
table.eventtable thead tr th {
color:#000;
}
table.eventtable tbody tr td {
border-bottom:solid 1px #000;
}
div#events table.attrlist {
margin-top:.3cm;
margin-left:.78cm;
width:880px;
}
table.attrlist thead tr th {
color:#000;
}
div#events table.attrlist tbody tr td {
border-bottom:dashed 2px #000;
}
div#events table.attrlist tbody tr td.ColumnType {
width:100px;
}
div#events table.attrlist tbody tr td.ColumnValue {
width:200px;
}
div#events table.attrlist tbody tr td.ColumnSource {
width:80px;
}
div#events table.attrlist tbody tr td.ColumnNote {
width:450px;
}
/* Subsections : Attributes /* Subsections : Attributes
----------------------------------------------------- */ ----------------------------------------------------- */
div#attributes { }
div#attributes table.attrlist tbody tr td {
border-bottom:solid 1px #000;
}
div#attributes table.attrlist tbody tr td.ColumnType {
width:20%;
}
div#attributes table.attrlist tbody tr td.ColumnValue {
width:60%;
}
div#attributes table.attrlist tbody tr td.ColumnSources {
width:20%;
}
/* Subsections : Parents /* Subsections : Parents
----------------------------------------------------- */ ----------------------------------------------------- */
@@ -607,6 +749,8 @@ div#parents table.infolist tbody tr td.ColumnValue ol li {
div#families table.infolist { div#families table.infolist {
margin-top:.5em; margin-top:.5em;
} }
div#Families table.infolist tbody tr td {
}
div#families table.infolist tbody tr td.ColumnValue p { div#families table.infolist tbody tr td.ColumnValue p {
margin-top:0; margin-top:0;
} }
@@ -618,21 +762,78 @@ div#families table.infolist tbody tr td.ColumnValue ol li {
padding-bottom:.2em; padding-bottom:.2em;
} }
/* Subsection: LDS Ordinance
------------------------------------------------------ */
div#LDSOrdinance { }
div#LDSOrdinance table.ldsordlist {
font-size:.35cm;
}
table.ldsordlist {
margin-bottom:.5em;
}
table.ldsordlist tbody tr td {
border-bottom:solid 1px #000;
}
table.ldsordlist tbody tr td.ColumnLDSType {
width:12%;
}
table.ldsordlist tbody tr td.ColumnLDSDate {
width:15%;
}
table.ldsordlist tbody tr td.ColumnLDSTemple {
width:10%;
}
table.ldsordlist tbody tr td.ColumnLDSPlace {
width:35%;
}
table.ldsordlist tbody tr td.ColumnLDSStatus {
width:8;
}
table.ldsordlist tbody tr td.ColumnLDSSealed {
width:25%;
}
table.ldsordlist tbody tr td.ColumnLDSSources {
width:7%;
margin-top:.2cm;
}
/* Subsections : Addresses /* Subsections : Addresses
----------------------------------------------------- */ ----------------------------------------------------- */
div#addresses { div#Addresses {
padding-bottom:0; padding-bottom:0;
} }
div#addresses table.infolist tbody tr td { div#Addresses table.infolist {
font-size:.35cm;
}
div#Addresses table.infolist tbody tr td {
border-bottom:solid 1px #000;
padding-top:.4em; padding-top:.4em;
padding-bottom:.4em; padding-bottom:.4em;
} }
div#addresses table.infolist tbody tr td.ColumnAttribute { div#Addresses table.infolist tbody tr td.ColumnDate {
width:30%; width:15%;
border-bottom:solid 1px #000;
} }
div#addresses table.infolist tbody tr td.ColumnValue { div#Addresses table.infolist tbody tr td.ColumnStreetAddress {
border-bottom:solid 1px #000; width:30%;
}
div#Addresses table.infolist tbody tr td.ColumnCity {
width:8%;
}
div#Addresses table.infolist tbody tr td.ColumnCounty {
with:8%;
}
div#Addresses table.infolist tbody tr td.ColumnState {
width:12%;
}
div#Addresses table.infolist tbody tr td.ColumnCntry {
width:5%;
}
div#Addresses table.infolist tbody tr td.ColumnPostalcode {
width:10%;
}
div#Addresses table.infolist tbody tr td.ColumnPhone {
width:15%;
} }
/* Subsections : Gallery /* Subsections : Gallery
@@ -640,24 +841,13 @@ div#addresses table.infolist tbody tr td.ColumnValue {
#indivgallery h4 { #indivgallery h4 {
margin-bottom:1em; margin-bottom:1em;
} }
#indivgallery .thumbnail tr { #indivgallery .thumbnail {
margin:0; margin:0;
float:left; float:left;
width:130px; width:130px;
height:150px; height:150px;
text-align:center; text-align:center;
} }
#indivgallery .thumbnail tr a {
display:block;
margin:0;
padding:0;
background:none;
}
#indivgallery .thumbnail tr a img {
margin:0;
padding:0;
border:solid 1px #000;
}
#indivgallery div.thumbnail p { #indivgallery div.thumbnail p {
font:normal .7em/1.4em sans-serif; font:normal .7em/1.4em sans-serif;
text-align:center; text-align:center;
@@ -684,6 +874,8 @@ div#narrative {
/* Subsections : Source References /* Subsections : Source References
----------------------------------------------------- */ ----------------------------------------------------- */
div#sourcerefs { div#sourcerefs {
height:2.64cm;
overflow:auto;
} }
div#sourcerefs ol { div#sourcerefs ol {
list-style-type:decimal; list-style-type:decimal;
@@ -695,12 +887,12 @@ div#sourcerefs ol li ol {
/* Subsections : Summary Area /* Subsections : Summary Area
----------------------------------------------------- */ ----------------------------------------------------- */
div#summaryarea { div#summaryarea {
background:none;
} }
div#summaryarea table.infolist { div#summaryarea table.infolist {
margin:0; margin:0;
padding:0; padding:0;
border-bottom:solid .7em #FFF; background:#FFF;
border-bottom:solid .7em #000;
} }
div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
font:normal .9em/1.2em sans-serif; font:normal .9em/1.2em sans-serif;
@@ -722,6 +914,13 @@ div#summaryarea table.infolist tbody tr td.ColumnAttribute {
div#pedigree { div#pedigree {
padding-bottom:1.2em; padding-bottom:1.2em;
} }
#pedigree a {
text-decoration:none;
color:#000;
}
#pedigree a:hover {
text-decoration:underline;
}
.pedigreegen { .pedigreegen {
font:normal .9em/1.2em sans-serif; font:normal .9em/1.2em sans-serif;
list-style:none; list-style:none;
@@ -748,6 +947,7 @@ div#pedigree {
.spouse a { .spouse a {
font-weight:normal; font-weight:normal;
font-style:normal; font-style:normal;
color:#000;
} }
.spouse:before { .spouse:before {
content: "+ "; content: "+ ";
@@ -808,16 +1008,24 @@ div#pedigree {
height:65px; height:65px;
margin:0 auto; margin:0 auto;
} }
#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { #treeContainer div.boxbg a:hover span.thumbnail,
#treeContainer div.boxbg a:hover span.thumbnail img {
height:80px;
}
#treeContainer div.AncCol3 span.thumbnail,
#treeContainer div.AncCol4 span.thumbnail {
display:none; display:none;
} }
#treeContainer div.boxbg a:hover span.thumbnail {
display:block;
}
#treeContainer div.male a, #treeContainer div.male a,
#treeContainer div.male span.unlinked { #treeContainer div.male span.unlinked {
background:url(../images/Web_Gender_Male.png) #FFF no-repeat top right; background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right;
} }
#treeContainer div.female a, #treeContainer div.female a,
#treeContainer div.female span.unlinked { #treeContainer div.female span.unlinked {
background:url(../images/Web_Gender_Female.png) #FFF no-repeat top right; background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right;
} }
#treeContainer div.unknown a, #treeContainer div.unknown a,
#treeContainer div.unknown span.unlinked { #treeContainer div.unknown span.unlinked {
@@ -876,10 +1084,10 @@ body#WebCal {
line-height:100%; line-height:100%;
text-transform:none; text-transform:none;
padding:.3em 0 .2em 0; padding:.3em 0 .2em 0;
background-color:#FFF;
} }
#CreatorInfo { #CreatorInfo {
float:right; float:right;
color:#FFF;
margin:-24px 10px 0 0; margin:-24px 10px 0 0;
} }
.calendar thead tr th.weekend, .calendar thead tr th.weekend,
@@ -959,6 +1167,7 @@ body#WebCal {
.calendar tbody tr td.highlight { } .calendar tbody tr td.highlight { }
.calendar tbody tr td.highlight div.date { .calendar tbody tr td.highlight div.date {
color:#000;
} }
/* Calendar : Previous-Next Month */ /* Calendar : Previous-Next Month */
@@ -966,6 +1175,7 @@ body#WebCal {
.calendar tbody tr td.next, .calendar tbody tr td.next,
.calendar tbody tr td.previous div.date, .calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date { .calendar tbody tr td.next div.date {
color:#000;
} }
/* Calendar : Full Year */ /* Calendar : Full Year */