9da8f705f6
If you click on a marker in the family map page, you get a popup. In this popup associated with a place, if you have several events, for each event you see the person and the event type. If you click on the person, you go to the related page for this person. If you click on the event type, you go to the related page for this event. Fixes #11150
114 lines
2.7 KiB
CSS
114 lines
2.7 KiB
CSS
/*
|
|
#
|
|
# Gramps - a GTK+/GNOME based genealogy program
|
|
#
|
|
# Copyright (C) 2011 Rob G. Healey <robhealey1@gmail.com>
|
|
#
|
|
# 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., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
#
|
|
#
|
|
###################################################### */
|
|
body#FamilyMap {
|
|
background-color: #000;
|
|
padding: 0 14px;
|
|
}
|
|
|
|
/* Family Maps
|
|
------------------------------------------------------ */
|
|
#map_canvas {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
border: solid 4px #000;
|
|
margin: 0px auto;
|
|
width: 800px;
|
|
height: 400px;
|
|
max-width: 90%;
|
|
max-height: 90%;
|
|
}
|
|
|
|
/* Place Maps
|
|
------------------------------------------------------ */
|
|
div#place_canvas {
|
|
margin-left: 210px;
|
|
border: solid 4px #000;
|
|
width: 500px;
|
|
height: 400px;
|
|
max-width: 90%;
|
|
max-height: 90%;
|
|
}
|
|
button#drop {
|
|
background-color: purple;
|
|
color: #FFF;
|
|
font: bold .8em sans-serif;
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
margin-left: 10px;
|
|
border: solid 4px #00029D;
|
|
}
|
|
|
|
/* Subsection: References
|
|
------------------------------------------------------ */
|
|
div#FamilyMapDetail div#references table.infolist {
|
|
width: 100%;
|
|
}
|
|
div#FamilyMapDetail div#references table.infolist tbody tr td.ColumnPlace {
|
|
width: 40%;
|
|
}
|
|
|
|
|
|
/* Subsection: popup
|
|
------------------------------------------------------ */
|
|
.ol-popup {
|
|
position: absolute;
|
|
background-color: white;
|
|
-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
|
filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
border: 2px solid #111111;
|
|
bottom: 12px;
|
|
left: -50px;
|
|
min-width: 450px;
|
|
}
|
|
.ol-popup:after, .ol-popup:before {
|
|
top: 100%;
|
|
border: solid transparent;
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.ol-popup:after {
|
|
border-top-color: white;
|
|
border-width: 10px;
|
|
left: 48px;
|
|
margin-left: -10px;
|
|
}
|
|
.ol-popup:before {
|
|
border-top-color: #cccccc;
|
|
border-width: 11px;
|
|
left: 48px;
|
|
margin-left: -11px;
|
|
}
|
|
.ol-popup-closer {
|
|
text-decoration: none;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 8px;
|
|
}
|
|
.ol-popup-closer:after {
|
|
content: "✖";
|
|
}
|