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
@@ -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 <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
|
||||
#
|
||||
|
||||
**************************************************************************************************
|
||||
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 <http://www.gramps-project.org/>
|
||||
--------------------------------------------------------------------------------------------------
|
||||
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 <http://gramps-project.org/> 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 <http://www.gnu.org/licenses/>.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user