Stylesheets: If you find any regressions in Html style and layout, please let me know.

svn: r15851
This commit is contained in:
Rob G. Healey 2010-09-02 23:43:33 +00:00
parent 91856cfb1f
commit 3da3a57960
9 changed files with 1014 additions and 2169 deletions

View File

@ -1,32 +1,38 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
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,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
@ -39,17 +45,19 @@ gray very light #EEE
white #FFF
--------------------------------------------------------------------------------------------------
# $Id $
# $Id$
NarrativeWeb Styles
------------------------------------------------------------------------------------------------ */
------------------------------------------------------------------------------------------------
/* General Elements
General Elements
----------------------------------------------------- */
body {
font-family:sans-serif;
color:#000;
margin:0;
padding:0;
background-color:#FFF;
}
div {
@ -105,12 +113,9 @@ h3 {
padding:.5em 20px .2em 20px;
}
h4 {
border-width: 2px 0 2px 0;
border-style: solid;
border-color: #000;
font-size: 1em;
font-size:.8em;
color:#333;
margin: .3cm 0 .3cm 0;;
margin:0;
padding:.2em 0 .2em 20px;
background-color:#EEE;
border-bottom:solid 1px #999;
@ -158,7 +163,7 @@ a:visited {
/* Header
----------------------------------------------------- */
div#header {
#header {
padding:15px 15px 2px 15px;
margin:0;
background-color:#EEE;
@ -167,73 +172,21 @@ div#header {
color:#333;
margin:0 0 3px 0;
}
div#header p {
#header p {
font-size:1em;
font-weight:bold;
color:#999;
margin:0;
}
/* Footer
----------------------------------------------------- */
div#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
font-size:12px;
line-height:130%;
color:#333;
margin-top: .5cm;
background-color:#CCC;
border-top:solid 1px #333;
}
div#footer a, div#footer a:visited {
text-decoration:none;
color:#333;
}
div#footer a:hover {
text-decoration:underline;
}
div#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
div#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
div#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
div#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Navigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
#navigation, #subnavigation {
margin:0;
padding:4px 0 0 0;
background-color:#EEE;
}
div#navigation ul, div#subnavigation ul {
#navigation ul, #subnavigation ul {
list-style:none;
min-width:770px;
height:22px;
@ -241,12 +194,12 @@ div#navigation ul, div#subnavigation ul {
padding:0 0 0 12px;
border-bottom:1px solid #999;
}
div#navigation ul li, div#subnavigation ul li {
#navigation ul li, #subnavigation ul li {
margin:0;
padding:0;
float:left;
}
div#navigation ul li a, div#subnavigation ul li a {
#navigation ul li a, #subnavigation ul li a {
display:block;
font-size:12px;
line-height:100%;
@ -256,11 +209,11 @@ div#navigation ul li a, div#subnavigation ul li a {
padding:5px 5px;
background-color:#EEE;
}
div#navigation ul li a:hover, div#subnavigation ul li a:hover {
#navigation ul li a:hover, #subnavigation ul li a:hover {
background-color:#CCC;
border-bottom:solid 1px #000;
}
div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
padding-bottom:4px;
border-top:solid 1px #999;
border-right:solid 1px #999;
@ -268,14 +221,14 @@ div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a
border-bottom:solid 1px #FFF;
background-color:#FFF;
}
div#navigation ul li.CurrentSection a:hover {
#navigation ul li.CurrentSection a:hover {
background-color:#FFF;
}
div#subnavigation ul li.CurrentSection a {
#subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0;
}
/* Alphabet Navigation Bar
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
width: 100%;
@ -300,7 +253,7 @@ div#alphabet ul li {
float:left;
}
div#alphabet ul li a {
display:block;
display: block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
@ -317,7 +270,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */
table {
font-size:14px;
margin:0;
margin:0 15px;
padding:0;
border:none;
border-collapse:collapse;
@ -483,10 +436,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover {
background-color:#CCC;
}
#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
#Individuals div table.infolist tr td p {
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
#Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail {
background-color:#EEE;
}
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a {
display:inline;
}
#IndividualDetail table.infolist tr td a:hover {
@ -494,8 +460,10 @@ table.individuallist tbody tr td.ColumnName a:hover {
}
#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%;
color:#999;
padding-left:5px;
color:#696969;
}
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Sources
@ -515,106 +483,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width; 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr td {
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 20%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 30%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.eventlist tbody tr.BeginName {
border-top: solid 1px #000;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1.4em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery
----------------------------------------------------- */
@ -693,42 +567,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-color:#CCC;
}
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
}
div#Download table.download {
border: solid 1px #000;
margin: .3cm 14px .5cm 14px;
width: 965px;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
}
div#Download table.download td.ColumnFilename {
width: 30%;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
font-style: italic;
}
div#Download table.download td.ColumnDescription {
width: 45%;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download p#description a.copyright a img {
float: center;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {
@ -774,70 +612,61 @@ div#Download p#description a.copyright a img {
text-decoration:underline;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList { }
div#RepositoryList table.repolist tbody tr td {
background-color: #CCC;
/* Download
----------------------------------------------------- */
#Download {
padding:1cm;
height:396px;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
table.download {
border:solid 2px #000;
width:100%;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
table.download img {
float:center;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
table.download td.Description {
width: 50%;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #EEE;
table.download td.License {
width:8%;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #CCC;
text-align: center;
border: solid 1px #000;
table.download td.Filename {
width:30%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
----------------------------------------------------- */
#Home, #Introduction, #Contact {
#Home, #Introduction, #Contact {
padding:1.5em 0 3em 0;
}
#Home p, #Introduction p, #Contact p {
@ -859,7 +688,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -972,29 +801,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #EEE;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
@ -1056,26 +862,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #EEE;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1116,6 +902,57 @@ table.weblinks tbody tr td.ColumnDescription {
font-weight:bold;
}
/* Footer
----------------------------------------------------- */
#footer {
clear:both;
width:100%;
font-size:12px;
line-height:130%;
color:#333;
margin:0;
padding:15px 0 0 0;
background-color:#CCC;
border-top:solid 1px #333;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#333;
}
#footer a:hover {
text-decoration:underline;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
@ -1284,46 +1121,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -1,32 +1,37 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
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
**************************************************************************************************
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
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
@ -40,17 +45,16 @@ white #FFF
# $Id$
NarrativeWeb Styles
-------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
font-family: sans-serif;
color: #000;
background-color: #FFF;
}
/* General Elements
General Elements
----------------------------------------------------- */
body {
font-family:sans-serif;
color:#000;
margin:0;
padding:0;
background-color:#FFF;
}
div {
margin:0;
padding:0;
@ -63,7 +67,7 @@ img {
background:none;
}
.content {
padding-top: .5cm;
padding-top: 1cm;
background-color:#FFF;
}
.content div.snapshot {
@ -152,18 +156,15 @@ a:visited {
/* Header
----------------------------------------------------- */
div#header {
#header {
padding:15px 15px 15px 15px;
margin:0;
background-color:#454;
}
div#header a {
color: #FFF;
height: 1cm;
}
#SiteTitle {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 40px;
color:#E0E6E0;
font-style: italic;
margin:0 0 3px 0;
}
#header p {
font-size:1em;
@ -172,66 +173,14 @@ div#header a {
margin:0;
}
/* Footer
----------------------------------------------------- */
div#footer {
clear:both;
overflow:hidden;
width:100%;
font-size:12px;
line-height:130%;
color:#E8E6E8;
margin-top: .5cm;
background-color:#454;
border-top:solid 1px #454;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#E0E6E0;
}
#footer a:hover {
text-decoration:underline;
background:none;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
#footer p#createdate {
float:left;
width: 50%;
text-align:left;
margin-left:10px;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Navigation
----------------------------------------------------- */
#navigation {
#navigation, #subnavigation {
margin:0;
padding:4px 0 0 0;
background-color:#454;
}
#navigation ul {
#navigation ul, #subnavigation ul {
list-style:none;
min-width:770px;
height:22px;
@ -239,12 +188,12 @@ div#footer {
padding:0 0 0 12px;
border-bottom:1px solid #7C8F7C;
}
#navigation ul li {
#navigation ul li, #subnavigation ul li {
margin:0;
padding:0;
float:left;
}
#navigation ul li a {
#navigation ul li a, #subnavigation ul li a {
display:block;
font-size:12px;
line-height:100%;
@ -255,14 +204,14 @@ div#footer {
padding:5px 5px;
background-color:#454;
}
#navigation ul li a:hover {
#navigation ul li a:hover, #subnavigation ul li a:hover {
color:#FFF;
padding-top:4px;
background-color:#9DBF9D;
border-top:solid 1px #454;
border-bottom:solid 1px #000;
}
#navigation ul li.CurrentSection a {
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
color:#454;
padding-bottom:4px;
border-top:solid 1px #7C8F7C;
@ -271,7 +220,7 @@ div#footer {
border-bottom:solid 1px #FFF;
background-color:#FFF;
}
#navigation ul li.CurrentSection a:hover {
#navigation ul li.CurrentSection a:hover, #subnavigation ul li.CurrentSection a:hover {
padding-top:5px;
background-color:#FFF;
}
@ -291,11 +240,10 @@ div#alphabet ul {
padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px;
border-style: solid;
border-color: #000;
border-color: #FFF;
}
div#alphabet ul li:after {
content:" |";
color: #FFF;
}
div#alphabet ul li {
margin:0;
@ -319,7 +267,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */
table {
font-size:14px;
margin:0;
margin:0 15px;
padding:0;
border:none;
border-collapse:collapse;
@ -532,107 +480,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery
----------------------------------------------------- */
@ -758,106 +611,59 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
#Download {
padding:1cm;
height:396px;
}
div#Download table.download {
border: solid 1px #000;
margin: .1cm 14px .5cm 14px;
width: 965px;
table.download {
border:solid 2px #000;
width:100%;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
table.download img {
float:center;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#Download table.download td.ColumnFilename {
width: 30%;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.ColumnDescription {
width: 45%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #E0E0E6;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #9DBF9D;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
----------------------------------------------------- */
#Home, #Introduction {
#Home, #Introduction, {
padding:1.5em 0 3em 0;
}
#Home p, #Introduction p, #Contact p {
@ -879,7 +685,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -992,29 +798,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #E6E6E0;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
@ -1076,26 +859,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #E0E6E0;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1136,6 +899,58 @@ table.weblinks tbody tr td.ColumnDescription {
font-weight:bold;
}
/* Footer
----------------------------------------------------- */
#footer {
clear:both;
width:100%;
font-size:12px;
line-height:130%;
color:#E0E6E0;
margin:0;
padding:0;
background-color:#454;
border-top:solid 1px #454;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#E0E6E0;
}
#footer a:hover {
text-decoration:underline;
background:none;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
}
#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
margin-right:10px;
}
#footer p#copyright img {
margin-right:10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
margin:0;
padding:0;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */
@ -1286,46 +1101,3 @@ body#WebCal #CreatorInfo a, body#WebCal #CreatorInfo a:hover {
color:#9DBF9D;
background-color:#E0E6E0;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -1,32 +1,37 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
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
**************************************************************************************************
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
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
--------------------------------------------------------------------------------------------------
@ -65,7 +70,7 @@ img {
background:none;
}
.content {
padding-top: .5cm;
padding-top: 1cm;
background-color:#FAFAFF;
}
.content div.snapshot {
@ -226,7 +231,7 @@ a:visited {
div#alphabet {
width: 100%;
margin: 0;
background-color: #E8E0F9;
background-color: #E0E0E9;
}
div#alphabet ul {
list-style:none;
@ -263,7 +268,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */
table {
font-size:14px;
margin:0;
margin:0 15px;
padding:0;
border:none;
border-collapse:collapse;
@ -476,109 +481,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #5D835F;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #5D835F;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery
----------------------------------------------------- */
@ -704,102 +612,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
#Download {
padding:1cm;
height:396px;
}
div#Download table.download {
border: solid 1px #000;
margin: .1cm 14px .5cm 14px;
width: 965px;
table.download {
border:solid 2px #000;
width:100%;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
table.download img {
float:center;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#Download table.download td.ColumnFilename {
width: 30%;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.ColumnDescription {
width: 45%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #D8F3D6;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #E0E0E9;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #B4B4CB;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
@ -826,7 +686,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -939,29 +799,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #E0E0E9;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
@ -1023,26 +860,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #E6E0E9;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1085,15 +902,14 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer
----------------------------------------------------- */
div#footer {
#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
font-size:12px;
line-height:130%;
color:#2E2E61;
margin-top: .5cm;
margin:0;
padding:15px 0 0 0;
background-color:#B4B4CB;
border-top:solid 1px #2E2E61;
}
@ -1303,46 +1119,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -1,27 +1,6 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
Copyright Holder and License
**************************************************************************************************
GRAMPS Cascading Style Sheet
Style Name: Basic-Peach Stylesheet
@ -29,7 +8,30 @@ Style Author: Jason M. Simanek (2008)
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,
developed and governed by genealogists.
Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
@ -69,7 +71,7 @@ img {
background:none;
}
.content {
padding-top: .5cm;
padding-top: 1cm;
background-color:#FFFBE7;
}
.content div.snapshot {
@ -163,7 +165,7 @@ a:visited {
#header {
padding:15px 15px 2px 15px;
margin:0;
background-color: #FFE09F;
background-color:#FFE09F;
}
#SiteTitle {
color:#EA8414;
@ -267,7 +269,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */
table {
font-size:14px;
margin:0;
margin:0 15px;
padding:0;
border:none;
border-collapse:collapse;
@ -480,109 +482,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery
----------------------------------------------------- */
@ -708,102 +613,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
#Download {
padding:1cm;
height:396px;
}
div#Download table.download {
border: solid 1px #000;
margin: .1cm 14px .5cm 14px;
width: 965px;
table.download {
border:solid 2px #000;
width:100%;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
table.download img {
float:center;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#Download table.download td.ColumnFilename {
width: 30%;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.ColumnDescription {
width: 45%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #FFE09F;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #FFE09F;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #FFE09F;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
@ -830,7 +687,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -943,29 +800,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #FFE09F;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
@ -1027,26 +861,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #FFE09F;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1089,12 +903,9 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer
----------------------------------------------------- */
div#footer {
#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
margin-top: .5cm;
font-size:12px;
line-height:130%;
color:#8C581C;
@ -1309,46 +1120,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -1,33 +1,37 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
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.
**************************************************************************************************
**************************************************************************************************
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
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
@ -67,7 +71,7 @@ img {
background:none;
}
.content {
padding-top: .5cm;
padding-top: 1cm;
background-color:#FFF;
}
.content div.snapshot {
@ -228,7 +232,7 @@ a:visited {
div#alphabet {
width: 100%;
margin: 0;
background-color: #EAFFE4;
background-color: #EAFFF4;
}
div#alphabet ul {
list-style:none;
@ -265,7 +269,7 @@ div#alphabet ul li a:hover {
----------------------------------------------------- */
table {
font-size:14px;
margin:0;
margin:0 15px;
padding:0;
border:none;
border-collapse:collapse;
@ -478,109 +482,12 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
}
/* Gallery
----------------------------------------------------- */
@ -706,102 +613,54 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
#Download {
padding:1cm;
height:396px;
}
div#Download table.download {
border: solid 1px #000;
margin: .1cm 14px .5cm 14px;
width: 965px;
table.download {
border:solid 2px #000;
width:100%;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
table.download img {
float:center;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#Download table.download td.ColumnFilename {
width: 30%;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.ColumnDescription {
width: 45%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #EAFFE4;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList tble.addressbook tbody tr.Totals td {
text-align: left;
background-color: #BFD0EA;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #BFD0EA;
text-align: center;
border: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
background-color: #FFF;
text-align: left;
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.adressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
@ -828,7 +687,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -941,29 +800,6 @@ div#addresses table.infolist tbody tr td.ColumnValue {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #EAEEF4;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Gallery
----------------------------------------------------- */
@ -1025,25 +861,6 @@ div#sourcerefs ol li ol {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1086,17 +903,15 @@ table.weblinks tbody tr td.ColumnDescription {
/* Footer
----------------------------------------------------- */
div#footer {
#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
font-size:12px;
line-height:130%;
color:#204D91;
margin-top: .5cm;
margin:0;
padding:15px 0 0 0;
background-color: #BFD0EA;
background-color:#BFD0EA;
border-top:solid 1px #204D91;
}
#footer a, #footer a:visited {
@ -1305,46 +1120,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -3,27 +3,33 @@
GRAMPS Cascading Style Sheet
Style Name: Mainz
Style Author: Jason Simanek (2008)
----------------------------------------------------------------------------
----------------------------------------------------------------------------
This website was created with GRAMPS
----------------------------------------------------------------------------
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.
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 www.gramps-project.org to learn more!
Go to <http://gramps-project.org/> to learn more!
License
----------------------------------------------------------------------------
Copyright 2008 Jason M. Simanek
Copyright 2009 Stephane Charette
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by
the Free Software Foundation, version 2 of the License.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS 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.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with GRAMPS. If not, see <http://www.gnu.org/licenses/>.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
----------------------------------------------------------------------------
@ -45,13 +51,15 @@ Header images/Web_Mainz_Header.png
Middle images/Web_Mainz_Mid.png
Middle Light images/Web_Mainz_MidLight.png
----------------------------------------------------------------------------
*/
/* NarrativeWeb Styles
-------------------------------------------------------------------------------------------- */
# $Id$
/* General Elements
NarrativeWeb Styles
--------------------------------------------------------------------------------------------
General Elements
----------------------------------------------------- */
body {
font-family:Georgia, serif;
color:#7D5925;
@ -73,7 +81,7 @@ img {
.content {
width:965px;
margin:0 auto;
padding-bottom:.5em;
padding: 1cm 0px .5em 0px;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
overflow: hidden;
}
@ -106,6 +114,7 @@ h1 {
font-size:1.8em;
font-weight:normal;
font-style:italic;
margin:0;
}
h2 {
display:none;
@ -124,7 +133,7 @@ h4 {
font-size:1.4em;
font-weight:normal;
font-style:italic;
color:#767D25;
color:#000;
text-align:center;
margin:0;
padding:.5em 0 .2em 0;
@ -137,6 +146,7 @@ h5, h6 {
p {
font-size:14px;
line-height:17px;
margin:0;
}
p#description {
padding:0 15px 1em 15px;
@ -181,7 +191,7 @@ a:visited {
color:#7D5925;
margin:0 0 7px 50px;
}
#Header p {
#header p {
font-size:1em;
font-weight:bold;
font-style:italic;
@ -191,26 +201,26 @@ a:visited {
/* Navigation
----------------------------------------------------- */
#navigation {
#navigation, #subnavigation {
font-family:sans-serif;
width:965px;
margin:0 auto;
padding:0;
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#navigation ul {
#navigation ul, #subnavigation ul {
list-style:none;
min-width:770px;
height:24px;
height:23px;
margin:0;
padding:0 0 0 12px;
}
#navigation ul li {
#navigation ul li, #subnavigation ul li {
margin:0;
padding:0;
float:left;
}
#navigation ul li a {
#navigation ul li a, #subnavigation ul li a {
display:block;
font-size:12px;
line-height:100%;
@ -220,21 +230,26 @@ a:visited {
margin:0;
padding:6px 8px 5px 8px;
}
#navigation ul li a:hover {
#navigation ul li a:hover, #subnavigation ul li a:hover {
background-color:#FFFFE7;
}
#navigation ul li#CurrentSection a {
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
font-family:Georgia, serif;
font-weight:bold;
font-style:italic;
padding:5px 15px 5px 15px;
border-top:solid 1px yellow;
border-bottom:solid 1px yellow;
background-image:url(../images/Web_Mainz_Mid.png);
border-style:dashed;
border-width:1px;
border-width:1px 1px 0 1px;
border-color:#7D5925;
}
#navigation ul li#CurrentSection a:hover {
#navigation ul li.CurrentSection a:hover {
}
#subnavigation {
background-image:url(../images/Web_Mainz_Mid.png);
}
#subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0;
}
/* Alphabet Navigation
@ -242,9 +257,10 @@ a:visited {
div#alphabet {
width: 965px;
margin: 0;
background-color: #FFF2C5;
background-color: #FFF2C6;
}
div#alphabet ul {
padding: 0px 25px 0px 25px;
list-style:none;
min-width:770px;
height:24px;
@ -431,10 +447,23 @@ table.individuallist tbody tr td.ColumnName a {
padding:.6em 10px;
vertical-align:middle;
}
#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
#Individuals div table.infolist tr td p {
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
#Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail {
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a {
display:inline;
}
#IndividualDetail table.infolist tr td a:hover {
@ -442,8 +471,10 @@ table.individuallist tbody tr td.ColumnName a {
}
#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%;
color:#767D25;
padding-left:5px;
color:#696969;
}
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Sources
@ -522,11 +553,15 @@ table.individuallist tbody tr td.ColumnName a {
font-weight:normal;
}
#GalleryDisplay {
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
text-align:center;
border:solid 1px #7D5925;
}
#GalleryDisplay img {
margin:0 auto;
border:solid 1px #7D5925;
}
#GalleryDetail div#summaryarea{
margin:0;
@ -588,17 +623,66 @@ table.individuallist tbody tr td.ColumnName a {
text-decoration:underline;
}
/* Download
----------------------------------------------------- */
#Download {
width: 965px;
float: center;
}
table.download {
border:solid 2px #000;
width:97%;
}
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
table.download td.Filename a:hover {
text-decoration:underline;
}
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* SubSection
----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact {
#Home, #Introduction, #Contact {
min-height:500px;
padding:1.5em 0 3em 0;
}
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p {
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, {
margin:0 20px 1em 20px;
padding-top:1em;
}
#Home img, #Introduction img, #Download img {
#Home img, #Introduction img {
float:right;
margin:0;
padding:0 20px 3em 20px;
@ -627,26 +711,6 @@ div.subsection table.infolist {
padding-left:20px;
}
/* Download Page
----------------------------------------------------- */
#Download table.infolist {
width: 97%;
float: center;
border: solid 1px #000;
}
#Download table.infolist td {
padding: 4px 0px 4px 0px;
}
#Download td.ColumnFilename {
width: 20%;
}
#Download td.ColumnDescription {
width: 40%;
}
#Download td.ColumnModified {
width: 30%;
}
/* SubSection : Summary Area
----------------------------------------------------- */
div#summaryarea {
@ -843,17 +907,16 @@ div#sourcerefs ol li ol {
/* Footer
----------------------------------------------------- */
#footer {
overflow: hidden;
clear: both;
width: 965px;
font-size: 12px;
line-height: 130%;
font-family: sans-serif;
margin: 0 auto;
padding: 0;
background-image: url(../images/Web_Mainz_MidLight.png);
background-repeat: repeat;
padding: 15px 0 0 0;
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6;
border-top: dashed 1px #7D5925;
overflow: hidden;
}
#footer a, #footer a:visited {
text-decoration: none;
@ -863,13 +926,12 @@ div#sourcerefs ol li ol {
}
#footer img {
border: 0;
margin: 0;
margin: 0 auto;
vertical-align: middle;
horizontal-align: center;
}
#footer p#createdate {
float: left;
width: 50%;
width: 45%;
text-align: left;
margin-left: 10px;
}
@ -935,8 +997,7 @@ div#sourcerefs ol li ol {
padding:.7em 5% 1em 5%;
border-top:double 4px #7D5925;
}
.calendar tfoot tr td.note {
height:1cm;
.calendar tfoot tr td {
vertical-align:middle;
color:#7D5925;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
@ -975,7 +1036,7 @@ div#sourcerefs ol li ol {
.calendar tbody tr td.saturday {
}
.calendar tbody tr td.sunday {
.calendar tbody tr td:first-child {
border-left:none;
}
.calendar tbody tr:first-child td {
@ -1026,3 +1087,27 @@ div#sourcerefs ol li ol {
color:#D8C19F;
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
}
/* Calendar : Full Year */
body#fullyearlinked div.content {
width:963px;
margin:0 auto;
padding:15px 0 2px 2px;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
}
body#fullyearlinked table.calendar {
float:left;
width:320px;
height:18em;
border:solid 1px #7D5925;
}
body#fullyearlinked table.calendar thead tr th {
height:2em;
}
body#fullyearlinked table.calendar thead tr th.monthName {
font-size:1.2em;
padding:2px 0;
}
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}

