Move the HTML resources from gramps/plugins/webstuff to data and images
So that they're together with the other resources instead of in site-package/gramps. Aside from a better source and installation layout, this makes it easier to bundle them. svn: r22576
This commit is contained in:
John Ralls
55
data/css/GeoView.css
Normal file
55
data/css/GeoView.css
Normal file
@@ -0,0 +1,55 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright 2009 Serge Noiraud
|
||||
#
|
||||
# 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
|
||||
#
|
||||
|
||||
----------------------------------------------------------------------------
|
||||
GeoView Style Sheet
|
||||
Style Name: GeoView
|
||||
Style Author: Serge Noiraud (2009)
|
||||
|
||||
----------------------------------------------------------------------------
|
||||
This file was created for GeoView usage.
|
||||
|
||||
# $Id$
|
||||
|
||||
GeoView Styles
|
||||
|
||||
----------------------------------------------------- */
|
||||
|
||||
#geo-map
|
||||
{
|
||||
margin-left:0px;
|
||||
margin-top:0px;
|
||||
margin-right:auto;
|
||||
margin-bottom:auto;
|
||||
}
|
||||
|
||||
/* InfoWindow */
|
||||
#geo-info {
|
||||
font-size:10pt;
|
||||
max-height:200px;
|
||||
max-width: 600px;
|
||||
min-width: 300px;
|
||||
text-align: left;
|
||||
padding-right: 6px;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
659
data/css/Web_Basic-Ash.css
Normal file
659
data/css/Web_Basic-Ash.css
Normal file
@@ -0,0 +1,659 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic-Ash Stylesheet
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style 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
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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
|
||||
gray dark #555
|
||||
gray #999
|
||||
gray light #CCC
|
||||
gray very light #EEE
|
||||
white #FFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 90%;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
body > div {
|
||||
clear: both;
|
||||
}
|
||||
.content {
|
||||
background-color: white;
|
||||
border-top: solid 1px #999;
|
||||
}
|
||||
.content div.snapshot {
|
||||
float: right;
|
||||
margin: 2em;
|
||||
}
|
||||
.fullclear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: large;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: medium;
|
||||
background-color: #CCC;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: solid 1px #999;
|
||||
}
|
||||
p#description {
|
||||
padding-left: 15px;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#SiteTitle {
|
||||
color: #555;
|
||||
}
|
||||
#user_header, #user_footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav, #subnavigation {
|
||||
border: solid 1px #EEE; /* needed by IE7 */
|
||||
}
|
||||
#subnavigation ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#subnavigation ul {
|
||||
border-bottom: solid 1px #999;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
border-bottom: solid 1px #EEE;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #CCC;
|
||||
border-bottom: solid 1px black;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border: solid 1px #999;
|
||||
border-bottom-style: none;
|
||||
background-color: white;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
background-color: white;
|
||||
}
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
background-color: #EEE;
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table tr th {
|
||||
text-align: left;
|
||||
background-color: #EEE;
|
||||
border-top: solid 1px #999;
|
||||
border-bottom: solid 1px #999;
|
||||
}
|
||||
table tr th:first-child {
|
||||
border-left: solid 1px #999;
|
||||
}
|
||||
table tr th:last-child {
|
||||
border-right: solid 1px #999;
|
||||
}
|
||||
table.primobjlist tr th {
|
||||
background-color: #CCC;
|
||||
}
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table td:first-child, table th:first-child {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: solid 1px #CCC;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #555;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #555;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
table#SortByName td.ColumnSurname, table#SortByName th.ColumnSurname,
|
||||
table#SortByCount td.ColumnQuantity, table#SortByCount th.ColumnQuantity {
|
||||
background-color: #EEE;
|
||||
}
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table.surname td.ColumnName {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr.BeginType td {
|
||||
border-top:dashed 1px #CCC;
|
||||
}
|
||||
#EventList table.infolist tr.BeginLetter td {
|
||||
border-top:solid 1px #CCC;
|
||||
}
|
||||
#EventList table.infolist td.ColumnType {
|
||||
background-color: #EEE;
|
||||
}
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.fatherNmother:after,
|
||||
#EventDetail td.ColumnPerson span.fatherNmother:after {
|
||||
content: " + ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 2em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
background-color: #EEE;
|
||||
border: solid 1px #999;
|
||||
margin: 1em;
|
||||
}
|
||||
#GalleryNav a#Previous {
|
||||
padding: .4em .7em .3em .7em;
|
||||
}
|
||||
#GalleryNav a#Next {
|
||||
padding: .4em 1.9em .3em 1.9em;
|
||||
}
|
||||
#GalleryCurrent {
|
||||
font-size: larger;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display: block;
|
||||
border: solid 1px #999;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#Contact {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Contact #summaryarea {
|
||||
width: 50em;
|
||||
margin: 2em auto;
|
||||
padding: 3em;
|
||||
background-color: #EEE;
|
||||
border: solid 1px #999;
|
||||
}
|
||||
#Contact img {
|
||||
float: right;
|
||||
border: solid 1px #999;
|
||||
}
|
||||
#Contact #researcher, #Contact #researcher h3 {
|
||||
font-size: larger;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Home img, #Introduction img {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home p, #Introduction p {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.8em 0.5em;
|
||||
}
|
||||
#indivgallery h4 + .thumbnail {
|
||||
margin-left: 15px;
|
||||
/* Problem: if there are more thumnails then fit on a single row, the
|
||||
* first thumnail on each next row should also have a margin-left
|
||||
* of 15 px. */
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #999;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide description in Indivifual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* Subsection : Narrative
|
||||
----------------------------------------------------- */
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
----------------------------------------------------- */
|
||||
a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* Subsection : Pedigree
|
||||
----------------------------------------------------- */
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 1em;
|
||||
background-color: #CCC;
|
||||
border-top: solid 1px #555;
|
||||
}
|
||||
#footer > * {
|
||||
background-color: #EEE;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #EEE ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
===================================================== */
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
}
|
||||
.calendar thead th {
|
||||
text-align: center;
|
||||
border-top-style: none;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
background-color: white;
|
||||
border-bottom-style: none;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 15px 0px 0px;
|
||||
font-weight: bold;
|
||||
color: #999;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
border-top: solid 4px #999;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #CCC;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px 0px 0px 1ex;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #CCC;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
padding: 0px 0px 0px 1ex;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
border-top: dashed 1px #CCC;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td.highlight {
|
||||
background-color: white;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: black;
|
||||
background-color: #CCC;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous,
|
||||
.calendar td.next,
|
||||
.calendar td.previous div.date,
|
||||
.calendar td.next div.date {
|
||||
color: #CCC;
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
height: 18em;
|
||||
border: solid 1px black;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
body#OneDay div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
1458
data/css/Web_Basic-Blue.css
Normal file
1458
data/css/Web_Basic-Blue.css
Normal file
File diff suppressed because it is too large
Load Diff
709
data/css/Web_Basic-Cypress.css
Normal file
709
data/css/Web_Basic-Cypress.css
Normal file
@@ -0,0 +1,709 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic - Cypress
|
||||
Style Author: Jason Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' 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
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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
|
||||
slate dark #454
|
||||
slate #7C8F7C
|
||||
slate light #9DBF9D
|
||||
slate very light #E0E6E0
|
||||
white #FFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 90%;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
background-color: #454;
|
||||
}
|
||||
body > div {
|
||||
clear: both;
|
||||
}
|
||||
.content {
|
||||
background-color: white;
|
||||
border-top: solid 1px #7C8F7C;
|
||||
}
|
||||
.content div.snapshot {
|
||||
float: right;
|
||||
margin: 2em;
|
||||
}
|
||||
.fullclear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: large;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: medium;
|
||||
background-color: #9DBF9D;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: solid 1px #7C8F7C;
|
||||
}
|
||||
p#description {
|
||||
padding-left: 15px;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #9DBF9D;
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
color: #7C8F7C;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#header {
|
||||
color: #E0E6E0;
|
||||
}
|
||||
#user_header, #user_footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav, #subnavigation {
|
||||
border: solid 1px #454; /* needed by IE7 */
|
||||
}
|
||||
#subnavigation ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#subnavigation ul {
|
||||
border-bottom: solid 1px #7C8F7C;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
color: #E0E6E0;
|
||||
padding: 5px;
|
||||
border-bottom: solid 1px #454;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #9DBF9D;
|
||||
border-bottom: solid 1px black;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
color: #454;
|
||||
border: solid 1px #7C8F7C;
|
||||
border-bottom-style: none;
|
||||
background-color: white;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
color: #454;
|
||||
background-color: white;
|
||||
}
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
background-color: #454
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
color: white;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table tr th {
|
||||
text-align: left;
|
||||
background-color: #E0E6E0;
|
||||
border-top: solid 1px #7C8F7C;
|
||||
border-bottom: solid 1px #7C8F7C;
|
||||
}
|
||||
table tr th:first-child {
|
||||
border-left: solid 1px #7C8F7C;
|
||||
}
|
||||
table tr th:last-child {
|
||||
border-right: solid 1px #7C8F7C;
|
||||
}
|
||||
table.primobjlist tr th {
|
||||
background-color: #9DBF9D;
|
||||
}
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table td:first-child, table th:first-child {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: solid 1px #9DBF9D;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #454;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #454;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
table#SortByName td.ColumnSurname, table#SortByName th.ColumnSurname,
|
||||
table#SortByCount td.ColumnQuantity, table#SortByCount th.ColumnQuantity {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table#SortByName td.ColumnSurname,
|
||||
table#SortByName th.ColumnSurname,
|
||||
table#SortByName th.ColumnQuantity {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table#SortByName td.ColumnSurname > a,
|
||||
table#SortByName th.ColumnSurname > a,
|
||||
table#SortByName th.ColumnQuantity > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table#SortByName th.ColumnSurname a:hover,
|
||||
table#SortByName th.ColumnQuantity a:hover,
|
||||
table#SortByCount th.ColumnSurname a:hover,
|
||||
table#SortByCount th.ColumnQuantity a:hover {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
table.surname td.ColumnName {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table.surname td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table.surname td.ColumnName > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
#Places table.infolist td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Places table.infolist td.ColumnName > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr.BeginType td {
|
||||
border-top:dashed 1px #9DBF9D;
|
||||
}
|
||||
#EventList table.infolist tr.BeginLetter td {
|
||||
border-top:solid 1px #9DBF9D;
|
||||
}
|
||||
#EventList table.infolist td.ColumnType {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.fatherNmother:after,
|
||||
#EventDetail td.ColumnPerson span.fatherNmother:after {
|
||||
content: " + ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 2em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
background-color: #E0E6E0;
|
||||
border: solid 1px #7C8F7C;
|
||||
margin: 1em;
|
||||
}
|
||||
#GalleryNav a:hover {
|
||||
background-color: #9DBF9D;
|
||||
}
|
||||
#GalleryNav a#Previous {
|
||||
padding: .4em .7em .3em .7em;
|
||||
}
|
||||
#GalleryNav a#Next {
|
||||
padding: .4em 1.9em .3em 1.9em;
|
||||
}
|
||||
#GalleryCurrent {
|
||||
font-size: larger;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display: block;
|
||||
border: solid 1px #7C8F7C;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#Contact {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Contact #summaryarea {
|
||||
width: 40em;
|
||||
margin: 2em auto;
|
||||
padding: 3em;
|
||||
background-color: #E0E6E0;
|
||||
border: solid 1px #7C8F7C;
|
||||
}
|
||||
#Contact img {
|
||||
float: right;
|
||||
border: solid 1px #7C8F7C;
|
||||
}
|
||||
#Contact #researcher, #Contact #researcher h3 {
|
||||
font-size: larger;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #locality, #Contact #city, #Contact #state, #Contact #postalcode,
|
||||
#Contact #country {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Home img, #Introduction img {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home p, #Introduction p {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.8em 0.5em;
|
||||
}
|
||||
#indivgallery h4 + .thumbnail {
|
||||
margin-left: 15px;
|
||||
/* Problem: if there are more thumnails then fit on a single row, the
|
||||
* first thumnail on each next row should also have a margin-left
|
||||
* of 15 px. */
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #7C8F7C;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide description in Indivifual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* Subsection : Narrative
|
||||
----------------------------------------------------- */
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
----------------------------------------------------- */
|
||||
a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* Subsection : Pedigree
|
||||
----------------------------------------------------- */
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
clear: both;
|
||||
color: #E0E6E0;
|
||||
padding-top: 1em;
|
||||
background-color: #9DBF9D;
|
||||
border-top: solid 1px #454;
|
||||
}
|
||||
#footer a {
|
||||
color: #E0E6E0;
|
||||
}
|
||||
#footer > * {
|
||||
background-color: #454;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #E0E6E0 ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
===================================================== */
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
}
|
||||
.calendar thead th {
|
||||
text-align: center;
|
||||
border-top-style: none;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
background-color: white;
|
||||
border-bottom-style: none;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 15px 0px 0px;
|
||||
font-weight: bold;
|
||||
color: #7C8F7C;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
border-top: solid 4px #7C8F7C;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #9DBF9D;
|
||||
color: #454;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px 0px 0px 1ex;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #9DBF9D;
|
||||
background-color: white;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
padding: 0px 0px 0px 1ex;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
border-top: dashed 1px #9DBF9D;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td ul li em {
|
||||
font-style: normal;
|
||||
color: #7C8F7C;
|
||||
}
|
||||
.calendar td.highlight {
|
||||
background-color: #E0E6E0;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: black;
|
||||
background-color: #9DBF9D;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous,
|
||||
.calendar td.next,
|
||||
.calendar td.previous div.date,
|
||||
.calendar td.next div.date {
|
||||
color: #9DBF9D;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
height: 18em;
|
||||
border: solid 1px black;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
body#OneDay div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
715
data/css/Web_Basic-Lilac.css
Normal file
715
data/css/Web_Basic-Lilac.css
Normal file
@@ -0,0 +1,715 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
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
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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
|
||||
lilac dark #2E2E61
|
||||
lilac #669
|
||||
lilac light #B4B4CB
|
||||
lilac very light #E0E0E9
|
||||
white #FAFAFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 90%;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
body > div {
|
||||
clear: both;
|
||||
}
|
||||
.content {
|
||||
background-color: #FAFAFF;
|
||||
border-top: solid 1px #669;
|
||||
}
|
||||
.content div.snapshot {
|
||||
float: right;
|
||||
margin: 2em;
|
||||
}
|
||||
.fullclear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: large;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: medium;
|
||||
color: #2E2E61;
|
||||
background-color: #B4B4CB;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: solid 1px #669;
|
||||
}
|
||||
p#description {
|
||||
padding-left: 15px;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #E0E0E9
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
color: #669;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#SiteTitle {
|
||||
color: #2E2E61;
|
||||
}
|
||||
#user_header, #user_footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav, #subnavigation {
|
||||
border: solid 1px #E0E0E9; /* needed by IE7 */
|
||||
}
|
||||
#subnavigation ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#subnavigation ul {
|
||||
border-bottom: solid 1px #669;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
border-bottom: solid 1px #E0E0E9;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #B4B4CB;
|
||||
border-bottom: solid 1px black;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border: solid 1px #669;
|
||||
border-bottom-style: none;
|
||||
background-color: #FAFAFF;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
background-color: #FAFAFF;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: black;
|
||||
color: #FAFAFF;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table tr th {
|
||||
text-align: left;
|
||||
background-color: #E0E0E9;
|
||||
border-top: solid 1px #669;
|
||||
border-bottom: solid 1px #669;
|
||||
}
|
||||
table tr th:first-child {
|
||||
border-left: solid 1px #669;
|
||||
}
|
||||
table tr th:last-child {
|
||||
border-right: solid 1px #669;
|
||||
}
|
||||
table.primobjlist tr th {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table td:first-child, table th:first-child {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: solid 1px #B4B4CB;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #2E2E61;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #2E2E61;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
table#SortByName td.ColumnSurname, table#SortByName th.ColumnSurname,
|
||||
table#SortByCount td.ColumnQuantity, table#SortByCount th.ColumnQuantity {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
table#SortByName td.ColumnSurname a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table#SortByName td.ColumnSurname,
|
||||
table#SortByName th.ColumnSurname,
|
||||
table#SortByName th.ColumnQuantity {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table#SortByName td.ColumnSurname > a,
|
||||
table#SortByName th.ColumnSurname > a,
|
||||
table#SortByName th.ColumnQuantity > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table.surname td.ColumnName {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
table.surname td.ColumnName a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table.surname td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table.surname td.ColumnName > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
#Places table.infolist td.ColumnName a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
#Places table.infolist td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Places table.infolist td.ColumnName > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr.BeginType td {
|
||||
border-top:dashed 1px #B4B4CB;
|
||||
}
|
||||
#EventList table.infolist tr.BeginLetter td {
|
||||
border-top:solid 1px #B4B4CB;
|
||||
}
|
||||
#EventList table.infolist td.ColumnType {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.fatherNmother:after,
|
||||
#EventDetail td.ColumnPerson span.fatherNmother:after {
|
||||
content: " + ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 2em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
background-color: #E0E0E9;
|
||||
border: solid 1px #669;
|
||||
margin: 1em;
|
||||
}
|
||||
#GalleryNav a:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
#GalleryNav a#Previous {
|
||||
padding: .4em .7em .3em .7em;
|
||||
}
|
||||
#GalleryNav a#Next {
|
||||
padding: .4em 1.9em .3em 1.9em;
|
||||
}
|
||||
#GalleryCurrent {
|
||||
font-size: larger;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display: block;
|
||||
border: solid 1px #669;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#Contact {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Contact #summaryarea {
|
||||
width: 40em;
|
||||
margin: 2em auto;
|
||||
padding: 3em;
|
||||
background-color: #E0E0E9;
|
||||
border: solid 1px #669;
|
||||
}
|
||||
#Contact img {
|
||||
float: right;
|
||||
border: solid 1px #669;
|
||||
}
|
||||
#Contact #researcher, #Contact #researcher h3 {
|
||||
font-size: larger;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #locality, #Contact #city, #Contact #state, #Contact #postalcode,
|
||||
#Contact #country {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Home img, #Introduction img {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home p, #Introduction p {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.8em 0.5em;
|
||||
}
|
||||
#indivgallery h4 + .thumbnail {
|
||||
margin-left: 15px;
|
||||
/* Problem: if there are more thumnails then fit on a single row, the
|
||||
* first thumnail on each next row should also have a margin-left
|
||||
* of 15 px. */
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #669;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide description in Indivifual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* Subsection : Narrative
|
||||
----------------------------------------------------- */
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
----------------------------------------------------- */
|
||||
a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* Subsection : Pedigree
|
||||
----------------------------------------------------- */
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 1em;
|
||||
background-color: #B4B4CB;
|
||||
border-top: solid 1px #2E2E61;
|
||||
}
|
||||
#footer > * {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#footer a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #E0E0E9 ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
===================================================== */
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
}
|
||||
.calendar thead th {
|
||||
text-align: center;
|
||||
border-top-style: none;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
background-color: #FAFAFF;
|
||||
border-bottom-style: none;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 15px 0px 0px;
|
||||
font-weight: bold;
|
||||
color: #669;
|
||||
}
|
||||
#CreatorInfo a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
border-top: solid 4px #669;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #B4B4CB;
|
||||
color: #2E2E61;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px 0px 0px 1ex;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #B4B4CB;
|
||||
background-color: #FAFAFF;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
padding: 0px 0px 0px 1ex;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
border-top: dashed 1px #B4B4CB;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
.calendar td ul a[href]:hover {
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td ul li em {
|
||||
font-style: normal;
|
||||
color: #669;
|
||||
}
|
||||
.calendar td.highlight {
|
||||
background-color: #E0E0E9;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: black;
|
||||
background-color: #B4B4CB;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous,
|
||||
.calendar td.next,
|
||||
.calendar td.previous div.date,
|
||||
.calendar td.next div.date {
|
||||
color: #B4B4CB;
|
||||
background-color: #FAFAFF;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
height: 18em;
|
||||
border: solid 1px black;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
body#OneDay div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
725
data/css/Web_Basic-Peach.css
Normal file
725
data/css/Web_Basic-Peach.css
Normal file
@@ -0,0 +1,725 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic-Peach Stylesheet
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme.
|
||||
**************************************************************************************************
|
||||
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
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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 #36220B
|
||||
brown #8C581C
|
||||
orange dark #EA8414
|
||||
orange #FFC35E
|
||||
orange light #FFE09F
|
||||
yellow light #FFFBE7
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 90%;
|
||||
color: #36220B;
|
||||
margin: 0px;
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
body > div {
|
||||
clear: both;
|
||||
}
|
||||
.content {
|
||||
background-color: #FFFBE7;
|
||||
border-top: solid 1px #8C581C;
|
||||
}
|
||||
.content div.snapshot {
|
||||
float: right;
|
||||
margin: 2em;
|
||||
}
|
||||
.fullclear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: large;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: medium;
|
||||
color: #EA8414;
|
||||
background-color: #FFC35E;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: solid 1px #8C581C;
|
||||
}
|
||||
p#description {
|
||||
padding-left: 15px;
|
||||
}
|
||||
a {
|
||||
color: #36220B;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #FFE09F
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
color: #8C581C;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#SiteTitle {
|
||||
color: #EA8414;
|
||||
}
|
||||
#user_header, #user_footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav, #subnavigation {
|
||||
border: solid 1px #FFE09F; /* needed by IE7 */
|
||||
}
|
||||
#subnavigation ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#subnavigation ul {
|
||||
border-bottom: solid 1px #8C581C;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
border-bottom: solid 1px #FFE09F;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #FFC35E;
|
||||
border-bottom: solid 1px #36220B;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border: solid 1px #8C581C;
|
||||
border-bottom-style: none;
|
||||
background-color: #FFFBE7;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
background-color: #FFFBE7;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: #36220B;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #36220B;
|
||||
color: #FFFBE7;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table tr th {
|
||||
text-align: left;
|
||||
background-color: #FFE09F;
|
||||
border-top: solid 1px #8C581C;
|
||||
border-bottom: solid 1px #8C581C;
|
||||
}
|
||||
table tr th:first-child {
|
||||
border-left: solid 1px #EA8414;
|
||||
}
|
||||
table tr th:last-child {
|
||||
border-right: solid 1px #EA8414;
|
||||
}
|
||||
table.primobjlist tr th {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table td:first-child, table th:first-child {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: solid 1px #FFC35E;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #8C581C;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #8C581C;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
table#SortByName td.ColumnSurname, table#SortByName th.ColumnSurname,
|
||||
table#SortByCount td.ColumnQuantity, table#SortByCount th.ColumnQuantity {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
table#SortByName td.ColumnSurname a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table#SortByName td.ColumnSurname,
|
||||
table#SortByName th.ColumnSurname,
|
||||
table#SortByName th.ColumnQuantity {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table#SortByName td.ColumnSurname > a,
|
||||
table#SortByName th.ColumnSurname > a,
|
||||
table#SortByName th.ColumnQuantity > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table.surname td.ColumnName {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
table.surname td.ColumnName a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table.surname td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table.surname td.ColumnName > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
#Places table.infolist td.ColumnName a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
#Places table.infolist td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Places table.infolist td.ColumnName > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr.BeginType td {
|
||||
border-top:dashed 1px #FFC35E;
|
||||
}
|
||||
#EventList table.infolist tr.BeginLetter td {
|
||||
border-top:solid 1px #FFC35E;
|
||||
}
|
||||
#EventList table.infolist td.ColumnType {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.fatherNmother:after,
|
||||
#EventDetail td.ColumnPerson span.fatherNmother:after {
|
||||
content: " + ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 2em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
background-color: #FFE09F;
|
||||
border: solid 1px #EA8414;
|
||||
margin: 1em;
|
||||
}
|
||||
#GalleryNav a:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
#GalleryNav a#Previous {
|
||||
padding: .4em .7em .3em .7em;
|
||||
}
|
||||
#GalleryNav a#Next {
|
||||
padding: .4em 1.9em .3em 1.9em;
|
||||
}
|
||||
#GalleryCurrent {
|
||||
font-size: larger;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display: block;
|
||||
border: solid 1px #EA8414;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#Contact {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Contact #summaryarea {
|
||||
width: 40em;
|
||||
margin: 2em auto;
|
||||
padding: 3em;
|
||||
background-color: #FFE09F;
|
||||
border: solid 1px #EA8414;
|
||||
}
|
||||
#Contact img {
|
||||
float: right;
|
||||
border: solid 1px #EA8414;
|
||||
}
|
||||
#Contact #researcher, #Contact #researcher h3 {
|
||||
font-size: larger;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #locality, #Contact #city, #Contact #state, #Contact #postalcode,
|
||||
#Contact #country {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Home img, #Introduction img {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home p, #Introduction p {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: #36220B;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.8em 0.5em;
|
||||
}
|
||||
#indivgallery h4 + .thumbnail {
|
||||
margin-left: 15px;
|
||||
/* Problem: if there are more thumnails then fit on a single row, the
|
||||
* first thumnail on each next row should also have a margin-left
|
||||
* of 15 px. */
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #8C581C;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide description in Indivifual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* Subsection : Narrative
|
||||
----------------------------------------------------- */
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Subsection : Family Map
|
||||
----------------------------------------------------- */
|
||||
a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* Subsection : Pedigree
|
||||
----------------------------------------------------- */
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 1em;
|
||||
background-color: #FFC35E;
|
||||
border-top: solid 1px #EA8414;
|
||||
}
|
||||
#footer > * {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#footer a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
button#drop {
|
||||
background-color: #FFE09F;
|
||||
border: solid 1px #EA8414 ! important;
|
||||
}
|
||||
button#drop:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
div#map_canvas {
|
||||
border-color: #EA8414 ! important;
|
||||
}
|
||||
body#FamilyMap {
|
||||
background-color: #FFE09F ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
===================================================== */
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
}
|
||||
.calendar thead th {
|
||||
text-align: center;
|
||||
border-top-style: none;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
background-color: #FFFBE7;
|
||||
border-bottom-style: none;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 15px 0px 0px;
|
||||
font-weight: bold;
|
||||
color: #8C581C;
|
||||
}
|
||||
#CreatorInfo a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
border-top: solid 4px #8C581C;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #FFC35E;
|
||||
color: #8C581C;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px 0px 0px 1ex;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #FFC35E;
|
||||
background-color: #FFFBE7;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
padding: 0px 0px 0px 1ex;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
border-top: dashed 1px #8C581C;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
.calendar td ul a[href]:hover {
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td ul li em {
|
||||
font-style: normal;
|
||||
color: #EA8414;
|
||||
}
|
||||
.calendar td.highlight {
|
||||
background-color: #FFE09F;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: #36220B;
|
||||
background-color: #FFC35E;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous,
|
||||
.calendar td.next,
|
||||
.calendar td.previous div.date,
|
||||
.calendar td.next div.date {
|
||||
color: #FFC35E;
|
||||
background-color: #FFFBE7;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
height: 18em;
|
||||
border: solid 1px #36220B;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
body#OneDay div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
714
data/css/Web_Basic-Spruce.css
Normal file
714
data/css/Web_Basic-Spruce.css
Normal file
@@ -0,0 +1,714 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Basic-Spruce Stylesheet
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme.
|
||||
**************************************************************************************************
|
||||
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
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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
|
||||
blue dark #204D91
|
||||
blue #7CA3DD
|
||||
blue light #BFD0EA
|
||||
blue very light #EAEEF4
|
||||
white #FFF
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Characteristic of this style is that it uses the full width of the browser
|
||||
window and that horizontal highlighting bars extend over the full width of
|
||||
the page.
|
||||
--------------------------------------------------------------------------------------------------
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
------------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 90%;
|
||||
color: black;
|
||||
margin: 0px;
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
body > div {
|
||||
clear: both;
|
||||
}
|
||||
.content {
|
||||
background-color: #FFF;
|
||||
border-top: solid 1px #7CA3DD;
|
||||
}
|
||||
.content div.snapshot {
|
||||
float: right;
|
||||
margin: 2em;
|
||||
}
|
||||
.fullclear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: large;
|
||||
padding-left: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: medium;
|
||||
color: #204D91;
|
||||
background-color: #BFD0EA;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: solid 1px #7CA3DD;
|
||||
}
|
||||
p#description {
|
||||
padding-left: 15px;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #EAEEF4
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
color: #7CA3DD;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#SiteTitle {
|
||||
color: #204D91;
|
||||
}
|
||||
#user_header, #user_footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav, #subnavigation {
|
||||
border: solid 1px #EAEEF4; /* needed by IE7 */
|
||||
}
|
||||
#subnavigation ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#subnavigation ul {
|
||||
border-bottom: solid 1px #7CA3DD;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
border-bottom: solid 1px #EAEEF4;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #BFD0EA;
|
||||
border-bottom: solid 1px black;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border: solid 1px #7CA3DD;
|
||||
border-bottom-style: none;
|
||||
background-color: #FFF;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
margin: 0px;
|
||||
padding-left: 15px;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: black;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table tr th {
|
||||
text-align: left;
|
||||
background-color: #EAEEF4;
|
||||
border-top: solid 1px #7CA3DD;
|
||||
border-bottom: solid 1px #7CA3DD;
|
||||
}
|
||||
table tr th:first-child {
|
||||
border-left: solid 1px #7CA3DD;
|
||||
}
|
||||
table tr th:last-child {
|
||||
border-right: solid 1px #7CA3DD;
|
||||
}
|
||||
table.primobjlist tr th {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table td:first-child, table th:first-child {
|
||||
padding-left: 15px;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: solid 1px #BFD0EA;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #204D91;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #204D91;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
table#SortByName td.ColumnSurname, table#SortByName th.ColumnSurname,
|
||||
table#SortByCount td.ColumnQuantity, table#SortByCount th.ColumnQuantity {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
table#SortByName td.ColumnSurname a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table#SortByName td.ColumnSurname,
|
||||
table#SortByName th.ColumnSurname,
|
||||
table#SortByName th.ColumnQuantity {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table#SortByName td.ColumnSurname > a,
|
||||
table#SortByName th.ColumnSurname > a,
|
||||
table#SortByName th.ColumnQuantity > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
table.surname td.ColumnName {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
table.surname td.ColumnName a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
table.surname td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
table.surname td.ColumnName > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
table.IndividualList td.ColumnSurname {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
|
||||
/* Places
|
||||
----------------------------------------------------- */
|
||||
#Places table.infolist td.ColumnName {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
#Places table.infolist td.ColumnName a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
/* make the whole cell light up on hover not just the a. */
|
||||
#Places table.infolist td.ColumnName {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Places table.infolist td.ColumnName > a {
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr.BeginType td {
|
||||
border-top:dashed 1px #BFD0EA;
|
||||
}
|
||||
#EventList table.infolist tr.BeginLetter td {
|
||||
border-top:solid 1px #BFD0EA;
|
||||
}
|
||||
#EventList table.infolist td.ColumnType {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.fatherNmother:after,
|
||||
#EventDetail td.ColumnPerson span.fatherNmother:after {
|
||||
content: " + ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 2em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
background-color: #EAEEF4;
|
||||
border: solid 1px #7CA3DD;
|
||||
margin: 1em;
|
||||
}
|
||||
#GalleryNav a:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
#GalleryNav a#Previous {
|
||||
padding: .4em .7em .3em .7em;
|
||||
}
|
||||
#GalleryNav a#Next {
|
||||
padding: .4em 1.9em .3em 1.9em;
|
||||
}
|
||||
#GalleryCurrent {
|
||||
font-size: larger;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display: block;
|
||||
border: solid 1px #7CA3DD;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#Contact {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Contact #summaryarea {
|
||||
width: 40em;
|
||||
margin: 2em auto;
|
||||
padding: 3em;
|
||||
background-color: #EAEEF4;
|
||||
border: solid 1px #7CA3DD;
|
||||
}
|
||||
#Contact img {
|
||||
float: right;
|
||||
border: solid 1px #7CA3DD;
|
||||
}
|
||||
#Contact #researcher, #Contact #researcher h3 {
|
||||
font-size: larger;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #locality, #Contact #city, #Contact #state, #Contact #postalcode,
|
||||
#Contact #country {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction {
|
||||
overflow: hidden;
|
||||
}
|
||||
#Home img, #Introduction img {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home p, #Introduction p {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Subsection : Families
|
||||
----------------------------------------------------- */
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.attrlist td.ColumnType {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Subsection : Gallery
|
||||
----------------------------------------------------- */
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.8em 0.5em;
|
||||
}
|
||||
#indivgallery h4 + .thumbnail {
|
||||
margin-left: 15px;
|
||||
/* Problem: if there are more thumnails then fit on a single row, the
|
||||
* first thumnail on each next row should also have a margin-left
|
||||
* of 15 px. */
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #7CA3DD;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide description in Indivifual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* Subsection : Narrative
|
||||
----------------------------------------------------- */
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin: 1em 15px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
/* Subsection : Family Map
|
||||
----------------------------------------------------- */
|
||||
a.familymap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Subsection : Source References
|
||||
----------------------------------------------------- */
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* Subsection : Pedigree
|
||||
----------------------------------------------------- */
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 1em;
|
||||
background-color: #BFD0EA;
|
||||
border-top: solid 1px #204D91;
|
||||
}
|
||||
#footer > * {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
padding-left: 15px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#footer a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
----------------------------------------------------- */
|
||||
body#FamilyMap {
|
||||
background-color: #EAEEF4 ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
===================================================== */
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
}
|
||||
.calendar thead th {
|
||||
text-align: center;
|
||||
border-top-style: none;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
background-color: #FFF;
|
||||
border-bottom-style: none;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 15px 0px 0px;
|
||||
font-weight: bold;
|
||||
color: #7CA3DD;
|
||||
}
|
||||
#CreatorInfo a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
border-top: solid 4px #7CA3DD;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #BFD0EA;
|
||||
color: #204D91;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px 0px 0px 1ex;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #BFD0EA;
|
||||
background-color: #FFF;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
padding: 0px 0px 0px 1ex;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
border-top: dashed 1px #BFD0EA;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
.calendar td ul a[href]:hover {
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td ul li em {
|
||||
font-style: normal;
|
||||
color: #7CA3DD;
|
||||
}
|
||||
.calendar td.highlight {
|
||||
background-color: #EAEEF4;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: black;
|
||||
background-color: #BFD0EA;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous,
|
||||
.calendar td.next,
|
||||
.calendar td.previous div.date,
|
||||
.calendar td.next div.date {
|
||||
color: #BFD0EA;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
height: 18em;
|
||||
border: solid 1px black;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
body#OneDay div.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
183
data/css/Web_Citations-Animated.css
Normal file
183
data/css/Web_Citations-Animated.css
Normal file
@@ -0,0 +1,183 @@
|
||||
/* Main Element
|
||||
------------------------------------------------------ */
|
||||
#menu, #menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* Main Level
|
||||
------------------------------------------------------ */
|
||||
#menu {
|
||||
width: 100%;
|
||||
margin: 6px auto;
|
||||
border: 1px solid #222;
|
||||
background-color: #111;
|
||||
background-image: -moz-linear-gradient(#444, #111);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
|
||||
background-image: -webkit-linear-gradient(#444, #111);
|
||||
background-image: -o-linear-gradient(#444, #111);
|
||||
background-image: -ms-linear-gradient(#444, #111);
|
||||
background-image: linear-gradient(#444, #111);
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-moz-box-shadow: 0 1px 1px #777;
|
||||
-webkit-box-shadow: 0 1px 1px #777;
|
||||
box-shadow: 0 1px 1px #777;
|
||||
}
|
||||
|
||||
/* Clear Floats
|
||||
------------------------------------------------------ */
|
||||
#menu:before,
|
||||
#menu:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
#menu:after {
|
||||
clear: both
|
||||
}
|
||||
#menu {
|
||||
zoom: 1
|
||||
}
|
||||
|
||||
/* List Elements
|
||||
------------------------------------------------------ */
|
||||
#menu li {
|
||||
float: left;
|
||||
border-right: 1px solid #222;
|
||||
-moz-box-shadow: 1px 0 0 #444;
|
||||
-webkit-box-shadow: 1px 0 0 #444;
|
||||
box-shadow: 1px 0 0 #444;
|
||||
position: relative;
|
||||
}
|
||||
#menu a {
|
||||
float: left;
|
||||
padding: 12px 30px;
|
||||
color: #999;
|
||||
text-transform: uppercase;
|
||||
font: bold 12px Arial, Helvetica;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
#menu li:hover > a {
|
||||
color: #fafafa
|
||||
}
|
||||
*html #menu li a:hover { /* IE6 only */
|
||||
color: #fafafa
|
||||
}
|
||||
|
||||
/* sub-menu
|
||||
------------------------------------------------------ */
|
||||
#menu ul {
|
||||
margin: 20px 0 0 0;
|
||||
_margin: 0; /*IE6 only*/
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background: #444;
|
||||
background: -moz-linear-gradient(#444, #111);
|
||||
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
|
||||
background: -webkit-linear-gradient(#444, #111);
|
||||
background: -o-linear-gradient(#444, #111);
|
||||
background: -ms-linear-gradient(#444, #111);
|
||||
background: linear-gradient(#444, #111);
|
||||
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
|
||||
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
|
||||
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-ms-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
#menu li:hover > ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
margin: 0;
|
||||
}
|
||||
#menu ul ul {
|
||||
top: 0;
|
||||
left: 150px;
|
||||
margin: 0 0 0 20px;
|
||||
_margin: 0; /*IE6 only*/
|
||||
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||||
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||||
box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||||
}
|
||||
#menu ul li {
|
||||
float: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
_line-height: 0; /*IE6 only*/
|
||||
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||||
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||||
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||||
}
|
||||
#menu ul li:last-child {
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
#menu ul a {
|
||||
padding: 10px;
|
||||
width: 130px;
|
||||
_height: 10px; /*IE6 only*/
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
float: none;
|
||||
text-transform: none;
|
||||
}
|
||||
#menu ul a:hover {
|
||||
background-color: #0186ba;
|
||||
background-image: -moz-linear-gradient(#04acec, #0186ba);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
|
||||
background-image: -webkit-linear-gradient(#04acec, #0186ba);
|
||||
background-image: -o-linear-gradient(#04acec, #0186ba);
|
||||
background-image: -ms-linear-gradient(#04acec, #0186ba);
|
||||
background-image: linear-gradient(#04acec, #0186ba);
|
||||
}
|
||||
|
||||
/* first and Last child elements
|
||||
------------------------------------------------------ */
|
||||
#menu ul li:first-child > a {
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
#menu ul li:first-child > a:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: -6px;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #444;
|
||||
}
|
||||
#menu ul ul li:first-child a:after {
|
||||
left: -6px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
border-left: 0;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-top: 6px solid transparent;
|
||||
border-right: 6px solid #3b3b3b;
|
||||
}
|
||||
#menu ul li:first-child a:hover:after {
|
||||
border-bottom-color: #04acec
|
||||
}
|
||||
#menu ul ul li:first-child a:hover:after {
|
||||
border-right-color: #0299d3;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
#menu ul li:last-child > a {
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
46
data/css/Web_Citations-Outline.css
Normal file
46
data/css/Web_Citations-Outline.css
Normal file
@@ -0,0 +1,46 @@
|
||||
/*
|
||||
# encoding: utf-8
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright 2012 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: Web_Citations-Outline.css
|
||||
******************************************************
|
||||
|
||||
# $Id$
|
||||
|
||||
Source Citations Outline styles
|
||||
------------------------------------------------------ */
|
||||
div#SourceCitationReferents ul.Col1 {
|
||||
list-style-type: decimal
|
||||
}
|
||||
div#SourceCitationReferents ul.Col2 {
|
||||
list-style-type: upper-alpha
|
||||
}
|
||||
div#SourceCitationReferents ul.Col3 {
|
||||
list-style-type: lower-alpha
|
||||
}
|
||||
div#SourceCitationReferents ul.Col4 {
|
||||
list-style-type: upper-roman
|
||||
}
|
||||
div#SourceCitationReferents ul.Col5 {
|
||||
list-style-type: disc
|
||||
}
|
||||
230
data/css/Web_DropDown-Menus.css
Normal file
230
data/css/Web_DropDown-Menus.css
Normal file
@@ -0,0 +1,230 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright (C) 2012 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
|
||||
#
|
||||
# $Id$
|
||||
#
|
||||
*************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Fade-Menus Style Sheet
|
||||
*************************************************
|
||||
|
||||
Body Element
|
||||
------------------------------------------------------ */
|
||||
body {
|
||||
background-color: #FFF;
|
||||
color: #00029D;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Header
|
||||
------------------------------------------------------ */
|
||||
div#header {
|
||||
border-bottom: solid 8px #13A926;
|
||||
}
|
||||
|
||||
/* Drop Down Navigation Menu
|
||||
------------------------------------------------------ */
|
||||
ul#dropmenu {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 10px 0 0 0;
|
||||
list-style-type: none;
|
||||
background: #00029D;
|
||||
background: -moz-linear-gradient(#444, #00029D);
|
||||
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
|
||||
background: -webkit-linear-gradient(#444, #111);
|
||||
background: -o-linear-gradient(#444, #111);
|
||||
background: -ms-linear-gradient(#444, #111);
|
||||
background: linear-gradient(#444, #111);
|
||||
-moz-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
-moz-box-shadow: 0 2px 1px #9c9c9c;
|
||||
-webkit-box-shadow: 0 2px 1px #9c9c9c;
|
||||
box-shadow: 0 2px 1px #9c9c9c;
|
||||
}
|
||||
ul#dropmenu li {
|
||||
float: left;
|
||||
padding: 0 0 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
ul#dropmenu a {
|
||||
float: left;
|
||||
height: 25px;
|
||||
padding: 0 25px;
|
||||
color: #999;
|
||||
text-transform: uppercase;
|
||||
font: bold 12px/25px Arial, Helvetica;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
ul#dropmenu li:hover > a {
|
||||
color: #fafafa
|
||||
}
|
||||
|
||||
*html ul#dropmenu li a:hover /* IE6 */
|
||||
{
|
||||
color: #fafafa
|
||||
}
|
||||
ul#dropmenu li:hover > ul {
|
||||
display: block
|
||||
}
|
||||
|
||||
/* Sub-menu
|
||||
------------------------------------------------------ */
|
||||
ul#dropmenu ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
background: #444;
|
||||
background: -moz-linear-gradient(#444, #111);
|
||||
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
|
||||
background: -webkit-linear-gradient(#444, #111);
|
||||
background: -o-linear-gradient(#444, #111);
|
||||
background: -ms-linear-gradient(#444, #111);
|
||||
background: linear-gradient(#444, #111);
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
ul#dropmenu ul li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
|
||||
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
|
||||
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
|
||||
}
|
||||
ul#dropmenu ul li:last-child {
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
ul#dropmenu ul a {
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
float: none;
|
||||
text-transform: none;
|
||||
}
|
||||
*html ul#dropmenu ul a /* IE6 */
|
||||
{
|
||||
height: 10px;
|
||||
width: 150px;
|
||||
}
|
||||
*:first-child+html ul#dropmenu ul a /* IE7 */
|
||||
{
|
||||
height: 10px;
|
||||
width: 150px;
|
||||
}
|
||||
ul#dropmenu ul a:hover {
|
||||
background: #0186ba;
|
||||
background: -moz-linear-gradient(#04acec, #0186ba);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
|
||||
background: -webkit-linear-gradient(#04acec, #0186ba);
|
||||
background: -o-linear-gradient(#04acec, #0186ba);
|
||||
background: -ms-linear-gradient(#04acec, #0186ba);
|
||||
background: linear-gradient(#04acec, #0186ba);
|
||||
}
|
||||
ul#dropmenu ul li:first-child a {
|
||||
-moz-border-radius: 5px 5px 0 0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
ul#dropmenu ul li:first-child a:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: -8px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-bottom: 8px solid #444;
|
||||
}
|
||||
ul#dropmenu ul li:first-child a:hover:after {
|
||||
border-bottom-color: #04acec
|
||||
}
|
||||
ul#dropmenu ul li:last-child a {
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
/* Clear floated elements
|
||||
------------------------------------------------------ */
|
||||
ul#dropmenu:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
content: " ";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
* html ul#dropmenu { zoom: 1; } /* IE6 */
|
||||
*:first-child+html ul#dropmenu { zoom: 1; } /* IE7 */
|
||||
|
||||
/* Alphabet Navigation and Year Menu
|
||||
------------------------------------------------------ */
|
||||
div#alphanav, div#subnavigation {
|
||||
clear: both;
|
||||
padding-top: 1px;
|
||||
font: bold 1.2em/1.4 "sans, sans-serif";
|
||||
}
|
||||
div#alphanav ul, div#subnavigation ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
background: #00029D;
|
||||
border-top: 2px solid #13A926;
|
||||
border-bottom: 2px solid #13A926;
|
||||
}
|
||||
div#alphanav ul li, div#subnavigation ul li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div#alphanav ul li a, div#subnavigation ul li a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
border-right: 1px solid #13A926;
|
||||
border-left: 1px solid #13A926;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
div#alphanav ul li a:hover, div#alphanav ul li a:focus,
|
||||
div#subnavigation ul li a:hover, div#subnavigation ul li a:focus {
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
div#subnavigation ul li.CurrentSection a {
|
||||
border-left: solid 1px #13A926;
|
||||
border-right: solid 1px #13A926;
|
||||
background-color: #FFF;
|
||||
color: #00029D;
|
||||
}
|
||||
131
data/css/Web_Fade-Menus.css
Normal file
131
data/css/Web_Fade-Menus.css
Normal file
@@ -0,0 +1,131 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright (C) 2012 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
|
||||
#
|
||||
# $Id$
|
||||
#
|
||||
*************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Fade-Menus Style Sheet
|
||||
*************************************************
|
||||
|
||||
Body Element
|
||||
------------------------------------------------------ */
|
||||
body {
|
||||
background-color: #00029D;
|
||||
color: #00029D;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Header
|
||||
------------------------------------------------------ */
|
||||
div#header {
|
||||
border-bottom: solid 8px #13A926;
|
||||
}
|
||||
|
||||
/* Fade Horizontal Navigation Menu
|
||||
------------------------------------------------------ */
|
||||
div.wrapper {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background : #464646;
|
||||
background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
|
||||
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
|
||||
border-top: 2px solid #939393;
|
||||
position: relative;
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.menu {
|
||||
height: 80px;
|
||||
border-left: 1px solid rgba(0,0,0,0.3);
|
||||
border-right: 1px solid rgba(255,255,255,0.3);
|
||||
float: left;
|
||||
}
|
||||
ul.menu li {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
|
||||
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
|
||||
}
|
||||
ul li a {
|
||||
font: bold .9em "Helvetica, Courier, Arial, sans-serif, sans";
|
||||
display: block;
|
||||
padding: 0 6px;
|
||||
border-left: 1px solid rgba(255,255,255,0.1);
|
||||
border-right: 1px solid rgba(0,0,0,0.1);
|
||||
text-align: center;
|
||||
line-height: 45px;
|
||||
background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
|
||||
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
|
||||
-webkit-transition-property: background;
|
||||
-webkit-transition-duration: 700ms;
|
||||
-moz-transition-property: background;
|
||||
-moz-transition-duration: 700ms;
|
||||
text-decoration: none;
|
||||
}
|
||||
ul li a:hover {
|
||||
background: transparent none;
|
||||
color: #FFF;
|
||||
}
|
||||
ul li.CurrentSection a {
|
||||
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
|
||||
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
|
||||
Color: #FFF;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation Menu
|
||||
------------------------------------------------------ */
|
||||
div#alphanav {
|
||||
clear: both;
|
||||
padding-top: 1px;
|
||||
font: bold 1.2em/1.4 "sans, sans-serif";
|
||||
}
|
||||
div#alphanav ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
background: #00029D;
|
||||
border-top: 2px solid #13A926;
|
||||
border-bottom: 2px solid #13A926;
|
||||
}
|
||||
div#alphanav li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div#alphanav a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
border-right: 1px solid #13A926;
|
||||
border-left: 1px solid #13A926;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
div#alphanav a:hover, div#alphanav a:focus {
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
125
data/css/Web_Horizontal-Menus.css
Executable file
125
data/css/Web_Horizontal-Menus.css
Executable file
@@ -0,0 +1,125 @@
|
||||
/*
|
||||
# encoding: utf-8
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright 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: Web_Navigation-Horizontal.css
|
||||
******************************************************
|
||||
|
||||
# $Id$
|
||||
|
||||
Body Element
|
||||
------------------------------------------------------ */
|
||||
body {
|
||||
background-color: #00029D;
|
||||
color: #00029D;
|
||||
width: 100%;
|
||||
padding: 0px 14px;
|
||||
}
|
||||
|
||||
/* Navigation Menus
|
||||
----------------------------------------------------- */
|
||||
div#nav {
|
||||
clear: both;
|
||||
padding-top: 1px;
|
||||
font: 1.2em/1.4 "sans-serif, Helvetica, Arial";
|
||||
}
|
||||
div#nav ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
background: #00029D;
|
||||
border-bottom: 2px solid #13A926;
|
||||
}
|
||||
div#nav li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div#nav a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
border-right: 1px solid #13A926;
|
||||
border-left: 1px solid #13A926;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
div#nav a:hover, div#nav a:focus {
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
div#nav .CurrentSection a {
|
||||
font-weight: bold;
|
||||
background: #BCEAF6;
|
||||
color: #000;
|
||||
border-bottom: none;
|
||||
}
|
||||
div#nav .CurrentSection a:hover, div#nav .CurrentSection a:focus {
|
||||
background: #903;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation and Year Menu
|
||||
------------------------------------------------------ */
|
||||
div#alphanav, div#subnavigation {
|
||||
clear: both;
|
||||
padding-top: 1px;
|
||||
font: bold 1.2em/1.4 "sans, sans-serif";
|
||||
}
|
||||
div#alphanav ul, div#subnavigation ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
background: #00029D;
|
||||
border-top: 2px solid #13A926;
|
||||
border-bottom: 2px solid #13A926;
|
||||
}
|
||||
div#alphanav ul li, div#subnavigation ul li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div#alphanav ul li a, div#subnavigation ul li a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
border-right: 1px solid #13A926;
|
||||
border-left: 1px solid #13A926;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
div#alphanav ul li a:hover, div#alphanav ul li a:focus,
|
||||
div#subnavigation ul li a:hover, div#subnavigation ul li a:focus {
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
div#subnavigation ul li.CurrentSection a {
|
||||
border-left: solid 1px #13A926;
|
||||
border-right: solid 1px #13A926;
|
||||
background-color: #FFF;
|
||||
color: #00029D;
|
||||
}
|
||||
634
data/css/Web_Mainz.css
Normal file
634
data/css/Web_Mainz.css
Normal file
@@ -0,0 +1,634 @@
|
||||
/*
|
||||
----------------------------------------------------------------------------
|
||||
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 <http://gramps-project.org/> to learn more!
|
||||
|
||||
License
|
||||
----------------------------------------------------------------------------
|
||||
Copyright 2008 Jason M. Simanek
|
||||
Copyright 2009 Stephane Charette
|
||||
Copyright (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
Copyright 2011 Michiel D. Nauta
|
||||
|
||||
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
|
||||
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;
|
||||
font-size: 90%;
|
||||
color: #7D5925;
|
||||
background: url(../images/Web_Mainz_Bkgd.png) black repeat;
|
||||
}
|
||||
body > div {
|
||||
width: 950px;
|
||||
margin: 0px auto;
|
||||
background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
|
||||
overflow: hidden;
|
||||
padding: 0px 1.5em;
|
||||
}
|
||||
.content {
|
||||
padding: 1.5em 1.5em;
|
||||
}
|
||||
div.snapshot div.thumbnail {
|
||||
text-align: center;
|
||||
}
|
||||
div.snapshot a {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
-----------------------------------------------------------------*/
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin-left: 2em;
|
||||
}
|
||||
h3 {
|
||||
font-size: xx-large;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
color: #767D25;
|
||||
text-align: center;
|
||||
border-bottom: double 4px #7D5925;
|
||||
padding-bottom: 1ex;
|
||||
margin: 0.5em 0px 0.5em 0px;
|
||||
}
|
||||
h4 {
|
||||
font-size: x-large;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-bottom: dashed 1px #7D5925;
|
||||
padding-bottom: 0.5ex;
|
||||
margin: 0.5em 0px 0.5em 0px;
|
||||
}
|
||||
a {
|
||||
color: #7D5925;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href]:hover, a[href]:active {
|
||||
background-color: #FFFFE7;
|
||||
}
|
||||
.grampsid {
|
||||
font-family: monospace;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
/* Header
|
||||
-----------------------------------------------------------------*/
|
||||
#header {
|
||||
padding-top: 5em;
|
||||
background: url(../images/Web_Mainz_Header.png) repeat-x top left;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
-----------------------------------------------------------------*/
|
||||
div#nav, #subnavigation {
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
|
||||
}
|
||||
div#nav ul, #subnavigation ul {
|
||||
list-style-type: none;
|
||||
margin: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
div#nav ul li, #subnavigation ul li {
|
||||
float: left;
|
||||
}
|
||||
div#nav ul li a, #subnavigation ul li a {
|
||||
display: block;
|
||||
padding: 0.4em 0.8em 0.3em 0.8em;
|
||||
font-size: smaller;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
div#nav ul li a:hover, #subnavigation ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #FFFFE7;
|
||||
}
|
||||
div#nav ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
background-image: url(../images/Web_Mainz_Mid.png);
|
||||
border-style: dashed;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-color: #7D5925;
|
||||
}
|
||||
#subnavigation ul li.CurrentSection a {
|
||||
border-width: 0px 1px 1px 1px;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
-----------------------------------------------------------------*/
|
||||
div#alphanav ul {
|
||||
list-style: none;
|
||||
border-width: 2px 0px 4px 0px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
padding-left: 2em;
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
font-size: larger;
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: " |";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
line-height: 100%;
|
||||
float: left;
|
||||
color: black;
|
||||
}
|
||||
div#alphanav ul li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Main Table
|
||||
-----------------------------------------------------------------*/
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
div#summaryarea > table.infolist,
|
||||
div#parents > table.infolist,
|
||||
h3 + table.infolist {
|
||||
width: auto;
|
||||
}
|
||||
table th {
|
||||
text-align: left;
|
||||
margin: 0px;
|
||||
border-bottom: double 4px #7D5925;
|
||||
padding: .1em 10px;
|
||||
}
|
||||
table td {
|
||||
vertical-align: top;
|
||||
padding: .1em 10px;
|
||||
}
|
||||
table.primobjlist td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
table.primobjlist tr a {
|
||||
display: block; /* make whole td clickable */
|
||||
}
|
||||
table.primobjlist tr.BeginLetter td, table.primobjlist tr.BeginSurname td {
|
||||
border-top: dashed 1px #D8C19F;
|
||||
}
|
||||
td.ColumnLetter, td.ColumnRowLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.ColumnBirth, td.ColumnDeath, td.ColumnPartner, td.ColumnParents {
|
||||
font-size: 90%;
|
||||
}
|
||||
table.relationships td.ColumnPartner {
|
||||
font-size: 100%;
|
||||
}
|
||||
table.infolist tr td ol {
|
||||
margin: 0px;
|
||||
}
|
||||
#summaryarea table.infolist td.ColumnAttribute,
|
||||
#parents table.infolist td.ColumnAttribute,
|
||||
#families table.infolist td.ColumnType,
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
color: #767D25;
|
||||
}
|
||||
/* div summaryarea is missing for events, sources and repos! */
|
||||
h3 + table.infolist td.ColumnAttribute {
|
||||
color: #767D25;
|
||||
}
|
||||
|
||||
table.primobjlist td.ColumnParents span.father, table.primobjlist td.ColumnParents span.mother {
|
||||
display: block;
|
||||
}
|
||||
table.primobjlist td.ColumnParents span.mother:before, table.primobjlist td.ColumnPerson span.mother:before {
|
||||
content: "+ ";
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
-----------------------------------------------------------------*/
|
||||
table#SortByName thead th.ColumnSurname a:after,
|
||||
table#SortByCount thead th.ColumnQuantity a:after {
|
||||
content: " \2193";
|
||||
}
|
||||
#SurnameDetail h3 {
|
||||
border-bottom-width: 0px;
|
||||
padding-bottom: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* Events
|
||||
-----------------------------------------------------------------*/
|
||||
#EventList tr.BeginType td {
|
||||
border-top: dashed 1px #D8C19F;
|
||||
}
|
||||
#EventList tr.BeginLetter td {
|
||||
border-top: solid 1px #D8C19F;
|
||||
}
|
||||
/* Events with multiple participants should have a comma seperated list of
|
||||
names*/
|
||||
#EventList td.ColumnPerson a {
|
||||
display: inline;
|
||||
}
|
||||
/* Family events, put mother on next line */
|
||||
#EventList td.ColumnPerson span.father,
|
||||
#EventList td.ColumnPerson span.mother,
|
||||
#EventDetail td.ColumnPerson span.father,
|
||||
#EventDetail td.ColumnPerson span.mother {
|
||||
display: block;
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:after,
|
||||
#EventList td.ColumnPerson span.father:after,
|
||||
#EventList td.ColumnPerson span.mother:after,
|
||||
#EventDetail td.ColumnPerson span.person:after,
|
||||
#EventDetail td.ColumnPerson span.father:after,
|
||||
#EventDetail td.ColumnPerson span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList td.ColumnPerson span.person:last-child:after,
|
||||
#EventList td.ColumnPerson span.father:last-child:after,
|
||||
#EventList td.ColumnPerson span.mother:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.person:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.father:last-child:after,
|
||||
#EventDetail td.ColumnPerson span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
-----------------------------------------------------------------*/
|
||||
#GalleryNav {
|
||||
text-align: center;
|
||||
margin: 1.4em 0px;
|
||||
}
|
||||
#GalleryNav a {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
color: #FFF2C6;
|
||||
background: url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat;
|
||||
border: outset 3px black;
|
||||
}
|
||||
#GalleryNav a:hover {
|
||||
border-color: #7D5925;
|
||||
}
|
||||
#GalleryNav a:active {
|
||||
border-style: solid;
|
||||
}
|
||||
#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: x-large;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
#GalleryTotal {
|
||||
font-weight: normal;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin: 0px auto;
|
||||
display:block;
|
||||
border: solid 1px #7D5925;
|
||||
}
|
||||
|
||||
/* Sources
|
||||
------------------------------------------------------ */
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
-----------------------------------------------------------------*/
|
||||
#Contact h3 {
|
||||
border-bottom-width: 0px;
|
||||
padding-bottom: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
#Contact img {
|
||||
display: block;
|
||||
margin: 0px auto 1em auto;
|
||||
border: solid 1px #7D5925;
|
||||
}
|
||||
#Contact #researcher {
|
||||
text-align: center;
|
||||
}
|
||||
#Contact #researcher span {
|
||||
font-size: larger;
|
||||
}
|
||||
#Contact #streetaddress, #Contact #locality, #Contact #email {
|
||||
display: block;
|
||||
}
|
||||
#Contact #city:after {
|
||||
content: ",";
|
||||
}
|
||||
|
||||
/* Download
|
||||
-----------------------------------------------------------------*/
|
||||
#Download table.download a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* SubSection
|
||||
-----------------------------------------------------------------*/
|
||||
#Home img, #Introduction img {
|
||||
display: block;
|
||||
margin: 1em auto;
|
||||
max-width: 950px;
|
||||
}
|
||||
#Home a, #Introduction a, #Contact a {
|
||||
color: black;
|
||||
}
|
||||
.subsection {
|
||||
clear: both;
|
||||
}
|
||||
.subsection p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* SubSection : Families
|
||||
-----------------------------------------------------------------*/
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout: fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:first-child {
|
||||
width: 9em;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th:last-child {
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
/* SubSection : Gallery
|
||||
-----------------------------------------------------------------*/
|
||||
#indivgallery {
|
||||
/* float container stretch, see www.quirksmode.org/css/clearing.html */
|
||||
overflow: hidden;
|
||||
}
|
||||
#indivgallery .thumbnail {
|
||||
float: left;
|
||||
max-width: 130px;
|
||||
max-height: 150px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
margin: 0.5em;
|
||||
}
|
||||
#indivgallery img {
|
||||
border: solid 1px #7D5925;
|
||||
}
|
||||
#indivgallery span {
|
||||
/* ## remove this line and the comment markers from the line below to hide the description in Individual Gallery
|
||||
display: none; */
|
||||
}
|
||||
|
||||
/* SubSection : Narrative
|
||||
-----------------------------------------------------------------*/
|
||||
h4 + div.grampsstylednote, a.familymap {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0 0 0.3em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* SubSection : Source References
|
||||
-----------------------------------------------------------------*/
|
||||
#sourcerefs ol li ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
/* SubSection : Pedigree
|
||||
-----------------------------------------------------------------*/
|
||||
.pedigreegen {
|
||||
list-style-type: none;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.pedigreegen ol.spouselist {
|
||||
list-style-type: none;
|
||||
}
|
||||
.pedigreegen ol.spouselist li.spouse ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thisperson > ol {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
-----------------------------------------------------------------*/
|
||||
#footer {
|
||||
clear: both;
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6;
|
||||
border-top: dashed 1px #7D5925;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#footer p#createdate {
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
#footer p#copyright {
|
||||
float: right;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Overwritten
|
||||
-----------------------------------------------------------------*/
|
||||
button#drop {
|
||||
font-style: italic;
|
||||
color: #FFF2C6;
|
||||
background: url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat;
|
||||
border: outset 3px black ! important;
|
||||
}
|
||||
div#map_canvas {
|
||||
border-color: #7D5925 ! important;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
=================================================================*/
|
||||
table.calendar {
|
||||
table-layout: fixed;
|
||||
empty-cells: show;
|
||||
width: 950px;
|
||||
margin: 0px auto;
|
||||
background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
|
||||
}
|
||||
.calendar thead th {
|
||||
font-size: large;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
.calendar thead th.monthName {
|
||||
font-size: xx-large;
|
||||
color: #767D25;
|
||||
border-bottom-color: #7D5925;
|
||||
}
|
||||
.calendar thead th abbr {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float: right;
|
||||
margin: -1em 0px 0px 0px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
.calendar tfoot td {
|
||||
border-top: double 4px #7D5925;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar div.date {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar td {
|
||||
padding: 0px;
|
||||
border-width: 1px 0px 0px 1px;
|
||||
border-style: dashed;
|
||||
border-color: #7D5925;
|
||||
}
|
||||
.calendar td.weekday {
|
||||
background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
|
||||
}
|
||||
.calendar td.weekend {
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
|
||||
}
|
||||
.calendar td:first-child {
|
||||
border-left-style: none;
|
||||
}
|
||||
.calendar tbody tr:first-child td {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Date Detail */
|
||||
.calendar td ul {
|
||||
font-size: smaller;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.calendar td ul li {
|
||||
margin: 0 4%;
|
||||
border-top: dashed 1px #D8C19F;
|
||||
}
|
||||
.calendar td ul li:first-child {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Calendar : Birthday, Anniversary, Highlight */
|
||||
.calendar td ul li em {
|
||||
font-style: normal;
|
||||
color: #767D25;
|
||||
}
|
||||
.calendar td ul li span.yearsmarried em {
|
||||
color: black;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color: #767D25;
|
||||
background-image: none;
|
||||
background-color: #FFFFE7;
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar td.previous, .calendar td.next {
|
||||
color: #D8C19F;
|
||||
background: url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat;
|
||||
}
|
||||
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked table.calendar {
|
||||
float: left;
|
||||
width: 315px;
|
||||
height: 18em;
|
||||
border: solid 1px #7D5925;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th {
|
||||
height: 2em;
|
||||
}
|
||||
body#fullyearlinked table.calendar thead th.monthName {
|
||||
font-size: large;
|
||||
}
|
||||
body#fullyearlinked table.calendar tbody td {
|
||||
height: 3em;
|
||||
}
|
||||
1273
data/css/Web_Nebraska.css
Normal file
1273
data/css/Web_Nebraska.css
Normal file
File diff suppressed because it is too large
Load Diff
828
data/css/Web_Print-Default.css
Normal file
828
data/css/Web_Print-Default.css
Normal file
@@ -0,0 +1,828 @@
|
||||
/*
|
||||
**************************************************************************************************
|
||||
Copyright Holder and License
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Print Style Sheet
|
||||
Style Author: Jason M. Simanek (2008)
|
||||
Modified by Rob G. Healey, July 2008
|
||||
|
||||
**************************************************************************************************
|
||||
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 (C) 2008-2011 Rob G. Healey <robhealey1@gmail.com>
|
||||
|
||||
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
|
||||
--------------------------------------------------------------------------------------------------
|
||||
gray #A7A7A7
|
||||
red #520
|
||||
black #000
|
||||
white #FFF
|
||||
---------------------------------------------------------------------------------------------------
|
||||
|
||||
# $Id$
|
||||
|
||||
NarrativeWeb Styles
|
||||
--------------------------------------------------------------------------------------------
|
||||
|
||||
General Elements
|
||||
----------------------------------------------------- */
|
||||
|
||||
body {
|
||||
color:#000;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color:#FFF;
|
||||
}
|
||||
div {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
img {
|
||||
border:none;
|
||||
margin:0;
|
||||
}
|
||||
.content { }
|
||||
.content div.snapshot {
|
||||
float:right;
|
||||
margin:1.6em;
|
||||
padding-top: .5cm;
|
||||
background:none;
|
||||
}
|
||||
.content div.snapshot div.thumbnail {
|
||||
margin:0;
|
||||
padding:0;
|
||||
background:none;
|
||||
}
|
||||
.content .thumbnail a:link:after, .content .thumbnail a:visited:after {
|
||||
content:"";
|
||||
}
|
||||
.fullclear {
|
||||
width:100%;
|
||||
height:1pt;
|
||||
margin:0;
|
||||
padding:0;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/* General Text
|
||||
----------------------------------------------------- */
|
||||
h1 {
|
||||
font:normal 16pt/18pt serif;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
h2 {
|
||||
font:normal 18pt/23pt serif;
|
||||
display:inline;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
h3 {
|
||||
font:normal 18pt/23pt serif;
|
||||
text-align:left;
|
||||
display:inline;
|
||||
margin:0 0 0 8pt;
|
||||
padding:0;
|
||||
}
|
||||
h4 {
|
||||
display:block;
|
||||
clear:both;
|
||||
font:normal 14pt/16pt serif;
|
||||
margin:8pt 0 0 0;
|
||||
padding:8pt 0 1pt 0;
|
||||
border-top:solid .5pt #A7A7A7
|
||||
}
|
||||
h5, h6 {
|
||||
font:normal 14pt/16pt serif;
|
||||
font-style:italic;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
p {
|
||||
font:normal 11pt/14pt serif;
|
||||
}
|
||||
p#description {
|
||||
margin:0 0 14pt 0;
|
||||
}
|
||||
a:link, a:visited {
|
||||
color:#520;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.content a:link:after, content a:visited:after {
|
||||
font-size:70%;
|
||||
font-family:sans-serif;
|
||||
content:" (" attr(href) ") ";
|
||||
}
|
||||
.content ol li a:link {
|
||||
text-decoration:none;
|
||||
}
|
||||
.content ol li a:link:after, .content ol li a:visited:after {
|
||||
content:"";
|
||||
}
|
||||
sup {
|
||||
line-height:0;
|
||||
}
|
||||
ol {
|
||||
font:normal .9em/1.6em sans-serif;
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
padding-top:.5em;
|
||||
padding-bottom:0;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#Header {
|
||||
padding:0 0 8pt 0;
|
||||
margin:0 0 8pt 0;
|
||||
border-bottom:solid .5pt #000;
|
||||
}
|
||||
#SiteTitle {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#user_header {
|
||||
font-style:italic;
|
||||
text-align:center;
|
||||
margin:0;
|
||||
padding:0
|
||||
}
|
||||
.grampsid {
|
||||
font-size:60%;
|
||||
font-family:monospace;
|
||||
color:#A7A7A7
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
#alphabet, #navigation, #subnavigation { display:none; }
|
||||
|
||||
/* Main Table
|
||||
----------------------------------------------------- */
|
||||
table {
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
border-collapse:collapse;
|
||||
border-bottom:solid .5pt #FFF;
|
||||
}
|
||||
table thead tr th {
|
||||
text-align:left;
|
||||
font:normal 11pt/13pt serif;
|
||||
color:#000;
|
||||
margin:0;
|
||||
padding:0;
|
||||
padding-bottom:1pt;
|
||||
border-bottom:solid .5pt #000;
|
||||
}
|
||||
.content table thead tr th a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.content table thead tr th a:link:after, .content table thead tr th a:visited:after {
|
||||
content:"";
|
||||
}
|
||||
table tbody tr td {
|
||||
font:normal 9pt/11pt sans-serif;
|
||||
vertical-align:middle;
|
||||
padding:2pt 6pt 1pt 0;
|
||||
border-bottom:dashed .5pt #A7A7A7;
|
||||
}
|
||||
.content table tbody tr td a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.content table tbody tr td a:link:after, .content table tbody tr td a:visited:after {
|
||||
content:"";
|
||||
}
|
||||
table tr.BeginLetter td, table.infolist tr.BeginSurname td {
|
||||
border-top:solid .5pt #A7A7A7;
|
||||
}
|
||||
table tbody tr td.ColumnRowLabel {
|
||||
width:2%;
|
||||
color:#A7A7A7;
|
||||
text-align:center;
|
||||
}
|
||||
table tr td.ColumnLetter {
|
||||
width:3%;
|
||||
text-align:center;
|
||||
}
|
||||
table tr td.ColumnAttribute {
|
||||
width:10%;
|
||||
}
|
||||
.content table tbody tr td.ColumnName a {
|
||||
text-decoration:none;
|
||||
}
|
||||
table tbody tr td.ColumnBirth {
|
||||
width:10%;
|
||||
}
|
||||
table tbody tr td.ColumnDeath {
|
||||
width:10%;
|
||||
text-decoration:underline;
|
||||
}
|
||||
table tbody tr td.ColumnParents {
|
||||
font-size:70%;
|
||||
}
|
||||
table tbody tr td.ColumnParents span.mother:before {
|
||||
content:"+ ";
|
||||
}
|
||||
|
||||
/* Home/ Welcome
|
||||
----------------------------------------------------- */
|
||||
#Home p {
|
||||
margin:0 0 9pt 0;
|
||||
}
|
||||
#Home img {
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:0 0 9pt 9pt;
|
||||
}
|
||||
#Home a {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Introduction
|
||||
----------------------------------------------------- */
|
||||
#Introduction p {
|
||||
margin:0 0 9pt 0;
|
||||
}
|
||||
#Introduction img {
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:0 0 9pt 9pt;
|
||||
}
|
||||
#Introcution a {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Surnames
|
||||
----------------------------------------------------- */
|
||||
#Surnames { }
|
||||
table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname {
|
||||
width:50%;
|
||||
}
|
||||
table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after {
|
||||
content:" ↓";
|
||||
}
|
||||
table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents {
|
||||
width:35%;
|
||||
}
|
||||
div#SourceDetail {
|
||||
margin: 0 auto;
|
||||
}
|
||||
div#SourceCitationReferents ul.Col1 {
|
||||
list-style-type: decimal
|
||||
}
|
||||
div#SourceCitationReferents ul.Col2 {
|
||||
list-style-type: upper-alpha
|
||||
}
|
||||
div#SourceCitationReferents ul.Col3 {
|
||||
list-style-type: lower-alpha
|
||||
}
|
||||
div#SourceCitationReferents ul.Col4 {
|
||||
list-style-type: upper-roman
|
||||
}
|
||||
div#SourceCitationReferents ul.Col5 {
|
||||
list-style-type: disc
|
||||
}
|
||||
|
||||
/* Individuals
|
||||
----------------------------------------------------- */
|
||||
|
||||
/* Relationships
|
||||
================================================= */
|
||||
div#Relationships {
|
||||
font: normal 1em sans-serif;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
table.relationships {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
table.relationships thead tr th.ColumnMarriage,
|
||||
table.relationships thead tr th.ColumnDivorce {
|
||||
width: 10%;
|
||||
}
|
||||
table.relationships thead tr th.ColumnHyper {
|
||||
width: 15%;
|
||||
}
|
||||
table.relationships thead tr th.ColumnMedia {
|
||||
width: 15%;
|
||||
}
|
||||
table.relationships tbody tr#FirstLetter {
|
||||
border-bottom: solid 1px #000;
|
||||
}
|
||||
table.relationships tbody tr td {
|
||||
border-bottom: dashed 1px #000;
|
||||
}
|
||||
table.relationships tbody tr td.ColumnRowLabel a {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Events
|
||||
----------------------------------------------------- */
|
||||
#EventList table.infolist tr td span.person:after,
|
||||
#EventList table.infolist tr td span.father:after,
|
||||
#EventList table.infolist tr td span.mother:after,
|
||||
#EventDetail table.infolist tr td span.person:after,
|
||||
#EventDetail table.infolist tr td span.father:after,
|
||||
#EventDetail table.infolist tr td span.mother:after {
|
||||
content: ", ";
|
||||
}
|
||||
#EventList table.infolist tr td span.person:last-child:after,
|
||||
#EventList table.infolist tr td span.father:last-child:after,
|
||||
#EventList table.infolist tr td span.mother:last-child:after,
|
||||
#EventDetail table.infolist tr td span.person:last-child:after,
|
||||
#EventDetail table.infolist tr td span.father:last-child:after,
|
||||
#EventDetail table.infolist tr td span.mother:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Gallery
|
||||
----------------------------------------------------- */
|
||||
#GalleryDetail h2 {
|
||||
display:none;
|
||||
}
|
||||
#GalleryNav {
|
||||
display:none;
|
||||
}
|
||||
#GalleryDisplay {
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
text-align:center;
|
||||
}
|
||||
#GalleryDisplay img {
|
||||
margin:0 auto;
|
||||
border:solid 1pt #542;
|
||||
}
|
||||
#GalleryDetail h3 {
|
||||
display:block;
|
||||
text-align:center;
|
||||
margin:2pt 0 8pt 0;
|
||||
}
|
||||
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
#Download p {
|
||||
margin:0 0 9pt 0;
|
||||
}
|
||||
#Download img {
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:0 0 9pt 9pt;
|
||||
}
|
||||
|
||||
/* Thumbnail Preview Reference Section
|
||||
------------------------------------------------- */
|
||||
body#ThumbnailPreview div#references {
|
||||
background-color: #FFF;
|
||||
color: #00029D;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
body#ThumbnailPreview div#references table.infolist tbody tr {
|
||||
border-bottom: dashed 1px #000;
|
||||
}
|
||||
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
|
||||
background: none;
|
||||
width: 2%;
|
||||
}
|
||||
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
/* Contact
|
||||
----------------------------------------------------- */
|
||||
#researcher {
|
||||
margin:16pt 0 0 0;
|
||||
}
|
||||
#Contact img {
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:0 0 9pt 9pt;
|
||||
}
|
||||
#Contact a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
#researcher h3 {
|
||||
margin:0;
|
||||
}
|
||||
#researcher span {
|
||||
font:normal .9em/1.4em serif;
|
||||
display:block;
|
||||
float:left;
|
||||
margin-right:.4em;
|
||||
}
|
||||
#city {
|
||||
clear:left;
|
||||
}
|
||||
#locality, .locality {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
#city:after {
|
||||
content:",";
|
||||
}
|
||||
#email {
|
||||
clear:left;
|
||||
}
|
||||
|
||||
/* Subsections
|
||||
----------------------------------------------------- */
|
||||
#Home, #Introduction, #Download, #Contact {
|
||||
padding:3em 20px;
|
||||
}
|
||||
|
||||
/* Subsections : Events
|
||||
----------------------------------------------------- */
|
||||
#IndividualDetail .ColumnValue {
|
||||
padding:4pt 0;
|
||||
}
|
||||
.ColumnValue p {
|
||||
font:normal 9pt/11pt sans-serif;
|
||||
margin:1pt 0 0 18pt;
|
||||
}
|
||||
|
||||
/* Subsections : 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 .5pt #000;
|
||||
}
|
||||
#indivgallery div.thumbnail span {
|
||||
font:normal 7pt/9pt sans-serif;
|
||||
text-align:center;
|
||||
width:80%;
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/* Subsections : Attributes
|
||||
----------------------------------------------------- */
|
||||
div#attributes {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
table.attrlist {
|
||||
width: 100%;
|
||||
}
|
||||
table.attrlist thead tr th {
|
||||
background-color: #70B1ED;
|
||||
color: #000;
|
||||
}
|
||||
table.attrlist tbody tr td {
|
||||
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: 40%;
|
||||
}
|
||||
table.attrlist tbody tr td.ColumnSources {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
/* Subsections : Pedigree
|
||||
----------------------------------------------------- */
|
||||
#pedigree a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.content #pedigree a:link:after, .content #pedigree a:visited:after {
|
||||
content:"";
|
||||
}
|
||||
.pedigreegen {
|
||||
font:normal 10pt/12pt sans-serif;
|
||||
list-style:none;
|
||||
margin:8pt 0 0 0;
|
||||
padding:0 0 0 20px;
|
||||
}
|
||||
.pedigreegen li ol {
|
||||
list-style:none;
|
||||
margin-left:16pt;
|
||||
}
|
||||
.pedigreegen li ol li ol {
|
||||
font:normal 9pt/11pt sans-serif;
|
||||
list-style:decimal;
|
||||
margin-left:16pt;
|
||||
}
|
||||
.pedigreegen li ol li ol li ol.spouselist {
|
||||
list-style:none;
|
||||
margin-left:0;
|
||||
}
|
||||
.spouselist li.spouse ol {
|
||||
list-style:decimal;
|
||||
margin-left:16pt;
|
||||
}
|
||||
.spouse a {
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
}
|
||||
.spouse:before {
|
||||
content: "+ ";
|
||||
}
|
||||
.thisperson {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/* Subsections : Ancestors Tree
|
||||
----------------------------------------------------- */
|
||||
#tree {
|
||||
page-break-before:always;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#treeContainer {
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
#treeContainer div.boxbg a:link:after, #treeContainer div.boxbg a:visited:after {
|
||||
font-size:70%;
|
||||
font-family:sans-serif;
|
||||
content:"";
|
||||
}
|
||||
.boxbg {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background:none;
|
||||
}
|
||||
#treeContainer div.boxbg span.thumbnail {
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
}
|
||||
.boxbg a {
|
||||
position:relative;
|
||||
z-index:10;
|
||||
display:block;
|
||||
font:normal .7em/1.4em sans-serif;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
width:50pt;
|
||||
padding:5pt 8pt;
|
||||
margin:5pt 0 0 0;
|
||||
background-color:#FFF;
|
||||
border:solid 1pt #000;
|
||||
}
|
||||
#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail {
|
||||
display:none;
|
||||
}
|
||||
.shadow {
|
||||
display:none;
|
||||
}
|
||||
#tree div div.bvline {
|
||||
position:absolute;
|
||||
z-index:2;
|
||||
height:1pt;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color:#FFF;
|
||||
border-bottom:solid .5pt #A7A7A7
|
||||
}
|
||||
#tree div div.bhline {
|
||||
position:absolute;
|
||||
z-index:2;
|
||||
width:1pt;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color:#FFF;
|
||||
border-right:solid .5pt #A7A7A7
|
||||
}
|
||||
.ghline, .gvline {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Footer
|
||||
----------------------------------------------------- */
|
||||
#footer {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: .1in 0 0 0;
|
||||
clear: both;
|
||||
border-top: solid .5pt #000;
|
||||
}
|
||||
#user_footer {
|
||||
float: left;
|
||||
width: 70%;
|
||||
}
|
||||
#user_footer p {
|
||||
font-style: italic;
|
||||
}
|
||||
p#createdate {
|
||||
float: left;
|
||||
width: 45%;
|
||||
font: normal 9pt/10pt sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
#copyright {
|
||||
float: right;
|
||||
width: 4in;
|
||||
margin: 0;
|
||||
font: normal 9pt/10pt sans-serif;
|
||||
text-align: right;
|
||||
}
|
||||
#copyright img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Calendar Styles
|
||||
-------------------------------------------------------------------------------------------- */
|
||||
/* Calendar : General */
|
||||
body#WebCal h1#SiteTitle {
|
||||
float:left;
|
||||
font-size:14pt;
|
||||
line-height:16pt;
|
||||
padding-bottom:.1in;
|
||||
}
|
||||
.calendar {
|
||||
clear:both;
|
||||
empty-cells:show;
|
||||
width:100%;
|
||||
font-size:14pt;
|
||||
font-weight:normal;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
.calendar thead, .calendar tbody {
|
||||
border-style:solid;
|
||||
border-width:2pt 2pt 2pt 2pt;
|
||||
border-color:#000;
|
||||
}
|
||||
.calendar tbody {
|
||||
border-top:none;
|
||||
}
|
||||
.calendar thead tr th {
|
||||
width:12%;
|
||||
font-family:sans-serif;
|
||||
font-size:10pt;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-transform:uppercase;
|
||||
padding:.2em 0 .1em 0;
|
||||
}
|
||||
.calendar thead tr th.monthName {
|
||||
width:100%;
|
||||
font-size:20pt;
|
||||
line-height:100%;
|
||||
text-transform:none;
|
||||
padding:5pt;
|
||||
border-width:0;
|
||||
}
|
||||
#CreatorInfo {
|
||||
float:right;
|
||||
margin:0 10px 0 0;
|
||||
}
|
||||
body#WebCal a {
|
||||
text-decoration:none;
|
||||
color:#000;
|
||||
}
|
||||
.calendar tfoot {
|
||||
border:none;
|
||||
}
|
||||
.calendar tfoot tr td {
|
||||
font-size:12pt;
|
||||
font-style:italic;
|
||||
padding:.7em 5% 1em 5%;
|
||||
}
|
||||
|
||||
/* Calendar : Date Numeral */
|
||||
.calendar td div.date {
|
||||
float:right;
|
||||
display:block;
|
||||
font-size:16pt;
|
||||
line-height:100%;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
color:#000;
|
||||
margin:0 0 0 .5em;
|
||||
padding:7pt;
|
||||
}
|
||||
.calendar td.highlight div.date {
|
||||
color:#F00;
|
||||
}
|
||||
|
||||
/* Calendar : Date Container */
|
||||
.calendar tbody tr td {
|
||||
vertical-align:top;
|
||||
height:4em;
|
||||
padding:0;
|
||||
border-width:1px 0 0 1px;
|
||||
border-style:solid;
|
||||
border-color:#999;
|
||||
}
|
||||
.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:8pt;
|
||||
margin:30pt 0 5pt 0;
|
||||
padding:0;
|
||||
}
|
||||
.calendar tbody tr td ul li {
|
||||
display:block;
|
||||
width:92%;
|
||||
margin:0 4%;
|
||||
padding:.2em 0 .3em 0;
|
||||
border-top:dashed .5pt #999;
|
||||
}
|
||||
.calendar tbody tr td ul li:first-child {
|
||||
border:none;
|
||||
}
|
||||
.calendar tbody tr td ul li em {
|
||||
font-style:normal;
|
||||
color:#000;
|
||||
}
|
||||
.calendar tbody tr td ul li span.yearsmarried em {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
font-weight:normal;
|
||||
font-size:12pt;
|
||||
color:#999;
|
||||
}
|
||||
/* Calendar : Full Year */
|
||||
body#fullyearlinked div.content {
|
||||
width:963px;
|
||||
margin:0 auto;
|
||||
padding:15px 0 2px 2px;
|
||||
}
|
||||
body#fullyearlinked table.calendar {
|
||||
float:left;
|
||||
width:320px;
|
||||
height:18em;
|
||||
border:solid 1px #000;
|
||||
}
|
||||
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;
|
||||
}
|
||||
157
data/css/Web_Vertical-Menus.css
Executable file
157
data/css/Web_Vertical-Menus.css
Executable file
@@ -0,0 +1,157 @@
|
||||
/*
|
||||
# encoding: utf-8
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright 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: Web_Navigation-Vertical.css Stylesheet
|
||||
***************************************************************************************************
|
||||
|
||||
# $Id: Web_Navigation-Vertical.css 15241 2010-04-19 11:07:00Z robhealey1 $
|
||||
|
||||
Body Element
|
||||
----------------------------------------------------- */
|
||||
body { background: -webkit-gradient
|
||||
(linear, left top, left bottom, from(#ccc), to(#fff));
|
||||
color: #000;
|
||||
padding: 60px 0px 0px 146px;
|
||||
}
|
||||
|
||||
/* Header
|
||||
----------------------------------------------------- */
|
||||
#header {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
}
|
||||
|
||||
/* Navigation
|
||||
----------------------------------------------------- */
|
||||
div#nav {
|
||||
padding: 0px;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
div#nav ul {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
width: 330px;
|
||||
position: fixed;
|
||||
top: 53px;
|
||||
left: 0px;
|
||||
padding: 0px;
|
||||
background: url(shad2.png) no-repeat;
|
||||
-webkit-background-size: 50% 100%;
|
||||
}
|
||||
div#nav ul li a {
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
background: #cbcbcb url(border.png) no-repeat;
|
||||
color: #174867;
|
||||
padding: 7px 15px 7px 15px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
width: 120px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
-webkit-box-shadow: 2px 2px 4px #888;
|
||||
}
|
||||
div#nav ul li a:hover {
|
||||
background: #ebebeb url(border.png) no-repeat;
|
||||
color: #67a5cd;
|
||||
padding: 7px 0px 7px 30px;
|
||||
}
|
||||
div#nav ul li.CurrentSection a {
|
||||
background-color: #000;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* SubNavigation
|
||||
----------------------------------------------------- */
|
||||
div#subnavigation {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: solid 2px #000;
|
||||
}
|
||||
div#subnavigation ul {
|
||||
list-style:none;
|
||||
min-width: 900px;
|
||||
height: 40px;
|
||||
margin:0;
|
||||
padding: 0px 0px 0px 16px;
|
||||
border-bottom: solid 2px #5D835F;
|
||||
}
|
||||
div#subnavigation ul li {
|
||||
float:left;
|
||||
}
|
||||
div#subnavigation ul li:after {
|
||||
content: "| ";
|
||||
}
|
||||
div#subnavigation ul li a {
|
||||
display: block;
|
||||
padding: 12px 16px 14px 1px;
|
||||
float:left;
|
||||
font: .8em bold italic small-caps verdana, serif;
|
||||
color: #000;
|
||||
text-decoration:none;
|
||||
margin:0;
|
||||
}
|
||||
div#subnavigation ul li a:hover {
|
||||
background-color: #C1B398;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: solid 2px #000;
|
||||
}
|
||||
div#alphanav ul {
|
||||
list-style:none;
|
||||
min-width: 900px;
|
||||
height: 24px;
|
||||
margin:0;
|
||||
padding: 0px 0px 0px 9px;
|
||||
border-bottom: solid 2px #000;
|
||||
}
|
||||
div#alphanav ul li {
|
||||
float: left;
|
||||
}
|
||||
div#alphanav ul li:first-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
div#alphanav ul li:after {
|
||||
content: "| ";
|
||||
}
|
||||
div#alphanav ul li a {
|
||||
display: block;
|
||||
padding: 4px 8px 4px 8px;
|
||||
float: left;
|
||||
font: .8em bold italic small-caps verdana, serif;
|
||||
color: #000;
|
||||
text-decoration:none;
|
||||
margin:0;
|
||||
}
|
||||
1683
data/css/Web_Visually.css
Normal file
1683
data/css/Web_Visually.css
Normal file
File diff suppressed because it is too large
Load Diff
176
data/css/ancestortree.css
Normal file
176
data/css/ancestortree.css
Normal file
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright (C) 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
|
||||
#
|
||||
# $Id: $
|
||||
#
|
||||
**************************************************************************************************
|
||||
GRAMPS Cascading Style Sheet
|
||||
Style Name: Combined Ancestor Tree Style Sheet
|
||||
***************************************************************************************************
|
||||
#
|
||||
===== Ancestor Graph Color Scheme =====
|
||||
Males #BCEAF6
|
||||
Females #FFC0CB
|
||||
Unknown #000
|
||||
#
|
||||
===== Web Graphics =====
|
||||
Males Web_Gender_Male.png
|
||||
Females Web_Gender_Female.png
|
||||
# ------------------------------------------------------------------------------------------------- */
|
||||
|
||||
/* Subsections : Ancestors Tree
|
||||
----------------------------------------------------- */
|
||||
#tree {
|
||||
page-break-before:always;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background:none;
|
||||
}
|
||||
#treeContainer {
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
#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 .7em/1.4em sans-serif;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
color: #00029D;
|
||||
width:118px;
|
||||
padding:5px 20px 7px 20px;
|
||||
margin-left:16px;
|
||||
background-color: #FFF;
|
||||
border: solid 1px #000;
|
||||
}
|
||||
#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: #00029D;
|
||||
width:190px;
|
||||
margin-left:-20px;
|
||||
padding:10px 25px 12px 25px;
|
||||
border: solid 2px #000;
|
||||
}
|
||||
#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.boxbg span.fullname {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#treeContainer div.boxbg span.shortname {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#treeContainer div.boxbg a:hover span.fullname {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#treeContainer div.boxbg a:hover span.shortname {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
#treeContainer div.male a,
|
||||
#treeContainer div.male span.unlinked {
|
||||
background:url(../images/Web_Gender_Male.png) #BCEAF6 no-repeat top right;
|
||||
}
|
||||
#treeContainer div.female a,
|
||||
#treeContainer div.female span.unlinked {
|
||||
background:url(../images/Web_Gender_Female.png) #FFC0CB no-repeat top right;
|
||||
}
|
||||
#treeContainer div.unknown a,
|
||||
#treeContainer div.unknown span.unlinked {
|
||||
background-color: #000;
|
||||
color: #FFF;
|
||||
}
|
||||
.shadow {
|
||||
display:none;
|
||||
}
|
||||
#tree div div.bvline {
|
||||
position:absolute;
|
||||
z-index:2;
|
||||
height:1px;
|
||||
margin:0 0 0 16px;
|
||||
padding:0;
|
||||
background-color: #00029D;
|
||||
}
|
||||
#tree div div.bhline {
|
||||
position:absolute;
|
||||
z-index:2;
|
||||
width:1px;
|
||||
margin:0 0 0 16px;
|
||||
padding:0;
|
||||
background-color: #00029D;
|
||||
}
|
||||
.ghline, .gvline {
|
||||
display:none;
|
||||
}
|
||||
86
data/css/behaviour.css
Normal file
86
data/css/behaviour.css
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright 2009 Stephane Charette and Jason Simanek
|
||||
#
|
||||
# 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 for common behaviour independant of styles
|
||||
Style Name: n/a (used by many different styles)
|
||||
Style Author: Stephane Charette and Jason Simanek
|
||||
**************************************************************************************************
|
||||
|
||||
-------------
|
||||
Image Gallery
|
||||
-------------
|
||||
|
||||
# $Id$
|
||||
|
||||
ensure RegionBox <ol> is hidden and has no margins/padding that would shift the image */
|
||||
ol.RegionBox {
|
||||
display:none;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/* show the RegionBox <ol> When the mouse hovers over the gallery */
|
||||
div#GalleryDisplay:hover ol.RegionBox {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* define how <li> tags should normally look within RegionBox */
|
||||
ol.RegionBox li {
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:block;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
border:dashed 1px #999;
|
||||
background:url(../images/blank.gif) repeat;
|
||||
/* IE doesn't work correctly with "hover" if the <li> tag is empty,
|
||||
* so fill the <li> with a blank image; this way the mouse will be
|
||||
* considered in the <li> tag anywhere over the background image
|
||||
*/
|
||||
}
|
||||
|
||||
/* use a solid border when the mouse hovers over the <li> tags */
|
||||
ol.RegionBox li:hover {
|
||||
z-index:100;
|
||||
border:solid 1px #FFF;
|
||||
}
|
||||
|
||||
/* links are kept hidden... */
|
||||
ol.RegionBox li a {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* ...until we hover over them */
|
||||
ol.RegionBox li:hover a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
border-bottom:solid 1px #FFF;
|
||||
background-color:#888;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
/* underline is hidden until we hover over the links */
|
||||
ol.RegionBox li:hover a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
83
data/css/jquery.flexbox.css
Normal file
83
data/css/jquery.flexbox.css
Normal file
@@ -0,0 +1,83 @@
|
||||
/* Input textbox - do not specify a width here, it will be overwritten */
|
||||
.ffb-input
|
||||
{
|
||||
float:left;
|
||||
color:#000; /* must specify along with watermark color */
|
||||
height:16px; /* required for webkit browsers (Safari, Chrome) */
|
||||
}
|
||||
/* Color of watermark, if present */
|
||||
.ffb-input.watermark { /* added and removed dynamically */
|
||||
color:#888; /* must specify along with input color */
|
||||
}
|
||||
/* Drop-down arrow, with sprited image */
|
||||
.ffb-arrow
|
||||
{
|
||||
float:left;
|
||||
width:17px;
|
||||
height:22px;
|
||||
background-image:url(../img/sel_win7.gif);
|
||||
}
|
||||
.ffb-arrow.out { /* css sprite technique */
|
||||
background-position:0;
|
||||
}
|
||||
.ffb-arrow.over { /* css sprite technique */
|
||||
background-position:-17px 0;
|
||||
}
|
||||
.ffb-arrow.active { /* css sprite technique */
|
||||
background-position:-34px 0;
|
||||
}
|
||||
.ffb-no-results
|
||||
{
|
||||
padding:2px;
|
||||
color:#888;
|
||||
font-style:italic;
|
||||
border-bottom:1px solid #828790;
|
||||
}
|
||||
/* Container for dropdown contents */
|
||||
.ffb {
|
||||
position:absolute; /* this guy's parent div is hard-coded to position:relative */
|
||||
overflow:hidden;
|
||||
border-left:1px solid #828790; /* #7B9EBD for Vista */
|
||||
border-right:1px solid #828790;
|
||||
background-color:#fff; /* Give it a background-color, so it's not transparent */
|
||||
}
|
||||
/* Inner div for dropdown */
|
||||
.ffb .content {
|
||||
overflow:auto;
|
||||
}
|
||||
.ffb .content .row {
|
||||
border-bottom:1px solid #828790;
|
||||
color:#000;
|
||||
height:20px;
|
||||
clear:both;
|
||||
}
|
||||
.ffb-sel {
|
||||
cursor:pointer;
|
||||
cursor:hand;
|
||||
color:#fff !important;
|
||||
background-color:#39f;
|
||||
}
|
||||
.ffb-match {
|
||||
font-weight:bold;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
/* Paging */
|
||||
.ffb .paging {
|
||||
vertical-align:middle;
|
||||
border-bottom:1px solid #828790;
|
||||
}
|
||||
.ffb .page, .ffb a.page {
|
||||
font-size:85%;
|
||||
padding:2px;
|
||||
border:solid 1px #339;
|
||||
background-color:#eef;
|
||||
margin:2px;
|
||||
}
|
||||
.ffb .box {
|
||||
width:22px;
|
||||
margin:2px;
|
||||
}
|
||||
.ffb .summary {
|
||||
font-size:85%;
|
||||
}
|
||||
65
data/css/narrative-maps.css
Normal file
65
data/css/narrative-maps.css
Normal file
@@ -0,0 +1,65 @@
|
||||
/*
|
||||
#
|
||||
# Gramps - a GTK+/GNOME based genealogy program
|
||||
#
|
||||
# Copyright (C) 2011 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
|
||||
#
|
||||
# $Id$
|
||||
#
|
||||
###################################################### */
|
||||
body#FamilyMap {
|
||||
background-color: #000;
|
||||
padding: 0 14px;
|
||||
width: 965px;
|
||||
}
|
||||
|
||||
/* Family Maps
|
||||
------------------------------------------------------ */
|
||||
#map_canvas {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
border: solid 4px #000;
|
||||
width: 931px;
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
/* Place Maps
|
||||
------------------------------------------------------ */
|
||||
div#place_canvas {
|
||||
margin-left: 210px;
|
||||
border: solid 4px #000;
|
||||
width: 500px;
|
||||
height: 400px;
|
||||
}
|
||||
button#drop {
|
||||
background-color: purple;
|
||||
color: #FFF;
|
||||
font: bold .8em sans-serif;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
border: solid 4px #00029D;
|
||||
}
|
||||
|
||||
/* Subsection: References
|
||||
------------------------------------------------------ */
|
||||
div#FamilyMapDetail div#references table.infolist {
|
||||
width: 100%;
|
||||
}
|
||||
div#FamilyMapDetail div#references table.infolist tbody tr td.ColumnPlace {
|
||||
width: 40%;
|
||||
}
|
||||
BIN
data/css/swanky-purse/images/ui-bg_diamond_10_4f4221_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_10_4f4221_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
data/css/swanky-purse/images/ui-bg_diamond_20_372806_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_20_372806_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
data/css/swanky-purse/images/ui-bg_diamond_25_675423_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_25_675423_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
data/css/swanky-purse/images/ui-bg_diamond_25_d5ac5d_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_25_d5ac5d_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 137 B |
BIN
data/css/swanky-purse/images/ui-bg_diamond_8_261803_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_8_261803_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
data/css/swanky-purse/images/ui-bg_diamond_8_443113_10x8.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_diamond_8_443113_10x8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
data/css/swanky-purse/images/ui-bg_flat_75_ddd4b0_40x100.png
Normal file
BIN
data/css/swanky-purse/images/ui-bg_flat_75_ddd4b0_40x100.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 B |
Binary file not shown.
|
After Width: | Height: | Size: 144 B |
BIN
data/css/swanky-purse/images/ui-icons_070603_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_070603_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
data/css/swanky-purse/images/ui-icons_e8e2b5_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_e8e2b5_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
data/css/swanky-purse/images/ui-icons_e9cd86_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_e9cd86_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
data/css/swanky-purse/images/ui-icons_efec9f_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_efec9f_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
data/css/swanky-purse/images/ui-icons_f2ec64_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_f2ec64_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
data/css/swanky-purse/images/ui-icons_f9f2bd_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_f9f2bd_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
data/css/swanky-purse/images/ui-icons_ff7519_256x240.png
Normal file
BIN
data/css/swanky-purse/images/ui-icons_ff7519_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
406
data/css/swanky-purse/jquery-ui-1.7.2.custom.css
vendored
Normal file
406
data/css/swanky-purse/jquery-ui-1.7.2.custom.css
vendored
Normal file
@@ -0,0 +1,406 @@
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Georgia,%20Verdana,Arial,sans-serif&fwDefault=bold&fsDefault=1.2em&cornerRadius=5px&bgColorHeader=261803&bgTextureHeader=13_diamond.png&bgImgOpacityHeader=8&borderColorHeader=baaa5a&fcHeader=eacd86&iconColorHeader=e9cd86&bgColorContent=443113&bgTextureContent=13_diamond.png&bgImgOpacityContent=8&borderColorContent=efec9f&fcContent=efec9f&iconColorContent=efec9f&bgColorDefault=4f4221&bgTextureDefault=13_diamond.png&bgImgOpacityDefault=10&borderColorDefault=362917&fcDefault=f8eec9&iconColorDefault=e8e2b5&bgColorHover=675423&bgTextureHover=13_diamond.png&bgImgOpacityHover=25&borderColorHover=362917&fcHover=f8eec9&iconColorHover=f2ec64&bgColorActive=443113&bgTextureActive=13_diamond.png&bgImgOpacityActive=8&borderColorActive=efec9f&fcActive=f9f2bd&iconColorActive=f9f2bd&bgColorHighlight=d5ac5d&bgTextureHighlight=13_diamond.png&bgImgOpacityHighlight=25&borderColorHighlight=362917&fcHighlight=060200&iconColorHighlight=070603&bgColorError=fee4bd&bgTextureError=04_highlight_hard.png&bgImgOpacityError=65&borderColorError=c26629&fcError=803f1e&iconColorError=ff7519&bgColorOverlay=372806&bgTextureOverlay=13_diamond.png&bgImgOpacityOverlay=20&opacityOverlay=80&bgColorShadow=ddd4b0&bgTextureShadow=01_flat.png&bgImgOpacityShadow=75&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=12px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family:Georgia, serif; color:#7D5925; font-size: 0.7em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
|
||||
.ui-widget-content { border: 1px solid #efec9f; background: #443113 url(images/ui-bg_diamond_8_443113_10x8.png) 50% 50% repeat; color: #efec9f; }
|
||||
.ui-widget-content a { color: #efec9f; background: none;}
|
||||
.ui-widget-header { border: 1px solid #baaa5a; background: #261803 url(images/ui-bg_diamond_8_261803_10x8.png) 50% 50% repeat; color: #eacd86; font-weight: bold; }
|
||||
.ui-widget-header a { color: #eacd86; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #362917; background: #4f4221 url(images/ui-bg_diamond_10_4f4221_10x8.png) 50% 50% repeat; font-weight: bold; color: #f8eec9; outline: none; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #f8eec9; text-decoration: none; outline: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #362917; background: #675423 url(images/ui-bg_diamond_25_675423_10x8.png) 50% 50% repeat; font-weight: bold; color: #f8eec9; outline: none; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #f8eec9; text-decoration: none; outline: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #efec9f; background: #443113 url(images/ui-bg_diamond_8_443113_10x8.png) 50% 50% repeat; font-weight: bold; color: #f9f2bd; outline: none; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #f9f2bd; outline: none; text-decoration: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #362917; background: #d5ac5d url(images/ui-bg_diamond_25_d5ac5d_10x8.png) 50% 50% repeat; color: #060200; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #060200; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #c26629; background: #fee4bd url(images/ui-bg_highlight-hard_65_fee4bd_1x100.png) 50% top repeat-x; color: #803f1e; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #803f1e; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #803f1e; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_efec9f_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_efec9f_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_e9cd86_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_e8e2b5_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_f2ec64_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9f2bd_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_070603_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ff7519_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
|
||||
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
|
||||
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
|
||||
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
|
||||
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
|
||||
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #372806 url(images/ui-bg_diamond_20_372806_10x8.png) 50% 50% repeat; opacity: .80;filter:Alpha(Opacity=80); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #ddd4b0 url(images/ui-bg_flat_75_ddd4b0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 12px; -webkit-border-radius: 12px; }/* Accordion
|
||||
----------------------------------*/
|
||||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-li-fix { display: inline; }
|
||||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
|
||||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
|
||||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
|
||||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
|
||||
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
|
||||
----------------------------------*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}/* Dialog
|
||||
----------------------------------*/
|
||||
.ui-dialog { position: relative; padding: .2em; width: 300px; }
|
||||
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
|
||||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
|
||||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
|
||||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
|
||||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
/* Progressbar
|
||||
----------------------------------*/
|
||||
.ui-progressbar { height:2em; text-align: left; }
|
||||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
|
||||
----------------------------------*/
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
|
||||
----------------------------------*/
|
||||
.ui-slider { position: relative; text-align: left; }
|
||||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
|
||||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
|
||||
|
||||
.ui-slider-horizontal { height: .8em; }
|
||||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
||||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
||||
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
||||
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
||||
|
||||
.ui-slider-vertical { width: .8em; height: 100px; }
|
||||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
||||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
||||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
|
||||
----------------------------------*/
|
||||
.ui-tabs { padding: .2em; zoom: 1; }
|
||||
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
406
data/css/swanky-purse/jquery-ui-1.7.3.custom.css
vendored
Normal file
406
data/css/swanky-purse/jquery-ui-1.7.3.custom.css
vendored
Normal file
@@ -0,0 +1,406 @@
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Georgia,serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=7D5925&bgTextureHeader=02_glass.png&bgImgOpacityHeader=25&borderColorHeader=7D5925&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=FFF2C6&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=100&borderColorContent=7D5925&fcContent=7D5925&iconColorContent=c47a23&bgColorDefault=FFF2C6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=7D5925&fcDefault=7D5925&iconColorDefault=f08000&bgColorHover=f5f0e5&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=f5ad66&fcHover=a46313&iconColorHover=f08000&bgColorActive=f4f0ec&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=7D5925&fcActive=b85700&iconColorActive=f35f07&bgColorHighlight=f5f5b5&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=100&borderColorHighlight=d9bb73&fcHighlight=060200&iconColorHighlight=cb672b&bgColorError=fee4bd&bgTextureError=04_highlight_hard.png&bgImgOpacityError=65&borderColorError=f8893f&fcError=dd4e2c&iconColorError=ff7519&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=100&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Georgia,serif; font-size: 1.1em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Georgia,serif; font-size: 1em; }
|
||||
.ui-widget-content { border: 1px solid #7D5925; background: #FFF2C6 url(images/Web_Mainz_Mid.png) 50% bottom repeat-x; color: #7D5925; } /* ui-bg_inset-soft_100_FFF2C6_1x100.png */
|
||||
.ui-widget-content a { color: #7D5925; background: #FFF2C6 url(images/Web_Mainz_Mid.png) 50% bottom repeat-x; }
|
||||
.ui-widget-header { border: 1px solid #7D5925; background: #7D5925 url(images/Web_Mainz_MidLight.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }/* ui-bg_glass_25_7D5925_1x400.png */
|
||||
.ui-widget-header a { color: #7D5925; background: #7D5925 url(images/Web_Mainz_MidLight.png) 50% bottom repeat-x; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #7D5925; background: #FFF2C6 url(images/Web_Mainz_MidLight.png) 50% 50% repeat-x; font-weight: normal; color: #7D5925; outline: none; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #7D5925; text-decoration: none; outline: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #f5ad66; background: #f5f0e5 url(images/ui-bg_glass_100_f5f0e5_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #a46313; outline: none; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #a46313; text-decoration: none; outline: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #7D5925; background: #f4f0ec url(images/Web_Mainz_MidLight.png) 50% 50% repeat-x; font-weight: normal; color: #b85700; outline: none; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #b85700; outline: none; text-decoration: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #d9bb73; background: #f5f5b5 url(images/ui-bg_highlight-hard_100_f5f5b5_1x100.png) 50% top repeat-x; color: #060200; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #060200; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #f8893f; background: #fee4bd url(images/ui-bg_highlight-hard_65_fee4bd_1x100.png) 50% top repeat-x; color: #dd4e2c; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #dd4e2c; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #dd4e2c; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_c47a23_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_c47a23_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_f08000_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_f08000_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f35f07_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_cb672b_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ff7519_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
|
||||
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
|
||||
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
|
||||
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
|
||||
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
|
||||
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
|
||||
.ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
|
||||
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
|
||||
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_100_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
|
||||
----------------------------------*/
|
||||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-li-fix { display: inline; }
|
||||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
|
||||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
|
||||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
|
||||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
|
||||
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
|
||||
----------------------------------*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}/* Dialog
|
||||
----------------------------------*/
|
||||
.ui-dialog { position: relative; padding: .2em; width: 300px; }
|
||||
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
|
||||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
|
||||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
|
||||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
|
||||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
/* Progressbar
|
||||
----------------------------------*/
|
||||
.ui-progressbar { height:2em; text-align: left; }
|
||||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
|
||||
----------------------------------*/
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
|
||||
----------------------------------*/
|
||||
.ui-slider { position: relative; text-align: left; }
|
||||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
|
||||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
|
||||
|
||||
.ui-slider-horizontal { height: .8em; }
|
||||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
||||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
||||
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
||||
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
||||
|
||||
.ui-slider-vertical { width: .8em; height: 100px; }
|
||||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
||||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
||||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
|
||||
----------------------------------*/
|
||||
.ui-tabs { padding: .2em; zoom: 1; }
|
||||
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
Reference in New Issue
Block a user