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
2019-12-14 11:55:16 +01:00
committed by GitHub
parent 5157700da3
commit fd072528d2
29 changed files with 1775 additions and 557 deletions

View File

@ -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

View File

@ -11,7 +11,7 @@
# 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,
# 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.
@ -139,7 +139,6 @@ h1 {
h2 {
font: bold 1em sans-serif;
text-align: center;
float: center;
}
h3 {
font: bold italic 1.6em serif;
@ -349,7 +348,7 @@ div#footer p#copyright img {
}
/* Responsive navigation */
a.navIcon {
button.navIcon {
display: none;
}
@ -359,6 +358,12 @@ div#header::after {
display: table;
}
/* Updates
----------------------------------------------------- */
#Updates table.list td.date {
width: 20%;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphanav {
@ -432,11 +437,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: 60px;
border: 0px;
color: #FFF;
background-color: #00029D;
}
.nav.responsive {position: absolute; display: block; z-index: 100;}
@ -506,13 +514,12 @@ table.infolist tr td.ColumnRowLabel a {
}
table.infolist tr td.ColumnType {
width: 6%;
padding-left: 20px;
}
table.infolist tr td.ColumnAttribute {
width: 10%;
}
table.infolist tr td.ColumnValue {
width: 40%;
width: 30%;
}
table.infolist tr td.ColumnName {
width: 30%;
@ -527,7 +534,7 @@ table.infolist tr td.ColumnPartner {
table.infolist tr td.ColumnParents {
width: 30%;
}
table.infolist tbody tr td.ColumnParents span.father,
table.infolist tbody tr td.ColumnParents span.father,
table.infolist tbody tr td.ColumnParents span.mother {
display: block;
}
@ -595,11 +602,11 @@ div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
margin: 0;
padding: 0;
}
table.surnamelist thead tr th.ColumnSurname,
table.surnamelist thead tr th.ColumnSurname,
#Surnames table.surnamelist tbody tr td.ColumnSurname {
width: 50%;
}
table#SortByName thead tr th.ColumnSurname,
table#SortByName thead tr th.ColumnSurname,
table#SortByCount thead tr th.ColumnQuantity {
background-color: #00029D;
color: #FFF;
@ -610,7 +617,7 @@ table.surnamelist thead tr th.ColumnSurname a {
table.surnamelist thead tr th.ColumnSurname a:hover {
color: #000;
}
table#SortByName thead tr th.ColumnSurname a:after,
table#SortByName thead tr th.ColumnSurname a:after,
table#SortByCount thead tr th.ColumnQuantity a:after {
content: " ↓";
}
@ -661,11 +668,9 @@ div#Places table.infolist tbody tr td.ColumnLongitude {
}
div#PlaceDetail h5 {
font: bold .7cm serif;
float: center;
text-align: center;
border-bottom: double 4px #13A926;
}
/* EventList and EventDetail
------------------------------------------------------ */
@ -676,18 +681,40 @@ div#EventList, div#EventDetail {
table.eventlist tbody tr td.ColumnEvent {
width: 10%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 25%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 20%;
}
table.eventlist tbody tr td.ColumnSources {
vertical-align: top;
width: 5%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist th.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;
}
#families table.infolist th.ColumnEvent {
width: 10%;
padding-left: 0px;
}
#families table.infolist td.ColumnAttribute {
padding-left: 0px;
}
div#IndividualDetail div#families table.eventlist tr td {
border-bottom: dashed 1px #000;
}
@ -719,7 +746,7 @@ div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 50%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
@ -751,7 +778,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
#EventDetail table.infolist tr td a {
display: inline;
}
#EventList table.infolist tr td span.father,
#EventList table.infolist tr td span.father,
#EventList table.infolist tr td span.mother,
#EventDetail table.infolist tr td span.father,
#EventDetail table.infolist tr td span.mother {
@ -863,7 +890,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
}
#GalleryDetail div#summaryarea table.gallery {
padding-bottom: 0;
margin: 1 .5em 0 0;
border-style: solid;
border-width: 2px 0 1px 0;
border-color: #000;
@ -949,9 +975,9 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
text-decoration: none;
}
/* Download
/* Download
----------------------------------------------------- */
div#Download {
div#Download {
margin: 0;
width: 100%;
}
@ -965,7 +991,7 @@ div#Download table.download {
div#Download table.download tbody tr#Row02 {
border-bottom: solid 2px #000;
}
div#Download table.download tbody tr td {
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
}
@ -989,6 +1015,9 @@ div#Download table.download td.ColumnModified {
margin: 0;
padding: 0;
}
#Sources table.infolist tr td.ColumnName {
width: 70%;
}
div#SourceDetail {
min-height: 900px
}
@ -1097,8 +1126,14 @@ div#events h4 {
#IndividualDetail div#events table.eventtable {
width: 100%;
}
table.eventlist tbody tr td.ColumnEvent {
width: 12%;
#families table.eventlist tbody tr td.ColumnEvent {
vertical-align: top;
width: 8%;
}
div#RelationshipDetail table.infolist tbody tr td.ColumnAttribute,
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
vertical-align: top;
width: 10%;
}
#IndividualDetail div#events table.infolist tbody tr td {
padding-top: .4em;
@ -1185,6 +1220,10 @@ div#Families table.infolist tbody tr td.ColumnAttribute {
}
div#families table.infolist tbody tr td.ColumnValue p {
margin-top: 0;
margin-left: 0;
}
div#families table.infolist tbody tr td.ColumnValue {
width: 70%;
}
div#families table.infolist tbody tr td.ColumnValue ol {
margin: 0;
@ -1199,6 +1238,22 @@ div#families table.infolist tbody tr td.ColumnValue ol li a {
div#families table.fixed_subtables table.eventlist {
table-layout:fixed;
}
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.fixed_subtables .Child table.eventlist .ColumnName {
width: 60%;
}
div#families table.fixed_subtables .Child table.eventlist .ColumnDate {
width: 20%;
}
div#families table.fixed_subtables .BeginFamily .ColumnType {
width: 7em;
vertical-align: top;
}
/* Subsection: Families: Attributes
------------------------------------------------- */
@ -1215,17 +1270,14 @@ SourcesType {
div#families table.infolist tbody tr td.Value {
width: 15%;
}
div#families table.infolist tr td.Notes {
width: 40%;
}
div#families table.infolist tbody tr td.Sources {
width: 15%;
width: 5%;
}
/* Subsection: Families: LDS Ordinance
------------------------------------------------------ */
div#families table.infolist {
font: normal .8em sans;
font: normal .9em sans;
}
div#families table.infolist tbody tr.BeginOrdinance {
border-top: solid 1px #000;
@ -1366,7 +1418,6 @@ div.Residence table.infolist tr td {
}
#gallery div.indexno {
float: right;
width: 1.8em;
font-size: large;
text-align: center;
background-color: #CCC;
@ -1411,9 +1462,22 @@ div.narrative {
font: normal .9em/1.4em sans-serif;
margin: 0.1em 0 0.2em 0;
}
i.NoteType {
font-weight: bold;
font-size: .8em;
}
i + div.grampsstylednote p {
margin: 0.1em 0 0.2em 0;
}
div.grampsstylednote p {
padding-bottom: 0.6em;
}
/* Subsection : References
----------------------------------------------------- */
#references ol {
margin-left: 3em;
}
/* Subsections : References
----------------------------------------------------- */
@ -1453,6 +1517,9 @@ div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
font: normal .9em/1.2em sans-serif;
vertical-align: top;
}
div#summaryarea table.infolist tr td.ColumnValue {
width: 70%;
}
div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
display:inline;
}
@ -1482,7 +1549,7 @@ table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
width: 80%;
}
/* Subsections : Pedigree
@ -1568,7 +1635,7 @@ div#pedigree {
vertical-align: top;
height: 2em;
}
.calendar thead tr th.weekend,
.calendar thead tr th.weekend,
.calendar thead tr th.weekday {
font-style:italic;
color: #000;
@ -1655,9 +1722,9 @@ div#pedigree {
}
/* Calendar : Previous-Next Month */
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
color: #333;
background-color: #D8F3D6;