View File

@ -35,11 +35,51 @@ body {
width: 1060px;
}
/* lphabet Navigation
/* Navigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
width: 100%;
margin: 0;
padding: 0;
}
div#navigation ul, div#subnavigation ul {
list-style: none;
min-width: 900px;
height: 40px;
margin: 0;
padding: 0px 0px 0px 16px;
border-bottom: solid 2px #000;
}
div#navigation ul li, div#subnavigation ul li {
float: left;
}
div#navigation ul li a, div#subnavigation ul li a {
display: block;
padding: 12px 16px 14px 1px;
float: left;
font: .8em bold italic small-caps verdana, serif;
text-decoration: none;
margin: 0;
}
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
font-size: 19px;
margin-top: -6px;
padding-top: 11px;
padding-bottom: 8px;
border-right: solid 1px #542;
border-left: solid 1px #542;
border-bottom: solid 1px #FFF;
}
#subnavigation ul li.CurrentSection a {
border-width: 0 0 1px 0;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
width: 100%;
margin: 0;
background-color: #A97;
}
div#alphabet ul {
list-style: none;
@ -47,56 +87,27 @@ div#alphabet ul {
height: 24px;
margin: 0;
padding: 0px 0px 0px 16px;
border-width: 2px 0px 2px 0px;
border-width: 2px 0px 4px 0px;
border-style: solid;
border-color: #000;
}
div#alphabet ul li:after {
content: " |";
}
div#alphabet ul li {
border-width: 0px 2px 0px 2px;
border-style: solid;
margin: 0;
float: left;
}
div#alphabet ul li:first-child {
border-left: none;
}
div#alphabet ul li a {
font: normal 16px sans;
display: block;
padding: 4px 8px 4px 8px;
float: left;
font: bold 16px/100% sans;
margin: 0;
text-decoration: none;
color: #000;
}
/* Navigation/ Subnavigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
width: 100%;
margin: 0;
}
div#navigation ul, div#subnavigation ul {
list-style: none;
min-width: 900px;
height: 32px;
margin: 0;
padding: 0px 0px 0px 10px;
border-width: 2px 0px 2px 0px;
border-style: solid;
}
div#navigation ul li, div#subnavigation ul li {
border-width: 0px 2px 0px 2px;
border-style: solid;
float: left;
margin: 0;
}
div#navigation ul li:first-child, div#subnavigation ul li:first-child {
border-left: none;
margin: 0 auto;
padding: 0;
}
div#navigation ul li a, div#subnavigation ul li a {
display: block;
padding: 8px 6px 6px 6px;
font: normal 12px serif;
text-decoration: none;
div#alphabet ul li a:hover {
background-color: #000;
color: #FFF;
}

View File

@ -1,32 +1,36 @@
/*
#
# Gramps - a GTK+/GNOME based genealogy program
#
# Copyright 2008 Jason M. Simanek
# Copyright 2009 Stephane Charette
# Copyright (c) 2008-2010 Rob G. Healey <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
**************************************************************************************************
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
This file is part of the GRAMPS program.
GRAMPS is free software: you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------------------------------------------
Color Palette
@ -79,6 +83,7 @@ img {
background:none;
}
.content {
padding-top: 1cm;
background-color:#FFF;
}
.content div.snapshot {
@ -199,7 +204,7 @@ p#user_header {
background-color:#542;
}
/* Navigation / SubNavigation
/* Navigation
----------------------------------------------------- */
div#navigation, div#subnavigation {
width: 100%;
@ -207,45 +212,45 @@ div#navigation, div#subnavigation {
padding: 0;
}
div#navigation ul, div#subnavigation ul {
list-style:none;
height: 24px;
margin:0;
padding: 0px 0px 0px 9px;
border-bottom: solid 2px #000;
list-style: none;
min-width: 900px;
height: 40px;
margin: 0;
padding: 0px 0px 0px 16px;
border-bottom: solid 2px #5D835F;
}
div#navigation ul li, div#subnavigation ul li {
float: left;
}
div#navigation ul li:first-child, div#subnavigation ul li:first-child {
margin-left: 10px;
}
div#navigation ul li:after, div#subnavigation ul li:after {
content: "| ";
}
div#navigation ul li a, div#subnavigation ul li a {
background-color: #A97;
display: block;
padding: 4px 8px 4px 8px;
padding: 12px 16px 14px 1px;
float: left;
font: .8em bold italic small-caps verdana, serif;
color: #000;
text-decoration:none;
margin:0;
text-decoration: none;
margin: 0;
}
div#navigation ul li a:hover, div#subnavigation ul li a:hover {
background-color: #FFF;
color: #453619;
}
div#navigation ul li.CurrentSection a,
div#subnavigation ul li.CurrentSection a {
background-color: #C1B398;
color: #000;
}
div#navigation ul li.CurrentSection a:hover,
div#subnavigation ul li.CurrentSection a:hover {
background-color: #000;
color: #FFF;
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
font-size: 19px;
margin-top: -6px;
padding-top: 11px;
padding-bottom: 8px;
border-right: solid 1px #542;
border-left: solid 1px #542;
border-bottom: solid 1px #FFF;
background-color: #FFF;
}
#navigation ul li.CurrentSection a:hover {
background-color: #FFF;
}
#subnavigation ul li.CurrentSection a {
border-width: 0 0 1px 0;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
@ -254,28 +259,29 @@ div#alphabet {
background-color: #A97;
}
div#alphabet ul {
list-style:none;
height:24px;
margin:0;
list-style: none;
min-width: 770px;
height: 24px;
margin: 0;
padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px;
border-style: solid;
border-color: #000;
}
div#alphabet ul li:after {
content:" |";
content: " |";
}
div#alphabet ul li {
margin:0;
float:left;
margin: 0;
float: left;
}
div#alphabet ul li a {
display:block;
display: block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
margin:0;
text-decoration:none;
float: left;
font: bold 16px/100% sans;
margin: 0;
text-decoration: none;
color: #000;
}
div#alphabet ul li a:hover {
@ -305,6 +311,7 @@ table.infolist tr th a:hover {
table.infolist tr td {
font:normal 1.1em/1.4em serif;
vertical-align:middle;
padding:.1em 10px;
}
table.infolist tr td a {
display:block;
@ -337,11 +344,6 @@ table.infolist tbody tr td.ColumnType {
}
table.infolist tbody tr td.ColumnPartner {
font-size:.9em;
background-color:#FFF;
}
table.infolist tbody tr td.ColumnPartner a:hover {
display:block;
background-color:#C1B398;
}
table.infolist tbody tr td.ColumnParents {
font-size:.9em;
@ -494,7 +496,6 @@ table.individuallist tbody tr td.ColumnName a:hover {
}
#Sources table.infolist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
}
#Sources table.infolist tbody tr td.ColumnName a {
font-size:.9em;
@ -509,108 +510,15 @@ table.individuallist tbody tr td.ColumnName a:hover {
/* Places
----------------------------------------------------- */
div#Places table.infolist tbody tr td.ColumnLetter {
width: 3%;
}
#Places { }
#Places table.infolist tbody tr td.ColumnName {
padding:0;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
}
div#Places table.infolist tbody tr td.ColumnLatitude,
div#Places table.infolist tbody tr td.ColumnLongitude {
width: 11%;
}
/* EventList and EventDetail
----------------------------------------------------- */
div#EventList, div#EventDetail {
padding: 0;
margin: 0 auto;
}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist tbody tr.BeginName {
border-bottom: solid 1px #000;
}
table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
border-bottom: dashed 1px #000;
}
table.eventlist tbody tr td.ColumnEvent {
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 16%;
}
table.eventlist tbody tr td.ColumnPlace {
width: 35%;
}
table.eventlist tbody tr td.ColumnSources {
width: 12%;
}
table.eventlist tbody tr td.ColumnNotes {
width: 25%;
}
table.eventlist tbody tr td.ColumnPerson {
width: 35%;
}
table.eventlist tbody tr td.ColumnPartner {
width: 35%;
}
div#EventList table.infolist tbody tr td.ColumnLetter a:hover {
background: none;
}
div#EventList table.alphaevent {
padding: .3em 0 .3em 0;
margin: 0;
}
div#EventList table.alphaevent tbody tr.BeginEvent {
border-top: solid 1px #000;
}
div#EventList table.alphaevent tbody tr td {
border-bottom: dashed 1px #000;
}
div#EventList table.alphaevent tbody tr td.ColumnType {
width: 15%;
}
div#EventList table.alphaevent tbody tr td.ColumnType a:hover {
background: none;
}
div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
width: 12%;
}
div#EventList table.alphaevent tbody tr td.ColumnDate {
width: 20%;
}
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.mother {
display:block;
}
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: 1em;;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
border-top: solid 1px #000;
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnEvent {
border-top: solid 1px #000;
#Places table.infolist tbody tr td.ColumnName a:hover {
background-color:#C1B398;
}
/* Gallery
@ -621,7 +529,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
}
#Gallery table.infolist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
}
#Gallery table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
@ -717,122 +624,74 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent {
margin-right:.4em;
}
#streetaddress {
width: 100%;
width:85%;
}
#city:after {
content: ",";
content:",";
}
#country {
clear: left;
clear:left;
}
#email {
clear: left;
clear:left;
}
#email a {
text-decoration: none;
text-decoration:none;
}
#email a:hover {
text-decoration: underline;
text-decoration:underline;
}
/* Download
----------------------------------------------------- */
div#Download {
margin: 0;
width: 100%;
#Download {
padding:1cm;
height:396px;
}
div#Download table.download {
border: solid 1px #000;
margin: .1cm 14px .5cm 14px;
width: 965px;
table.download {
border:solid 2px #000;
width:100%;
}
div#Download table.download tbody tr#Row02 {
border-bottom: solid 1px #000;
table.download img {
float:center;
}
div#Download table.download tbody tr td {
border: solid 1px #000;
text-align: left;
padding: 5px 0px 5px 0px;
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
div#Download table.download td.ColumnFilename {
width: 30%;
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
div#Download table.download td.ColumnFilename a {
font-weight: bold;
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
div#Download table.download td.ColumnDescription {
width: 45%;
table.download td.Filename a:hover {
text-decoration:underline;
}
div#Download table.download td.ColumnModified {
width: 17%;
}
div#Download a.copyright a img {
float: center;
text-align: center;
}
/* Repositories
------------------------------------------------------ */
div#RepositoryList {
margin: 0;
padding: 0;
}
div#RepositoryList table.repolist tbody tr td {
background-color: #C1B398;
}
div#RepositoryList table.repolist tbody tr td a {
display: block;
padding: .3em 10px;
}
div#RepositoryList table.repolist tbody tr td.ColumnRowLabel {
width: 9%;
}
div#RepositoryList table.repolist tbody tr td.ColumnType {
width: 15%;
}
div#RepositoryList table.repolist tbody tr td.ColumnName {
background-color: #FFF;
}
/* Address Book
------------------------------------------------------ */
div#AddressBookList, div#AddressBookDetail {
margin: 0;
padding: 0;
}
div#AddressBookList table.addressbook {
margin: .3em 0 .3em 0;
}
div#AddressBookList table.addressbook tbody tr.BeginName {
border-top: solid 1px #000;
}
div#AddressBookList table.addressbook tbody tr.Totals td {
background-color: #F6F2EE;
}
div#AddressBookList table.addressbook tbody tr td {
background-color: #FFF;
border-bottom: dashed 1px #000;
}
div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel {
background-color: #F6F2EE;
width: 4%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName {
width: 70%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnName a {
display: block;
padding: 6px 0px 6px 0px;
}
div#AddressBookList table.addressbook tbody tr td.ColumnAddress {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnResidence {
width: 8%;
}
div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks {
width: 8%;
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* Subsections
@ -859,7 +718,7 @@ div.subsection table, div.subsection ol, div.subsection p {
font-size:.9em;
}
div.subsection a {
text-decoration:underline;
text-decoration:none;
}
div.subsection a:hover {
text-decoration:underline;
@ -913,29 +772,6 @@ table.infolist tbody tr td.ColumnValue p {
/* Subsections : Attributes
----------------------------------------------------- */
div#attributes {
margin: 0;
padding: 0;
}
table.attrlist {
width: 100%;
}
table.attrlist tbody tr td {
background-color: #F6F2EE;
border-bottom: dashed 1px #000;
}
table.attrlist tbody tr td.ColumnType {
width: 15%;
}
table.attrlist tbody tr td.ColumnValue {
width: 15%;
}
table.attrlist tbody tr td.ColumnNotes {
width: 45%;
}
table.attrlist tbody tr td.ColumnSources {
width: 15%;
}
/* Subsections : Parents
----------------------------------------------------- */
@ -1067,26 +903,6 @@ div#summaryarea table.infolist tbody tr td.ColumnAttribute {
/* Subsections : Weblinks
----------------------------------------------------- */
div#WebLinks {
margin : 0 auto;
padding: 0;
}
table.WebLinks {
width: 100%;
}
table.weblinks tbody tr td {
background-color: #F6F2EE;
border-bottom: dashed 1px #000;
}
table.weblinks tbody tr td.ColumnType {
width: 20%;
}
table.WebLinks tbody tr td.ColumnPath {
width: 50%;
}
table.weblinks tbody tr td.ColumnDescription {
width: 30%;
}
/* Subsections : Pedigree
----------------------------------------------------- */
@ -1136,59 +952,57 @@ div#pedigree {
/* Footer
----------------------------------------------------- */
div#footer {
clear:both;
overflow:hidden;
width:100%;
height: 60px;
font-size:12px;
line-height:130%;
font-family:sans-serif;
color:#FFF;
margin-top: .5cm;
padding:0;
background-color:#542;
#footer {
clear: both;
width: 100%;
font-size: 12px;
line-height: 130%;
font-family: sans-serif;
color: #FFF;
margin: 0;
padding: 0;
background-color: #542;
border-top: solid 8px #A97;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#FFF;
text-decoration: none;
color: #FFF;
}
#footer a:hover {
text-decoration:underline;
text-decoration: underline;
}
#footer img {
border:0;
margin:0 auto;
vertical-align:middle;
border: 0;
margin: 0 auto;
vertical-align: middle;
}
#footer p#createdate {
float:left;
width:40%;
text-align:left;
margin-left:10px;
color:#FFF;
float: left;
width: 40%;
text-align: left;
margin-left: 10px;
color: #FFF;
}
#footer p#copyright {
float:right;
width:40%;
text-align:right;
color:#FFF;
margin-right:10px;
float: right;
width: 40%;
text-align: right;
color: #FFF;
margin-right: 10px;
}
#footer p#copyright img {
margin-right:10px;
margin-right: 10px;
}
#user_footer {
width:70%;
float:left;
margin:1em;
width: 70%;
float: left;
margin: 1em;
}
#user_footer p {
font:normal 1em/1.2em serif;
color:#A97;
margin:0;
padding:0;
font: normal 1em/1.2em serif;
color: #A97;
margin: 0;
padding: 0;
}
/* Calendar Styles
@ -1353,46 +1167,3 @@ body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
/* Calendar: OneDay
--------------------------------------------------------------------------------- */
body#OneDay h3 {
color: #000;
font-weight: bold;
text-align: center;
}
table.oneday {
margin: .3em 0 .3em 0;
padding: 0;
}
table.oneday tbody tr td {
border-bottom: dashed 1px #000;
}
table.oneday tbody tr td.ColumnRowLabel {
width: 5%;
}
table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width: 10%;
}
/* PlaceMaps
-------------------------------------------------------------------------------- */
div#mapdiv {
height: 400px;
}
table#mapdiv {
border: none;
width: 50%;
float: center;
}
table#mapdiv tr td div#googlev3 {
height: 400px;
width: 600px;
}
table#mapdiv tr td div#openlayers {
height: 400px;
width: 600px;
}

