From 3da3a57960a11fc89ae1b7afa0a87b5aaadf5952 Mon Sep 17 00:00:00 2001 From: "Rob G. Healey" Date: Thu, 2 Sep 2010 23:43:33 +0000 Subject: [PATCH] Stylesheets: If you find any regressions in Html style and layout, please let me know. svn: r15851 --- src/plugins/webstuff/css/Web_Basic-Ash.css | 524 ++++++----------- .../webstuff/css/Web_Basic-Cypress.css | 516 +++++------------ src/plugins/webstuff/css/Web_Basic-Lilac.css | 375 +++---------- src/plugins/webstuff/css/Web_Basic-Peach.css | 372 +++--------- src/plugins/webstuff/css/Web_Basic-Spruce.css | 376 +++---------- src/plugins/webstuff/css/Web_Mainz.css | 217 ++++--- .../css/Web_Navigation-Horizontal.css | 91 +-- src/plugins/webstuff/css/Web_Nebraska.css | 531 +++++------------- .../webstuff/css/Web_Print-Default.css | 181 ++++-- 9 files changed, 1014 insertions(+), 2169 deletions(-) diff --git a/src/plugins/webstuff/css/Web_Basic-Ash.css b/src/plugins/webstuff/css/Web_Basic-Ash.css index eb8aa2a56..4f2fc106e 100644 --- a/src/plugins/webstuff/css/Web_Basic-Ash.css +++ b/src/plugins/webstuff/css/Web_Basic-Ash.css @@ -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 -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . +-------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Basic-Cypress.css b/src/plugins/webstuff/css/Web_Basic-Cypress.css index 62ebf3793..4df2cb516 100644 --- a/src/plugins/webstuff/css/Web_Basic-Cypress.css +++ b/src/plugins/webstuff/css/Web_Basic-Cypress.css @@ -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 -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . +-------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Basic-Lilac.css b/src/plugins/webstuff/css/Web_Basic-Lilac.css index 9b641cbfa..9f7907e9a 100644 --- a/src/plugins/webstuff/css/Web_Basic-Lilac.css +++ b/src/plugins/webstuff/css/Web_Basic-Lilac.css @@ -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 -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . +-------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Basic-Peach.css b/src/plugins/webstuff/css/Web_Basic-Peach.css index e941ec1cb..1745dc30c 100644 --- a/src/plugins/webstuff/css/Web_Basic-Peach.css +++ b/src/plugins/webstuff/css/Web_Basic-Peach.css @@ -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 - -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . -------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Basic-Spruce.css b/src/plugins/webstuff/css/Web_Basic-Spruce.css index 1284ec6ac..aee5ea4f7 100644 --- a/src/plugins/webstuff/css/Web_Basic-Spruce.css +++ b/src/plugins/webstuff/css/Web_Basic-Spruce.css @@ -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 -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . -------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Mainz.css b/src/plugins/webstuff/css/Web_Mainz.css index 77192170d..e773df23c 100644 --- a/src/plugins/webstuff/css/Web_Mainz.css +++ b/src/plugins/webstuff/css/Web_Mainz.css @@ -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 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 . +You should have received a copy of the GNU General Public License along with +GRAMPS. If not, see . ---------------------------------------------------------------------------- @@ -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; +} diff --git a/src/plugins/webstuff/css/Web_Navigation-Horizontal.css b/src/plugins/webstuff/css/Web_Navigation-Horizontal.css index 60e701cf2..fc45eb7b4 100755 --- a/src/plugins/webstuff/css/Web_Navigation-Horizontal.css +++ b/src/plugins/webstuff/css/Web_Navigation-Horizontal.css @@ -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; } diff --git a/src/plugins/webstuff/css/Web_Nebraska.css b/src/plugins/webstuff/css/Web_Nebraska.css index 2d67c6bc7..db204973b 100644 --- a/src/plugins/webstuff/css/Web_Nebraska.css +++ b/src/plugins/webstuff/css/Web_Nebraska.css @@ -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 -# -# 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 +-------------------------------------------------------------------------------------------------- +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 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 . -------------------------------------------------------------------------------------------------- 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; -} diff --git a/src/plugins/webstuff/css/Web_Print-Default.css b/src/plugins/webstuff/css/Web_Print-Default.css index 46d8b6f5e..2eedbf906 100644 --- a/src/plugins/webstuff/css/Web_Print-Default.css +++ b/src/plugins/webstuff/css/Web_Print-Default.css @@ -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 @@ -17,7 +17,7 @@ developed and governed by genealogists. 'Go to 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 */