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,15 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
*******************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
*******************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic - Lilac
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Business' stylesheet
|
||||
**************************************************************************************************
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the
|
||||
original 'Business' 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 +17,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 +37,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
|
||||
lilac dark #2E2E61
|
||||
@@ -47,14 +48,14 @@ lilac #669
|
||||
lilac light #B4B4CB
|
||||
lilac very light #E0E0E9
|
||||
white #FAFAFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
-------------------------------------------------------------------------------
|
||||
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
|
||||
----------------------------------------------------- */
|
||||
@@ -237,7 +238,7 @@ div#alphanav ul li a:hover {
|
||||
}
|
||||
|
||||
/* Responsive navigation */
|
||||
a.navIcon {
|
||||
button.navIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -284,11 +285,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: #2E2E61;
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
|
||||
.nav.responsive {position: absolute; display: block; z-index: 100;}
|
||||
@@ -419,12 +423,31 @@ table.surname td.ColumnName {
|
||||
table.surname td.ColumnName > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table#SortByName tr:hover td.ColumnSurname,
|
||||
table#SortByCount tr:hover td.ColumnQuantity {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
table#SortByName tr:hover,
|
||||
table#SortByCount tr:hover,
|
||||
table#SortByName tr:hover td.ColumnQuantity,
|
||||
table#SortByCount tr:hover td.ColumnSurname {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
table.surname tr:hover,
|
||||
table.surname tr:hover td.ColumnName {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
#parents table.infolist tr:hover,
|
||||
table.IndividualList tr:hover,
|
||||
table.IndividualList tr:hover td.ColumnSurname {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
@@ -441,6 +464,10 @@ table.IndividualList td.ColumnSurname {
|
||||
#Places table.infolist td.ColumnName > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
#Places table.infolist tr:hover,
|
||||
#Places table.infolist tr:hover td.ColumnName {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
@@ -456,6 +483,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: #B4B4CB;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
@@ -476,9 +507,54 @@ table.IndividualList td.ColumnSurname {
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
table.eventlist tbody tr td.ColumnSources {
|
||||
#attributes table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#attributes table.infolist td.ColumnValue {
|
||||
width: 15%;
|
||||
}
|
||||
#attributes table.infolist td.ColumnSources {
|
||||
width: 5%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#WebLinks table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#events table.eventlist td.ColumnDate {
|
||||
width: 15%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#families table.eventlist td.ColumnDate {
|
||||
width: 15%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#families table.eventlist tbody tr td:first-child,
|
||||
#families table.eventlist thead tr th:first-child {
|
||||
width: 10%;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#families table.eventlist tbody tr td.ColumnDate,
|
||||
#families table.eventlist tbody tr td.ColumnNotes {
|
||||
padding-left: 20px;
|
||||
}
|
||||
table.eventlist tbody tr td:first-child,
|
||||
table.eventlist thead tr th:first-child {
|
||||
padding-left: 10px;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnSources {
|
||||
padding-left: 20px;
|
||||
width: 5%;
|
||||
}
|
||||
#families table.eventlist th.ColumnDate {
|
||||
padding-left: 20px;
|
||||
width: 15%;
|
||||
}
|
||||
table.eventlist td.ColumnEvent,
|
||||
table.eventlist td.ColumnDate,
|
||||
table.eventlist td.ColumnPlace {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
@@ -534,6 +610,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: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
@@ -603,6 +683,10 @@ div#SourceDetail {
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
|
||||
table.relationships tr:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
@@ -654,7 +738,6 @@ div#families table.attrlist td.ColumnType {
|
||||
}
|
||||
#gallery div.indexno {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #CCC;
|
||||
@@ -702,11 +785,21 @@ 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 : References
|
||||
----------------------------------------------------- */
|
||||
#references ol {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
@@ -778,10 +871,16 @@ a.familymap {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Updates
|
||||
----------------------------------------------------- */
|
||||
#Updates table.list td.date {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #E0E0E9 ! important;
|
||||
background-color: #E0E0E9 !important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
|
||||
Reference in New Issue
Block a user