From 4f821bc75c851612b0545c684ed60400414c2812 Mon Sep 17 00:00:00 2001 From: "Rob G. Healey" Date: Fri, 3 Sep 2010 00:44:18 +0000 Subject: [PATCH] Style Sheets: There has been so many problems with the Ancestors Tree, I have removed the elements from the individual sheets, and create one sheet instead. svn: r15854 --- src/data/Web_Basic-Ash.css | 134 -------------------- src/data/Web_Basic-Cypress.css | 134 -------------------- src/data/Web_Basic-Lilac.css | 133 ------------------- src/data/Web_Basic-Peach.css | 134 -------------------- src/data/Web_Basic-Spruce.css | 134 -------------------- src/data/Web_Mainz.css | 121 ------------------ src/data/Web_Nebraska.css | 121 ------------------ src/data/Web_Visually.css | 121 ------------------ src/data/ancestortree.css | 176 ++++++++++++++++++++++++++ src/plugins/webreport/NarrativeWeb.py | 15 +++ 10 files changed, 191 insertions(+), 1032 deletions(-) create mode 100644 src/data/ancestortree.css diff --git a/src/data/Web_Basic-Ash.css b/src/data/Web_Basic-Ash.css index 14682a92e..4f2fc106e 100644 --- a/src/data/Web_Basic-Ash.css +++ b/src/data/Web_Basic-Ash.css @@ -902,140 +902,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; - margin-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#000; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#EEE; - border:solid 1px #999; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #333; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:3px; - margin:0 0 0 16px; - padding:0; - background-color:#999; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:2px; - margin:0 0 0 16px; - padding:0; - background-color:#999; -} -#tree div div.gvline { - position:absolute; - z-index:1; - height:3px; - margin:0 0 0 14px; - padding:0; - background-color:#EEE; -} -#tree div div.ghline { - position:absolute; - z-index:1; - width:2px; - margin:0 0 0 14px; - padding:0; - background-color:#EEE; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Basic-Cypress.css b/src/data/Web_Basic-Cypress.css index ac7cbf0f9..4df2cb516 100644 --- a/src/data/Web_Basic-Cypress.css +++ b/src/data/Web_Basic-Cypress.css @@ -899,140 +899,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background-color: #FFF; -} -#treeContainer { - position:relative; - z-index:1; - margin-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#000; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#E0E6E0; - border:solid 1px #7C8F7C; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #454; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:3px; - margin:0 0 0 16px; - padding:0; - background-color:#7C8F7C; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:2px; - margin:0 0 0 16px; - padding:0; - background-color:#7C8F7C; -} -#tree div div.gvline { - position:absolute; - z-index:1; - height:3px; - margin:0 0 0 14px; - padding:0; - background-color:#E0E6E0; -} -#tree div div.ghline { - position:absolute; - z-index:1; - width:2px; - margin:0 0 0 14px; - padding:0; - background-color:#E0E6E0; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Basic-Lilac.css b/src/data/Web_Basic-Lilac.css index 86b99edd1..0c09294c7 100644 --- a/src/data/Web_Basic-Lilac.css +++ b/src/data/Web_Basic-Lilac.css @@ -900,139 +900,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; - margin-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#000; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#E0E0E9; - border:solid 1px #669; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #2E2E61; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:3px; - margin:0 0 0 16px; - padding:0; - background-color:#669; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:2px; - margin:0 0 0 16px; - padding:0; - background-color:#669; -} -#tree div div.gvline { - position:absolute; - z-index:1; - height:3px; - margin:0 0 0 14px; - padding:0; - background-color:#E0E0E9; -} -#tree div div.ghline { - position:absolute; - z-index:1; - width:2px; - margin:0 0 0 14px; - padding:0; - background-color:#E0E0E9; -} /* Footer ----------------------------------------------------- */ diff --git a/src/data/Web_Basic-Peach.css b/src/data/Web_Basic-Peach.css index 2973736fe..1745dc30c 100644 --- a/src/data/Web_Basic-Peach.css +++ b/src/data/Web_Basic-Peach.css @@ -901,140 +901,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; - margin-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#36220B; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#FFE09F; - border:solid 1px #8C581C; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #8C581C; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:3px; - margin:0 0 0 16px; - padding:0; - background-color:#EA8414; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:2px; - margin:0 0 0 16px; - padding:0; - background-color:#EA8414; -} -#tree div div.gvline { - position:absolute; - z-index:1; - height:3px; - margin:0 0 0 14px; - padding:0; - background-color:#FFE09F; -} -#tree div div.ghline { - position:absolute; - z-index:1; - width:2px; - margin:0 0 0 14px; - padding:0; - background-color:#FFE09F; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Basic-Spruce.css b/src/data/Web_Basic-Spruce.css index 2af3f2c3b..aee5ea4f7 100644 --- a/src/data/Web_Basic-Spruce.css +++ b/src/data/Web_Basic-Spruce.css @@ -901,140 +901,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; - margin-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#000; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#EAEEF4; - border:solid 1px #7CA3DD; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #204D91; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:3px; - margin:0 0 0 16px; - padding:0; - background-color:#7CA3DD; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:2px; - margin:0 0 0 16px; - padding:0; - background-color:#7CA3DD; -} -#tree div div.gvline { - position:absolute; - z-index:1; - height:3px; - margin:0 0 0 14px; - padding:0; - background-color:#EAEEF4; -} -#tree div div.ghline { - position:absolute; - z-index:1; - width:2px; - margin:0 0 0 14px; - padding:0; - background-color:#EAEEF4; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Mainz.css b/src/data/Web_Mainz.css index ab802342f..f066975d9 100644 --- a/src/data/Web_Mainz.css +++ b/src/data/Web_Mainz.css @@ -906,127 +906,6 @@ div#sourcerefs ol li ol { font-weight:bold; } -/* SubSection : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; -} -#treeContainer { - position:relative; - z-index:1; - padding-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#7D5925; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#FFFFE7; - border:dotted 2px #7D5925; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - color:#7D5925; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #7D5925; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:2px; - margin:2px 0 0 16px; - padding:0; - background-color:#D8C19F; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:1px; - margin:2px 0 0 16px; - padding:0; - background-color:#D8C19F; -} -.ghline, .gvline { - display:none; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Nebraska.css b/src/data/Web_Nebraska.css index 22f0422c0..88487fc87 100644 --- a/src/data/Web_Nebraska.css +++ b/src/data/Web_Nebraska.css @@ -950,127 +950,6 @@ div#pedigree { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .7em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#542; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#F6F2EE; - border:solid 1px #542; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - color:#542; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #542; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:1px; - margin:0 0 0 16px; - padding:0; - background-color:#453619; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:1px; - margin:0 0 0 16px; - padding:0; - background-color:#453619; -} -.ghline, .gvline { - display:none; -} - /* Footer ----------------------------------------------------- */ #footer { diff --git a/src/data/Web_Visually.css b/src/data/Web_Visually.css index 3f91fe740..187fd00c9 100644 --- a/src/data/Web_Visually.css +++ b/src/data/Web_Visually.css @@ -1060,127 +1060,6 @@ div#pedigree { font-weight:bold; } -/* Subsections : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; - background:none; -} -#treeContainer { - position:relative; - z-index:1; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .7em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#542; - width:118px; - padding:5px 20px 7px 20px; - margin-top:-25px; - margin-left:16px; - background-color:#FFF; - border:solid 1px #453619; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - color:#542; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #453619; -} -#treeContainer div.boxbg a:hover, -#treeContainer div.AncCol3 a:hover, -#treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - height:65px; - margin:0 auto; -} -#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; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right; -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right; -} -#treeContainer div.unknown a, -#treeContainer div.unknown span.unlinked { - background-color:#000; - color:#FAFAFA; -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:1px; - margin:0 0 0 16px; - padding:0; - background-color:#453619; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:1px; - margin:0 0 0 16px; - padding:0; - background-color:#453619; -} -.ghline, .gvline { - display:none; -} - /* Calendar Styles -------------------------------------------------------------------------------------------- */ /* Calendar : General */ diff --git a/src/data/ancestortree.css b/src/data/ancestortree.css new file mode 100644 index 000000000..b4427dd13 --- /dev/null +++ b/src/data/ancestortree.css @@ -0,0 +1,176 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright (C) 2010 Rob G. Healey +# +# This program is free software; you can redistribute it and/or modify +# it under the terms of the GNU General Public License as published by +# the Free Software Foundation; either version 2 of the License, or +# (at your option) any later version. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU General Public License for more details. +# +# You should have received a copy of the GNU General Public License +# along with this program; if not, write to the Free Software +# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA +# +# $Id: $ +# +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Combined Ancestor Tree Style Sheet +*************************************************************************************************** +# +===== Ancestor Graph Color Scheme ===== +Males #BCEAF6 +Females #FFC0CB +Unknown #000 +# +===== Web Graphics ===== +Males Web_Gender_Male.png +Females Web_Gender_Female.png +# ------------------------------------------------------------------------------------------------- */ + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .7em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color: #00029D; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color: #FFF; + border: solid 1px #000; +} +#treeContainer div.boxbg a.noThumb, +#treeContainer div.AncCol3 a, +#treeContainer div.AncCol4 a, +#treeContainer div.AncCol3 span.unlinked, +#treeContainer div.AncCol4 span.unlinked { + margin-top:10px; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + color: #00029D; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border: solid 2px #000; +} +#treeContainer div.boxbg a:hover, +#treeContainer div.AncCol3 a:hover, +#treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#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; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} + +#treeContainer div.boxbg span.fullname { + display: none; +} + +#treeContainer div.boxbg span.shortname { + display: inline; +} + +#treeContainer div.boxbg a:hover span.fullname { + display: inline; +} + +#treeContainer div.boxbg a:hover span.shortname { + display: none; +} + + +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right; +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right; +} +#treeContainer div.unknown a, +#treeContainer div.unknown span.unlinked { + background-color: #000; + color: #FFF; +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:1px; + margin:0 0 0 16px; + padding:0; + background-color: #00029D; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:0 0 0 16px; + padding:0; + background-color: #00029D; +} +.ghline, .gvline { + display:none; +} diff --git a/src/plugins/webreport/NarrativeWeb.py b/src/plugins/webreport/NarrativeWeb.py index 4cd787a33..9ce2b837a 100644 --- a/src/plugins/webreport/NarrativeWeb.py +++ b/src/plugins/webreport/NarrativeWeb.py @@ -1070,6 +1070,17 @@ class BasePage(object): links.extend( Html("link", href = url, type = "text/css", media = "screen", rel = "stylesheet", indent = False) ) + + # add ancestor tree style sheet + # Ancestor's Tree has been so problematic that I have decided + # to move them to one sheet + if self.report.graph: + fname = "/".join(["styles", "ancestortree.css"]) + url = self.report.build_url_fname(fname, None, self.up) + links.extend( + Html("link", href = url, type = "text/css", media = "screen", rel = "stylesheet", indent = False) + ) + # add link tags to head section head += links @@ -5353,6 +5364,10 @@ class NavWebReport(Report): fname = os.path.join(const.DATA_DIR, "Web_Print-Default.css") self.copy_file(fname, _NARRATIVEPRINT, "styles") + # copy ancestor tree if ancestor graph is being created + fname = os.path.join(const.DATA_DIR, "ancestortree.css") + self.copy_file(fname, "ancestortree.css", "styles") + # copy Navigation Menu Layout if Blue or Visually is being used if self.css == "Web_Basic-Blue.css" or "Web_Visually.css": if self.navigation == "Horizontal":