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
@@ -58,7 +58,7 @@ Middle Light images/Web_Mainz_MidLight.png
|
||||
|
||||
|
||||
NarrativeWeb Styles
|
||||
--------------------------------------------------------------------------------------------
|
||||
----------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
-----------------------------------------------------------------*/
|
||||
@@ -150,7 +150,8 @@ a {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #FFFFE7;
|
||||
background-color: #D8C19F;
|
||||
font-style: italic;
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
@@ -167,7 +168,7 @@ a[href]:hover, a[href]:active {
|
||||
/* Navigation
|
||||
-----------------------------------------------------------------*/
|
||||
div#nav, #subnavigation {
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
|
||||
background: url(../images/Web_Mainz_Mid.png) repeat-x top left;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style-type: none;
|
||||
@@ -233,7 +234,7 @@ div#alphanav ul li a:hover {
|
||||
}
|
||||
|
||||
/* Responsive navigation */
|
||||
a.navIcon {
|
||||
button.navIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -280,11 +281,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: 80px;
|
||||
border: 0px;
|
||||
color: #7D5925;
|
||||
background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
|
||||
}
|
||||
|
||||
.nav.responsive {position: absolute; display: block; z-index: 100;}
|
||||
@@ -380,12 +384,40 @@ table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table#SortByName tr:hover td.ColumnSurname,
|
||||
table#SortByCount tr:hover td.ColumnQuantity {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
table#SortByName tbody tr:hover,
|
||||
table#SortByCount tbody tr:hover,
|
||||
table#SortByName tr:hover td.ColumnQuantity,
|
||||
table#SortByCount tr:hover td.ColumnSurname {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
table.surname tbody tr:hover,
|
||||
table.surname tr:hover td.ColumnName {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
#SurnameDetail h3 {
|
||||
border-bottom-width: 0px;
|
||||
padding-bottom: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
#parents table.infolist tbody tr:hover,
|
||||
table.IndividualList tbody tr:hover,
|
||||
table.IndividualList tr:hover td.ColumnSurname {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist tbody tr:hover,
|
||||
#Places table.infolist tr:hover td.ColumnName {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
/* Events
|
||||
-----------------------------------------------------------------*/
|
||||
#EventList tr.BeginType td {
|
||||
@@ -399,6 +431,10 @@ table#SortByCount thead th.ColumnQuantity a:after {
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList table.infolist tbody tr:hover,
|
||||
#EventList table.infolist tr:hover td.ColumnType {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
/* Family events, put mother on next line */
|
||||
#EventList td.ColumnPerson span.father,
|
||||
#EventList td.ColumnPerson span.mother,
|
||||
@@ -422,9 +458,57 @@ table#SortByCount thead th.ColumnQuantity a:after {
|
||||
#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 th.ColumnDate {
|
||||
width: 15%;
|
||||
padding-left: 25px;
|
||||
}
|
||||
#families table.eventlist td.ColumnDate {
|
||||
width: 15%;
|
||||
padding-left: 20px;
|
||||
}
|
||||
#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: 25px;
|
||||
}
|
||||
#IndividualDetail div table.eventlist td.ColumnEvent {
|
||||
padding-right: 0px;
|
||||
width: 8%;
|
||||
}
|
||||
#IndividualDetail div table.eventlist td.ColumnSources {
|
||||
width: 5%;
|
||||
}
|
||||
#IndividualDetail div table.eventlist td.ColumnDate {
|
||||
padding-right: 0px;
|
||||
width: 15%;
|
||||
}
|
||||
#IndividualDetail div table.eventlist td.ColumnEvent,
|
||||
#IndividualDetail div table.eventlist td.ColumnDate,
|
||||
#IndividualDetail div table.eventlist td.ColumnPlace {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
@@ -485,6 +569,10 @@ table.eventlist tbody tr td.ColumnSources {
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#Sources table.infolist tbody tr:hover,
|
||||
#Sources table.infolist tr:hover td.ColumnType {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
-----------------------------------------------------------------*/
|
||||
@@ -551,6 +639,10 @@ div#SourceDetail {
|
||||
|
||||
/* SubSection : Families
|
||||
-----------------------------------------------------------------*/
|
||||
#families table.infolist td.ColumnValue.Child table.infolist tbody tr:hover,
|
||||
table.relationships tr:hover td {
|
||||
background-color: #D8C19F;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
@@ -569,9 +661,6 @@ div#families .infolist h4 {
|
||||
#gallery {
|
||||
background-color: green;
|
||||
}
|
||||
#indivgallery {
|
||||
background-color: white;
|
||||
}
|
||||
#gallery .gallerycell {
|
||||
float: left;
|
||||
width: 130px;
|
||||
@@ -596,7 +685,6 @@ div#families .infolist h4 {
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.5em;
|
||||
background-color: white;
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #7D5925;
|
||||
@@ -607,7 +695,6 @@ div#families .infolist h4 {
|
||||
}
|
||||
#gallery div.indexno {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #CCC;
|
||||
@@ -649,11 +736,21 @@ h4 + div.grampsstylednote, a.familymap {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
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 : Source References
|
||||
@@ -721,16 +818,22 @@ div.grampsstylednote p {
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6;
|
||||
}
|
||||
|
||||
/* Updates
|
||||
----------------------------------------------------- */
|
||||
#Updates table.list td.date {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
-----------------------------------------------------------------*/
|
||||
button#drop {
|
||||
font-style: italic;
|
||||
color: #FFF2C6;
|
||||
background: url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat;
|
||||
border: outset 3px black ! important;
|
||||
border: outset 3px black !important;
|
||||
}
|
||||
div#map_canvas {
|
||||
border-color: #7D5925 ! important;
|
||||
border-color: #7D5925 !important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
|
||||
Reference in New Issue
Block a user