View File

@ -5,7 +5,7 @@ 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-2010
Modified by Rob G. Healey, July 2008
**************************************************************************************************
This website was created with GRAMPS <http://www.gramps-project.org/>
@ -17,7 +17,7 @@ developed and governed by genealogists.
'Go to <http://gramps-project.org/> to learn more!
--------------------------------------------------------------------------------------------------
(C) Copyright 2008-2010 Rob G. Healey
Copyright 2008 Rob G. Healey
This file is part of the GRAMPS program.
@ -107,12 +107,12 @@ h3 {
padding:0;
}
h4 {
display: block;
clear: both;
font: normal 14pt/16pt serif;
margin: 8pt 0 0 0;
padding: 8pt 0 1pt 0;
border-top: solid .5pt #A7A7A7;
display:block;
clear:both;
font:normal 14pt/16pt serif;
margin:8pt 0 0 0;
padding:8pt 0 1pt 0;
border-top:solid .5pt #A7A7A7
}
h5, h6 {
font:normal 14pt/16pt serif;
@ -155,25 +155,25 @@ ol {
/* Header
----------------------------------------------------- */
#Header {
padding: 0 0 8pt 0;
margin: 0 0 8pt 0;
border-bottom: solid .5pt #000;
padding:0 0 8pt 0;
margin:0 0 8pt 0;
border-bottom:solid .5pt #000;
}
#SiteTitle {
text-align: left;
margin-left: 20px;
margin: 0;
padding: 0;
}
#user_header {
font-style: italic;
text-align: center;
margin: 0;
padding: 0
font-style:italic;
text-align:center;
margin:0;
padding:0
}
.grampsid {
font-size: 60%;
font-family: monospace;
color: #A7A7A7
font-size:60%;
font-family:monospace;
color:#A7A7A7
}
/* Navigation
@ -221,35 +221,35 @@ table tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top:solid .5pt #A7A7A7;
}
table tbody tr td.ColumnRowLabel {
width: 3%;
color: #A7A7A7;
text-align: center;
width:2%;
color:#A7A7A7;
text-align:center;
}
table tr td.ColumnLetter {
width: 6%;
text-align: center;
width:3%;
text-align:center;
}
table tr td.ColumnAttribute {
width: 10%;
width:10%;
}
.content table tbody tr td.ColumnName a {
text-decoration: none;
text-decoration:none;
}
table tbody tr td.ColumnBirth {
width: 10%;
width:10%;
}
table tbody tr td.ColumnDeath {
width: 10%;
text-decoration: underline;
width:10%;
text-decoration:underline;
}
table tbody tr td.ColumnParents {
font-size: 70%;
font-size:70%;
}
table tbody tr td.ColumnParents span.mother:before {
content: "+ ";
content:"+ ";
}
/* Home/Welcome
/* Home/ Welcome
----------------------------------------------------- */
#Home p {
margin:0 0 9pt 0;
@ -259,6 +259,10 @@ table tbody tr td.ColumnParents span.mother:before {
margin:0;
padding:0 0 9pt 9pt;
}
#Home a {
color: #000;
text-decoration: underline;
}
/* Introduction
----------------------------------------------------- */
@ -270,6 +274,10 @@ table tbody tr td.ColumnParents span.mother:before {
margin:0;
padding:0 0 9pt 9pt;
}
#Introcution a {
color: #000;
text-decoration: underline;
}
/* Surnames
----------------------------------------------------- */
@ -287,15 +295,6 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents
/* Individuals
----------------------------------------------------- */
/* PlaceDetail
------------------------------------------------------ */
div#PlaceDetail h5 {
text-align: center;
float: center;
font: normal 1.4em sans;
border-bottom: double 4px #000;
}
/* Gallery
----------------------------------------------------- */
#GalleryDetail h2 {
@ -450,6 +449,106 @@ div#PlaceDetail h5 {
font-weight:bold;
}
/* Subsections : Ancestors Tree
----------------------------------------------------- */
#tree {
page-break-before:always;
margin:0;
padding:0;
}
#treeContainer {
position:relative;
z-index:1;
}
#treeContainer div.boxbg a:link:after, #treeContainer div.boxbg a:visited:after {
font-size:70%;
font-family:sans-serif;
content:"";
}
.boxbg {
position:absolute;
margin:0;
padding:0;
background:none;
}
#treeContainer div.boxbg span.thumbnail {
display:block;
margin:0 auto;
}
.boxbg a {
position:relative;
z-index:10;
display:block;
font:normal .7em/1.4em sans-serif;
text-align:center;
text-decoration:none;
width:50pt;
padding:5pt 8pt;
margin:5pt 0 0 0;
background-color:#FFF;
border:solid 1pt #000;
}
#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail {
display:none;
}
.shadow {
display:none;
}
#tree div div.bvline {
position:absolute;
z-index:2;
height:1pt;
margin:0;
padding:0;
background-color:#FFF;
border-bottom:solid .5pt #A7A7A7
}
#tree div div.bhline {
position:absolute;
z-index:2;
width:1pt;
margin:0;
padding:0;
background-color:#FFF;
border-right:solid .5pt #A7A7A7
}
.ghline, .gvline {
display:none;
}
/* Footer
----------------------------------------------------- */
#footer {
width: 100%;
margin: 0;
padding: .1in 0 0 0;
clear: both;
border-top: solid .5pt #000;
}
#user_footer {
float: left;
width: 70%;
}
#user_footer p {
font-style: italic;
}
p#createdate {
float: left;
width: 45%;
font: normal 9pt/10pt sans-serif;
margin: 0;
}
#copyright {
float: right;
width: 4in;
margin: 0;
font: normal 9pt/10pt sans-serif;
text-align: right;
}
#copyright img {
display: none;
}
/* Calendar Styles
-------------------------------------------------------------------------------------------- */
/* Calendar : General */