View File

@ -1,14 +1,15 @@
/*
**************************************************************************************************
*******************************************************************************
Copyright Holder and License
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Basic - Cypress
Style Author: Jason Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' stylesheet
**************************************************************************************************
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the
original 'Tranquil' 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
slate dark #454
@ -47,14 +48,14 @@ slate #7C8F7C
slate light #9DBF9D
slate very light #E0E6E0
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
----------------------------------------------------- */
@ -239,7 +240,7 @@ div#alphanav ul li a:hover {
}
/* Responsive navigation */
a.navIcon {
button.navIcon {
display: none;
}
@ -286,11 +287,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: #E0E6E0;
background-color: #454;
}
.nav.responsive {position: absolute; display: block; z-index: 100;}
@ -373,9 +377,6 @@ td.ColumnLetter, td.ColumnRowLabel {
td.ColumnEvent, td.ColumnDate {
white-space: nowrap;
}
td.ColumnPlace, td.ColumnDescription {
width: 20%
}
/* end of customizations by Stephane */
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
font-size: 90%;
@ -434,12 +435,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: #9DBF9D;
}
table#SortByName tr:hover,
table#SortByCount tr:hover,
table#SortByName tr:hover td.ColumnQuantity,
table#SortByCount tr:hover td.ColumnSurname {
background-color: #9DBF9D;
}
table.surname tr:hover,
table.surname tr:hover td.ColumnName {
background-color: #9DBF9D;
}
/* Individuals
----------------------------------------------------- */
table.IndividualList td.ColumnSurname {
background-color: #E0E6E0;
}
#parents table.infolist tr:hover,
table.IndividualList tr:hover,
table.IndividualList tr:hover td.ColumnSurname {
background-color: #9DBF9D;
}
/* Places
----------------------------------------------------- */
@ -453,6 +473,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: #9DBF9D;
}
/* Events
----------------------------------------------------- */
@ -468,6 +492,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: #9DBF9D;
}
#EventList td.ColumnPerson span.person:after,
#EventList td.ColumnPerson span.father:after,
#EventList td.ColumnPerson span.mother:after,
@ -488,10 +516,49 @@ 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: 15px;
}
#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 {
padding-left: 15px;
}
#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: 15px;
}
table.eventlist tbody tr td.ColumnSources {
width: 5%;
}
table.eventlist th.ColumnDate {
padding-left: 15px;
width: 15%;
}
table.eventlist td.ColumnEvent,
table.eventlist td.ColumnDate,
table.eventlist td.ColumnPlace {
font-weight: bold;
}
/* Gallery
----------------------------------------------------- */
@ -546,6 +613,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: #9DBF9D;
}
/* Contact
----------------------------------------------------- */
@ -615,6 +686,10 @@ div#SourceDetail {
/* Subsection : Families
----------------------------------------------------- */
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
table.relationships tr:hover {
background-color: #9DBF9D;
}
div#families table.fixed_subtables table.eventlist {
table-layout: fixed;
}
@ -666,7 +741,6 @@ div#families table.attrlist td.ColumnType {
}
#gallery div.indexno {
float: right;
width: 1.8em;
font-size: large;
text-align: center;
background-color: #CCC;
@ -714,11 +788,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
@ -791,10 +875,16 @@ a.familymap {
padding-right: 15px;
}
/* Updates
----------------------------------------------------- */
#Updates table.list td.date {
width: 20%;
}
/* Overwritten
----------------------------------------------------- */
body#FamilyMap {
background-color: #454 ! important;
background-color: #454 !important;
}
/* Calendar Styles

View File

@ -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

View File

@ -1,14 +1,15 @@
/*
**************************************************************************************************
*******************************************************************************
Copyright Holder and License
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Basic-Peach Stylesheet
Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme.
**************************************************************************************************
Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange
color scheme.
*******************************************************************************
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 #36220B
brown #8C581C
@ -47,14 +48,14 @@ orange dark #EA8414
orange #FFC35E
orange light #FFE09F
yellow light #FFFBE7
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
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: #EA8414;
background-color: #FFE09F;
}
.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: #FFC35E;
}
table#SortByName tr:hover,
table#SortByCount tr:hover,
table#SortByName tr:hover td.ColumnQuantity,
table#SortByCount tr:hover td.ColumnSurname {
background-color: #FFC35E;
}
table.surname tr:hover,
table.surname tr:hover td.ColumnName {
background-color: #FFC35E;
}
/* Individuals
----------------------------------------------------- */
table.IndividualList td.ColumnSurname {
background-color: #FFE09F;
}
#parents table.infolist tr:hover,
table.IndividualList tr:hover,
table.IndividualList tr:hover td.ColumnSurname {
background-color: #FFC35E;
}
/* 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: #FFC35E;
}
/* 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: #FFC35E;
}
#EventList td.ColumnPerson span.person:after,
#EventList td.ColumnPerson span.father:after,
#EventList td.ColumnPerson span.mother:after,
@ -476,10 +507,57 @@ table.IndividualList td.ColumnSurname {
#EventDetail td.ColumnPerson span.mother:last-child:after {
content: "";
}
#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: 20px;
}
#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 {
width: 5%;
}
table.eventlist th.ColumnDate {
width: 15%;
}
table.eventlist td.ColumnEvent,
table.eventlist td.ColumnDate,
table.eventlist td.ColumnPlace {
font-weight: bold;
}
/* Gallery
----------------------------------------------------- */
@ -533,6 +611,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: #FFC35E;
}
/* Contact
----------------------------------------------------- */
@ -602,6 +684,10 @@ div#SourceDetail {
/* Subsection : Families
----------------------------------------------------- */
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
table.relationships tr:hover {
background-color: #FFC35E;
}
div#families table.fixed_subtables table.eventlist {
table-layout: fixed;
}
@ -653,7 +739,6 @@ div#families table.attrlist td.ColumnType {
}
#gallery div.indexno {
float: right;
width: 1.8em;
font-size: large;
text-align: center;
background-color: #CCC;
@ -701,11 +786,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
@ -777,11 +872,17 @@ a.familymap {
background-color: #FFC35E;
}
/* Updates
----------------------------------------------------- */
#Updates table.list td.date {
width: 20%;
}
/* Overwritten
----------------------------------------------------- */
button#drop {
background-color: #FFE09F;
border: solid 1px #EA8414 ! important;
border: solid 1px #EA8414 !important;
}
button#drop:hover {
background-color: #FFC35E;

