31b80da797
* Navweb: multi-language configuration. * Navweb: multi-language exec, navigation menu, css * Navweb: make css responsive for multi-language * Language menu must work with a non english lang * Avoid to copy common files for each language * Use cms and archive in multi-languages * Add the default index. * Some cleanup. * Images: performances improvement with image_size Need to use the magic library (python-magic, python3-magic, ...) If this library don't exist on the system, continue to use the Gdk method. - force archive if we use CMS - remove some unused code - some strings are not translatable - stay on the same page when you change language - add image in the ancestor tree for all levels and not for the first 5 performances: - copy images and thumbs only for the first language * Some minor corrections and performances test * Update comments for methods and functions * Narweb: add show tags option * Try to translate tags and suppress the colon (:) * Narweb: integrate of webcal for multilang use For each lang, we use the related calendar if it exists * Death string only translated for the locale lang * set correct url for extrapage. * Add optional toggle for html sections * show birth and death date if close option selected * No background in references section with Mainz css * Remove photo from list incompatible with multilang * Add the first photo to the place page marker * Add associated persons. * Solves 'undefined' in map popup. * Calendar: Set the background for the current day * Thumbnail align problem with long description. * Set the contact page date to the note date * Add a scroll to top button. * Increase the nb of generations since we can scroll * Difficult to see the "go to top" icon. * Better management for the toggle switch
210 lines
5.1 KiB
CSS
210 lines
5.1 KiB
CSS
/*
|
|
#
|
|
# Gramps - a GTK+/GNOME based genealogy program
|
|
#
|
|
# Copyright (C) 2010 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.
|
|
#
|
|
# $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 {
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
overflow-x:auto;
|
|
}
|
|
#toggle_anc {
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
overflow-x:auto;
|
|
}
|
|
#treeContainer {
|
|
position:relative;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
z-index:1;
|
|
}
|
|
#treeContainer div.boxbg {
|
|
position:absolute;
|
|
margin:0px;
|
|
padding:0px;
|
|
background:none;
|
|
}
|
|
#treeContainer div.boxbg a,
|
|
#treeContainer div.boxbg span.unlinked {
|
|
position:relative;
|
|
z-index:10;
|
|
display:block;
|
|
font:normal 1.1em/1.4em sans-serif;
|
|
text-align:center;
|
|
word-break:break-word;
|
|
word-wrap:break-word;
|
|
text-decoration:none;
|
|
color: #00029D;
|
|
width:280px;
|
|
min-height: 70px;
|
|
margin-left:16px;
|
|
border: solid 2px #000;
|
|
border-radius: 10px;
|
|
}
|
|
#treeContainer div.boxbg a.noThumb,
|
|
#treeContainer div.AncCol4 a,
|
|
#treeContainer div.AncCol4 span.unlinked {
|
|
margin-top:10px;
|
|
float: right;
|
|
}
|
|
#treeContainer div.boxbg a:hover {
|
|
position:relative;
|
|
z-index:999;
|
|
font-size:1.3em;
|
|
word-break:break-word;
|
|
word-wrap:break-word;
|
|
text-decoration:none;
|
|
color: #00029D;
|
|
width:400px;
|
|
margin-left:-20px;
|
|
padding: 0px 0px 0px 40px;
|
|
}
|
|
#treeContainer div.boxbg a:hover,
|
|
#treeContainer div.AncCol4 a:hover {
|
|
margin-top:-44px;
|
|
}
|
|
#treeContainer div.boxbg a.noThumb:hover {
|
|
margin-top:0;
|
|
padding-left: 10px;
|
|
}
|
|
#treeContainer div.AncCol0 a:hover {
|
|
margin-left:12px;
|
|
}
|
|
#treeContainer div.AncCol4 a:hover {
|
|
margin-left:-60px;
|
|
}
|
|
#treeContainer div.boxbg span.thumbnail {
|
|
display:block;
|
|
position: absolute;
|
|
max-width:85px;
|
|
max-height:75px;
|
|
left: 3px;
|
|
top: 3px;
|
|
}
|
|
#treeContainer div.boxbg a.thumbnail table td.img {
|
|
padding-right: 5px;
|
|
}
|
|
#treeContainer div.boxbg a.thumbnail:hover table td.img {
|
|
padding-right: 9px;
|
|
}
|
|
#treeContainer div.boxbg a.thumbnail table td.name {
|
|
padding-top:3px;
|
|
padding-left: 2px;
|
|
padding-right: 23px;
|
|
width: 90%;
|
|
}
|
|
#treeContainer div.boxbg a.thumbnail img {
|
|
margin-left:0px;
|
|
padding-left: 0px;
|
|
border-radius: 5px;
|
|
}
|
|
#treeContainer div.boxbg a.thumbnail:hover img {
|
|
max-height:90%;
|
|
margin-left:5px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 4px;
|
|
border-radius: 5px;
|
|
}
|
|
#treeContainer div.boxbg table td:first-child, table th:first-child {
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
#IndividualDetail div.subsection table tr td:first-child {
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
#treeContainer #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.boxbg a:hover {
|
|
float: right;
|
|
margin-top: 10px;
|
|
border: solid 4px #000;
|
|
}
|
|
#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;
|
|
}
|