Web_Mainz.css: Fixed problem with the backgrounds not showing as they were intended. Thanks Jason Simanek.

svn: r15822
This commit is contained in:
Rob G. Healey 2010-08-26 23:08:26 +00:00
parent 1eb50ff295
commit bf4295b5b3

View File

@ -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 <robhealey1@gmail.com>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
*******************************************************************************
----------------------------------------------------------------------------
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 <http://www.gnu.org/licenses/>.
----------------------------------------------------------------------------
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;
}