View File

@ -1,14 +1,15 @@
/*
**************************************************************************************************
*******************************************************************************
Copyright Holder and License
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Basic-Spruce Stylesheet
Style Author: Jason M. Simanek (2008)
Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme.
**************************************************************************************************
Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue
color scheme.
*******************************************************************************
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>
@ -37,10 +38,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
blue dark #204D91
@ -48,14 +49,14 @@ blue #7CA3DD
blue light #BFD0EA
blue very light #EAEEF4
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
----------------------------------------------------- */
@ -238,7 +239,7 @@ div#alphanav ul li a:hover {
}
/* Responsive navigation */
a.navIcon {
button.navIcon {
display: none;
}
@ -285,11 +286,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: #204D91;
background-color: #EAEEF4;
}
.nav.responsive {position: absolute; display: block; z-index: 100;}
@ -420,12 +424,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: #BFD0EA;
}
table#SortByName tr:hover,
table#SortByCount tr:hover,
table#SortByName tr:hover td.ColumnQuantity,
table#SortByCount tr:hover td.ColumnSurname {
background-color: #BFD0EA;
}
table.surname tr:hover,
table.surname tr:hover td.ColumnName {
background-color: #BFD0EA;
}
/* Individuals
----------------------------------------------------- */
table.IndividualList td.ColumnSurname {
background-color: #EAEEF4;
}
#parents table.infolist tr:hover,
table.IndividualList tr:hover,
table.IndividualList tr:hover td.ColumnSurname {
background-color: #EAEEF4;
}
/* Places
----------------------------------------------------- */
@ -442,6 +465,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: #BFD0EA;
}
/* Events
----------------------------------------------------- */
@ -457,6 +484,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: #BFD0EA;
}
#EventList td.ColumnPerson span.person:after,
#EventList td.ColumnPerson span.father:after,
#EventList td.ColumnPerson span.mother:after,
@ -477,10 +508,57 @@ table.IndividualList td.ColumnSurname {
#EventDetail td.ColumnPerson span.mother:last-child:after {
content: "";
}
#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: 20px;
}
#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 {
width: 5%;
}
table.eventlist th.ColumnDate {
width: 15%;
}
table.eventlist td.ColumnEvent,
table.eventlist td.ColumnDate,
table.eventlist td.ColumnPlace {
font-weight: bold;
}
/* Gallery
----------------------------------------------------- */
@ -534,6 +612,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: #BFD0EA;
}
/* Contact
----------------------------------------------------- */
@ -603,6 +685,10 @@ div#SourceDetail {
/* Subsection : Families
----------------------------------------------------- */
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
table.relationships tr:hover {
background-color: #BFD0EA;
}
div#families table.fixed_subtables table.eventlist {
table-layout: fixed;
}
@ -654,7 +740,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 +787,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 +873,16 @@ a.familymap {
background-color: #BFD0EA;
}
/* Updates
----------------------------------------------------- */
#Updates table.list td.date {
width: 20%;
}
/* Overwritten
----------------------------------------------------- */
body#FamilyMap {
background-color: #EAEEF4 ! important;
background-color: #EAEEF4 !important;
}
/* Calendar Styles

View File

@ -10,7 +10,7 @@
# 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,
# 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.

View File

@ -9,7 +9,7 @@
# 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,
# 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.
@ -77,8 +77,7 @@ ul#dropmenu li:hover > a {
color: #fafafa
}
*html ul#dropmenu li a:hover /* IE6 */
{
*html ul#dropmenu li a:hover /* IE6 */ {
color: #fafafa
}
ul#dropmenu li:hover > ul {
@ -129,13 +128,11 @@ ul#dropmenu ul a {
float: none;
text-transform: none;
}
*html ul#dropmenu ul a /* IE6 */
{
*html ul#dropmenu ul a /* IE6 */ {
height: 10px;
width: 150px;
}
*:first-child+html ul#dropmenu ul a /* IE7 */
{
*:first-child+html ul#dropmenu ul a /* IE7 */ {
height: 10px;
width: 150px;
}

