Narrative web: Some improvements (#931)
* Narrative web: Some improvements - Event type, Date and place in bold - Family events shifted one column on the left - ancestortree css file before narrative-screen to allow modification - Adaptation for all themes Fixes #11393 * Narrative web: forgot a comma during last merge * Allow scrolling if the ancestor tree is too large * Translation of alternate stylesheets name * Crash when using the family map * Translate only the css title, not the file name * Some minor corrections to css files * Narrative web: open layers optimizations * Narrative web: open layers and link in popup * Narrative web: some events missing in popup * Narrative web: Reference date column too large. Allow the place title to use the maximum of width * NarrativeWeb: shift children from one column - adapt the css files to the new table - some inconsistencies between the source and the css * Make the drop down menu button size usable * NarrativeWeb: Incorrect rendering when use of alternate place name * NarWeb: removing the unused image heigth option * Click on image link gives a not found URL. If the image used in home, introduction or contact page is not already associated by a filtered object, we have a 404 error * NarWeb: Index images and thumbnails pages optional * Narweb: Improper Notes subtitle in web pages * Narweb: List index truncated after 999 * Narweb: NarrativeWeb usage enhancements * Narweb: avoid duplicate files in archive. * Narweb: Add an optional news and updates page: When you have a big database and you make intensive updates, it's useful to have a list of the last modified objects. you can select the period to show and how many records to see per object type. * Narweb: forgot to add the module updates.py * Narweb: some minor changes (pylint, img index bug) * Popups don't work with the last openlayers version It only needs to move the scripts at the end of the html body. Use addEventListener instead of onload in the html body statement. * Narweb: some popup problems * Narweb: better score for pylint
This commit is contained in:
Serge Noiraud
GitHub
@@ -1,14 +1,14 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
*******************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
*******************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic-Ash Stylesheet
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet
|
||||
**************************************************************************************************
|
||||
*******************************************************************************
|
||||
This website was created with GRAMPS <http://www.gramps-project.org/>
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
GRAMPS is a Free Software Project for Genealogy, offering a professional
|
||||
|
||||
genealogy program, and a wiki open to all. It is a community project, created,
|
||||
@@ -16,7 +16,7 @@ developed and governed by genealogists.
|
||||
|
||||
Go to <http://gramps-project.org/> to learn more!
|
||||
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
Copyright 2008 Jason M. Simanek
|
||||
Copyright 2009 Stephane Charette
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
@@ -36,10 +36,10 @@ 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
|
||||
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
|
||||
Color Palette
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
|
||||
black #000
|
||||
gray dark #555
|
||||
@@ -47,14 +47,14 @@ gray #999
|
||||
gray light #CCC
|
||||
gray very light #EEE
|
||||
white #FFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
@@ -235,7 +235,7 @@ div#alphanav ul li a:hover {
|
||||
}
|
||||
|
||||
/* Responsive navigation */
|
||||
a.navIcon {
|
||||
button.navIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -282,11 +282,14 @@ div#nav::after {
|
||||
.nav li {display: none;}
|
||||
.nav ul {display: none;}
|
||||
|
||||
a.navIcon {
|
||||
font-size:1.3em;
|
||||
button.navIcon {
|
||||
display: block;
|
||||
margin: 0.1em 0.4em 0.4em 0.4em;
|
||||
float: left;
|
||||
font-size:2.9em;
|
||||
line-height: 35px;
|
||||
border: 0px;
|
||||
color: #555;
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
.nav.responsive {position: absolute; display: block; z-index: 100;}
|
||||
@@ -393,18 +396,41 @@ table#SortByCount thead th.ColumnQuantity a:after {
|
||||
table.surname td.ColumnName {
|
||||
background-color: #EEE;
|
||||
}
|
||||
table#SortByName tr:hover td.ColumnSurname,
|
||||
table#SortByCount tr:hover td.ColumnQuantity {
|
||||
background-color: #DDE;
|
||||
}
|
||||
table#SortByName tr:hover,
|
||||
table#SortByCount tr:hover,
|
||||
table#SortByName tr:hover td.ColumnQuantity,
|
||||
table#SortByCount tr:hover td.ColumnSurname {
|
||||
background-color: #DDE;
|
||||
}
|
||||
table.surname tr:hover,
|
||||
table.surname tr:hover td.ColumnName {
|
||||
background-color: #DDE;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #EEE;
|
||||
}
|
||||
#parents table.infolist tr:hover,
|
||||
table.IndividualList tr:hover,
|
||||
table.IndividualList tr:hover td.ColumnSurname {
|
||||
background-color: #DDE;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #EEE;
|
||||
}
|
||||
#Places table.infolist tr:hover,
|
||||
#Places table.infolist tr:hover td.ColumnName {
|
||||
background-color: #DDE;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
@@ -420,6 +446,10 @@ table.IndividualList td.ColumnSurname {
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList table.infolist tr:hover,
|
||||
#EventList table.infolist tr:hover td.ColumnType {
|
||||
background-color: #DDE;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
@@ -440,10 +470,33 @@ table.IndividualList td.ColumnSurname {
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
table.eventlist tbody tr td:first-child,
|
||||
table.eventlist thead tr th:first-child {
|
||||
padding-left: 10px;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnSources {
|
||||
width: 5%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnDate {
|
||||
width: 15%;
|
||||
}
|
||||
table.eventlist td.ColumnEvent,
|
||||
table.eventlist td.ColumnDate,
|
||||
table.eventlist td.ColumnPlace {
|
||||
font-weight: bold;
|
||||
}
|
||||
#attributes table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#attributes table.infolist td.ColumnSources {
|
||||
width: 5%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#WebLinks table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
@@ -495,6 +548,10 @@ table.eventlist tbody tr td.ColumnSources {
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#Sources table.infolist tr:hover,
|
||||
#Sources table.infolist tr:hover td.ColumnType {
|
||||
background-color: #DDE;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
@@ -564,18 +621,32 @@ div#SourceDetail {
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
|
||||
table.relationships tr:hover {
|
||||
background-color: #DDE;
|
||||
}
|
||||
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
div#families table.fixed_subtables table.eventlist th.ColumnDate {
|
||||
width: 12%;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th.ColumnSources {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: black;
|
||||
}
|
||||
div#families table.fixed_subtables .Child table.eventlist .ColumnName {
|
||||
width: 60%;
|
||||
}
|
||||
div#families table.fixed_subtables .Child table.eventlist .ColumnDate {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
@@ -615,7 +686,6 @@ div#families table.attrlist td.ColumnType {
|
||||
}
|
||||
#gallery div.indexno {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #CCC;
|
||||
@@ -663,11 +733,15 @@ div.snapshot div.thumbnail {
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i.NoteType {
|
||||
font-weight: bold;
|
||||
font-size: .8em;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
padding-bottom: 0.6em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
@@ -676,6 +750,12 @@ a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : References
|
||||
----------------------------------------------------- */
|
||||
#references ol {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
@@ -736,10 +816,16 @@ a.familymap {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Updates
|
||||
----------------------------------------------------- */
|
||||
#Updates table.list td.date {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #EEE ! important;
|
||||
background-color: #EEE !important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
|
||||
Reference in New Issue
Block a user