summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--includes/functions/functions_print.php37
-rw-r--r--themes/clouds/style.css34
-rw-r--r--themes/colors/css/colors.css34
-rw-r--r--themes/fab/style.css37
-rw-r--r--themes/minimal/style.css35
-rw-r--r--themes/webtrees/style.css50
-rw-r--r--themes/xenea/style.css36
7 files changed, 157 insertions, 106 deletions
diff --git a/includes/functions/functions_print.php b/includes/functions/functions_print.php
index c9ef017e22..c2505f7027 100644
--- a/includes/functions/functions_print.php
+++ b/includes/functions/functions_print.php
@@ -89,47 +89,47 @@ function print_pedigree_person($person, $style=1, $count=0, $personcount="1") {
if (empty($SEARCH_SPIDER)) {
//-- draw a box for the family popup
// NOTE: Start div I.$pid.$personcount.$count.links
- $personlinks .= "<table class=\"person_box$isF\"><tr><td class=\"details1\">";
- // NOTE: Zoom
- $personlinks .= "<a href=\"pedigree.php?rootid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;talloffset={$talloffset}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Pedigree')."</b></a>";
+ $personlinks .= "<dl class=\"person_box$isF\">";
+ $personlinks .= "<dt><a href=\"pedigree.php?rootid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;talloffset={$talloffset}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Pedigree')."</b></a></dt>";
if (array_key_exists('googlemap', WT_Module::getActiveModules())) {
- $personlinks .= '<br /><a href="module.php?mod=googlemap&amp;mod_action=pedigree_map&amp;rootid='.$pid.'&amp;ged='.WT_GEDURL.'"><b>'.WT_I18N::translate('Pedigree map').'</b></a>';
+ $personlinks .= '<dt><a href="module.php?mod=googlemap&amp;mod_action=pedigree_map&amp;rootid='.$pid.'&amp;ged='.WT_GEDURL.'"><b>'.WT_I18N::translate('Pedigree map').'</b></a></dt>';
}
if (WT_USER_GEDCOM_ID && WT_USER_GEDCOM_ID!=$pid) {
- $personlinks .= '<br /><a href="relationship.php?show_full='.$PEDIGREE_FULL_DETAILS.'&amp;pid1='.WT_USER_GEDCOM_ID.'&amp;pid2='.$pid.'&amp;show_full='.$PEDIGREE_FULL_DETAILS.'&amp;pretty=2&amp;followspouse=1&amp;ged='.WT_GEDURL.'"><b>'.WT_I18N::translate('Relationship to me').'</b></a>';
+ $personlinks .= '<dt><a href="relationship.php?show_full='.$PEDIGREE_FULL_DETAILS.'&amp;pid1='.WT_USER_GEDCOM_ID.'&amp;pid2='.$pid.'&amp;show_full='.$PEDIGREE_FULL_DETAILS.'&amp;pretty=2&amp;followspouse=1&amp;ged='.WT_GEDURL.'"><b>'.WT_I18N::translate('Relationship to me').'</b></a></dt>';
}
- $personlinks .= "<br /><a href=\"descendancy.php?pid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;generations={$generations}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Descendants')."</b></a><br />";
- $personlinks .= "<a href=\"ancestry.php?rootid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;chart_style={$chart_style}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Ancestors')."</b></a><br />";
- $personlinks .= "<a href=\"compact.php?rootid={$pid}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Compact tree')."</b></a><br />";
+ $personlinks .= "<dt><a href=\"descendancy.php?pid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;generations={$generations}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Descendants')."</b></a></dt>";
+ $personlinks .= "<dt><a href=\"ancestry.php?rootid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;chart_style={$chart_style}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Ancestors')."</b></a></dt>";
+ $personlinks .= "<dt><a href=\"compact.php?rootid={$pid}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Compact tree')."</b></a></dt>";
if (function_exists("imagettftext")) {
- $personlinks .= "<a href=\"fanchart.php?rootid={$pid}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Fan chart')."</b></a><br />";
+ $personlinks .= "<dt><a href=\"fanchart.php?rootid={$pid}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;ged=".rawurlencode($GEDCOM)."\"><b>".WT_I18N::translate('Fan chart')."</b></a></dt>";
}
- $personlinks .= "<a href=\"hourglass.php?pid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;chart_style={$chart_style}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."&amp;show_spouse={$show_spouse}\"><b>".WT_I18N::translate('Hourglass chart')."</b></a><br />";
+ $personlinks .= "<dt><a href=\"hourglass.php?pid={$pid}&amp;show_full={$PEDIGREE_FULL_DETAILS}&amp;chart_style={$chart_style}&amp;PEDIGREE_GENERATIONS={$OLD_PGENS}&amp;box_width={$box_width}&amp;ged=".rawurlencode($GEDCOM)."&amp;show_spouse={$show_spouse}\"><b>".WT_I18N::translate('Hourglass chart')."</b></a></dt>";
if (array_key_exists('tree', WT_Module::getActiveModules())) {
- $personlinks .= '<a href="module.php?mod=tree&amp;mod_action=treeview&amp;ged='.WT_GEDURL.'&amp;rootid='.$pid.'"><b>'.WT_I18N::translate('Interactive tree').'</b></a><br />';
+ $personlinks .= '<dt><a href="module.php?mod=tree&amp;mod_action=treeview&amp;ged='.WT_GEDURL.'&amp;rootid='.$pid.'"><b>'.WT_I18N::translate('Interactive tree').'</b></a></dt>';
}
foreach ($person->getSpouseFamilies() as $family) {
$spouse = $family->getSpouse($person);
-
$children = $family->getChildren();
$num = count($children);
+ $personlinks .= '<dt>';
if ((!empty($spouse))||($num>0)) {
- $personlinks .= "<a href=\"".$family->getHtmlUrl()."&amp;show_full=1\"><b>".WT_I18N::translate('Family with spouse')."</b></a><br />";
+ $personlinks .= '<a href="'.$family->getHtmlUrl().'&amp;show_full=1"><b>'.WT_I18N::translate('Family with spouse').'</b></a><br />';
if (!empty($spouse)) {
$personlinks .= "<a href=\"".$spouse->getHtmlUrl()."\">";
$personlinks .= $spouse->getFullName();
- $personlinks .= "</a><br />";
+ $personlinks .= "</a>";
}
}
+ $personlinks .= "</dt>";
foreach ($children as $child) {
- $personlinks .= "&nbsp;&nbsp;<a href=\"".$child->getHtmlUrl()."\">";
+ $personlinks .= "<dd><a href=\"".$child->getHtmlUrl()."\">";
$personlinks .= $child->getFullName();
- $personlinks .= "<br /></a>";
+ $personlinks .= "</a></dd>";
}
}
- $personlinks .= "</td></tr></table>";
+ $personlinks .= "</dl>";
// NOTE: Start div out-$pid.$personcount.$count
if ($style==1) $outBoxAdd .= " class=\"person_box$isF\" style=\"width: ".$bwidth."px; height: ".$bheight."px; overflow: hidden; z-index:-1;\"";
else $outBoxAdd .= " class=\"person_box$isF\" style=\"padding: 2px;\"";
@@ -142,8 +142,7 @@ function print_pedigree_person($person, $style=1, $count=0, $personcount="1") {
$icons .= "><img id=\"iconz-$boxID\" src=\"".$WT_IMAGES["zoomin"]."\" border=\"0\" alt=\"".WT_I18N::translate('Zoom in/out on this box.')."\" title=\"".WT_I18N::translate('Zoom in/out on this box.')."\" /></a>";
}
- $icons .= '<a class="itr" href="#"'.
- '><img src="'.$WT_IMAGES['pedigree'].'" alt="" title="" /><span class="popup">'.$personlinks.'</span></a>';
+ $icons .= '<div class="itr"><img src="'.$WT_IMAGES['pedigree'].'" alt="" title="" /><div class="popup">'.$personlinks.'</div></div>';
} else {
if ($style==1) {
$outBoxAdd .= "class=\"person_box$isF\" style=\"width: ".$bwidth."px; height: ".$bheight."px; overflow: hidden;\"";
diff --git a/themes/clouds/style.css b/themes/clouds/style.css
index a87258f700..90a4551f67 100644
--- a/themes/clouds/style.css
+++ b/themes/clouds/style.css
@@ -1593,9 +1593,8 @@ margin: 0;
.itr {
position: absolute;
- display: inline-block;
top: 3em;
- line-height: 1.05;
+ line-height: 1.5;
}
.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
@@ -1614,20 +1613,35 @@ margin: 0;
overflow: visible !important;
}
-.popup{
- display: none;
+.popup {
+ display:none;
}
-.itr:hover .popup{
+
+.popup dl {
+ padding:5px;
+ font-size:9px;
+}
+
+.popup dt {
+ float:none;
+}
+
+.popup dd {
+ display: block;
+ margin-left:10px;
+}
+
+.itr:hover .popup {
display: block;
position: absolute;
- width: 16em;
- padding: 0.5em;
- white-space:normal;
- left:-8em;
- top: 0.5em;
+ width: 12em;
+ right: 0;
z-index: 9999;
}
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
+
/* styles for FindFacts pop-up */
#layDefinedTags, #tabDefinedTagsShow {
width:450px;
diff --git a/themes/colors/css/colors.css b/themes/colors/css/colors.css
index 839ba7f1b0..7d1496484c 100644
--- a/themes/colors/css/colors.css
+++ b/themes/colors/css/colors.css
@@ -1545,9 +1545,8 @@ margin: 0;
.itr {
position: absolute;
- display: inline-block;
top: 3em;
- line-height: 1.05;
+ line-height: 1.5;
}
.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
@@ -1566,20 +1565,35 @@ margin: 0;
overflow: visible !important;
}
-.popup{
- display: none;
+.popup {
+ display:none;
}
-.itr:hover .popup{
+
+.popup dl {
+ padding:5px;
+ font-size:9px;
+}
+
+.popup dt {
+ float:none;
+}
+
+.popup dd {
+ display: block;
+ margin-left:10px;
+}
+
+.itr:hover .popup {
display: block;
position: absolute;
- width: 16em;
- padding: 0.5em;
- white-space:normal;
- left:-8em;
- top: 0.5em;
+ width: 12em;
+ right: 0;
z-index: 9999;
}
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
+
/* styles for FindFacts pop-up */
#layDefinedTags, #tabDefinedTagsShow {
width:450px;
diff --git a/themes/fab/style.css b/themes/fab/style.css
index 804cf22f25..e37f3ff9a7 100644
--- a/themes/fab/style.css
+++ b/themes/fab/style.css
@@ -973,9 +973,8 @@ dd {
.itr {
position: absolute;
- display: inline-block;
top: 3em;
- line-height: 1.05;
+ line-height: 1.5;
}
.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
@@ -994,20 +993,38 @@ dd {
overflow: visible !important;
}
-.popup{
- display: none;
+.popup {
+ display:none;
+}
+
+.popup dl {
+ font-size:9px;
+ height:auto;
+ padding:5px;
+ min-height:100px;
+}
+
+.popup dt {
+ float:none;
}
-.itr:hover .popup{
+
+.popup dd {
+ display: block;
+ margin-left:10px;
+}
+
+.itr:hover .popup {
display: block;
position: absolute;
- width: 16em;
- padding: 0.5em;
- white-space:normal;
- left:-8em;
- top: 0.5em;
+ width: 12em;
+ right: 0;
z-index: 9999;
}
+
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
+
/* styles for FindFacts pop-up */
#layDefinedTags,#tabDefinedTagsShow {
width:450px;
diff --git a/themes/minimal/style.css b/themes/minimal/style.css
index 71afd9c076..60a8b043d7 100644
--- a/themes/minimal/style.css
+++ b/themes/minimal/style.css
@@ -1357,9 +1357,8 @@ dd {
.itr {
position: absolute;
- display: inline-block;
top: 3em;
- line-height: 1.05;
+ line-height: 1.5;
}
.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
@@ -1378,20 +1377,36 @@ dd {
overflow: visible !important;
}
-.popup{
- display: none;
+.popup {
+ display:none;
+}
+
+.popup dl {
+ padding:5px;
+ font-size:9px;
}
-.itr:hover .popup{
+
+.popup dt {
+ float:none;
+}
+
+.popup dd {
+ display: block;
+ margin-left:10px;
+}
+
+.itr:hover .popup {
display: block;
position: absolute;
- width: 16em;
- padding: 0.5em;
- white-space:normal;
- left:-8em;
- top: 0.5em;
+ width: 12em;
+ right: 0;
z-index: 9999;
}
+
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
+
/* styles for FindFacts pop-up */
#layDefinedTags,#tabDefinedTagsShow {
width:450px;
diff --git a/themes/webtrees/style.css b/themes/webtrees/style.css
index ecfd2b5945..0cd4da69e4 100644
--- a/themes/webtrees/style.css
+++ b/themes/webtrees/style.css
@@ -1295,35 +1295,19 @@ html[dir="rtl"] dt {
margin-left:10px;
}
-dd {
- display:inline;
- margin:0;
-}
+dd {display:inline; margin:0;}
-#facts_content dd {
- float:left;
- width:70%;
-}
+#facts_content dd {float:left;width:70%;}
-.clearfloat {
- clear:both;
-}
+.clearfloat {clear:both;}
td.descriptionbox a {color:#fff;}/* this keeps the tag color the same when it is a link as when not */
.place {padding-top:5px;}
.logo {text-align:center;}
-.itr {
- position:absolute;
- display:inline-block;
- top:3em;
- line-height:1.05;
-}
+.itr {position:absolute; top:3em;line-height:1.5;}
-.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
- position:relative;
- top:0;
-}
+.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr { position:relative;top:0;}
.user_favorites_block,
.charts_block .person_box, .charts_block .person_boxF, .charts_block .person_boxNN,
@@ -1332,23 +1316,15 @@ td.descriptionbox a {color:#fff;}/* this keeps the tag color the same when it i
#descendancy_chart .person_box, #descendancy_chart .person_boxF, #descendancy_chart .person_boxNN,
#familybook_chart .person_box, #familybook_chart .person_boxF, #familybook_chart .person_boxNN,
#hourglass_chart .person_box, #hourglass_chart .person_boxF, #hourglass_chart .person_boxNN,
-#relatives_content .person_box, #relatives_content .person_boxF, #relatives_content .person_boxNN {
- overflow: visible !important;
-}
+#relatives_content .person_box, #relatives_content .person_boxF, #relatives_content .person_boxNN {overflow: visible !important;}
-.popup{
- display:none;
-}
-.itr:hover .popup{
- display:block;
- position:absolute;
- width:16em;
- padding:0.5em;
- white-space:normal;
- left:-8em;
- top:0.5em;
- z-index:9999;
-}
+.popup { display:none;}
+.popup dl {padding:5px; font-size:9px;}
+.popup dt {float:none;}
+.popup dd {display: block; margin-left:10px;}
+.itr:hover .popup {display:block; position:absolute; width:12em;right:0; z-index: 9999;}
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
/* styles for FindFacts pop-up */
#layDefinedTags,#tabDefinedTagsShow {width:450px;}
diff --git a/themes/xenea/style.css b/themes/xenea/style.css
index c07390f95a..815aba1f63 100644
--- a/themes/xenea/style.css
+++ b/themes/xenea/style.css
@@ -1628,9 +1628,8 @@ dd {
.itr {
position: absolute;
- display: inline-block;
top: 3em;
- line-height: 1.05;
+ line-height: 1.5;
}
.block .itr, #family_page .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {
@@ -1649,20 +1648,37 @@ dd {
overflow: visible !important;
}
-.popup{
- display: none;
+.popup {
+ display:none;
+}
+
+.popup dl {
+ padding:5px;
+ font-size:9px;
+}
+
+.popup dt {
+ float:none;
}
-.itr:hover .popup{
+
+.popup dd {
+ display: block;
+ margin-left:10px;
+}
+
+.itr:hover .popup {
display: block;
position: absolute;
- width: 16em;
- padding: 0.5em;
- white-space:normal;
- left:-8em;
- top: 0.5em;
+ width: 12em;
+ right: 0;
z-index: 9999;
}
+
+html[dir='rtl'] .popup dd {margin-right:10px;}
+html[dir='rtl'] .itr:hover .popup {left:0; right:auto;}
+html[dir='rtl'] .popup dt {float:none;}
+
/* styles for FindFacts pop-up */
#layDefinedTags,#tabDefinedTagsShow {
width:450px;
generated by cgit v1.3 (git 2.53.0) at 2026-07-12 21:17:43 +0000