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