View File

@ -9,7 +9,7 @@
# 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,
# 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.

View File

@ -10,7 +10,7 @@
# 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,
# 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.

View File

@ -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

View File

@ -1,21 +1,21 @@
/*
**************************************************************************************************
*******************************************************************************
Copyright Holder and License
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Nebraska Default Stylesheet
Style Author: Jason M. Simanek (2008)
**************************************************************************************************
*******************************************************************************
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,
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>
@ -34,10 +34,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
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
brown darkest #453619
brown dark #542
brown #A97
@ -45,14 +45,14 @@ brown light #C1B398
brown lightest #F6F2EE
gray #696969
green #5D835F
--------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
NarrativeWeb Styles
--------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
General Elements
----------------------------------------------------- */
---------------------------------------------------------------------------- */
body {
color:#000;
@ -172,7 +172,7 @@ p#description {
background-color:#FFF;
}
p a {
color:#FFF;
color:#542;
text-decoration:underline;
}
sup {
@ -284,7 +284,7 @@ div#subnavigation ul li.CurrentSection a {
}
/* Responsive navigation */
a.navIcon {
button.navIcon {
display: none;
color: #FFF;
}
@ -332,12 +332,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;
color: #FFF;
font-size:2.9em;
line-height: 70px;
border: 0px;
background-color: #542;
color: #FFF;
}
.nav.responsive {position: absolute; display: block; z-index: 100;}
@ -456,6 +458,20 @@ table.surnamelist tr th a, table.surnamelist tr th a:visited {
table.surnamelist tr th:hover {
background-color:#C1B398;
}
table#SortByName tr:hover td.ColumnSurname,
table#SortByCount tr:hover td.ColumnQuantity {
background-color:#C1B398;
}
table#SortByName tr:hover,
table#SortByCount tr:hover,
table#SortByName tr:hover td.ColumnQuantity,
table#SortByCount tr:hover td.ColumnSurname {
background-color:#C1B398;
}
table.surname tr:hover,
table.surname tr:hover td.ColumnName {
background-color:#C1B398;
}
table.surnamelist thead tr th.ColumnLetter {
padding-left:20px;
padding-right:10px;
@ -511,6 +527,11 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents
/* Individuals
----------------------------------------------------- */
#parents table.infolist tr:hover,
table.IndividualList tr:hover,
table.IndividualList tr:hover td.ColumnSurname {
background-color:#C1B398;
}
#Individuals { }
#Individuals table.IndividualList {
border-bottom:solid 1px #A97;
@ -554,6 +575,7 @@ table.IndividualList tbody tr td.ColumnName a:hover {
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
padding-left: 5px;
}
#IndividualDetail div table.infolist tr td a {
display:inline;
@ -566,6 +588,7 @@ table.IndividualList tbody tr td.ColumnName a:hover {
color:#696969;
}
#IndividualDetail div.subsection table tr td:first-child {
color:#696969;
padding-left:20px;
}
#familymap a.familymap {
@ -603,6 +626,10 @@ table.attrlist tbody tr td.ColumnSources {
/* Sources
----------------------------------------------------- */
#Sources table.infolist tr:hover,
#Sources table.infolist tr:hover td.ColumnType {
background-color:#C1B398;
}
#Sources { }
#Sources table.infolist tbody tr td.ColumnRowLabel {
padding-bottom:0;
@ -651,6 +678,10 @@ table.relationships tbody tr td.ColumnPartner a:hover {
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tr:hover,
#Places table.infolist tr:hover td.ColumnName {
background-color:#C1B398;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
@ -670,7 +701,11 @@ table.relationships tbody tr td.ColumnPartner a:hover {
#EventDetail table.infolist tr td a {
display: inline;
}
#EventList table.infolist tr td span.father,
#EventList table.infolist tr:hover,
#EventList table.infolist tr:hover td.ColumnType {
background-color:#C1B398;
}
#EventList table.infolist tr td span.father,
#EventList table.infolist tr td span.mother,
#EventDetail table.infolist tr td span.father,
#EventDetail table.infolist tr td span.mother {
@ -692,10 +727,27 @@ table.relationships tbody tr td.ColumnPartner a:hover {
#EventDetail table.infolist tr td span.mother:last-child:after {
content: "";
}
table.eventlist tbody tr td.ColumnSources {
#IndividualDetail div table.eventlist tbody tr td:first-child,
#IndividualDetail div table.eventlist thead tr th:first-child {
padding-left: 10px;
}
#IndividualDetail div table.eventlist tbody tr td.ColumnSources {
padding-left: 5px;
width: 5%;
}
#IndividualDetail div table.eventlist tbody tr td.ColumnEvent {
padding-right: 0px;
width: 8%;
}
#IndividualDetail div table.eventlist tbody tr td.ColumnDate {
padding-left: 10px;
width: 15%;
}
#IndividualDetail div table.eventlist td.ColumnEvent,
#IndividualDetail div table.eventlist td.ColumnDate,
#IndividualDetail div table.eventlist td.ColumnPlace {
font-weight: bold;
}
/* Gallery
----------------------------------------------------- */
@ -847,9 +899,9 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
text-decoration:underline;
}
/* Download
/* Download
----------------------------------------------------- */
#Download {
#Download {
padding:1cm;
height:396px;
}
@ -869,7 +921,7 @@ table.download thead tr th {
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
table.download thead tr th, table.download tbody tr td {
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
@ -972,9 +1024,6 @@ div#events h4 {
padding-bottom:4px;
background-color:#A97;
}
#IndividualDetail div#events table.infolist thead tr th:first-child {
padding-left:20px;
}
#IndividualDetail div#events table.infolist tbody tr td {
padding-top:.4em;
padding-bottom:.8em;
@ -990,6 +1039,51 @@ table.infolist tbody tr td.ColumnValue p {
color:#696969;
margin:.2em 0 0 2em;
}
#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.weblinks tbody tr td:first-child {
vertical-align:middle;
}
#WebLinks table.weblinks td.ColumnType,
#WebLinks table.weblinks td.ColumnDescription {
}
#events table.eventlist td.ColumnDate {
width: 15%;
padding-left: 10px;
}
#families table.eventlist th.ColumnDate {
width: 15%;
padding-left: 10px;
}
#families table.eventlist td.ColumnEvent,
#families table.eventlist td.ColumnDate,
#families table.eventlist td.ColumnPlace,
#families table.eventlist td.ColumnDescription,
#families table.eventlist td.ColumnSources {
padding-top:.4em;
padding-bottom:.8em;
}
#families table.eventlist td.ColumnDate {
width: 15%;
padding-left: 20px;
}
#families table.eventlist td.ColumnNotes {
font:normal 1.1em/1.4em sans-serif;
}
#families table.eventlist tbody tr td:first-child,
#families table.eventlist thead tr th:first-child {
width: 10%;
padding-left: 0px;
}
/* Subsections : Attributes
----------------------------------------------------- */
@ -1012,10 +1106,15 @@ div#parents table.infolist tbody tr td.ColumnValue ol li {
/* Subsections : Families
----------------------------------------------------- */
#families table.infolist td.ColumnValue.Child table.infolist tr:hover,
table.relationships tr:hover {
background-color:#C1B398;
}
div#families table.infolist {
margin-top:.5em;
}
div#families table.infolist tbody tr td.ColumnValue p {
margin-left:0;
margin-top:0;
}
div#families table.infolist tbody tr td.ColumnValue ol {
@ -1063,9 +1162,6 @@ div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a {
#gallery {
background-color: green;
}
#indivgallery {
background-color: white;
}
#gallery .gallerycell {
float: left;
width: 130px;
@ -1088,11 +1184,10 @@ div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a {
float:left;
width:130px;
text-align:center;
background-color: white;
background-color: #F6F2EE;
}
#gallery div.indexno {
float: right;
width: 1.8em;
font-size: large;
text-align: center;
background-color: #CCC;
@ -1155,16 +1250,26 @@ div.snapshot div.thumbnail {
div.narrative {
padding-bottom:0;
}
i.NoteType {
font-weight: bold;
font-size: .8em;
}
i + div.grampsstylednote p {
margin: 0.1em 0 0.2em 0;
}
div.grampsstylednote p {
padding-bottom: 0.6em;
}
.narrative p {
margin: 0.1em 0 0.2em 0;
font:normal .9em/1.4em sans-serif;
}
/* Subsections : References
/* Subsection : References
----------------------------------------------------- */
#references ol {
margin-left: 3em;
}
/* Subsections : Source References
----------------------------------------------------- */
@ -1306,6 +1411,12 @@ div#pedigree {
padding: 0;
}
/* Updates
----------------------------------------------------- */
#Updates table.list td.date {
width: 20%;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
@ -1343,12 +1454,12 @@ body#WebCal {
vertical-align: top;
height: 2em;
}
.calendar thead tr th.weekend,
.calendar thead tr th.weekend,
.calendar thead tr th.weekday {
color:#542;
background-color:#A97;
}
.calendar thead tr th.saturday,
.calendar thead tr th.saturday,
.calendar thead tr th.sunday { }
.calendar tfoot tr td {
padding:.7em 5% 1em 5%;
@ -1434,9 +1545,9 @@ body#WebCal {
}
/* Calendar : Previous-Next Month */
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
color:#A97;
background-color:#F6F2EE;

