/* ---------------------------------------------------------------------------- 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 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 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 brown #7D5925 brown light #D8C19F green #767D25 yellow #FFF2C6 yellow light #FFFFE7 ---------------------------------------------------------------------------- Style Images ---------------------------------------------------------------------------- Body images/Web_Mainz_Bkgd.png Header images/Web_Mainz_Header.png Middle images/Web_Mainz_Mid.png Middle Light images/Web_Mainz_MidLight.png ---------------------------------------------------------------------------- # $Id$ NarrativeWeb Styles -------------------------------------------------------------------------------------------- General Elements ----------------------------------------------------- */ body { font-family:Georgia, serif; color:#7D5925; margin:0; padding:0; background:url(../images/Web_Mainz_Bkgd.png) #FFF2C6 repeat; } div { margin:0; padding:0; } img { border:none; margin:0; } .thumbnail a:hover { background:none; } .content { width:965px; margin:0 auto; padding-bottom:.5em; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } .content div.snapshot { margin:0; padding:0; background:none; } .content div.snapshot div.thumbnail { margin:0; padding:2em 0 0 0; background:none; } .content div.snapshot div.thumbnail a { display:block; width:96px; margin:0 auto; } .fullclear { width:100%; height:1px; margin:0; padding:0; clear:both; } /* General Text ----------------------------------------------------- */ h1 { font-size:1.8em; font-weight:normal; font-style:italic; margin:0; } h2 { display:none; } h3 { font-size:2em; line-height:1.3em; font-weight:normal; font-style:italic; color:#767D25; text-align:center; margin:0; padding:.3em 20px 0 20px; } h4 { font-size:1.4em; font-weight:normal; font-style:italic; color:#767D25; text-align:center; margin:0; padding:.5em 0 .2em 0; border-bottom:dashed 1px #7D5925; } h5, h6 { font-style:italic; margin:1.3em 0 .5em 1em; } p { font-size:14px; line-height:17px; margin:0; } p#description { padding:10px 15px 10px 15px; } p a:link { text-decoration:underline; } sup { line-height:0; } ol { } ol li a { text-decoration:none; } a:link { color:#7D5925; text-decoration:underline; } a:hover, a:active { color:#7D5925; text-decoration:underline; background-color:#FFFFE7; } a:visited { color:#7D5925; text-decoration:underline; } .grampsid { font:normal .8em/1.2em monospace; } /* Header ----------------------------------------------------- */ #header { width:965px; margin:0 auto; padding:5em 0 2px 0; background:url(../images/Web_Mainz_Header.png) repeat-x top left; } #SiteTitle { color:#7D5925; margin:0 0 7px 50px; } #header p { font-size:1em; font-weight:bold; font-style:italic; color:#7D5925; margin:0 0 5px 50px; } /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { font-family:sans-serif; width:965px; margin:0 auto; padding:0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; } #navigation ul, #subnavigation ul { list-style:none; min-width:770px; height:23px; margin:0; padding:0 0 0 12px; } #navigation ul li, #subnavigation ul li { margin:0; padding:0; float:left; } #navigation ul li a, #subnavigation ul li a { display:block; font-size:12px; line-height:100%; font-weight:normal; color:#7D5925; text-decoration:none; margin:0; padding:6px 8px 5px 8px; } #navigation ul li a:hover, #subnavigation ul li a:hover { background-color:#FFFFE7; } #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; background-image:url(../images/Web_Mainz_Mid.png); border-style:dashed; border-width:1px 1px 0 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; } /* Alphabet Navigation ----------------------------------------------------- */ div#alphabet { width: 100%; margin: 0; background-color: #FFF2C5; } div#alphabet ul { 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:" |"; } div#alphabet ul li { margin:0; float:left; } div#alphabet ul li a { display:block; padding: 4px 8px 4px 8px; float:left; font:bold 16px/100% sans; margin:0; text-decoration:none; color: #000; } div#alphabet ul li a:hover { background-color: #000; color: #FFF; } /* Main Table ----------------------------------------------------- */ table { font-size:14px; margin:0 15px 1em 15px; padding:0; border:none; border-collapse:collapse; } table tr th { font-weight: bold; text-align: left; margin:0; 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.infolist tr td a { display:block; text-decoration:none; } table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { border-top:dashed 1px #D8C19F; } table.infolist tr th.ColumnQuantity { width:30%; } table.infolist tr td.ColumnLetter { font-weight:bold; } table.infolist tbody tr td.ColumnBirth { font-size:.9em; width:10%; } table.infolist tbody tr td.ColumnDeath { font-size:.9em; width:10%; } table.infolist tbody tr td.ColumnRowLabel { font-weight:bold; width:2%; } table.infolist tbody tr td.ColumnType { width:6%; padding-left:20px; } table.infolist tbody tr td.ColumnPartner { font-size:.9em; } table.infolist tbody tr td.ColumnParents { font-size:.9em; } table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { display:block; } table.infolist tbody tr td.ColumnParents span.mother:before { content:"+ "; } table.infolist tbody p.EventNote { border-top:dashed 1px #D8C19F; padding-top:1em; padding-bottom:1em; } /* Surnames ----------------------------------------------------- */ #Surnames { } #SurnameDetail p#description { padding-top:0; } table.surnamelist { margin-left:auto; margin-right:auto; } table.surnamelist tbody tr td.ColumnSurname { width:50%; } table.surnamelist thead tr th.ColumnSurname { padding:0; } table.surnamelist thead tr th.ColumnQuantity { width:40%; padding:0; } table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { display:block; padding:.1em 10px; } table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { content:" ↓"; } table.infolist tbody tr td.ColumnSurname { padding:0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } table.infolist tbody tr td.ColumnSurname a { padding:.1em 10px; } table.infolist tbody tr td.ColumnSurname a:hover { padding:.1em 10px; } table.surname tbody tr td { border-bottom:dashed 1px #D8C19F; } table.surname tbody tr:last-child td { border:none; } table.surname tbody tr td.ColumnName { width:20%; padding:0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } table.surname tbody tr td.ColumnName a { display:block; padding:.6em 10px .6em 20px; } table.surname tbody tr td.ColumnName a span.grampsid { display:none; } table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { width:25%; } /* Individuals ----------------------------------------------------- */ #Individuals { } #Individuals table.individuallist tbody tr td { border-bottom:dashed 1px #D8C19F; } #Individuals table.individuallist tbody tr:last-child td { border:none; } #Individuals table.individuallist tbody tr td a:hover { text-decoration:none; } table.individuallist tbody tr td.ColumnSurname { background:none; } table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { cursor:default; color:black; background:none; } table.individuallist tbody tr td.ColumnName { padding:0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } table.individuallist tbody tr td.ColumnName a { display:block; padding:.6em 10px; vertical-align:middle; } #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 { display:inline; } #IndividualDetail table.infolist tr td a:hover { text-decoration:underline; } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; color:#696969; } #IndividualDetail div.subsection table tr td:first-child { padding-left:20px; } /* Sources ----------------------------------------------------- */ #Sources table.infolist tbody tr td.ColumnRowLabel { padding-bottom:0; } #Sources table.infolist tbody tr td.ColumnName { padding:0; } #Sources table.infolist tbody tr td.ColumnName a { padding:.1em 10px .3em 10px; } #SourceDetail div#references ol li { padding-bottom:.5em; } /* Places ----------------------------------------------------- */ #Places table.infolist { margin:0 auto; } #Places table.infolist tbody tr td.ColumnName { padding:0; } #Places table.infolist tbody tr td.ColumnName a { padding:.1em 10px .3em 10px; } /* 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 { background-color: #FFF; width: 20%; } table.eventlist tbody tr td.ColumnDate { width: 16%; } table.eventlist tbody tr td.ColumnPlace { background-color: #FFF; width: 35%; } table.eventlist tbody tr td.ColumnSources { background-color: #FFF; width: 12%; } table.eventlist tbody tr td.ColumnNotes { width: 25%; } table.eventlist tbody tr td.ColumnPerson { background-color: #FFF; width: 35%; } table.eventlist tbody tr td.ColumnPartner { background-color: #FFF; 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#EventDetail h3 { font-size: xxx-large; } div#EventDetail h3:first-lettr { color: #5D835F; } 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; width: 20%; } div#EventDetail table.eventlist tbody tr td.ColumnEvent { border-top: solid 1px #000; } /* Gallery ----------------------------------------------------- */ #Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { padding-bottom:0; } #Gallery table.infolist tbody tr td.ColumnName { padding:0; } #Gallery table.infolist tbody tr td.ColumnName a { padding:.1em 10px .3em 10px; } #GalleryNav { font-size:.8em; margin:0; padding:2.2em 0 0 0; text-align:center; } #GalleryNav a { font-weight:bold; font-style:italic; color:#FFF2C6; text-decoration:none; background:url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; border:outset 3px #000; } #GalleryNav a:hover { border:outset 3px #7D5925; } #GalleryNav a:active { border:solid 3px #000; } #GalleryNav a#Previous { padding:.4em .7em .3em .7em; } #GalleryNav a#Next { padding:.4em 1.9em .3em 1.9em; } #GalleryPages { margin:0 1em; } #GalleryCurrent { font-size:2em; font-weight:normal; font-style:italic; } #GalleryTotal { 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; } #GalleryDetail div#summaryarea{ margin:0; padding:1.4em 0 0 0; } #GalleryDetail div#summaryarea h3 { text-align:center; } #GalleryDetail div h4 { margin-top:0; } #GalleryDetail div#summaryarea table.gallery { width:100%; margin-top:1.5em; margin-bottom:0; padding-bottom:0; border-style:double; border-width:4px 0 0 0; border-color:#7D5925; } #GalleryDetail div#summaryarea table.gallery tbody tr td.ColumnAttribute { color:#767D25; } /* Contact ----------------------------------------------------- */ #Contact #summaryarea { width:500px; margin:0 auto; padding:1em 3em; } #Contact #summaryarea img { display:block; margin:0 auto; padding:0; border:solid 1px #7D5925; } #researcher { text-align:center; margin-top:.7em; } #researcher h3 { padding:0; } #streetaddress { display:block; } #city:after { content:","; } #country { } #email { display:block; } #email a { text-decoration:none; } #email a:hover { text-decoration:underline; } /* Download ----------------------------------------------------- */ #Download { padding:1cm; height:396px; } table.download { border:solid 2px #000; width:100%; } table.download img { float: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#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; } /* SubSection ----------------------------------------------------- */ #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, { margin:0 20px 1em 20px; padding-top:1em; } #Home img, #Introduction img { float:right; margin:0; padding:0 20px 3em 20px; } div.subsection{ padding-bottom:.5em; } div.subsection h4 { margin-bottom:.5em; } div.subsection table, div.subsection ol, div.subsection p { font-size:.9em; } div.subsection a { text-decoration:none; } div.subsection a:hover { text-decoration:underline; background:none; } div.subsection table.infolist { width:100%; margin:0; } #IndividualDetail div.subsection table tr td:first-child { padding-left:20px; } /* SubSection : Summary Area ----------------------------------------------------- */ div#summaryarea { min-height:100px; background:none; } div#summaryarea table.infolist { width:100%; margin:1.5em 0 0 0; padding:0; border-style:double; border-width:4px 0 0 0; border-color:#7D5925; } div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { vertical-align:top; } div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { display:inline; } div#summaryarea table.infolist tbody tr td.ColumnAttribute { width:14%; padding-left:20px; } /* SubSection : Events ----------------------------------------------------- */ div#events { padding-bottom:0; } div#events h4 { margin-bottom:0; } div#events table.infolist tbody tr td { padding-top:.2em; padding-bottom:.2em; } div#events table.infolist tbody tr td.ColumnAttribute { border-bottom:dashed 1px #D8C19F; } div#events table.infolist tbody tr td.ColumnValue { border-bottom:dashed 1px #D8C19F; } div#events table.infolist tbody tr td.ColumnValue p { margin:.1em 2em; } /* SubSection : Parents ----------------------------------------------------- */ div#parents table.infolist tbody tr td.ColumnValue ol { margin:0; padding-top:0; } div#parents table.infolist tbody tr td.ColumnValue ol li { padding-bottom:.2em; } /* SubSection : Families ----------------------------------------------------- */ div#families table.infolist tbody tr td.ColumnValue p { margin-top:0; } div#families table.infolist tbody tr td.ColumnValue ol { margin:0; padding-top:0; } div#families table.infolist tbody tr td.ColumnValue ol li { padding-bottom:.2em; } /* SubSection : Addresses ----------------------------------------------------- */ div#addresses { padding-bottom:0; } div#addresses h4 { margin-bottom:0; } div#addresses table.infolist tbody tr td { padding-top:.2em; padding-bottom:.2em; } div#addresses table.infolist tbody tr td.ColumnAttribute { width:30%; border-bottom:dashed 1px #D8C19F; } div#addresses table.infolist tbody tr td.ColumnValue { border-bottom:dashed 1px #D8C19F; } /* SubSection : Attributes ----------------------------------------------------- */ /* SubSection : Gallery ----------------------------------------------------- */ #indivgallery h4 { margin-bottom:1em; } #indivgallery .thumbnail { margin:0; float:left; width:130px; height:150px; text-align:center; } #indivgallery .thumbnail a { display:block; margin:0; padding:0; background:none; } #indivgallery .thumbnail a img { margin:0; padding:0; border:solid 1px #7D5925; } #indivgallery div.thumbnail p { font-size:.6em; text-align:center; width:80%; margin:0 auto; padding:0; } /* SubSection : Narrative ----------------------------------------------------- */ div#narrative { padding-bottom:0; } #narrative p { margin-top:.5em; margin-bottom:0; padding:0 20px 1em 20px; } /* SubSection : References ----------------------------------------------------- */ #references ol { margin-top:0; margin-bottom:0; } /* SubSection : Source References ----------------------------------------------------- */ div#sourcerefs ol { list-style-type:decimal; } div#sourcerefs ol li ol { list-style-type:lower-alpha; } /* SubSection : Weblinks ----------------------------------------------------- */ /* SubSection : Pedigree ----------------------------------------------------- */ .pedigreegen { font-size:.9em; list-style:none; margin:.5em 0 0 0; padding:0 0 .7em 20px; } .pedigreegen li ol { list-style:none; margin-left:.5em; } .pedigreegen li ol li { padding-bottom:.2em; } .pedigreegen li ol li ol { list-style:decimal; margin-left:1.6em; } .pedigreegen li ol li ol li ol.spouselist { font-size:1em; list-style:none; margin-left:0; } .spouselist li.spouse ol { font-size:1em; list-style:decimal; margin-left:1.6em; } .spouse a { font-weight:normal; } .spouse:before { content: "+ "; } .thisperson { 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-top:-25px; margin-left:16px; background-color:#FFFFE7; border:dotted 2px #7D5925; } #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, #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.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; height:65px; margin:0 auto; padding:4px 0; } #treeContainer div.boxbg span.thumbnail img { 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; height: 60px; font-size:12px; line-height:130%; font-family:sans-serif; margin:0 auto; padding:15px 0 0 0; color: #000; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; border-top:dashed 1px #7D5925; } #footer a, #footer a:visited { text-decoration:none; color: #000; } #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 */ .calendar { empty-cells:show; width:965px; font-size:1em; font-weight:normal; margin:0 auto; padding:0; border:none; border-collapse:collapse; } .calendar thead tr th { width:14%; font-weight:normal; font-style:italic; font-size:18px; line-height:100%; text-align:center; padding:2px 0; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } .calendar thead tr th.monthName { width:100%; font-size:2em; text-transform:none; color:#767D25; padding:.3em 0 .2em 0; } #CreatorInfo { float:right; margin:-24px 10px 0 0; } .calendar thead tr th.weekend, .calendar thead tr th.weekday { } .calendar thead tr th.saturday, .calendar thead tr th.sunday { } .calendar tfoot tr td { padding:.7em 5% 1em 5%; border-top:double 4px #7D5925; } .calendar tfoot tr td { vertical-align:middle; color:#7D5925; background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } /* Calendar : Date Numeral */ .calendar tbody tr td div.date { float:right; display:block; width:1.8em; font-style:italic; font-size:1.2em; line-height:100%; text-align:center; color:#7D5925; margin:0 0 0 .5em; padding:.2em 0; background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } /* Calendar : Date Container */ .calendar tbody tr td { vertical-align:top; height:10em; padding:0; border-width:1px 0 0 1px; border-style:dashed; border-color:#7D5925; } .calendar tbody tr td.weekday { background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; } .calendar tbody tr td.weekend { background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; } .calendar tbody tr td.saturday { } .calendar tbody tr td:first-child { border-left:none; } .calendar tbody tr:first-child td { border-top:none; } /* Calendar : Date Detail */ .calendar tbody tr td ul { list-style:none; font-family:sans-serif; font-size:.8em; margin:2.3em 0 .3em 0; padding:0; } .calendar tbody tr td ul li { display:block; width:92%; margin:0 4%; padding:.2em 0 .3em 0; border-top:dashed 1px #D8C19F; } .calendar tbody tr td ul li:first-child { border:none; } /* Calendar : Birthday, Anniversary, Highlight */ .calendar tbody tr td ul li em { font-style:normal; color:#767D25; } .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 div.date { color:#767D25; background-image:none; background-color:#FFFFE7; } /* Calendar : Previous-Next Month */ .calendar tbody tr td.previous, .calendar tbody tr td.next, .calendar tbody tr td.previous div.date, .calendar tbody tr td.next div.date { 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; }