5063: Mainz stylesheet bugs
svn: r17914
This commit is contained in:
Michiel Nauta
parent
d932f23063
commit
8aa44642a9
@ -1223,10 +1223,10 @@ class BasePage(object):
|
||||
('events', _("Events"), self.report.inc_events),
|
||||
('media', _("Media"), self.create_media),
|
||||
('download', _("Download"), self.report.inc_download),
|
||||
('contact', _("Contact"), self.report.use_contact),
|
||||
('sources', SHEAD, True),
|
||||
('repositories', _("Repositories"), inc_repos),
|
||||
("addressbook", _("Address Book"), self.report.inc_addressbook)
|
||||
("addressbook", _("Address Book"), self.report.inc_addressbook),
|
||||
('contact', _("Contact"), self.report.use_contact),
|
||||
]
|
||||
|
||||
navigation = Html("div", id = 'navigation')
|
||||
@ -1858,7 +1858,7 @@ class BasePage(object):
|
||||
thumbnail += hyper
|
||||
|
||||
if usedescr:
|
||||
hyper += Html("pre", name, inline = True)
|
||||
hyper += Html("p", name, inline = True)
|
||||
|
||||
# return thumbnail division to its callers
|
||||
return thumbnail
|
||||
@ -4114,128 +4114,131 @@ class IndividualPage(BasePage):
|
||||
ymap = "large"
|
||||
ymap += "YMap"
|
||||
|
||||
# begin familymap division
|
||||
with Html("div", class_ = "content", id = ymap) as mapbody:
|
||||
body += mapbody
|
||||
with Html("div", class_ = "content", id = "FamilyMapDetail") as mapbackground:
|
||||
body += mapbackground
|
||||
|
||||
# page message
|
||||
msg = _("The place markers on this page represent a different location "
|
||||
"based upon your spouse, your children (if any), and your personal "
|
||||
"events and their places. The list has been sorted in chronological "
|
||||
"date order. Clicking on the place’s name in the References "
|
||||
"will take you to that place’s page. Clicking on the markers "
|
||||
"will display its place title.")
|
||||
mapbody += Html("p", msg, id = "description")
|
||||
|
||||
xmap = ""
|
||||
if spanX in smallset:
|
||||
xmap = "small"
|
||||
elif spanX in middleset:
|
||||
xmap = "middle"
|
||||
elif spanX in largeset:
|
||||
xmap = "large"
|
||||
xmap += "XMap"
|
||||
|
||||
# begin middle section division
|
||||
with Html("div", id = xmap) as middlesection:
|
||||
mapbody += middlesection
|
||||
|
||||
# begin inline javascript code
|
||||
# because jsc is a string, it does NOT have to properly indented
|
||||
with Html("script", type = "text/javascript") as jsc:
|
||||
middlesection += jsc
|
||||
|
||||
jsc += """
|
||||
var map;
|
||||
|
||||
function initialize() {
|
||||
|
||||
// create map object
|
||||
map = new mxn.Mapstraction('familygooglev3', 'googlev3');
|
||||
|
||||
// add map controls to image
|
||||
map.addControls({
|
||||
pan: true,
|
||||
zoom: 'large',
|
||||
scale: true,
|
||||
disableDoubleClickZoom: true,
|
||||
keyboardShortcuts: true,
|
||||
scrollwheel: false,
|
||||
map_type: true
|
||||
});"""
|
||||
|
||||
for (lat, long, p, h, d) in place_lat_long:
|
||||
jsc += """ add_markers(%s, %s, "%s");""" % ( lat, long, p )
|
||||
jsc += """
|
||||
}"""
|
||||
|
||||
# if the span is larger than +- 42 which is the span of four(4) states in the USA
|
||||
if spanY not in smallset and spanY not in middleset:
|
||||
|
||||
# set southWest and northEast boundaries as spanY is greater than 20
|
||||
# begin familymap division
|
||||
with Html("div", id = ymap) as mapbody:
|
||||
mapbackground += mapbody
|
||||
|
||||
# page message
|
||||
msg = _("The place markers on this page represent a different location "
|
||||
"based upon your spouse, your children (if any), and your personal "
|
||||
"events and their places. The list has been sorted in chronological "
|
||||
"date order. Clicking on the place’s name in the References "
|
||||
"will take you to that place’s page. Clicking on the markers "
|
||||
"will display its place title.")
|
||||
mapbody += Html("p", msg, id = "description")
|
||||
|
||||
xmap = ""
|
||||
if spanX in smallset:
|
||||
xmap = "small"
|
||||
elif spanX in middleset:
|
||||
xmap = "middle"
|
||||
elif spanX in largeset:
|
||||
xmap = "large"
|
||||
xmap += "XMap"
|
||||
|
||||
# begin middle section division
|
||||
with Html("div", id = xmap) as middlesection:
|
||||
mapbody += middlesection
|
||||
|
||||
# begin inline javascript code
|
||||
# because jsc is a string, it does NOT have to properly indented
|
||||
with Html("script", type = "text/javascript") as jsc:
|
||||
middlesection += jsc
|
||||
|
||||
jsc += """
|
||||
// boundary southWest equals bottom left GPS Coordinates
|
||||
var southWest = new mxn.LatLonPoint(%s, %s);""" % (minX, minY)
|
||||
var map;
|
||||
|
||||
function initialize() {
|
||||
|
||||
// create map object
|
||||
map = new mxn.Mapstraction('familygooglev3', 'googlev3');
|
||||
|
||||
// add map controls to image
|
||||
map.addControls({
|
||||
pan: true,
|
||||
zoom: 'large',
|
||||
scale: true,
|
||||
disableDoubleClickZoom: true,
|
||||
keyboardShortcuts: true,
|
||||
scrollwheel: false,
|
||||
map_type: true
|
||||
});"""
|
||||
|
||||
for (lat, long, p, h, d) in place_lat_long:
|
||||
jsc += """ add_markers(%s, %s, "%s");""" % ( lat, long, p )
|
||||
jsc += """
|
||||
// boundary northEast equals top right GPS Coordinates
|
||||
var northEast = new mxn.LatLonPoint(%s, %s);""" % (maxX, maxY)
|
||||
}"""
|
||||
|
||||
# if the span is larger than +- 42 which is the span of four(4) states in the USA
|
||||
if spanY not in smallset and spanY not in middleset:
|
||||
|
||||
# set southWest and northEast boundaries as spanY is greater than 20
|
||||
jsc += """
|
||||
// boundary southWest equals bottom left GPS Coordinates
|
||||
var southWest = new mxn.LatLonPoint(%s, %s);""" % (minX, minY)
|
||||
jsc += """
|
||||
// boundary northEast equals top right GPS Coordinates
|
||||
var northEast = new mxn.LatLonPoint(%s, %s);""" % (maxX, maxY)
|
||||
jsc += """
|
||||
var bounds = new google.maps.LatLngBounds(southWest, northEast);
|
||||
map.fitBounds(bounds);"""
|
||||
|
||||
# include add_markers function
|
||||
jsc += """
|
||||
var bounds = new google.maps.LatLngBounds(southWest, northEast);
|
||||
map.fitBounds(bounds);"""
|
||||
function add_markers(latitude, longitude, title) {
|
||||
|
||||
var latlon = new mxn.LatLonPoint(latitude, longitude);
|
||||
var marker = new mxn.Marker(latlon);
|
||||
|
||||
marker.setInfoBubble(title);
|
||||
|
||||
map.addMarker(marker, true);"""
|
||||
|
||||
# set zoomlevel for size of map
|
||||
if spanY in smallset:
|
||||
zoomlevel = 7
|
||||
elif spanY in middleset:
|
||||
zoomlevel = 4
|
||||
elif spanY in largeset:
|
||||
zoomlevel = 4
|
||||
else:
|
||||
zoomlevel = 1
|
||||
|
||||
jsc += """
|
||||
map.setCenterAndZoom(latlon, %d);
|
||||
}""" % zoomlevel
|
||||
|
||||
# there is no need to add an ending "</script>",
|
||||
# as it will be added automatically!
|
||||
|
||||
# here is where the map is held in the CSS/ Page
|
||||
middlesection += Html("div", id = "familygooglev3", inline = True)
|
||||
|
||||
# add fullclear for proper styling
|
||||
middlesection += fullclear
|
||||
|
||||
# include add_markers function
|
||||
jsc += """
|
||||
function add_markers(latitude, longitude, title) {
|
||||
|
||||
var latlon = new mxn.LatLonPoint(latitude, longitude);
|
||||
var marker = new mxn.Marker(latlon);
|
||||
|
||||
marker.setInfoBubble(title);
|
||||
|
||||
map.addMarker(marker, true);"""
|
||||
|
||||
# set zoomlevel for size of map
|
||||
if spanY in smallset:
|
||||
zoomlevel = 7
|
||||
elif spanY in middleset:
|
||||
zoomlevel = 4
|
||||
elif spanY in largeset:
|
||||
zoomlevel = 4
|
||||
else:
|
||||
zoomlevel = 1
|
||||
|
||||
jsc += """
|
||||
map.setCenterAndZoom(latlon, %d);
|
||||
}""" % zoomlevel
|
||||
|
||||
# there is no need to add an ending "</script>",
|
||||
# as it will be added automatically!
|
||||
|
||||
# here is where the map is held in the CSS/ Page
|
||||
middlesection += Html("div", id = "familygooglev3", inline = True)
|
||||
|
||||
# add fullclear for proper styling
|
||||
middlesection += fullclear
|
||||
|
||||
with Html("div", class_ = "subsection", id = "References") as section:
|
||||
body += section
|
||||
section += Html("h4", _("References"), inline = True)
|
||||
|
||||
ordered = Html("ol")
|
||||
section += ordered
|
||||
|
||||
# 0 = latitude, 1 = longitude, 2 = place title, 3 = handle, 4 = date
|
||||
for (lat, long, pname, handle, date) in place_lat_long:
|
||||
|
||||
list = Html("li", self.place_link(handle, pname, up = self.up))
|
||||
ordered += list
|
||||
|
||||
if date:
|
||||
ordered1 = Html("ol")
|
||||
list += ordered1
|
||||
|
||||
list1 = Html("li", _dd.display(date), inline = True)
|
||||
ordered1 += list1
|
||||
with Html("div", class_ = "subsection", id = "references") as section:
|
||||
mapbackground += section
|
||||
section += Html("h4", _("References"), inline = True)
|
||||
|
||||
ordered = Html("ol")
|
||||
section += ordered
|
||||
|
||||
# 0 = latitude, 1 = longitude, 2 = place title, 3 = handle, 4 = date
|
||||
for (lat, long, pname, handle, date) in place_lat_long:
|
||||
|
||||
list = Html("li", self.place_link(handle, pname, up = self.up))
|
||||
ordered += list
|
||||
|
||||
if date:
|
||||
ordered1 = Html("ol")
|
||||
list += ordered1
|
||||
|
||||
list1 = Html("li", _dd.display(date), inline = True)
|
||||
ordered1 += list1
|
||||
|
||||
# add body onload to initialize map
|
||||
body.attr = 'onload = "initialize();" id = "FamilyMap"'
|
||||
|
||||
@ -26,7 +26,6 @@
|
||||
------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
margin: 0 auto;
|
||||
width: 1060px;
|
||||
padding: 0px 4px 0px 4px;
|
||||
@ -83,11 +82,11 @@ div#middleYMap {
|
||||
}
|
||||
div#smallYMap {
|
||||
width: 800px;
|
||||
margin: 0% 8% 0% 9%;
|
||||
margin: 0px 8% 10px 9%;
|
||||
}
|
||||
div#YMap {
|
||||
width: 800px;
|
||||
margin: 0% 8% 0% 9%;
|
||||
margin: 0% 8% 10px 9%;
|
||||
}
|
||||
|
||||
/* X Map Sizes
|
||||
@ -112,10 +111,3 @@ div#familygooglev3 {
|
||||
width: 100%;
|
||||
border: double 4px #000;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
------------------------------------------------- */
|
||||
div#footer a {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
@ -466,6 +466,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -693,7 +696,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -508,6 +508,13 @@ div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
|
||||
div#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left: 20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
text-decoration:none;
|
||||
}
|
||||
#familymap a.familymap:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
/* Places
|
||||
================================================= */
|
||||
@ -963,7 +970,7 @@ div.subsection {
|
||||
div.subsection h4 {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size: .9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -463,6 +463,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -690,7 +693,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -464,6 +464,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -691,7 +694,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -465,6 +465,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -692,7 +695,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -465,6 +465,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -692,7 +695,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -458,7 +458,7 @@ table.individuallist tbody tr td.ColumnName a {
|
||||
/* IndividualDetail
|
||||
------------------------------------------------------ */
|
||||
#IndividualDetail {
|
||||
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
|
||||
background:url(../images/Web_Mainz_Mid.png) #FFF2C6;
|
||||
}
|
||||
#IndividualDetail div table.infolist tr td {
|
||||
font:normal .9em/1.2em sans-serif;
|
||||
@ -477,6 +477,9 @@ table.individuallist tbody tr td.ColumnName a {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -682,7 +685,7 @@ table.download td.Modified {
|
||||
min-height:500px;
|
||||
padding:1.5em 0 3em 0;
|
||||
}
|
||||
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, {
|
||||
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Contact p{
|
||||
margin:0 20px 1em 20px;
|
||||
padding-top:1em;
|
||||
}
|
||||
@ -701,7 +704,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
@ -455,6 +455,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
----------------------------------------------------- */
|
||||
@ -466,7 +469,6 @@ table.individuallist tbody tr td.ColumnName a:hover {
|
||||
padding:0;
|
||||
}
|
||||
#Sources table.infolist tbody tr td.ColumnName a {
|
||||
font-size:.9em;
|
||||
padding:.1em 10px .3em 10px;
|
||||
}
|
||||
#Sources table.infolist tbody tr td.ColumnName a:hover {
|
||||
@ -690,7 +692,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
@ -937,7 +939,7 @@ div#pedigree {
|
||||
font-size: 12px;
|
||||
line-height: 130%;
|
||||
font-family: sans-serif;
|
||||
color: #FFF;
|
||||
color: #C1B398;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #542;
|
||||
@ -945,7 +947,7 @@ div#pedigree {
|
||||
}
|
||||
#footer a, #footer a:visited {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
color: #C1B398;
|
||||
}
|
||||
#footer a:hover {
|
||||
text-decoration: underline;
|
||||
@ -960,13 +962,13 @@ div#pedigree {
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
color: #FFF;
|
||||
color: #C1B398;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
color: #FFF;
|
||||
color: #C1B398;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#footer p#copyright img {
|
||||
|
||||
@ -509,6 +509,14 @@ div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
|
||||
div#IndividualDetail div.subsection table tr td:first-child {
|
||||
padding-left:20px;
|
||||
}
|
||||
#familymap a.familymap {
|
||||
margin-left:20px;
|
||||
text-decoration:none;
|
||||
color:rgb(0,0,0);
|
||||
}
|
||||
#familymap a.familymap:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
@ -935,7 +943,7 @@ div.subsection{
|
||||
div.subsection h4 {
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
div.subsection table, div.subsection ol, div.subsection p {
|
||||
div.subsection table, div.subsection ol, div.subsection p, div.subsection > a {
|
||||
font-size:.9em;
|
||||
}
|
||||
div.subsection a {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user