View File

@ -1,22 +1,22 @@
/*
**************************************************************************************************
*******************************************************************************
Copyright Holder and License
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Print Style Sheet
Style Author: Jason M. Simanek (2008)
Modified by Rob G. Healey, July 2008
**************************************************************************************************
*******************************************************************************
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,
developed and governed by genealogists.
'Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
This file is part of the GRAMPS program.
@ -31,21 +31,21 @@ 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
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
gray #A7A7A7
red #520
black #000
white #FFF
---------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
NarrativeWeb Styles
--------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
General Elements
General Elements
----------------------------------------------------- */
body {
@ -419,7 +419,7 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
/* Contact
----------------------------------------------------- */
#researcher {
margin:16pt 0 0 0;
@ -456,13 +456,13 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
clear:left;
}
/* Subsections
/* Subsections
----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact {
padding:3em 20px;
}
/* Subsections : Events
/* Subsections : Events
----------------------------------------------------- */
#IndividualDetail .ColumnValue {
padding:4pt 0;
@ -472,7 +472,7 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
margin:1pt 0 0 18pt;
}
/* Subsections : Gallery
/* Subsections : Gallery
----------------------------------------------------- */
#indivgallery h4 {
margin-bottom:1em;
@ -532,7 +532,7 @@ table.attrlist tbody tr td.ColumnSources {
width: 10%;
}
/* Subsections : Pedigree
/* Subsections : Pedigree
----------------------------------------------------- */
#pedigree a {
text-decoration:none;
@ -574,7 +574,7 @@ table.attrlist tbody tr td.ColumnSources {
font-weight:bold;
}
/* Subsections : Ancestors Tree
/* Subsections : Ancestors Tree
----------------------------------------------------- */
#tree {
page-break-before:always;
@ -674,7 +674,7 @@ p#createdate {
display: none;
}
/* Calendar Styles
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
body#WebCal h1#SiteTitle {
@ -791,9 +791,9 @@ body#WebCal a {
}
/* Calendar : Previous-Next Month */
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
font-weight:normal;
font-size:12pt;

