diff --git a/src/data/Web_Mainz.css b/src/data/Web_Mainz.css index c347a6cad..77192170d 100644 --- a/src/data/Web_Mainz.css +++ b/src/data/Web_Mainz.css @@ -1,34 +1,32 @@ /* -# -# 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 -# - -******************************************************************************* +---------------------------------------------------------------------------- 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. + +Go to www.gramps-project.org to learn more! + +License +---------------------------------------------------------------------------- +Copyright 2008 Jason M. Simanek +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 ---------------------------------------------------------------------------- black #000 @@ -47,24 +45,22 @@ Header images/Web_Mainz_Header.png Middle images/Web_Mainz_Mid.png Middle Light images/Web_Mainz_MidLight.png ---------------------------------------------------------------------------- +*/ -# $Id$ +/* NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ - NarrativeWeb Styles --------------------------------------------------------------------------------------------- - - General Elements +/* General Elements ----------------------------------------------------- */ - body { font-family:Georgia, serif; color:#7D5925; margin:0; - padding:0 14px 0 14px; - background:url(../images/Web_Mainz_Bkgd.png) #FFF2C6 repeat; + padding:0; + background:url(../images/Web_Mainz_Bkgd.png) #000 repeat; } div { - margin: 0; + margin:0; padding:0; } img { @@ -79,6 +75,7 @@ img { margin:0 auto; padding-bottom:.5em; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; + overflow: hidden; } .content div.snapshot { margin:0; @@ -109,7 +106,6 @@ h1 { font-size:1.8em; font-weight:normal; font-style:italic; - margin:0; } h2 { display:none; @@ -141,10 +137,9 @@ h5, h6 { p { font-size:14px; line-height:17px; - margin:0; } p#description { - padding:10px 15px 10px 15px; + padding:0 15px 1em 15px; } p a:link { text-decoration:underline; @@ -177,7 +172,7 @@ a:visited { /* Header ----------------------------------------------------- */ #header { - width: 965px; + width:965px; margin:0 auto; padding:5em 0 2px 0; background:url(../images/Web_Mainz_Header.png) repeat-x top left; @@ -186,7 +181,7 @@ a:visited { color:#7D5925; margin:0 0 7px 50px; } -#header p { +#Header p { font-size:1em; font-weight:bold; font-style:italic; @@ -194,44 +189,28 @@ a:visited { margin:0 0 5px 50px; } -#data { - background-color: white; - border-style: solid; - border-color: #7D5925; - border-width:1px 1px 1px 1px; - width: 30%; -} - -table tr.even { - background-color: #FFF2C5; -} - -table tr.odd { - background-color: #ffffe7; -} - /* Navigation ----------------------------------------------------- */ -#navigation, #subnavigation { +#navigation { font-family:sans-serif; - width: 965px; + width:965px; margin:0 auto; padding:0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; } -#navigation ul, #subnavigation ul { +#navigation ul { list-style:none; min-width:770px; - height:23px; + height:24px; margin:0; padding:0 0 0 12px; } -#navigation ul li, #subnavigation ul li { +#navigation ul li { margin:0; padding:0; float:left; } -#navigation ul li a, #subnavigation ul li a { +#navigation ul li a { display:block; font-size:12px; line-height:100%; @@ -241,26 +220,21 @@ table tr.odd { margin:0; padding:6px 8px 5px 8px; } -#navigation ul li a:hover, #subnavigation ul li a:hover { +#navigation ul li a:hover { background-color:#FFFFE7; } -#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { +#navigation ul li#CurrentSection a { font-family:Georgia, serif; font-weight:bold; font-style:italic; padding:5px 15px 5px 15px; - background-image:url(../images/Web_Mainz_Mid.png); + border-top:solid 1px yellow; + border-bottom:solid 1px yellow; border-style:dashed; - border-width:1px 1px 0 1px; + border-width:1px; border-color:#7D5925; } -#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; +#navigation ul li#CurrentSection a:hover { } /* Alphabet Navigation @@ -305,7 +279,7 @@ div#alphabet ul li a:hover { ----------------------------------------------------- */ table { font-size:14px; - margin:0; + margin:0 15px 1em 15px; padding:0; border:none; border-collapse:collapse; @@ -317,39 +291,13 @@ table tr th { padding:.1em 10px; border-bottom:double 4px #7D5925; } +table.infolist tr th a { + text-decoration:none; +} table tr td { vertical-align:middle; padding:.1em 10px; } -table tr td.TableHeaderCell { - color: #7D5925; - background-color: #f8eec9; - font-weight: bold; - text-align: left; - font-size: 0.8em; - margin:0; - border-bottom:double 4px #7D5925; - border-left:solid 2px #7D5925; - border-right:solid 2px #7D5925; - border-top:solid 2px #7D5925; -} - -table tr td.TableDataCell { - color: #7D5925; - background-color: white; - border:solid 2px #7D5925; - font-size: 0.8em; -} - -table tr td.TableDataCell a { - display: block; - color: black; - text-decoration: none; -} - -table.infolist tr th a { - text-decoration:none; -} table.infolist tr td a { display:block; text-decoration:none; @@ -483,23 +431,10 @@ table.individuallist tbody tr td.ColumnName a { padding:.6em 10px; vertical-align:middle; } - #Individuals div table.infolist tr td p { +#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { vertical-align:top; } -#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 { +#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -507,17 +442,12 @@ table.individuallist tbody tr td.ColumnName a { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#696969; -} -#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; + color:#767D25; + padding-left:5px; } /* Sources ----------------------------------------------------- */ -#Sources table.infolist tbody tr td { - border-bottom: dashed 1px #000; -} #Sources table.infolist tbody tr td.ColumnRowLabel { padding-bottom:0; } @@ -543,113 +473,8 @@ table.individuallist tbody tr td.ColumnName a { padding:.1em 10px .3em 10px; } -/* 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: 10%; -} -table.eventlist tbody tr td.ColumnDate { - width: 10%; -} -table.eventlist tbody tr td.ColumnPlace { - width: 20%; -} -table.eventlist tbody tr td.ColumnDescription { - width: 20%; -} -table.eventlist tbody tr td.ColumnNotes { - width: 35%; -} -table.eventlist tbody tr td.ColumnSources { - width: 5%; -} -table.eventlist tbody tr td.ColumnPerson { - width: 35%; -} -table.eventlist tbody tr td.ColumnPartner { - width: 35%; -} -div#EventList table.eventlist tbody tr td.ColumnEvent a, -div#EventList table.eventlist tbody tr td.ColumnPerson a, -div#EventList table.eventlist tbody tr td.ColumnPartner a { - display: block; - padding: .9em 10px; -} -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: large; -} -div#EventDetail h3:first-letter { - color: #000; -} -div#EventDetail table.eventlist { - margin: .5cm 0 .3cm 1.5cm; - width: 800px; -} -div#EventDetail table.eventlist tbody tr td.ColumnAttribute { - font-weight: bold; - text-transform: uppercase; - border-top: solid 1px #000; - width: 20%; -} -div#EventDetail table.eventlist tbody tr td.ColumnEvent { - border-top: solid 1px #000; -} - /* Gallery ----------------------------------------------------- */ -#Gallery { - margin: auto; - padding: 0; -} -#Gallery table.infolist tbody tr td { - border-bottom: dashed 1px #000; -} #Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { padding-bottom:0; } @@ -697,15 +522,11 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { 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; @@ -767,129 +588,17 @@ div#EventDetail table.eventlist tbody tr td.ColumnEvent { text-decoration:underline; } -/* Download ------------------------------------------------------ */ -#Download { - padding: 0; - width: 965; - height: 350px; -} -table.download { - border:solid 2px #000; -} -table.download img { - text-align: center; -} -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; -} - -/* Repositories ------------------------------------------------------- */ -div#RepositoryList, div#RepositoryDetail { - margin: auto; - padding: 0; -} -div#RepositoryList table.repolist tbody tr td { - border-bottom: dashed 1px #000; -} -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: 20%; -} -div#RepositoryList table.repolist tbody tr td.ColumnName { - width: 100%; -} - -/* Address Book ------------------------------------------------------- */ -div#AddressBookList, AddressBookDetail { - margin: auto; - padding: 0; -} -div#AddressBookList table.addressbook { - margin: .3em 0 .3em 0; -} -div#AddressBookList table.addressbook tbody tr td { - text-align: left; - border-bottom: dashed 1px #000; -} -div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { - width: 6%; -} -div#AddressBookList table.addressbook tbody tr td.ColumnName { - 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 { - text-align: center; - width: 8%; -} -div#AddressBookList table.adressbook tbody tr td.ColumnResidence { - text-align: center; - width: 8%; -} -div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { - text-align: center; - width: 12%; -} - /* SubSection ----------------------------------------------------- */ -#Home, #Introduction, #Contact { +#Home, #Introduction, #Download, #Contact { min-height:500px; padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p { +#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p { margin:0 20px 1em 20px; padding-top:1em; } -#Home img, #Introduction img { +#Home img, #Introduction img, #Download img { float:right; margin:0; padding:0 20px 3em 20px; @@ -918,6 +627,26 @@ 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 { @@ -1008,46 +737,8 @@ div#addresses table.infolist tbody tr td.ColumnValue { border-bottom:dashed 1px #D8C19F; } -/* Subsections : Attributes +/* SubSection : Attributes ----------------------------------------------------- */ -div#attributes { - margin: 0; - padding: 0; -} -table.attrlist { - width: 100%; -} -table.attrlist thead tr th.ColumnType { - border: none; - background: none; -} -table.attrlist thead tr th.ColumnAttribute { - border: none; - background: none; -} -table.attrlist tbody tr td { - border-bottom: dashed 1px #000; -} -table.attrlist tbody tr td.ColumnType { - border: none; - background: none; -} -table.attrlist tbody tr td.ColumnAttribute { - border: none; - background: none; -} -table.attrlist tbody tr td.ColumnAttrType { - width: 15%; -} -table.attrlist tbody tr td.ColumnAttrValue { - width: 15%; -} -table.attrlist tbody tr td.ColumnAttrNotes { - width: 45%; -} -table.attrlist tbody tr td.ColumnAttrSources { - width: 15%; -} /* SubSection : Gallery ----------------------------------------------------- */ @@ -1109,22 +800,6 @@ div#sourcerefs ol li ol { /* SubSection : Weblinks ----------------------------------------------------- */ -div#WebLinks { - margin : 0 auto; - padding: 0; -} -table.weblinks tr td { - border-bottom: dashed 1px #000; -} -table.weblinks tr td.ColumnRowLabel { - width: 6%; -} -table.weblinks tr td.ColumnType { - width: 40%; -} -table.weblinks tr td.ColumnDescription { - width: 30%; -} /* SubSection : Pedigree ----------------------------------------------------- */ @@ -1165,179 +840,57 @@ table.weblinks tr td.ColumnDescription { font-weight:bold; } -/* SubSection : Ancestors Tree ------------------------------------------------------ */ -#tree { - page-break-before:always; - margin:0; - padding:0; -} -#treeContainer { - position:relative; - z-index:1; - padding-bottom:1.4em; -} -#treeContainer div.boxbg { - position:absolute; - margin:0; - padding:0; - background:none; -} -#treeContainer div.boxbg a, -#treeContainer div.boxbg span.unlinked { - position:relative; - z-index:10; - display:block; - font:normal .8em/1.4em sans-serif; - text-align:center; - text-decoration:none; - color:#7D5925; - width:118px; - padding:5px 20px 7px 20px; - margin-left:16px; - background-color:#FFFFE7; - border:dotted 2px #7D5925; -} -#treeContainer div.boxbg a.noThumb, -#treeContainer div.AncCol3 a, -#treeContainer div.AncCol4 a, -#treeContainer div.AncCol3 span.unlinked, -#treeContainer div.AncCol4 span.unlinked { - margin-top:10px; -} -#treeContainer div.boxbg a:hover { - position:relative; - z-index:999; - font-size:1em; - text-decoration:none; - color:#7D5925; - width:190px; - margin-left:-20px; - padding:10px 25px 12px 25px; - border:solid 2px #7D5925; -} -#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { - margin-top:-44px; -} -#treeContainer div.boxbg a.noThumb:hover { - margin-top:0; -} -#treeContainer div.AncCol0 a:hover { - margin-left:12px; -} -#treeContainer div.AncCol4 a:hover { - margin-left:-60px; -} -#treeContainer div.boxbg span.thumbnail { - display:block; - max-width:80px; - max-height:65px; - margin:0 auto; - padding:4px 0; -} -#treeContainer div.boxbg span.thumbnail img { - max-width:80px; - max-height:65px; - margin:0 auto; -} -#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { - height:80px; -} -#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { - display:none; -} -#treeContainer div.boxbg a:hover span.thumbnail { - display:block; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked, -#treeContainer div.female a , -#treeContainer div.female span.unlinked { - background-position:top right; - background-repeat:no-repeat; -} -#treeContainer div.male a, -#treeContainer div.male span.unlinked { - background-image:url(../images/Web_Gender_Male.png); -} -#treeContainer div.female a, -#treeContainer div.female span.unlinked { - background-image:url(../images/Web_Gender_Female.png); -} -.shadow { - display:none; -} -#tree div div.bvline { - position:absolute; - z-index:2; - height:2px; - margin:2px 0 0 16px; - padding:0; - background-color:#D8C19F; -} -#tree div div.bhline { - position:absolute; - z-index:2; - width:1px; - margin:2px 0 0 16px; - padding:0; - background-color:#D8C19F; -} -.ghline, .gvline { - display:none; -} - /* Footer ----------------------------------------------------- */ #footer { - clear:both; - width:965px; - overflow:hidden; - font-size:10px; - line-height:130%; - font-family:sans-serif; - color:#000; - margin:0 auto; - padding:15px 0 0 0; - background:url('../images/Web_Mainz_MidLight.png') #FFF2C6 bottom left repeat; - border-top:dashed 1px #7D5925; + 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; + border-top: dashed 1px #7D5925; + overflow: hidden; } #footer a, #footer a:visited { - text-decoration:none; - color: #000; + text-decoration: none; } #footer a:hover { - text-decoration:underline; + text-decoration: underline; } #footer img { border: 0; - margin: 0 auto; + margin: 0; vertical-align: middle; + horizontal-align: center; } #footer p#createdate { float: left; - width: 60%; + width: 50%; text-align: left; margin-left: 10px; } #footer p#copyright { - float:right; - width: 60%; - text-align:right; - margin-right:10px; + float: right; + width: 40%; + text-align: right; + 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; - margin:0; - padding:0; + font: normal 1em/1.2em serif; + margin: 0; + padding: 0; } /* Calendar Styles @@ -1382,7 +935,8 @@ table.weblinks tr td.ColumnDescription { padding:.7em 5% 1em 5%; border-top:double 4px #7D5925; } -.calendar tfoot tr td { +.calendar tfoot tr td.note { + height:1cm; vertical-align:middle; color:#7D5925; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; @@ -1421,7 +975,7 @@ table.weblinks tr td.ColumnDescription { .calendar tbody tr td.saturday { } -.calendar tbody tr td:first-child { +.calendar tbody tr td.sunday { border-left:none; } .calendar tbody tr:first-child td { @@ -1455,9 +1009,8 @@ table.weblinks tr td.ColumnDescription { .calendar tbody tr td ul li span.yearsmarried em { color:#453619; } -.calendar tbody tr td.highlight { } -.calendar tbody tr td.EmptyDays { - background-color: #FFF2C6; +.calendar tbody tr td.highlight { + } .calendar tbody tr td.highlight div.date { color:#767D25; @@ -1473,30 +1026,3 @@ table.weblinks tr td.ColumnDescription { 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; -} -body#OneDay { - background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; -}