View File

@ -10,7 +10,7 @@
# 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,
# 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.
@ -20,17 +20,18 @@
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
#
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Web_Navigation-Vertical.css Stylesheet
***************************************************************************************************
*******************************************************************************
# $Id: Web_Navigation-Vertical.css 15241 2010-04-19 11:07:00Z robhealey1 $
Body Element
----------------------------------------------------- */
body { background: -webkit-gradient
(linear, left top, left bottom, from(#ccc), to(#fff));
body {
background: -webkit-gradient (linear, left top, left bottom,
from(#ccc), to(#fff));
color: #000;
padding: 60px 0px 0px 146px;
}

View File

@ -10,7 +10,7 @@
# 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,
# 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.
@ -20,15 +20,15 @@
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
#
**************************************************************************************************
*******************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Visually Impaired Stylesheet
Style Author: Jason M. Simanek (2008)
***************************************************************************************************
*******************************************************************************
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------
brown dark #453619, #542
brown light #C1B398
gray #696969
@ -47,7 +47,7 @@ Females Web_Gender_Female.png
NarrativeWeb Styles
-------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------- */
div#alphabet ul li {
background-color: #6AF364;
}
@ -96,8 +96,6 @@ img {
background:none;
}
.content {
overflow: auto;
width:965px;
margin:0 auto;
padding-bottom: .2em;
}
@ -349,7 +347,7 @@ table.infolist tbody tr td.ColumnPartner a {
table.infolist tbody tr td.ColumnParents {
font-size:.9em;
}
table.infolist tbody tr td.ColumnParents span.father,
table.infolist tbody tr td.ColumnParents span.father,
table.infolist tbody tr td.ColumnParents span.mother {
display:block;
}
@ -366,7 +364,7 @@ table.infolist tbody tr td.ColumnParents span.mother:before {
#SurnameDetail p#description {
padding-top:0;
}
table.surnamelist thead tr th.ColumnSurname,
table.surnamelist thead tr th.ColumnSurname,
#Surnames table.surnamelist tbody tr td.ColumnSurname {
width:50%;
}
@ -391,11 +389,11 @@ table.surnamelist tbody tr td.ColumnLetter a {
table.surnamelist tbody tr td.ColumnSurname {
background-color: #FFF;
}
table#SortByName thead tr th.ColumnSurname,
table#SortByName thead tr th.ColumnSurname,
table#SortByCount thead tr th.ColumnQuantity {
background-color: #C1B398;
}
table#SortByName thead tr th.ColumnSurname a:after,
table#SortByName thead tr th.ColumnSurname a:after,
table#SortByCount thead tr th.ColumnQuantity a:after {
content:" ↓";
}
@ -443,7 +441,7 @@ table.surname tbody tr td.ColumnPartner a {
display:block;
padding:.6em 10px .6em 0px;
}
table.surname thead tr th.ColumnParents,
table.surname thead tr th.ColumnParents,
table.surname tbody tr td.ColumnParents {
width:25%;
}
@ -465,7 +463,7 @@ div#Individuals table.IndividualList tbody tr td a {
display: block;
padding: .6em 10px;
}
div#Individuals table.IndividualList tbody tr td.ColumnSurname a:hover,
div#Individuals table.IndividualList tbody tr td.ColumnSurname a:hover,
div#Individuals table.IndividualList tbody tr td.ColumnSurname a:active {
cursor:default;
color: #000;
@ -666,7 +664,7 @@ div#EventList table.alphaevent tbody tr td.ColumnDate {
div#EventList table.alphaevent tbody tr td.ColumnPerson {
width: 60%;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
display:block;
}
@ -696,7 +694,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
div#EventDetail table.eventlist tbody tr td.ColumnPerson {
background-color: #D8F3D6;
}
/* Events
----------------------------------------------------- */
#EventList table.infolist tr.BeginType td {
@ -709,7 +707,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
#EventDetail table.infolist tr td a {
display: inline;
}
#EventList table.infolist tr td span.father,
#EventList table.infolist tr td span.father,
#EventList table.infolist tr td span.mother,
#EventDetail table.infolist tr td span.father,
#EventDetail table.infolist tr td span.mother {
@ -731,6 +729,20 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
#EventDetail table.infolist tr td span.mother:last-child:after {
content: "";
}
#IndividualDetail div table.eventlist td.ColumnSources {
width: 5%;
}
#IndividualDetail div table.eventlist td.ColumnDate {
width: 15%;
}
#IndividualDetail div table.eventlist td.ColumnEvent {
width: 8%;
}
#IndividualDetail div table.eventlist td.ColumnEvent,
#IndividualDetail div table.eventlist td.ColumnDate,
#IndividualDetail div table.eventlist td.ColumnPlace {
font-weight: bold;
}
/* Gallery
----------------------------------------------------- */
@ -899,7 +911,7 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
text-decoration:none;
}
/* Download
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
@ -912,7 +924,7 @@ div#Download table.download {
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
}
div#Download table.download tbody tr td {
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
@ -1197,6 +1209,7 @@ div#families table.infolist tbody tr td.ColumnValue {
}
div#families table.infolist tbody tr td.ColumnValue p {
margin-top:0;
margin-left:0;
}
div#families table.infolist tbody tr td.ColumnValue ol {
margin:0;
@ -1489,7 +1502,7 @@ body#WebCal {
vertical-align: top;
height: 2em;
}
.calendar thead tr th.weekend,
.calendar thead tr th.weekend,
.calendar thead tr th.weekday {
font-style:italic;
color: #000;
@ -1581,9 +1594,9 @@ body#WebCal {
}
/* Calendar : Previous-Next Month */
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.previous,
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
color: #333;
background-color: #D8F3D6;

View File

@ -33,13 +33,14 @@ Unknown #000
===== Web Graphics =====
Males Web_Gender_Male.png
Females Web_Gender_Female.png
# -------------------------------------------------------------------------- #
# -------------------------------------------------------------------------- */
/* Subsections : Ancestors Tree -------------------------------------------- */
#tree {
page-break-before:always;
margin:0;
padding:0;
background:none;
overflow-x:auto;
}
#treeContainer {
position:relative;

View File

@ -64,13 +64,13 @@ div#FamilyMapDetail div#references table.infolist {
width: 100%;
}
div#FamilyMapDetail div#references table.infolist tbody tr td.ColumnPlace {
width: 40%;
width: 70%;
}
/* Subsection: popup
------------------------------------------------------ */
.ol-popup {
#map_canvas .ol-popup {
position: absolute;
background-color: white;
-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
@ -82,7 +82,7 @@ div#FamilyMapDetail div#references table.infolist tbody tr td.ColumnPlace {
left: -50px;
min-width: 450px;
}
.ol-popup:after, .ol-popup:before {
#map_canvas .ol-popup:after, #map_canvas .ol-popup:before {
top: 100%;
border: solid transparent;
height: 0;
@ -90,24 +90,64 @@ div#FamilyMapDetail div#references table.infolist tbody tr td.ColumnPlace {
position: absolute;
pointer-events: none;
}
.ol-popup:after {
#map_canvas .ol-popup:after {
border-top-color: white;
border-width: 10px;
left: 48px;
margin-left: -10px;
}
.ol-popup:before {
#map_canvas .ol-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 48px;
margin-left: -11px;
}
.ol-popup-closer {
#map_canvas .ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}
.ol-popup-closer:after {
#map_canvas .ol-popup-closer:after {
content: "✖";
}
#popup-content {
max-height: 250px;
overflow-y: auto;
}
#map_canvas .ol-control {
position: absolute;
background-color: rgba(255,255,255,0.1);
bottom: .1em;
left: .1em;
height: 4%;
width: 100%;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 1px;
}
#map_canvas .ol-rotate {
display: none;
}
#map_canvas .ol-zoom, #map_canvas .ol-zoom-in, #map_canvas .ol-zoom-out {
top: .5em;
left: .5em;
border-left-width: 1px;
padding-left: 1px;
padding-right: 1px;
}
#map_canvas .ol-attribution ul {
list-style-type: none;
font-size:0.8em;
float: left;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 5px;
}
#map_canvas .ol-attribution li {
float: left;
padding-left: 5px;
}
#map_canvas .ol-attribution button {
display: none;
}