diff --git a/configure.in b/configure.in index 8dd9eac21..959b93972 100644 --- a/configure.in +++ b/configure.in @@ -147,6 +147,7 @@ src/plugins/textreport/Makefile src/plugins/tool/Makefile src/plugins/view/Makefile src/plugins/webreport/Makefile +src/plugins/webstuff/Makefile src/DateHandler/Makefile src/data/Makefile src/glade/Makefile diff --git a/src/gen/plug/_pluginreg.py b/src/gen/plug/_pluginreg.py index af77f0c29..2d5e4daf6 100644 --- a/src/gen/plug/_pluginreg.py +++ b/src/gen/plug/_pluginreg.py @@ -1066,8 +1066,6 @@ class PluginRegister(object): rmlist = [] ind = lenpd-1 for plugin in self.__plugindata[lenpd:]: - if plugin.category == 'TEST': - import pdb; pdb.set_trace() ind += 1 plugin.directory = dir if not valid_plugin_version(plugin.gramps_target_version): diff --git a/src/gen/plug/report/_constants.py b/src/gen/plug/report/_constants.py index 2d4d3c21b..36e1c32c4 100644 --- a/src/gen/plug/report/_constants.py +++ b/src/gen/plug/report/_constants.py @@ -57,32 +57,3 @@ book_categories = { CATEGORY_DRAW : _("Graphics"), } -#Common data for html reports -## TODO: move to a system where css files are registered -# This information defines the list of styles in the Web reports -# options dialog as well as the location of the corresponding -# stylesheets in src/data. - -CSS_FILES = [ - # id, user selectable, translated_name, fullpath, navigation target name, additional files - # "default" is used as default - ["Basic-Ash", 1, _("Basic-Ash"), os.path.join(const.DATA_DIR, 'Web_Basic-Ash.css'), None, []], - ["Basic-Blue", 1, _("Basic-Blue"), os.path.join(const.DATA_DIR, 'Web_Basic-Blue.css'), "navigation-menus.css", []], - ["Basic-Cypress", 1, _("Basic-Cypress"), os.path.join(const.DATA_DIR, 'Web_Basic-Cypress.css'), None, []], - ["Basic-Lilac", 1, _("Basic-Lilac"), os.path.join(const.DATA_DIR, 'Web_Basic-Lilac.css'), None, []], - ["Basic-Peach", 1, _("Basic-Peach"), os.path.join(const.DATA_DIR, 'Web_Basic-Peach.css'), None, []], - ["Basic-Spruce", 1, _("Basic-Spruce"), os.path.join(const.DATA_DIR, 'Web_Basic-Spruce.css'), None, []], - ["Mainz", 1, _("Mainz"), os.path.join(const.DATA_DIR, 'Web_Mainz.css'), None, - [os.path.join(const.IMAGE_DIR, "Web_Mainz_Bkgd.png"), - os.path.join(const.IMAGE_DIR, "Web_Mainz_Header.png"), - os.path.join(const.IMAGE_DIR, "Web_Mainz_Mid.png"), - os.path.join(const.IMAGE_DIR, "Web_Mainz_MidLight.png")]], - ["Nebraska", 1, _("Nebraska"), os.path.join(const.DATA_DIR, 'Web_Nebraska.css'), None, []], - ["Visually Impaired", 1, _("Visually Impaired"), os.path.join(const.DATA_DIR, 'Web_Visually.css'), "navigation-menus.css", []], - ["No style sheet",1, _("No style sheet"), '', None, []], - ["behaviour", 0, "Behaviour", os.path.join(const.DATA_DIR, 'behaviour.css'), None, []], - ["default", 0, _("Basic-Ash"), os.path.join(const.DATA_DIR, 'Web_Basic-Ash.css'), None, []], - ["Print-Default", 0, "Print-Default", os.path.join(const.DATA_DIR, 'Web_Print-Default.css'), None, []], - ["Navigation-Vertical", 0, "Navigation-Vertical", os.path.join(const.DATA_DIR, 'Web_Navigation-Vertical.css'), None, []], - ["Navigation-Horizontal", 0, "Navigation-Horizontal", os.path.join(const.DATA_DIR, 'Web_Navigation-Horizontal.css'), None, []], - ] diff --git a/src/gui/plug/report/_docreportdialog.py b/src/gui/plug/report/_docreportdialog.py index 85ea0e216..e2dd22c75 100644 --- a/src/gui/plug/report/_docreportdialog.py +++ b/src/gui/plug/report/_docreportdialog.py @@ -43,8 +43,9 @@ import gtk #------------------------------------------------------------------------- import const from _reportdialog import ReportDialog -from gen.plug.report._constants import CSS_FILES from _papermenu import PaperFrame +from gui.pluginmanager import GuiPluginManager +PLUGMAN = GuiPluginManager.get_instance() #------------------------------------------------------------------------- # @@ -63,12 +64,14 @@ class DocReportDialog(ReportDialog): self.style_name = "default" self.firstpage_added = False + self.CSS = PLUGMAN.process_plugin_data('WEBSTUFF') ReportDialog.__init__(self, dbstate, uistate, option_class, name, trans_name) # Allow for post processing of the format frame, since the # show_all task calls events that may reset values + def init_interface(self): ReportDialog.init_interface(self) self.doc_type_changed(self.format_menu) @@ -93,8 +96,7 @@ class DocReportDialog(ReportDialog): self.doc = self.format(self.selected_style, pstyle) if not self.format_menu.get_active_plugin().get_paper_used(): #set css filename - self.doc.set_css_filename(const.DATA_DIR + os.sep + - self.css_filename) + self.doc.set_css_filename(self.css_filename) self.options.set_document(self.doc) @@ -206,11 +208,15 @@ class DocReportDialog(ReportDialog): css_filename = self.options.handler.get_css_filename() active_index = 0 index = 0 - for style in CSS_FILES: - self.css_combo.append_text(style[0]) - if css_filename == style[1]: - active_index = index - index += 1 + for (name, id) in sorted([(self.CSS[key]["translation"], self.CSS[key]["id"]) + for key in self.CSS]): + if self.CSS[id]["user"]: + self.css_combo.append_text(self.CSS[id]["translation"]) + # Associate this index number with CSS too: + self.CSS[index] = self.CSS[id] + if css_filename == self.CSS[id]["filename"]: + active_index = index + index += 1 self.html_table.attach(self.css_combo,2,3,1,2, yoptions=gtk.SHRINK) self.css_combo.set_active(active_index) @@ -230,7 +236,7 @@ class DocReportDialog(ReportDialog): displayed on the screen. The subclass will know whether this entry was enabled. This is for simplicity of programming.""" - self.css_filename = CSS_FILES[self.css_combo.get_active()][1] + self.css_filename = self.CSS[self.css_combo.get_active()]["filename"] self.options.handler.set_css_filename(self.css_filename) def on_ok_clicked(self, obj): diff --git a/src/plugins/Makefile.am b/src/plugins/Makefile.am index 8c2c6758e..bbd99bce3 100644 --- a/src/plugins/Makefile.am +++ b/src/plugins/Makefile.am @@ -18,7 +18,8 @@ SUBDIRS = \ textreport \ tool \ view \ - webreport + webreport \ + webstuff pkgdatadir = $(datadir)/@PACKAGE@/plugins diff --git a/src/plugins/webreport/NarrativeWeb.py b/src/plugins/webreport/NarrativeWeb.py index bdc37d9bd..ec329f81f 100644 --- a/src/plugins/webreport/NarrativeWeb.py +++ b/src/plugins/webreport/NarrativeWeb.py @@ -81,7 +81,7 @@ import Sort from gen.plug.menu import PersonOption, NumberOption, StringOption, \ BooleanOption, EnumeratedListOption, FilterOption, \ NoteOption, MediaOption, DestinationOption -from gen.plug.report import ( Report, Bibliography, CSS_FILES ) +from gen.plug.report import ( Report, Bibliography) from gen.plug.report import utils as ReportUtils from gui.plug.report import MenuReportOptions @@ -107,6 +107,8 @@ from libhtmlbackend import HtmlBackend from libgedcom import make_gedcom_date from PlaceUtils import conv_lat_lon +from gui.pluginmanager import GuiPluginManager + #------------------------------------------------------------------------ # constants #------------------------------------------------------------------------ @@ -192,17 +194,8 @@ _html_replacement = { "<" : "<", } -def make_css_dict(tup): - return { - "id": tup[0], - "user": tup[1], - "translation": tup[2], - "filename": tup[3], - "navigation": tup[4], - "images": tup[5], - } - -CSS = dict([(css[0], make_css_dict(css)) for css in CSS_FILES]) +PLUGMAN = GuiPluginManager.get_instance() +CSS = PLUGMAN.process_plugin_data('WEBSTUFF') # This command then defines the 'html_escape' option for escaping # special characters for presentation in HTML based on the above list. @@ -307,9 +300,9 @@ def copy_thumbnail(report, handle, photo, region=None): photo.get_mime_type(), region) if not os.path.isfile(from_path): - from_path = os.path.join(const.IMAGE_DIR, "document.png") + from_path = CSS["Document"]["filename"] else: - from_path = os.path.join(const.IMAGE_DIR, "document.png") + from_path = CSS["Document"]["filename"] report.copy_file(from_path, to_path) return to_path @@ -1146,7 +1139,7 @@ class BasePage(object): ) # Link to Navigation Menus stylesheet - if CSS[self.report.css]["navigation"]: # in ["Web_Basic-Blue.css", "Web_Visually.css"]: + if CSS[self.report.css]["navigation"]: fname = "/".join(["styles", CSS[self.report.css]["navigation"]]) url = self.report.build_url_fname(fname, None, self.up) links += Html("link", href = url, type = "text/css", media = "screen", rel = "stylesheet", indent = False) @@ -5699,7 +5692,7 @@ class NavWebReport(Report): """ # copy behaviour style sheet - fname = CSS["behaviour"]["filename"] # "behaviour.css") + fname = CSS["behaviour"]["filename"] self.copy_file(fname, "behaviour.css", "styles") # copy screen style sheet @@ -5708,11 +5701,11 @@ class NavWebReport(Report): self.copy_file(fname, _NARRATIVESCREEN, "styles") # copy Navigation Menu Layout style sheet if Blue or Visually is being used - if CSS[self.css]["navigation"]: #== "Web_Basic-Blue.css" or "Web_Visually.css": + if CSS[self.css]["navigation"]: if self.navigation == "Horizontal": - fname = CSS["Navigation-Horizontal"]["filename"] #"Web_Navigation-Horizontal.css") + fname = CSS["Navigation-Horizontal"]["filename"] else: - fname = CSS["Navigation-Vertical"]["filename"] # "Web_Navigation-Vertical.css") + fname = CSS["Navigation-Vertical"]["filename"] self.copy_file(fname, "navigation-menus.css", "styles") # copy Mapstraction style sheet if using Place Maps @@ -5721,7 +5714,7 @@ class NavWebReport(Report): self.copy_file(fname, "mapstraction.css", "styles") # copy printer style sheet - fname = CSS["Print-Default"]["filename"] # "Web_Print-Default.css") + fname = CSS["Print-Default"]["filename"] self.copy_file(fname, _NARRATIVEPRINT, "styles") # copy mapstraction files to mapstraction directory @@ -5745,31 +5738,21 @@ class NavWebReport(Report): # Copy the Creative Commons icon if the Creative Commons # license is requested if 0 < self.copyright <= len(_CC): - imgs += ["somerights20.gif"] + imgs += [CSS["Copyright"]["filename"]] # include GRAMPS favicon - imgs += ["favicon2.ico"] - # we need the blank image gif neede by behaviour.css - imgs += ["blank.gif"] - # add the document.png file for media other than photos - imgs += ["document.png"] + imgs += CSS["All Images"]["images"] # copy Ancestor Tree graphics if needed??? if self.graph: - imgs += ["Web_Gender_Female.png", - "Web_Gender_Male.png" ] + imgs += CSS["Gender Images"]["images"] - # add system path to images: - imgs = [os.path.join(const.IMAGE_DIR, fname) for fname in imgs] - - # Mainz stylesheet graphics - # will only be used if Mainz is slected as the stylesheet - #if self.css == "Web_Mainz.css": - imgs += CSS[self.css]["images"] #[ "Web_Mainz_Bkgd.png", "Web_Mainz_Header.png", - #"Web_Mainz_Mid.png", "Web_Mainz_MidLight.png" ] + # Anything css-specific: + imgs += CSS[self.css]["images"] + # copy all to images subdir: for from_path in imgs: fdir, fname = os.path.split(from_path) self.copy_file(from_path, fname, "images") @@ -6643,7 +6626,7 @@ class NavWebOptions(MenuReportOptions): """ css_opts = self.__css.get_value() - if CSS[css_opts]["navigation"]: # in ["Web_Basic-Blue.css", "Web_Visually.css"]: + if CSS[css_opts]["navigation"]: self.__navigation.set_available(True) else: self.__navigation.set_available(False) diff --git a/src/plugins/webreport/WebCal.py b/src/plugins/webreport/WebCal.py index 6d7bd5b62..49ac2ae24 100644 --- a/src/plugins/webreport/WebCal.py +++ b/src/plugins/webreport/WebCal.py @@ -52,7 +52,7 @@ log = logging.getLogger(".WebPage") import gen.lib import const import constfunc -from gen.plug.report import Report, CSS_FILES +from gen.plug.report import Report from gen.plug.report import utils as ReportUtils from gui.plug.report import MenuReportOptions from gen.plug.menu import BooleanOption, NumberOption, StringOption, \ @@ -69,6 +69,7 @@ from gen.display.name import displayer as _nd import libholiday from libhtml import Html from libhtmlconst import _CHARACTER_SETS, _CC, _COPY_OPTIONS +from gui.pluginmanager import GuiPluginManager # import styled notes from # src/plugins/lib/libhtmlbackend.py @@ -88,6 +89,9 @@ _WEB_EXT = ['.html', '.htm', '.shtml', '.php', '.php3', '.cgi'] _CALENDARSCREEN = 'calendar-screen.css' _CALENDARPRINT = 'calendar-print.css' +PLUGMAN = GuiPluginManager.get_instance() +CSS = PLUGMAN.process_plugin_data('WEBSTUFF') + #------------------------------------------------------------------------ # # WebCalReport @@ -322,37 +326,34 @@ class WebCalReport(Report): """ # Copy the screen stylesheet if self.css: - fname = os.path.join(const.DATA_DIR, self.css) + fname = CSS[self.css]["filename"] self.copy_file(fname, _CALENDARSCREEN, "styles") # copy Navigation Menu Layout if Blue or Visually is being used - if self.css == "Web_Basic-Blue.css" or "Web_Visually.css": - fname = os.path.join(const.DATA_DIR, "Web_Navigation-Horizontal.css") + if CSS[self.css]["navigation"]: + fname = CSS["Navigation-Horizontal"]["filename"] self.copy_file(fname, "Web_Navigation-Menus.css", "styles") # copy print stylesheet - fname = os.path.join(const.DATA_DIR, "Web_Print-Default.css") + fname = CSS["Print-Default"]["filename"] self.copy_file(fname, _CALENDARPRINT, "styles") # set imgs to empty imgs = [] - if self.css == "Web_Mainz.css": - - # Mainz stylesheet graphics - # will only be used if Mainz is slected as the stylesheet - imgs += ["Web_Mainz_Bkgd.png", "Web_Mainz_Header.png", - "Web_Mainz_Mid.png", "Web_Mainz_MidLight.png"] + # Mainz stylesheet graphics + # will only be used if Mainz is slected as the stylesheet + imgs += CSS[self.css]["images"] # Copy GRAMPS favicon - imgs += ['favicon.ico'] + imgs += CSS["All Images"]['images'] # copy copyright image if 0 < self.copy <= len(_CC): - imgs += ['somerights20.gif'] + imgs += CSS["Copyright"]['filename'] - for fname in imgs: - from_path = os.path.join(const.IMAGE_DIR, fname) + for from_path in imgs: + fdir, fname = os.path.split(from_path) self.copy_file(from_path, fname, "images") # --------------------------------------------------------------------------------------- @@ -437,7 +438,7 @@ class WebCalReport(Report): links += Html("link",rel="stylesheet", href=fname,type="text/css", media="print", indent = False) # add horizontal menu if css == Blue or Visually because there is no menus - if self.css in ["Web_Basic-Blue.css", "Web_Visually.css"]: + if CSS[self.css]["navigation"]: # Link to Navigation Menus stylesheet fname = os.path.join(subdirs, "styles", "Web_Navigation-Menus.css") @@ -847,7 +848,7 @@ class WebCalReport(Report): self.progress.set_pass(_('Formatting months ...'), 12) for month in range(1, 13): - + import pdb; pdb.set_trace() cal_fname = get_full_month_name(month) of = self.create_file(cal_fname, str(year)) @@ -1247,8 +1248,9 @@ class WebCalReport(Report): """ # writes the file out from the page variable; Html instance - page.write(partial(print, file=of.write)) - + # This didn't work for some reason, but it does in NarWeb: + #page.write(partial(print, file=of.write)) + page.write(lambda line: of.write(line + '\n')) # close the file now... self.close_file(of) @@ -1388,9 +1390,11 @@ class WebCalOptions(MenuReportOptions): cright.set_help( _("The copyright to be used for the web files")) menu.add_option(category_name, "cright", cright) - css = EnumeratedListOption(_('StyleSheet'), CSS_FILES[0][1]) - for style in CSS_FILES: - css.add_item(style[1], style[0]) + css = EnumeratedListOption(_('StyleSheet'), CSS["default"]["id"]) + for (name, id) in sorted([(CSS[key]["translation"], CSS[key]["id"]) + for key in CSS.keys()]): + if CSS[id]["user"]: + css.add_item(CSS[id]["translation"], CSS[id]["id"]) css.set_help( _('The stylesheet to be used for the web pages')) menu.add_option(category_name, "css", css) diff --git a/src/plugins/webstuff/Makefile.am b/src/plugins/webstuff/Makefile.am new file mode 100644 index 000000000..3256e53cb --- /dev/null +++ b/src/plugins/webstuff/Makefile.am @@ -0,0 +1,47 @@ +# This is the src/plugins/webstuff level Makefile for Gramps +# We could use GNU make's ':=' syntax for nice wildcard use, +# but that is not necessarily portable. +# If not using GNU make, then list all .py files individually + +DATAFILES = \ + css/behaviour.css \ + css/Web_Basic-Spruce.css \ + css/Web_Mainz.css \ + css/Web_Basic-Ash.css \ + css/Web_Navigation-Horizontal.css \ + css/Web_Basic-Blue.css \ + css/Web_Navigation-Vertical.css \ + css/Web_Basic-Cypress.css \ + css/Web_Nebraska.css \ + css/Web_Basic-Lilac.css \ + css/Web_Print-Default.css \ + css/Web_Basic-Peach.css \ + css/Web_Visually.css \ + images/blank.gif \ + images/document.png \ + images/favicon2.ico \ + images/favicon.ico \ + images/Web_Gender_Female.png \ + images/Web_Gender_Male.png \ + images/Web_Mainz_Bkgd.png \ + images/Web_Mainz_Header.png \ + images/Web_Mainz_MidLight.png \ + images/Web_Mainz_Mid.png + +pkgdatadir = $(datadir)/@PACKAGE@/plugins/webstuff + +pkgdata_PYTHON = \ + webstuff.py \ + webstuff.gpr.py + +pkgpyexecdir = @pkgpyexecdir@/plugins/webstuff +pkgpythondir = @pkgpythondir@/plugins/webstuff + +# Clean up all the byte-compiled files +MOSTLYCLEANFILES = *pyc *pyo + +GRAMPS_PY_MODPATH = "../../" + +pycheck: + (export PYTHONPATH=$(GRAMPS_PY_MODPATH); \ + pychecker $(pkgdata_PYTHON)); diff --git a/src/plugins/webstuff/css/Web_Basic-Ash.css b/src/plugins/webstuff/css/Web_Basic-Ash.css new file mode 100644 index 000000000..845970a76 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Ash.css @@ -0,0 +1,1464 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey +# +# 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: Basic-Ash Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet +************************************************************************************************** + +Color Palette +-------------------------------------------------------------------------------------------------- + +black #000 +gray dark #333 +gray #999 +gray light #CCC +gray very light #EEE +white #FFF +-------------------------------------------------------------------------------------------------- + +# $Id $ + + NarrativeWeb Styles +------------------------------------------------------------------------------------------------ */ + +/* General Elements +----------------------------------------------------- */ +body { + font-family:sans-serif; + color:#000; + margin:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + padding-top: 1cm; + background-color:#FFF; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.4em; + font-weight:bold; + margin:0; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + border-width: 2px 0 2px 0; + border-style: solid; + border-color: #000; + font-size: 1em; + color:#333; + margin: .3cm 0 .3cm 0;; + padding:.2em 0 .2em 20px; + background-color:#EEE; + border-bottom:solid 1px #999; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; + margin:0; +} +p#description { + padding:0 15px 1em 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#EEE; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#999; +} + +/* Header +----------------------------------------------------- */ +div#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#EEE; +} +#SiteTitle { + color:#333; + margin:0 0 3px 0; +} +div#header p { + font-size:1em; + font-weight:bold; + color:#999; + margin:0; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + color:#333; + margin-top: .5cm; + background-color:#CCC; + border-top:solid 1px #333; +} +div#footer a, div#footer a:visited { + text-decoration:none; + color:#333; +} +div#footer a:hover { + text-decoration:underline; +} +div#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +div#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +div#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +div#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Navigation +----------------------------------------------------- */ +div#navigation, div#subnavigation { + margin:0; + padding:4px 0 0 0; + background-color:#EEE; +} +div#navigation ul, div#subnavigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #999; +} +div#navigation ul li, div#subnavigation ul li { + margin:0; + padding:0; + float:left; +} +div#navigation ul li a, div#subnavigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:bold; + text-decoration:none; + margin:0; + padding:5px 5px; + background-color:#EEE; +} +div#navigation ul li a:hover, div#subnavigation ul li a:hover { + background-color:#CCC; + border-bottom:solid 1px #000; +} +div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #999; + border-right:solid 1px #999; + border-left:solid 1px #999; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +div#navigation ul li.CurrentSection a:hover { + background-color:#FFF; +} +div#subnavigation ul li.CurrentSection a { + border-width:0 0 1px 0; +} + +/* Alphabet Navigation Bar +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #EEE; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#CCC; + border-top:solid 1px #999; + border-bottom:solid 1px #999; +} +table.infolist tr th:first-child { + border-left:solid 1px #999; +} +table.infolist tr th:last-child { + border-right:solid 1px #999; +} +table.infolist tr th a { + text-decoration:none; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #CCC; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #CCC; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { + background-color:#EEE; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background-color:#EEE; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#CCC; +} +table.surname { + border-bottom:solid 1px #EEE; +} +table.surname tbody tr td { + border-bottom:dashed 1px #CCC; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#EEE; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#CCC; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #EEE; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #CCC; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#EEE; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#CCC; +} +#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#999; + padding-left:5px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width; 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ + +div#EventList, div#EventDetail { } + +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr td { + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 20%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 30%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.eventlist tbody tr.BeginName { + border-top: solid 1px #000; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 1.4em; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #000; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#EEE; +} +#GalleryNav { + font-size:.8em; + margin:1em 0 0 0; + padding:1.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + background-color:#EEE; + border:solid 1px #999; +} +#GalleryNav a:hover { + background-color:#CCC; +} +#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:1.2em; + font-weight:bold; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #999; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + background-color:#EEE; + border-style:solid; + border-width:8px 0 0 0; + border-color:#CCC; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .3cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download p#description a.copyright a img { + float: center; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#EEE; + border:solid 1px #999; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #999; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:85%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { } + +div#RepositoryList table.repolist tbody tr td { + background-color: #CCC; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #EEE; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #CCC; + text-align: center; + border: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FFF; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom:solid .7em #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #CCC; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #CCC; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #CCC; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #CCC; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #EEE; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #999; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #EEE; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#EEE; + border:solid 1px #999; +} +#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; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #333; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#999; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#999; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#EEE; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#EEE; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#333; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#333; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#333; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#999; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #999; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#333; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#333; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#CCC; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#CCC; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#EEE; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#CCC; + background-color:#EEE; +} + +/* 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 #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Basic-Blue.css b/src/plugins/webstuff/css/Web_Basic-Blue.css new file mode 100644 index 000000000..4e953ae26 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Blue.css @@ -0,0 +1,1608 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright (C) 2008-2010 Rob G. Healey +# +# 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: Web_Basic-Blue.css 15540 2010-06-07 16:32:00Z robhealey1 $ +# +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Basic Blue Stylesheet +Original Style Author: Jason M. Simanek (2008) +*************************************************************************************************** +-------------------------------------------------------------------------------------------------- +Color Palette +-------------------------------------------------------------------------------------------------- +DK. Blue #00029D +Lt. Blue #70B1ED, #BCEAF6 +Green #13A926 +Black #000 +White #FFF + +===== Ancestor Graph Color Scheme ===== +Males #BCEAF6 +Females #FFC0CB +Unknown #000 + +===== Web Graphics ===== +Males Web_Gender_Male.png +Females Web_Gender_Female.png +*/ + +/* NarrativeWeb Styles +================================================= */ +body { + background-color: #000; + color: #FFF; +} + +/* Menu Elements +================================================= */ +div#alphabet ul, div#navigation ul, div#subnavigation ul { + background-color: #000; +} +div#alphabet ul li, div#navigation ul li, +div#subnavigation ul li { + border-color: #13A926; +} +div#alphabet ul li a { + color: #FFF; + font: normal 16px sans; +} +div#navigation ul li a, div#subnavigation ul li a { + color: #FFF; +} +div#alphabet ul li a:hover, div#navigation ul li a:hover, +div#subnavigation ul li a:hover { + color: #000; +} +div#navigation ul li.CurrentSection a, +div#subnavigation ul li.CurrentSection a { + background-color: #13A926; + font: bold 16px sans; + color: #FFF; +} +div#navigation ul li.CurrentSection a:hover { + background-color: #BCEAF6; + color: #000; +} +div#subnavigation ul li.CurrentSection a:hover { + background-color: #000; + color: #FFF; +} + +/* General Elements +================================================= */ +div { + margin: 0; + padding: 0; +} +table { + border: none; + border-collapse: collapse; +} +th { + font-weight: bold; + text-align: left; + padding: 1px 3em 1px 0.5em; +} +td { + vertical-align: top; + padding: 0; +} +img { + border: none; + margin: 0; +} +.thumbnail a:hover { + background: none; +} +.content { + background-color: #FFF; + color: #000; + overflow: auto; + width: 1060px; + margin: 0 auto; +} +.content div.snapshot { + margin: 0; + padding: 0; + background: none; +} +.content div.snapshot div.thumbnail { + margin: 0; + padding: 2em 0 0 0; + background: none; +} +.content div.snapshot div.thumbnail a { + display: block; + width: 96px; + margin: 0 auto; +} +.fullclear { + width: 100%; + height: 1px; + margin: 0; + padding: 0; + clear: both; +} + +/* Gramps Styled Notes +------------------------------------------------------- */ +div#grampsstylednote a { + color: Navy; + text-decoration: underline; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font:normal 2em/1.2em serif; +} +h2 { + display: none; +} +h3 { + font:normal 2em/1.2em serif; + text-align:center; + margin:0; + padding:.5em 20px .2em 20px; + border-bottom: double 4px #000; +} +h4 { + font: normal 1.2em/1.2em serif; + color: #FFF; + margin-top: .3cm; + padding:.2em 0 .2em 20px; + background-color: #00029D; + border-width: 4px 0px 4px 0px; + border-style: solid; + border-color: #13A926; +} +h5, h6 { + font:normal 1em/1.2em serif; + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p#description { + max-width:800px; + margin:0; + padding:1em 20px; +} +p#description:first-letter { + color: #13A926; + font-size: 36px; + font-weight: bold; + font-style: italic; +} +p a { + color: #FFF; + text-decoration:underline; +} +sup { + line-height:0; +} +ol { + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; +} +ol li a { + text-decoration:none; +} +ol li a:hover { + text-decoration: none; +} +a { + color: #000; +} +a:visited { + color: #000; +} +a:hover { + color: #000; + background-color: #70B1ED; + text-decoration: none; +} +span.preposition { + padding-left:1em; + padding-right:1em; +} +.grampsid { + font:normal .8em/1.2em monospace; + color: #000; +} + +/* Header +----------------------------------------------------- */ +div#header { + background-color: #00029D; + border-bottom: solid 8px #13A926; + height: 65px; + width: 100%; + overflow: hidden; +} +#SiteTitle { + margin:0; + padding:.5em 0 0.5em 10px; + font-size: 28px; + font-weight: bold; + color: #FFF; + font-style: italic; +} +p#user_header { + font-size:1.3em; + text-align:left; + color: #FFF; + margin:0; + padding:.2em 0 .6em 20px; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + color:#FFF; + margin-top: 0.5cm; + background-color:#00029D; + border-top:solid 8px #13A926; +} +div#footer a, div#footer a:visited { + text-decoration: none; + color: #FFF; +} +div#footer a:hover { + color: #000; + text-decoration: none; +} +div#footer img { + border: 0; + margin: 0 auto; + vertical-align: middle; +} +div#footer p#createdate { + float: left; + width: 60%; + text-align: left; + margin-left: 10px; +} +div#footer p#copyright { + float: right; + text-align: right; + color: #FFF; + margin: 10px 10px 0px 0px; +} +div#footer p#copyright img { + float: right; + margin-right: 10px; +} +#user_footer { + width: 70%; + float: left; + margin: 1em; + color: #FFF; +} +#user_footer p { + font: normal 1em/1.2em serif; + margin: 0; + padding: 0; +} + +/* Main Table +----------------------------------------------------- */ +table.infolist { + width: 100%; + margin: 0; + padding: 0; + font-size: 12px; +} +table.infolist thead tr th { + font: normal 1.1em/1.2em serif; + color: #000; + margin: 0; + padding: .2em 10px; + background-color: #70B1ED; + border: solid 1px #000; +} +table.infolist thead tr th a { + color: #000; +} +table.infolist thead tr th a:hover { + background-color: #00029D; + color: #FFF; +} +table.infolist tr td { + font: normal 1.1em/1.4em serif; + vertical-align: middle; + background-color: #BCEAF6; + padding: 6px 0 6px 10px; +} +table.infolist tr td a { + display: block; + text-decoration: none; + color: #000; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top: solid 1px #13A815; +} +table.infolist tr td.ColumnLetter { + width: 3%; + text-align: center; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width: 10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width: 10%; +} +table.infolist tbody tr td.ColumnRowLabel { + width: 6%; + padding-left: 20px; +} +table.infolist tbody tr td.ColumnType { + width: 6%; + padding-left: 20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size: .9em; +} +table.infolist tbody tr td.ColumnParents span.father, +table.infolist tbody tr td.ColumnParents span.mother { + display: block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content: "+ "; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { + margin: 0; + padding: 0; +} +#SurnameDetail p#description { + padding-top: 0; +} +table.surnamelist thead tr th.ColumnSurname, +#Surnames table.surnamelist tbody tr td.ColumnSurname { + width: 50%; +} +table.surnamelist thead tr th.ColumnSurname a { + color: #FFF; +} +table.surnamelist thead tr th { + padding: 0; +} +table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited { + display: block; + text-align: left; + text-decoration: none; + padding: .2em 10px; +} +table.surnamelist thead tr th.ColumnLetter { + padding: 0px 10px 0px 20px; +} +table.surnamelist tbody tr td { + border-bottom: dashed 1px #000; +} +table.surnamelist tbody tr td.ColumnLetter a { + background: none; +} +table#SortByName thead tr th.ColumnSurname, +table#SortByCount thead tr th.ColumnQuantity { + background-color: #00029D; + color: #FFF; +} +table#SortByName thead tr th.ColumnSurname a:after, +table#SortByCount thead tr th.ColumnQuantity a:after { + content: " ↓"; +} +table#SortByName tbody tr td.ColumnSurname { + padding: 0; +} +table.surnamelist tbody tr td.ColumnSurname:hover, + table#SortByName tbody tr td.ColumnSurname:hover { + background-color: #70B1ED; +} +table.surname { + border-bottom: solid 1px #000; +} +table.surname thead tr th.ColumnName { + width: 20%; + padding-left: 20px; +} +table.surname tbody tr td { + border-bottom: dashed 1px #000; +} +table.surname tbody tr td.ColumnName { + width: 20%; + padding: 0; +} +table.surname tbody tr td.ColumnName a { + color: #000; +} +table.surname tbody tr td.ColumnName a span.grampsid { + color: #000; +} +table.surname tbody tr td.ColumnName:hover { + background-color: #00029D; + color: #FFF;/home/Frog/trunk/src/gui/viewmanager.py:946: GtkWarning: Inserting action group 'Media' into UI manager which already has a group with this name + +} +table.surname thead tr th.ColumnParents, +table.surname tbody tr td.ColumnParents { + width: 25%; +} + +/* Individuals +================================================= */ +div#Individuals { + margin: 0; + padding: 0; +} +div#Individuals table.individuallist { + border-bottom: solid 1px #000; +} +div#Individuals table.individuallist tbody tr td { + border-bottom: dashed 1px #000; +} +div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover, +div#Individuals table.individuallist tbody tr td.ColumnSurname a:active { + cursor: default; + color: #000; + background: none; +} +div#Individuals table.individuallist tbody tr td.ColumnName a { + vertical-align: middle; +} +div#Individuals div table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align: top; +} +div#Individuals div table.infolist tr td p a { + display: inline; +} +div#IndividualDetail { + padding: 0; + margin: 0; +} +#IndividualDetail div table.infolist tr td { + font: normal .9em/1.2em sans-serif; + vertical-align: top; +} +div#IndividualDetail div table.infolist tr td a { + display: inline; +} +div#IndividualDetail table.infolist tr td a:hover { + text-decoration: none; +} +div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width: 10%; +} +div#IndividualDetail div.subsection table tr td:first-child { + padding-left: 20px; +} + +/* Places +================================================= */ +div#Places, div#PlaceDetail { + font: normal 1em sans; + margin: 0; + padding: 0; +} +div#Places table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +div#Places table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#Places table.infolist tbody tr td.ColumnName { + width: 25%; +} +div#Places table.infolist tbody tr td.ColumnState { + width: 7%; +} +div#Places table.infolist tbody tr td.ColumnCountry { + width: 6%; +} +div#Places table.infolist tbody tr td.ColumnLatitude { + width: 8%; +} +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 8%; +} +div#PlaceDetail table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#PlaceDetail div#References a { + color: #000; +} +#div#PlaceDetail table.infolist tbody tr td.ColumnAttribute, +div#PlaceDetail table.infolist tbody tr td.ColumnValue { + color: #000; +} +div#PlaceDetail h5 { + font: bold .7cm serif; + float: center; + text-align: center; + border-bottom: double 4px #13A926; +} + + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + margin: 0; + padding: 0; +} +table.eventlist tbody tr td { + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 14%; +} +table.eventlist tbody tr td.ColumnDate { + width: 12%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 25%; +} +table.eventlist tbody tr td.ColumnDescription { + width: 20%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 20%; +} +table.eventlist tbody tr td.ColumnSources { + width: 10%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.eventlist tbody tr.BeginName { + border-top: solid 1px #000; +} +div#EventList table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 10%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 50%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 28px; +} +div#EventDetail h3:first-letter { + color: #903; +} +div#EventDetail table.eventlist { + width: 100%; +} +div#EventDetail table.eventlist tbody tr { + border-top: dashed 1px #000; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnDate { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery { + margin: 0; + padding: 0; +} +#Gallery table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +#Gallery table.infolist tbody tr td.ColumnRowLabel { + padding-bottom: 0; + width: 3%; +} +#Gallery table.infolist tbody tr td.ColumnName { + width: 50%; +} +#Gallery table.infolist tbody tr td.ColumnName a { + display: block; + padding: .2em 10px .4em 10px; +} +#Gallery table.infolist tbody tr td.ColumnDate { + width: 20%; +} +#Gallery table.infolist tbody tr td.ColumnMime { + width: 20%; +} +#GalleryNav { + font:normal 1em/1em sans-serif; + margin:1em 0 0 0; + padding:1.2em 0 1.4em 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + border: solid 1px #000; +} +#GalleryNav a#Previous { + padding:.5em .7em .3em .7em; +} +#GalleryNav a#Next { + padding:.5em 1.9em .3em 1.9em; +} +#GalleryPages { + margin:0 1em; +} +#GalleryCurrent { + font:bold 1.2em/1em sans-serif; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border: solid 1px #000; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:2em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + font:normal 1.2em/1.2em serif; + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + padding-bottom:0; + margin: 1.5em 0 0 0; + border-style: solid; + border-width: 2px 0 1px 0; + border-color: #000; +} +#GalleryDetail table.exifdata { + margin: .2em 0 .2em 0; + width: 100%; +} +#GalleryDetail table.exifdata tbody tr { + border-top: solid 1px #000; +} +#GalleryDetail table.exifdata tbody tr td.ColumnExifKeys { + width: 60%; +} +#GalleryDetail table.exifdata tbody tr td.ColumnMetaData { + width: 40%; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width: 500px; + margin: 0 auto; + padding: 3em; + border: double 4px #000; + background-color: #BCEAF6; +} +#Contact #summaryarea img { + float: right; + margin: 0; +} +#researcher { + font: normal 1.5em/1.4em serif; + margin-top: .3em; +} +#researcher h3 { + font: normal 1.2em/1.4em serif; + padding: 0; + text-align: left; +} +#researcher span { + float: left; + display: block; + font: normal .9em/1.4em serif; + margin-right: .4em; +} +#streetaddress { + width: 100%; +} +#city:after { + content: ","; +} +#country { + clear: left; +} +#email { + clear: left; +} +#email a { + text-decoration: none; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + padding: 0; + margin: .5em 0 .5em 0; + border: solid 1px #000; + width: 100%; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 2px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download p#description a.copyright a img { + float: center; +} + +/* Sources +----------------------------------------------------- */ +#Sources { + margin: 0; + padding: 0; +} +div#Sources table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom: 0; + width: 3%; +} +div#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +div#Sources table.infolist tbody tr td.ColumnName a { + font-size:.9em; + padding:.1em 10px .3em 10px; +} +div#SourceDetail div#references ol li { + padding-bottom:.5em; +} + + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 3%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + width: 80%; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook tbody tr td { + border-bottom: dashed 1px #000; + text-align: center; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + text-align: left; + width: 65%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 10%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 10%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 10%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:2em 0 3em 0; +} +#Home p, #Introduction p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img { + float:right; + margin:0; + padding:0 20px 3em 2em; +} +div.subsection { + padding-bottom:.5em; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; +} +div.subsection table.infolist { + width:100%; + margin:0; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; + border:none; +} +div#events table.eventlist { + margin-top: .3em; +} +#IndividualDetail { + background-color: #FFF; +} +#IndividualDetail div#events table.eventtable { + width: 100%; +} +#IndividualDetail div#events table.infolist thead tr th { + font-weight:bold; + font-size:10px; + line-height:12px; + color: #000; + padding:6px 0 4px 0; + background-color: #70B1ED; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +#IndividualDetail div#events table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.8em; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom: solid 1px #000; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #000; +} +table.infolist tbody tr td.ColumnValue p { + font-family:sans-serif; + color: #696969; + margin:.2em 0 0 2em; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +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: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents { + margin: 0; + padding: 0; +} +div#parents table.infolist tbody tr td.ColumnAttribute { + width: 19%; +} +div#parents table.infolist tbody tr td.ColumnValue ol { + margin: 0; + padding-top: 0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li a { + text-decoration: underline; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families { + margin: 0; + padding: 0; +} +div#families table.infolist tbody tr.BeginFamily { + border-top: solid 1px #000; +} +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} +div#families table.infolist tbody tr td.ColumnValue ol li a { + text-decoration: underline; +} + +/* Subsection: LDS Ordinance +------------------------------------------------------ */ +div#LDSOrdinance { + margin: 0; + padding: 0; +} +div#LDSOrdinance table.ldsordlist { + font-size:.35cm; +} +table.ldsordlist { + margin-bottom:.5em; +} +table.ldsordlist tbody tr td.ColumnLDSType { + width:12%; +} +table.ldsordlist tbody tr td.ColumnLDSDate { + width:15%; +} +table.ldsordlist tbody tr td.ColumnLDSTemple { + width:10%; +} +table.ldsordlist tbody tr td.ColumnLDSPlace { + width:35%; +} +table.ldsordlist tbody tr td.ColumnLDSStatus { + width:8; +} +table.ldsordlist tbody tr td.ColumnLDSSealed { + width:25%; +} +table.ldsordlist tbody tr td.ColumnLDSSources { + width:7%; + margin-top:.2cm; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#Addresses { + margin: 0; + padding: 0; +} +div#Addresses table.infolist { + font-size: 10px; + background-color: #70B1ED; +} +div#Addresses table.infolist tbody tr td.ColumnDate { + width: 15%; +} +div#Addresses table.infolist tbody tr td.ColumnStreetAddress { + width: 30%; +} +div#Addresses table.infolist tbody tr td.ColumnCity { + width: 8%; +} +div#Addresses table.infolist tbody tr td.ColumnCounty { + width: 8%; +} +div#Addresses table.infolist tbody tr td.ColumnState { + width: 8%; +} +div#Addresses table.infolist tbody tr td.ColumnCntry { + width: 5%; +} +div#Addresses table.infolist tbody tr td.ColumnPostalcode { + width: 10%; +} +div#Addresses table.infolist tbody tr td.ColumnPhone { + width: 12%; +} + +/* SubSection: Residence +----------------------------------------------------- */ +div#Residence { + margin: 0; + padding: 0; +} +div#Residence table.infolist tr td { + border-top: dashed 1px #000; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom: 1em; +} +#indivgallery .thumbnail { + margin: 0; + float: left; + width: 130px; + height: 150px; + text-align: center; +} +#indivgallery div.thumbnail a { + display: block; + margin: 0; + padding: 0; + text-decoration: none; + cursor: pointer; +} +#indivgallery div.thumbnail a img { + padding: 0; + border: solid 1px #000; +} +#indivgallery div.thumbnail p { + font: normal .7em/1.4em sans-serif; + text-align: center; + width: 80%; + margin: 0 auto; + padding: 0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom: 0; +} +#narrative p { + font: normal .9em/1.4em sans-serif; + margin-top: .5em; + margin-bottom: 0; + padding: 0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +div#References { + margin: 0 auto; + padding: 0; + width: 100%; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs { + padding: 0; + margin: 0 auto; + background-color: #BCEAF6; +} +div#sourcerefs ol { + list-style-type: decimal; +} +div#sourcerefs ol li ol { + list-style-type: lower-alpha; +} +div#sourcerefs ol li a { + text-decoration: none; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + background-color: #FFF; +} +div#summaryarea table.infolist { + margin: 0; + padding: 0; + background-color: #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + font: normal .9em/1.2em sans-serif; + vertical-align: top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width: 14%; + color: #696969; + padding-left: 20px; +} + +/* Subsections : We Llinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.WebLinks tbody tr td { + color: #000; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 15%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +div#pedigree { + margin: 0; + padding: 0; + background-color: #BCEAF6; +} +#pedigree a { + text-decoration:none; + color: #000; +} +#pedigree a:hover { + text-decoration:underline; +} +.pedigreegen { + font:normal .9em/1.2em sans-serif; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 0 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li ol { + font:normal 1em/1.4em sans-serif; + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; + font-style:normal; + color: #000; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* 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.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; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:normal; + font-size:18px; + line-height:18px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + line-height:100%; + color: #542; + padding:.3em 0 .2em 0; + background-color: #FFF; +} +#CreatorInfo { + float:right; + color: #FFF; + margin:-24px 10px 0 0; +} +#CreatorInfo a { + color: #FFF; +} +#CreatorInfo a:hover { + color: #FFF; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + font-style:italic; + color: #000; + background-color: #BCEAF6; + border: solid 2px #000; +} +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 2px #000; + vertical-align:middle; + color: #000; + background-color: #D8F3D6; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-size:1.2em; + line-height:100%; + text-align:center; + color: #542; + margin:0 0 0 .5em; + padding:.2em 0; + background-color: #D8F3D6; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color: #000; +} +.calendar tbody tr td.weekday { + background-color: #FFF; +} +.calendar tbody tr td.weekend { + background-color: #D8F3D6; +} +.calendar tbody tr td.saturday { + border-right: solid 1px #000; + } +.calendar tbody tr td.sunday { + border-left: solid 1px #000; +} +.calendar tbody tr td:first-child { + border-left: solid 1px #000; +} +.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:1em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top: dashed 1px #000; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color: #0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color: #228A22; +} +.calendar tbody tr td.highlight { } + +.calendar tbody tr td.highlight div.date { + color: #0A65B5; + background-color: #C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color: #333; + background-color: #D8F3D6; +} + +/* Calendar : Full Year */ +body#fullyearlinked { + background-color: #FFF; +} +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; + border-width: 1px 1px 0px 0px; + border-color: #000; + text-align: center; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; + border-bottom: solid 1px #000; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} +body#fullyearlinked table.calendar tbody tr td.emptyDays { + background-color: #FFF; +} +body#fullyearlinked table.calendar tbody tr td.saturday { + border-right:solid 2px #000; +} +body#fullyearlinked able.calendar tbody tr td.sunday { + border:solid 2px #000; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #228A22; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} diff --git a/src/plugins/webstuff/css/Web_Basic-Cypress.css b/src/plugins/webstuff/css/Web_Basic-Cypress.css new file mode 100644 index 000000000..31138d298 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Cypress.css @@ -0,0 +1,1466 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey +# +# 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: Basic - Cypress +Style Author: Jason Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Tranquil' stylesheet +************************************************************************************************** + +Color Palette +-------------------------------------------------------------------------------------------------- +black #000 +slate dark #454 +slate #7C8F7C +slate light #9DBF9D +slate very light #E0E6E0 +white #FFF +-------------------------------------------------------------------------------------------------- + +# $Id: Web_Basic-Cypress.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ +body#NarrativeWeb { + font-family: sans-serif; + color: #000; + background-color: #FFF; +} + +/* General Elements +----------------------------------------------------- */ + +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + padding-top: .5cm; + background-color:#FFF; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.4em; + font-weight:bold; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#454; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#E0E6E0; + border-bottom:solid 1px #7C8F7C; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; +} +p#description { + padding:0 15px 1em 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + color:#000; + text-decoration:underline; + background-color:#E0E6E0; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7C8F7C; +} + +/* Header +----------------------------------------------------- */ +div#header { + background-color:#454; +} +div#header a { + color: #FFF; +} +#SiteTitle { + margin:0; + padding:.5em 0 0.5em 10px; + font-size: 40px; + color:#E0E6E0; + font-style: italic; +} +#header p { + font-size:1em; + font-weight:bold; + color:#E0E6E0; + margin:0; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + font-size:12px; + line-height:130%; + color:#E8E6E8; + margin-top: .5cm; + background-color:#454; + border-top:solid 1px #454; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#E0E6E0; +} +#footer a:hover { + text-decoration:underline; + background:none; +} +#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +#footer p#createdate { + float:left; + width: 50%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation { + margin:0; + padding:4px 0 0 0; + background-color:#454; +} +#navigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7C8F7C; +} +#navigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:bold; + text-decoration:none; + color:#E0E6E0; + margin:0; + padding:5px 5px; + background-color:#454; +} +#navigation ul li a:hover { + color:#FFF; + padding-top:4px; + background-color:#9DBF9D; + border-top:solid 1px #454; + border-bottom:solid 1px #000; +} +#navigation ul li.CurrentSection a { + color:#454; + padding-bottom:4px; + border-top:solid 1px #7C8F7C; + border-right:solid 1px #7C8F7C; + border-left:solid 1px #7C8F7C; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#navigation ul li.CurrentSection a:hover { + padding-top:5px; + background-color:#FFF; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #454; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; + color: #FFF; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #FFF; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#9DBF9D; + border-top:solid 1px #7C8F7C; + border-bottom:solid 1px #7C8F7C; +} +table.infolist tr th:first-child { + border-left:solid 1px #7C8F7C; +} +table.infolist tr th:last-child { + border-right:solid 1px #7C8F7C; +} +table.infolist tr th a { + text-decoration:none; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #9DBF9D; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #9DBF9D; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { + background-color:#E0E6E0; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background-color:#E0E6E0; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#9DBF9D; +} +table.surname { + border-bottom:solid 1px #E0E6E0; +} +table.surname tbody tr td { + border-bottom:dashed 1px #9DBF9D; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#E0E6E0; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#9DBF9D; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #E0E6E0; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #9DBF9D; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#E0E6E0; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#9DBF9D; +} +#Individuals div table.infolist tr td p { + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#454; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { } + +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #000; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 1em; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #000; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#E0E6E0; +} +#GalleryNav { + font-size:.8em; + margin:1em 0 0 0; + padding:1.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +#GalleryNav a:hover { + background-color:#9DBF9D; +} +#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:1.2em; + font-weight:bold; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #7C8F7C; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + background-color:#E0E6E0; + border-style:solid; + border-width:8px 0 0 0; + border-color:#9DBF9D; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #7C8F7C; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:85%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #E0E0E6; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #9DBF9D; + text-align: center; + border: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FFF; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom:solid .7em #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #9DBF9D; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #9DBF9D; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #9DBF9D; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #9DBF9D; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #E6E6E0; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7C8F7C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #E0E6E0; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#E0E6E0; + border:solid 1px #7C8F7C; +} +#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; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #454; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#7C8F7C; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#7C8F7C; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E6E0; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E6E0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#454; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#454; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +body#WebCal #CreatorInfo a, body#WebCal #CreatorInfo a:hover { + color:#E0E6E0; + background:none; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#FFF; + background-color:#7C8F7C; + border-style:solid; + border-width:0 0 1px 0; + border-color:#9DBF9D; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #9DBF9D; +} +.calendar tfoot tr td.note { + height:1cm; + vertical-align:middle; + color:#454; + background-color:#E0E6E0; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#454; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#9DBF9D; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#9DBF9D; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#E0E6E0; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td.sunday { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#9DBF9D; + background-color:#E0E6E0; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Basic-Lilac.css b/src/plugins/webstuff/css/Web_Basic-Lilac.css new file mode 100644 index 000000000..6d5da10a1 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Lilac.css @@ -0,0 +1,1483 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey +# +# 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: Basic - Lilac +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with colors from the original 'Business' stylesheet +************************************************************************************************** + +Color Palette +-------------------------------------------------------------------------------------------------- +black #000 +lilac dark #2E2E61 +lilac #669 +lilac light #B4B4CB +lilac very light #E0E0E9 +white #FAFAFF +------------------------------------------------------------------------------------------- + +# $Id: Web_Basic-Lilac.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- + + General Elements +----------------------------------------------------- */ + +body { + font-family:sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FAFAFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + padding-top: .5cm; + background-color:#FAFAFF; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.4em; + font-weight:bold; + margin:0; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#2E2E61; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#E0E0E9; + border-bottom:solid 1px #669; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; + margin:0; +} +p#description { + padding:0 15px 1em 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#E0E0E9; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#669; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#E0E0E9; +} +#SiteTitle { + color:#2E2E61; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#669; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation, #subnavigation { + margin:0; + padding:4px 0 0 0; + background-color:#E0E0E9; +} +#navigation ul, #subnavigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #669; +} +#navigation ul li, #subnavigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a, #subnavigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:bold; + text-decoration:none; + margin:0; + padding:5px 5px; + background-color:#E0E0E9; +} +#navigation ul li a:hover, #subnavigation ul li a:hover { + background-color:#B4B4CB; + border-bottom:solid 1px #000; +} +#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #669; + border-right:solid 1px #669; + border-left:solid 1px #669; + border-bottom:solid 1px #FAFAFF; + background-color:#FAFAFF; +} +#navigation ul li.CurrentSection a:hover { + background-color:#FAFAFF; +} +#subnavigation ul li.CurrentSection a { + border-width:0 0 1px 0; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #E8E0F9; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#B4B4CB; + border-top:solid 1px #669; + border-bottom:solid 1px #669; +} +table.infolist tr th:first-child { + border-left:solid 1px #669; +} +table.infolist tr th:last-child { + border-right:solid 1px #669; +} +table.infolist tr th a { + text-decoration:none; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #B4B4CB; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #B4B4CB; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { + background-color:#E0E0E9; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background-color:#E0E0E9; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#B4B4CB; +} +table.surname { + border-bottom:solid 1px #E0E0E9; +} +table.surname tbody tr td { + border-bottom:dashed 1px #B4B4CB; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#E0E0E9; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#B4B4CB; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #E0E0E9; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #B4B4CB; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#E0E0E9; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#B4B4CB; +} +#Individuals div table.infolist tr td p { + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#E0E0E9; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + padding: 0; + margin: 0 auto; +} +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #5D835F; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventDetail h3 { + font-size: 1em; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #5D835F; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#E0E0E9; +} +#GalleryNav { + font-size:.8em; + margin:1em 0 0 0; + padding:1.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + background-color:#E0E0E9; + border:solid 1px #669; +} +#GalleryNav a:hover { + background-color:#B4B4CB; +} +#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:1.2em; + font-weight:bold; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #669; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + background-color:#E0E0E9; + border-style:solid; + border-width:8px 0 0 0; + border-color:#B4B4CB; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#E0E0E9; + border:solid 1px #669; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #669; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:85%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + background-color: #D8F3D6; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #E0E0E9; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #B4B4CB; + text-align: center; + border: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FAFAFF; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FAFAFF; + border-bottom:solid .7em #FAFAFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FAFAFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #B4B4CB; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #B4B4CB; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FAFAFF; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #B4B4CB; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #B4B4CB; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #E0E0E9; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #669; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #E6E0E9; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#E0E0E9; + border:solid 1px #669; +} +#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; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #2E2E61; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#669; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#669; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E0E9; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#E0E0E9; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + color:#2E2E61; + margin-top: .5cm; + background-color:#B4B4CB; + border-top:solid 1px #2E2E61; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#2E2E61; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0; + vertical-align:middle; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#2E2E61; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#2E2E61; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#2E2E61; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#B4B4CB; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #B4B4CB; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#2E2E61; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#2E2E61; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#B4B4CB; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#B4B4CB; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#E0E0E9; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#2E2E61; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#2E2E61; +} +.calendar tbody tr td.highlight { + background-color:#FFEBC2; +} +.calendar tbody tr td.highlight div.date { + color:#FF7C27; + background-color:#FFCF6C; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#B4B4CB; + background-color:#E0E0E9; +} + +/* 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 #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Basic-Peach.css b/src/plugins/webstuff/css/Web_Basic-Peach.css new file mode 100644 index 000000000..042f172e8 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Peach.css @@ -0,0 +1,1489 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey + +# +# 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: Basic-Peach Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with a new orange color scheme. + +************************************************************************************************** + +-------------------------------------------------------------------------------------------------- + +Color Palette +-------------------------------------------------------------------------------------------------- +black #36220B +brown #8C581C +orange dark #EA8414 +orange #FFC35E +orange light #FFE09F +yellow light #FFFBE7 +--------------------------------------------------------------------------------------------------- + +# $Id: Web_Basic-Peach.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- + + General Elements +----------------------------------------------------- */ + +body { + font-family:sans-serif; + color:#36220B; + margin:0; + padding:0; + background-color:#FFFBE7; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + padding-top: .5cm; + background-color:#FFFBE7; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.4em; + font-weight:bold; + margin:0; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#EA8414; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#FFE09F; + border-bottom:solid 1px #8C581C; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; + margin:0; +} +p#description { + padding:0 15px 1em 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#36220B; + text-decoration:underline; +} +a:hover, a:active { + background-color:#FFE09F; + color:#36220B; + text-decoration:underline; +} +a:visited { + color:#36220B; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#8C581C; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color: #FFE09F; +} +#SiteTitle { + color:#EA8414; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#8C581C; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation, #subnavigation { + margin:0; + padding:4px 0 0 0; + background-color:#FFE09F; +} +#navigation ul, #subnavigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #8C581C; +} +#navigation ul li, #subnavigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a, #subnavigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:bold; + text-decoration:none; + margin:0; + padding:5px 5px; + background-color:#FFE09F; +} +#navigation ul li a:hover, #subnavigation ul li a:hover { + background-color:#FFC35E; + border-bottom:solid 1px #36220B; +} +#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #8C581C; + border-right:solid 1px #8C581C; + border-left:solid 1px #8C581C; + border-bottom:solid 1px #FFFBE7; + background-color:#FFFBE7; +} +#navigation ul li.CurrentSection a:hover { + background-color:#FFFBE7; +} +#subnavigation ul li.CurrentSection a { + border-width:0 0 1px 0; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #FFE09F; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#FFC35E; + border-top:solid 1px #8C581C; + border-bottom:solid 1px #8C581C; +} +table.infolist tr th:first-child { + border-left:solid 1px #8C581C; +} +table.infolist tr th:last-child { + border-right:solid 1px #8C581C; +} +table.infolist tr th a { + text-decoration:none; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #FFC35E; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #FFC35E; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { + background-color:#FFE09F; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background-color:#FFE09F; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#FFC35E; +} +table.surname { + border-bottom:solid 1px #FFE09F; +} +table.surname tbody tr td { + border-bottom:dashed 1px #FFC35E; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#FFE09F; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#FFC35E; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #FFE09F; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #FFC35E; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#FFE09F; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#FFC35E; +} +#Individuals div table.infolist tr td p { + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#FFE09F; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + padding: 0; + margin: 0 auto; +} +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #000; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 1em; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #000; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#FFE09F; +} +#GalleryNav { + font-size:.8em; + margin:1em 0 0 0; + padding:1.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +#GalleryNav a:hover { + background-color:#FFC35E; +} +#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:1.2em; + font-weight:bold; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #8C581C; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + background-color:#FFE09F; + border-style:solid; + border-width:8px 0 0 0; + border-color:#FFC35E; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #8C581C; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:85%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + background-color: #FFE09F; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #FFE09F; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #FFE09F; + text-align: center; + border: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FFFBE7; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFFBE7; + border-bottom:solid .7em #FFFBE7; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFFBE7; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #FFC35E; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #FFC35E; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFFBE7; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #FFC35E; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #FFC35E; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #FFE09F; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #8C581C; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #FFE09F; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#36220B; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#FFE09F; + border:solid 1px #8C581C; +} +#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; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #8C581C; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#EA8414; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#EA8414; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#FFE09F; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#FFE09F; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + margin-top: .5cm; + font-size:12px; + line-height:130%; + color:#8C581C; + margin:0; + padding:15px 0 0 0; + background-color:#FFC35E; + border-top:solid 1px #EA8414; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#8C581C; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#8C581C; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#36220B; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#EA8414; + background-color:#FFE09F; + border-style:solid; + border-width:0 0 1px 0; + border-color:#8C581C; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #8C581C; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#8C581C; + background-color:#FFFBE7; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#8C581C; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#FFE09F; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#FFE09F; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#FFFBE7; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#FFE09F; + background-color:#FFFBE7; +} + +/* 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 #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Basic-Spruce.css b/src/plugins/webstuff/css/Web_Basic-Spruce.css new file mode 100644 index 000000000..ccc1d7575 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Basic-Spruce.css @@ -0,0 +1,1485 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey +# +# 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: Basic-Spruce Stylesheet +Style Author: Jason M. Simanek (2008) +Note: Adapted from GRAMPS original Modern Style stylesheet with a new blue color scheme. +************************************************************************************************** + +-------------------------------------------------------------------------------------------------- + +Color Palette +-------------------------------------------------------------------------------------------------- +black #000 +blue dark #204D91 +blue #7CA3DD +blue light #BFD0EA +blue very light #EAEEF4 +white #FFF +-------------------------------------------------------------------------------------------------- + +# $Id: Web_Basic-Spruce.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- + + General Elements +----------------------------------------------------- */ + +body { + font-family:sans-serif; + color:#000; + margin:0; + padding:0; + background-color:#FFF; +} +div { + margin:0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + padding-top: .5cm; + background-color:#FFF; +} +.content div.snapshot { + float:right; + margin:20px; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.4em; + font-weight:bold; + margin:0; +} +h2 { + display:none; +} +h3 { + font-size:1.2em; + font-weight:bold; + margin-left:12px; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font-size:.8em; + color:#204D91; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#EAEEF4; + border-bottom:solid 1px #7CA3DD; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; + margin:0; +} +p#description { + padding:0 15px 1em 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#000; + text-decoration:underline; +} +a:hover, a:active { + background-color:#EAEEF4; + color:#000; + text-decoration:underline; +} +a:visited { + color:#000; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#7CA3DD; +} + +/* Header +----------------------------------------------------- */ +#header { + padding:15px 15px 2px 15px; + margin:0; + background-color:#EAEEF4; +} +#SiteTitle { + color:#204D91; + margin:0 0 3px 0; +} +#header p { + font-size:1em; + font-weight:bold; + color:#7CA3DD; + margin:0; +} + +/* Navigation +----------------------------------------------------- */ +#navigation, #subnavigation { + margin:0; + padding:4px 0 0 0; + background-color:#EAEEF4; +} +#navigation ul, #subnavigation ul { + list-style:none; + min-width:770px; + height:22px; + margin:0; + padding:0 0 0 12px; + border-bottom:1px solid #7CA3DD; +} +#navigation ul li, #subnavigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a, #subnavigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:bold; + text-decoration:none; + margin:0; + padding:5px 5px; + background-color:#EAEEF4; +} +#navigation ul li a:hover, #subnavigation ul li a:hover { + background-color:#BFD0EA; + border-bottom:solid 1px #000; +} +#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { + padding-bottom:4px; + border-top:solid 1px #7CA3DD; + border-right:solid 1px #7CA3DD; + border-left:solid 1px #7CA3DD; + border-bottom:solid 1px #FFF; + background-color:#FFF; +} +#navigation ul li.CurrentSection a:hover { + background-color:#FFF; +} +#subnavigation ul li.CurrentSection a { + border-width:0 0 1px 0; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #EAFFE4; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + background-color:#BFD0EA; + border-top:solid 1px #7CA3DD; + border-bottom:solid 1px #7CA3DD; +} +table.infolist tr th:first-child { + border-left:solid 1px #7CA3DD; +} +table.infolist tr th:last-child { + border-right:solid 1px #7CA3DD; +} +table.infolist tr th a { + text-decoration:none; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #BFD0EA; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #BFD0EA; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a, table#SortByCount thead tr th.ColumnQuantity a { + background-color:#EAEEF4; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background-color:#EAEEF4; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; + background-color:#BFD0EA; +} +table.surname { + border-bottom:solid 1px #EAEEF4; +} +table.surname tbody tr td { + border-bottom:dashed 1px #BFD0EA; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#EAEEF4; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a:hover { + background-color:#BFD0EA; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #EAEEF4; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #BFD0EA; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#EAEEF4; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#BFD0EA; +} +#Individuals div table.infolist tr td p { + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#EAEEF4; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + padding: 0; + margin: 0 auto; +} +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #000; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 1em; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #000; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#EAEEF4; +} +#GalleryNav { + font-size:.8em; + margin:1em 0 0 0; + padding:1.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +#GalleryNav a:hover { + background-color:#BFD0EA; +} +#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:1.2em; + font-weight:bold; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #7CA3DD; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + background-color:#EAEEF4; + border-style:solid; + border-width:8px 0 0 0; + border-color:#BFD0EA; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:2em auto; + padding:3em; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +#Contact #summaryarea img { + float:right; + margin:0; + padding:0; + border:solid 1px #7CA3DD; +} +#researcher { + margin-top:.3em; +} +#researcher h3 { + padding:0; +} +#researcher span { + display:block; + float:left; + margin-right:.4em; +} +#streetaddress { + width:85%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + background-color: #EAFFE4; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #BFD0EA; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #BFD0EA; + text-align: center; + border: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Contact p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img, #Contact img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; + background-color:#FFF; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom:solid .7em #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist { + border-bottom:solid 1px #FFF; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #BFD0EA; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #BFD0EA; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist { + border-bottom:solid 1px #FFF; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #BFD0EA; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #BFD0EA; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #EAEEF4; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7CA3DD; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background:none; +} +#treeContainer { + position:relative; + z-index:1; + margin-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#000; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#EAEEF4; + border:solid 1px #7CA3DD; +} +#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; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #204D91; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:3px; + margin:0 0 0 16px; + padding:0; + background-color:#7CA3DD; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:2px; + margin:0 0 0 16px; + padding:0; + background-color:#7CA3DD; +} +#tree div div.gvline { + position:absolute; + z-index:1; + height:3px; + margin:0 0 0 14px; + padding:0; + background-color:#EAEEF4; +} +#tree div div.ghline { + position:absolute; + z-index:1; + width:2px; + margin:0 0 0 14px; + padding:0; + background-color:#EAEEF4; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + color:#204D91; + margin-top: .5cm; + padding:15px 0 0 0; + background-color: #BFD0EA; + border-top:solid 1px #204D91; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#204D91; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#204D91; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:bold; + font-size:14px; + line-height:14px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-weight:normal; + font-size:2em; + line-height:100%; + text-transform:none; + color:#204D91; + padding:.3em 0 .2em 0; + background-color:#FFF; + border-bottom-width:0; +} +body#WebCal #CreatorInfo { + float:right; + font-size:12px; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#204D91; + background-color:#EEE; + border-style:solid; + border-width:0 0 1px 0; + border-color:#7CA3DD; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #7CA3DD; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#204D91; + background-color:#EEE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-weight:bold; + font-size:1em; + line-height:100%; + text-align:center; + color:#204D91; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#BFD0EA; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#BFD0EA; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#EAEEF4; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#FFEBC2; +} +.calendar tbody tr td.highlight div.date { + color:#FF7C27; + background-color:#FFCF6C; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#BFD0EA; + background-color:#EAEEF4; +} + +/* 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 #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} + body#fullyearlinked table.calendar tbody tr td { + height:3em; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Mainz.css b/src/plugins/webstuff/css/Web_Mainz.css new file mode 100644 index 000000000..57f381360 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Mainz.css @@ -0,0 +1,1493 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. healey +# +# This program is free software; you can redistribute it and/or modify +# it under the terms of the GNU General Public License as published by +# the Free Software Foundation; either version 2 of the License, or +# (at your option) any later version. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU General Public License for more details. +# +# You should have received a copy of the GNU General Public License +# along with this program; if not, write to the Free Software +# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA +# + +******************************************************************************* +GRAMPS Cascading Style Sheet +Style Name: Mainz +Style Author: Jason Simanek (2008) +******************************************************************************* + +---------------------------------------------------------------------------- + +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: Web_Mainz.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- + + General Elements +----------------------------------------------------- */ + +body { + font-family:Georgia, serif; + color:#7D5925; + margin:0; + padding:0 14px 0 14px; + background:url(../images/Web_Mainz_Bkgd.png) #FFF2C6 repeat; +} +div { + margin: 0; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + width:965px; + margin:0 auto; + padding-bottom:.5em; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.content div.snapshot { + margin:0; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:2em 0 0 0; + background:none; +} +.content div.snapshot div.thumbnail a { + display:block; + width:96px; + margin:0 auto; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font-size:1.8em; + font-weight:normal; + font-style:italic; + margin:0; +} +h2 { + display:none; +} +h3 { + font-size:2em; + line-height:1.3em; + font-weight:normal; + font-style:italic; + color:#767D25; + text-align:center; + margin:0; + padding:.3em 20px 0 20px; +} +h4 { + font-size:1.4em; + font-weight:normal; + font-style:italic; + color:#767D25; + text-align:center; + margin:0; + padding:.5em 0 .2em 0; + border-bottom:dashed 1px #7D5925; +} +h5, h6 { + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p { + font-size:14px; + line-height:17px; + margin:0; +} +p#description { + padding:10px 15px 10px 15px; +} +p a:link { + text-decoration:underline; +} +sup { + line-height:0; +} +ol { +} +ol li a { + text-decoration:none; +} +a:link { + color:#7D5925; + text-decoration:underline; +} +a:hover, a:active { + color:#7D5925; + text-decoration:underline; + background-color:#FFFFE7; +} +a:visited { + color:#7D5925; + text-decoration:underline; +} +.grampsid { + font:normal .8em/1.2em monospace; +} + +/* Header +----------------------------------------------------- */ +#header { + width: 965px; + margin:0 auto; + padding:5em 0 2px 0; + background:url(../images/Web_Mainz_Header.png) repeat-x top left; +} +#SiteTitle { + color:#7D5925; + margin:0 0 7px 50px; +} +#header p { + font-size:1em; + font-weight:bold; + font-style:italic; + color:#7D5925; + margin:0 0 5px 50px; +} + +#data { + background-color: white; + border-style: solid; + border-color: #7D5925; + border-width:1px 1px 1px 1px; + width: 30%; +} + +table tr.even { + background-color: #FFF2C5; +} + +table tr.odd { + background-color: #ffffe7; +} + +/* Navigation +----------------------------------------------------- */ +#navigation, #subnavigation { + font-family:sans-serif; + width: 965px; + margin:0 auto; + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; +} +#navigation ul, #subnavigation ul { + list-style:none; + min-width:770px; + height:23px; + margin:0; + padding:0 0 0 12px; +} +#navigation ul li, #subnavigation ul li { + margin:0; + padding:0; + float:left; +} +#navigation ul li a, #subnavigation ul li a { + display:block; + font-size:12px; + line-height:100%; + font-weight:normal; + color:#7D5925; + text-decoration:none; + margin:0; + padding:6px 8px 5px 8px; +} +#navigation ul li a:hover, #subnavigation ul li a:hover { + background-color:#FFFFE7; +} +#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { + font-family:Georgia, serif; + font-weight:bold; + font-style:italic; + padding:5px 15px 5px 15px; + background-image:url(../images/Web_Mainz_Mid.png); + border-style:dashed; + border-width:1px 1px 0 1px; + border-color:#7D5925; +} +#navigation ul li.CurrentSection a:hover { +} +#subnavigation { + background-image:url(../images/Web_Mainz_Mid.png); +} +#subnavigation ul li.CurrentSection a { + border-width:0 0 1px 0; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 965px; + margin: 0; + background-color: #FFF2C5; +} +div#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table { + font-size:14px; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +table tr th { + font-weight: bold; + text-align: left; + margin:0; + padding:.1em 10px; + border-bottom:double 4px #7D5925; +} +table tr td { + vertical-align:middle; + padding:.1em 10px; +} +table tr td.TableHeaderCell { + color: #7D5925; + background-color: #f8eec9; + font-weight: bold; + text-align: left; + font-size: 0.8em; + margin:0; + border-bottom:double 4px #7D5925; + border-left:solid 2px #7D5925; + border-right:solid 2px #7D5925; + border-top:solid 2px #7D5925; +} + +table tr td.TableDataCell { + color: #7D5925; + background-color: white; + border:solid 2px #7D5925; + font-size: 0.8em; +} + +table tr td.TableDataCell a { + display: block; + color: black; + text-decoration: none; +} + +table.infolist tr th a { + text-decoration:none; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:dashed 1px #D8C19F; +} +table.infolist tr th.ColumnQuantity { + width:30%; +} +table.infolist tr td.ColumnLetter { + font-weight:bold; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + font-weight:bold; + width:2%; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} +table.infolist tbody p.EventNote { + border-top:dashed 1px #D8C19F; + padding-top:1em; + padding-bottom:1em; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist { + margin-left:auto; + margin-right:auto; +} +table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th.ColumnSurname { + padding:0; +} +table.surnamelist thead tr th.ColumnQuantity { + width:40%; + padding:0; +} +table.infolist thead tr th.ColumnSurname a, table.infolist thead tr th.ColumnQuantity a { + display:block; + padding:.1em 10px; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table.infolist tbody tr td.ColumnSurname { + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +table.infolist tbody tr td.ColumnSurname a { + padding:.1em 10px; +} +table.infolist tbody tr td.ColumnSurname a:hover { + padding:.1em 10px; +} +table.surname tbody tr td { + border-bottom:dashed 1px #D8C19F; +} +table.surname tbody tr:last-child td { + border:none; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #D8C19F; +} +#Individuals table.individuallist tbody tr:last-child td { + border:none; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname { + background:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} + #Individuals div table.infolist tr td p { + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; +} +#Sources table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + padding: 0; + margin: 0 auto; +} +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #000; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: large; +} +div#EventDetail h3:first-letter { + color: #000; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + font-weight: bold; + text-transform: uppercase; + border-top: solid 1px #000; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery { + margin: auto; + padding: 0; +} +#Gallery table.infolist tbody tr td { + border-bottom: dashed 1px #000; +} +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#GalleryNav { + font-size:.8em; + margin:0; + padding:2.2em 0 0 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + font-style:italic; + color:#FFF2C6; + text-decoration:none; + background:url(../images/Web_Mainz_Bkgd.png) #7D5925 repeat; + border:outset 3px #000; +} +#GalleryNav a:hover { + border:outset 3px #7D5925; +} +#GalleryNav a:active { + border:solid 3px #000; +} +#GalleryNav a#Previous { + padding:.4em .7em .3em .7em; +} +#GalleryNav a#Next { + padding:.4em 1.9em .3em 1.9em; +} +#GalleryPages { + margin:0 1em; +} +#GalleryCurrent { + font-size:2em; + font-weight:normal; + font-style:italic; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #7D5925; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:1.4em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + width:100%; + margin-top:1.5em; + margin-bottom:0; + padding-bottom:0; + border-style:double; + border-width:4px 0 0 0; + border-color:#7D5925; +} +#GalleryDetail div#summaryarea table.gallery tbody tr td.ColumnAttribute { + color:#767D25; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:0 auto; + padding:1em 3em; +} +#Contact #summaryarea img { + display:block; + margin:0 auto; + padding:0; + border:solid 1px #7D5925; +} +#researcher { + text-align:center; + margin-top:.7em; +} +#researcher h3 { + padding:0; +} +#streetaddress { + display:block; +} +#city:after { + content:","; +} +#country { } +#email { + display:block; +} +#email a { + text-decoration:none; +} +#email a:hover { + text-decoration:underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + padding:0px 20px 0px 20px; + width: 965px; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 0px .5cm 0px; + width: 100%; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList, div#RepositoryDetail { + margin: auto; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + border-bottom: dashed 1px #000; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 20%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + width: 100%; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: auto; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList table.addressbook tbody tr td { + text-align: left; + border-bottom: dashed 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 6%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + text-align: center; + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + text-align: center; + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + text-align: center; + width: 12%; +} + +/* SubSection +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + min-height:500px; + padding:1.5em 0 3em 0; +} +#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p { + margin:0 20px 1em 20px; + padding-top:1em; +} +#Home img, #Introduction img { + float:right; + margin:0; + padding:0 20px 3em 20px; +} +div.subsection{ + padding-bottom:.5em; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; + background:none; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* SubSection : Summary Area +----------------------------------------------------- */ +div#summaryarea { + min-height:100px; + background:none; +} +div#summaryarea table.infolist { + width:100%; + margin:1.5em 0 0 0; + padding:0; + border-style:double; + border-width:4px 0 0 0; + border-color:#7D5925; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + padding-left:20px; +} + +/* SubSection : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; +} +div#events table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:dashed 1px #D8C19F; +} +div#events table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #D8C19F; +} +div#events table.infolist tbody tr td.ColumnValue p { + margin:.1em 2em; +} + +/* SubSection : Parents +----------------------------------------------------- */ +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection : Families +----------------------------------------------------- */ +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* SubSection : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses h4 { + margin-bottom:0; +} +div#addresses table.infolist tbody tr td { + padding-top:.2em; + padding-bottom:.2em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:dashed 1px #D8C19F; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:dashed 1px #D8C19F; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +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: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* SubSection : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery .thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery .thumbnail a img { + margin:0; + padding:0; + border:solid 1px #7D5925; +} +#indivgallery div.thumbnail p { + font-size:.6em; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* SubSection : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* SubSection : References +----------------------------------------------------- */ +#references ol { + margin-top:0; + margin-bottom:0; +} + +/* SubSection : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* SubSection : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* SubSection : Pedigree +----------------------------------------------------- */ +.pedigreegen { + font-size:.9em; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 .7em 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li { + padding-bottom:.2em; +} +.pedigreegen li ol li ol { + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + font-size:1em; + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + font-size:1em; + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* SubSection : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; +} +#treeContainer { + position:relative; + z-index:1; + padding-bottom:1.4em; +} +#treeContainer div.boxbg { + position:absolute; + margin:0; + padding:0; + background:none; +} +#treeContainer div.boxbg a, +#treeContainer div.boxbg span.unlinked { + position:relative; + z-index:10; + display:block; + font:normal .8em/1.4em sans-serif; + text-align:center; + text-decoration:none; + color:#7D5925; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#FFFFE7; + border:dotted 2px #7D5925; +} +#treeContainer div.boxbg a.noThumb, +#treeContainer div.AncCol3 a, +#treeContainer div.AncCol4 a, +#treeContainer div.AncCol3 span.unlinked, +#treeContainer div.AncCol4 span.unlinked { + margin-top:10px; +} +#treeContainer div.boxbg a:hover { + position:relative; + z-index:999; + font-size:1em; + text-decoration:none; + color:#7D5925; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #7D5925; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:2px; + margin:2px 0 0 16px; + padding:0; + background-color:#D8C19F; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:2px 0 0 16px; + padding:0; + background-color:#D8C19F; +} +.ghline, .gvline { + display:none; +} + +/* Footer +----------------------------------------------------- */ +#footer { + clear:both; + overflow:hidden; + width:965px; + font-size:10px; + line-height:130%; + font-family:sans-serif; + margin:0 auto; + padding:15px 0 0 0; + color: #000; + background:url('../images/Web_Mainz_MidLight.png') #FFF2C6 bottom left repeat; + border-top:dashed 1px #7D5925; +} +#footer a, #footer a:visited { + text-decoration:none; + color: #000; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border: 0; + margin: 0 auto; + vertical-align: middle; +} +#footer p#createdate { + float: left; + width: 60%; + text-align: left; + margin-left: 10px; +} +#footer p#copyright { + float:right; + width: 60%; + text-align:right; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +.calendar { + empty-cells:show; + width:965px; + font-size:1em; + font-weight:normal; + margin:0 auto; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:normal; + font-style:italic; + font-size:18px; + line-height:100%; + text-align:center; + padding:2px 0; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + text-transform:none; + color:#767D25; + padding:.3em 0 .2em 0; +} +#CreatorInfo { + float:right; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { } +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:double 4px #7D5925; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#7D5925; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-style:italic; + font-size:1.2em; + line-height:100%; + text-align:center; + color:#7D5925; + margin:0 0 0 .5em; + padding:.2em 0; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:dashed; + border-color:#7D5925; +} +.calendar tbody tr td.weekday { + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +.calendar tbody tr td.weekend { + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #D8C19F; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#767D25; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { } +.calendar tbody tr td.EmptyDays { + background-color: #FFF2C6; +} +.calendar tbody tr td.highlight div.date { + color:#767D25; + background-image:none; + background-color:#FFFFE7; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#D8C19F; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6 repeat; +} + +/* Calendar : Full Year */ +body#fullyearlinked div.content { + width:963px; + margin:0 auto; + padding:15px 0 2px 2px; + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} +body#fullyearlinked table.calendar { + float:left; + width:320px; + height:18em; + border:solid 1px #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} +body#OneDay { + background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Navigation-Horizontal.css b/src/plugins/webstuff/css/Web_Navigation-Horizontal.css new file mode 100644 index 000000000..60e701cf2 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Navigation-Horizontal.css @@ -0,0 +1,102 @@ +/* +# encoding: utf-8 +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008-2010 Rob G. Healey +# +# 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 Stylesheet +*************************************************************************************************** + +# $Id: Web_Navigation-Horizontal.css 15207 2010-04-17 16:50:00Z robhealey1 $ + + Body Element +----------------------------------------------------- */ +body { + margin: 0 auto; + padding: 0px 4px 0px 4px; + width: 1060px; +} + +/* lphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; +} +div#alphabet ul { + list-style: none; + min-width: 770px; + height: 24px; + margin: 0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 2px 0px; + border-style: solid; +} +div#alphabet ul li { + border-width: 0px 2px 0px 2px; + border-style: solid; + margin: 0; + float: left; +} +div#alphabet ul li:first-child { + border-left: none; +} +div#alphabet ul li a { + font: normal 16px sans; + display: block; + padding: 4px 8px 4px 8px; + float: left; + margin: 0; + text-decoration: none; +} + +/* Navigation/ Subnavigation +----------------------------------------------------- */ +div#navigation, div#subnavigation { + width: 100%; + margin: 0; +} +div#navigation ul, div#subnavigation ul { + list-style: none; + min-width: 900px; + height: 32px; + margin: 0; + padding: 0px 0px 0px 10px; + border-width: 2px 0px 2px 0px; + border-style: solid; +} +div#navigation ul li, div#subnavigation ul li { + border-width: 0px 2px 0px 2px; + border-style: solid; + float: left; + margin: 0; +} +div#navigation ul li:first-child, div#subnavigation ul li:first-child { + border-left: none; + margin: 0 auto; + padding: 0; +} +div#navigation ul li a, div#subnavigation ul li a { + display: block; + padding: 8px 6px 6px 6px; + font: normal 12px serif; + text-decoration: none; +} diff --git a/src/plugins/webstuff/css/Web_Navigation-Vertical.css b/src/plugins/webstuff/css/Web_Navigation-Vertical.css new file mode 100644 index 000000000..a56a883e3 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Navigation-Vertical.css @@ -0,0 +1,148 @@ +/* +# encoding: utf-8 +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008-2010 Rob G. Healey +# +# 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 $ + + Header +----------------------------------------------------- */ +#header { + position: fixed; + top: 0px; + left: 0px; + overflow: auto; + width: 100%; + height: 65px; +} + +/* Body Element +----------------------------------------------------- */ +body { + color: #000; + background-color: #FFF; + padding: 60px 0px 0px 136px; +} + +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + padding: 0; + border: solid 2px #000; +} +div#alphabet ul { + list-style:none; + min-width: 900px; + height: 24px; + margin:0; + padding: 0px 0px 0px 9px; + border-bottom: solid 2px #000; +} +div#alphabet ul li { + float: left; +} +div#alphabet ul li:first-child { + margin-left: 10px; +} +div#alphabet ul li:after { + content: "| "; +} +div#alphabet 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; +} + +/* Navigation +----------------------------------------------------- */ +div#navigation { + position: fixed; + left: 0px; + top: 55px; +} +div#navigation ul { + width: 132px; + height: 424px; + list-style: none; + padding: 0px 0px 0px 8px; + border: solid 4px #000; +} +div#navigation ul li { + display: inline; + font: bold 14px/100% sans; + float: left; + border-width: 0px 0px 2px 0px; + border-style: solid; +} +div#navigation ul li:first-child { + border-top: none; + padding-top: 20px; +} +div#navigation ul li a { + text-decoration: none; + display: block; + padding: 8px; +} + +/* 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; +} diff --git a/src/plugins/webstuff/css/Web_Nebraska.css b/src/plugins/webstuff/css/Web_Nebraska.css new file mode 100644 index 000000000..81f83fdf2 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Nebraska.css @@ -0,0 +1,1520 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008 Jason M. Simanek +# Copyright 2009 Stephane Charette +# Copyright (c) 2008-2010 Rob G. Healey +# +# 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: Nebraska Default Stylesheet +Style Author: Jason M. Simanek (2008) +************************************************************************************************** + +-------------------------------------------------------------------------------------------------- + +Color Palette +-------------------------------------------------------------------------------------------------- +brown darkest #453619 +brown dark #542 +brown #A97 +brown light #C1B398 +brown lightest #F6F2EE +gray #696969 +green #5D835F +-------------------------------------------------------------------------------------------- + +# $Id: Web_Nebraska.css 15544 2010-06-08 23:16:09Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- + + General Elements +----------------------------------------------------- */ + +body { + color:#000; + margin:0; + padding:0; + background-color:#fff; +} +div { + margin:0; + padding:0; +} +table { + border:none; + border-collapse:collapse; +} +th { + font-weight:bold; + text-align:left; + padding:1px 3em 1px 0.5em; +} +td { + vertical-align:top; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + background-color:#FFF; +} +.content div.snapshot { + float:right; + margin:1.6em; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail { + margin:0; + padding:0; + background:none; +} +.content div.snapshot div.thumbnail p { + display:none; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font:normal 2em/1.2em serif; +} +h2 { + display:none; +} +h3 { + font:normal 2em/1.2em serif; + text-align:left; + margin:0; + padding:.5em 20px .2em 20px; +} +h4 { + font:normal 1.2em/1.2em serif; + color:white; + margin:0; + padding:.2em 0 .2em 20px; + background-color:#C1B398; + border-bottom:solid 1px #542; +} +h5, h6 { + font:normal 1em/1.2em serif; + font-style:italic; + margin:1.3em 0 .5em 1em; +} + +p#description { + color:#542; + max-width:800px; + margin:0; + padding:1em 20px; + background-color:#FFF; +} +p a { + color:#FFF; + text-decoration:underline; +} +sup { + line-height:0; +} +ol { + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; +} +ol li a { + text-decoration:none; +} +ol li a:hover { + text-decoration:underline; +} +a { + color:#542; +} +a:visited { + color:#542; +} +a:hover { + color:#542; + text-decoration:underline; +} +span.preposition { + padding-left:1em; + padding-right:1em; +} +.grampsid { + font:normal .8em/1.2em monospace; + color:#696969; +} + +/* Header +----------------------------------------------------- */ +#header { + margin:0; + padding:0 0 .9em 0; + background-color:#542; + border-bottom:solid 1px #453619; +} +#SiteTitle { + color:#FFF; + margin:0; + padding:.5em 0 0 20px; +} +p#user_header { + font-size:1.3em; + text-align:left; + color:#A97; + margin:0; + padding:.2em 0 .6em 20px; + background-color:#542; +} + +/* Navigation / SubNavigation +----------------------------------------------------- */ +div#navigation, div#subnavigation { + width: 100%; + margin: 0; + padding: 0; +} +div#navigation ul, div#subnavigation ul { + list-style:none; + height: 24px; + margin:0; + padding: 0px 0px 0px 9px; + border-bottom: solid 2px #000; +} +div#navigation ul li, div#subnavigation ul li { + float: left; +} +div#navigation ul li:first-child, div#subnavigation ul li:first-child { + margin-left: 10px; +} +div#navigation ul li:after, div#subnavigation ul li:after { + content: "| "; +} +div#navigation ul li a, div#subnavigation ul li a { + background-color: #A97; + display: block; + padding: 4px 8px 4px 8px; + float: left; + font: .8em bold italic small-caps verdana, serif; + color: #000; + text-decoration:none; + margin:0; +} +div#navigation ul li a:hover, div#subnavigation ul li a:hover { + background-color: #FFF; + color: #453619; +} +div#navigation ul li.CurrentSection a, +div#subnavigation ul li.CurrentSection a { + background-color: #C1B398; + color: #000; +} +div#navigation ul li.CurrentSection a:hover, +div#subnavigation ul li.CurrentSection a:hover { + background-color: #000; + color: #FFF; +} +/* Alphabet Navigation +----------------------------------------------------- */ +div#alphabet { + width: 100%; + margin: 0; + background-color: #A97; +} +div#alphabet ul { + list-style:none; + height:24px; + margin:0; + padding: 0px 0px 0px 16px; + border-width: 2px 0px 4px 0px; + border-style: solid; + border-color: #000; +} +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li { + margin:0; + float:left; +} +div#alphabet ul li a { + display:block; + padding: 4px 8px 4px 8px; + float:left; + font:bold 16px/100% sans; + margin:0; + text-decoration:none; + color: #000; +} +div#alphabet ul li a:hover { + background-color: #000; + color: #FFF; +} + +/* Main Table +----------------------------------------------------- */ +table.infolist { + width:100%; + margin:0; + padding:0; + background-color:#F6F2EE; +} +table.infolist tr th { + font:normal 1.1em/1.2em serif; + color:#FFF; + margin:0; + padding:.2em 10px; + background-color:#A97; + border-bottom:solid 1px #542; +} +table.infolist tr th a:hover { + background-color:#C1B398; +} +table.infolist tr td { + font:normal 1.1em/1.4em serif; + vertical-align:middle; +} +table.infolist tr td a { + display:block; + text-decoration:none; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top:solid 1px #C1B398; +} +table.infolist tr td.ColumnLetter { + width:3%; + text-align:center; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + color:#5D835F; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + width:2%; + color:#696969; + padding-left:20px; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; + background-color:#FFF; +} +table.infolist tbody tr td.ColumnPartner a:hover { + display:block; + background-color:#C1B398; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { } +#SurnameDetail p#description { padding-top:0; } +table.surnamelist tr thead th.ColumnSurname, #Surnames table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist tr th { + padding:0; +} +table.surnamelist tr th a, table.surnamelist tr th a:visited { + display:block; + color:#FFF; + text-align:left; + text-decoration:none; + padding:.2em 10px; +} +table.surnamelist tr th:hover { + background-color:#C1B398; +} +table.surnamelist thead tr th.ColumnLetter { + padding-left:20px; + padding-right:10px; +} +table#SortByName thead tr th.ColumnSurname, table#SortByCount thead tr th.ColumnQuantity { + background-color:#C1B398; +} +table#SortByName thead tr th.ColumnSurname a:after, table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table#SortByName tbody tr td.ColumnSurname { + padding:0; + background-color:#FFF; +} +table#SortByName tbody tr td.ColumnSurname a { + display:block; + padding:.1em 10px .3em 10px; +} +table#SortByCount tbody tr td.ColumnQuantity { + background-color:#FFF; +} +table.surnamelist tbody tr td.ColumnSurname:hover, table#SortByName tbody tr td.ColumnSurname:hover { + background-color:#C1B398; +} +table.surname { + border-bottom:solid 1px #A97; +} +table.surname tbody tr td { + border-bottom:dashed 1px #C1B398; +} +table.surname thead tr th.ColumnName { + width:20%; + padding-left:20px; +} +table.surname tbody tr td.ColumnName { + width:20%; + padding:0; + background-color:#FFF; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a span.grampsid { + display:none; +} +table.surname tbody tr td.ColumnName:hover { + background-color:#C1B398; +} +table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +#Individuals { } +#Individuals table.individuallist { + border-bottom:solid 1px #A97; +} +#Individuals table.individuallist tbody tr td { + border-bottom:dashed 1px #C1B398; +} +#Individuals table.individuallist tbody tr td a:hover { + text-decoration:none; +} +table.individuallist tbody tr td.ColumnSurname a:hover, table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color:black; + background:none; +} +table.individuallist tbody tr td.ColumnName { + padding:0; + background-color:#FFF; +} +table.individuallist tbody tr td.ColumnName a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnName a:hover { + background-color:#C1B398; +} +#Individuals div table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#A97; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { + display:inline; +} +#IndividualDetail table.infolist tr td a:hover { + text-decoration:underline; +} +#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Sources +----------------------------------------------------- */ +#Sources { } +#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +#Sources table.infolist tbody tr td.ColumnName { + padding:0; + background-color:#FFF; +} +#Sources table.infolist tbody tr td.ColumnName a { + font-size:.9em; + padding:.1em 10px .3em 10px; +} +#Sources table.infolist tbody tr td.ColumnName a:hover { + background-color:#C1B398; +} +#SourceDetail div#references ol li { + padding-bottom:.5em; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + padding: 0; + margin: 0 auto; +} +div#events table.eventlist { + margin-top: .3cm; +} +table.eventlist tbody tr.BeginName { + border-bottom: solid 1px #000; +} +table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; + border-bottom: dashed 1px #000; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #000; +} +div#EventList table.alphaevent tbody tr td { + border-bottom: dashed 1px #000; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 1em;; +} +div#EventDetail table.eventlist { + margin: .5cm 0 .3cm 1.5cm; + width: 800px; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + border-top: solid 1px #000; + font-weight: bold; + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnEvent { + border-top: solid 1px #000; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery { } +#Gallery table.infolist tbody tr td.ColumnRowLabel, #Gallery table.infolist tbody tr td.ColumnDate { + padding-bottom:0; +} +#Gallery table.infolist tbody tr td.ColumnName { + padding:0; + background-color:#FFF; +} +#Gallery table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +#Gallery table.infolist tbody tr td.ColumnName a:hover { + background-color:#C1B398; +} +#GalleryNav { + font:normal 1em/1em sans-serif; + margin:1em 0 0 0; + padding:1.2em 0 1.4em 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + border:solid 1px #542; +} +#GalleryNav a:hover { + background-color:#F6F2EE; +} +#GalleryNav a#Previous { + padding:.5em .7em .3em .7em; +} +#GalleryNav a#Next { + padding:.5em 1.9em .3em 1.9em; +} +#GalleryPages { + margin:0 1em; +} +#GalleryCurrent { + font:bold 1.2em/1em sans-serif; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border:solid 1px #542; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:2em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + font:normal 1.2em/1.2em serif; + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + padding-bottom:0; + margin-top:1.5em; + margin-bottom:0; + background-color:#F6F2EE; + border-style:solid; + border-width:8px 0 0 0; + border-color:#C1B398; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + width:500px; + margin:0 auto; + padding:3em; + background-color:#F1ECE2; +} +#Contact #summaryarea img { + float:right; + margin:0; +} +#researcher { + font:normal 1.5em/1.4em serif; + margin-top:.3em; +} +#researcher h3 { + font:normal 1.2em/1.4em serif; + padding:0; +} +#researcher span { + float:left; + display:block; + font:normal .9em/1.4em serif; + margin-right:.4em; +} +#streetaddress { + width: 100%; +} +#city:after { + content: ","; +} +#country { + clear: left; +} +#email { + clear: left; +} +#email a { + text-decoration: none; +} +#email a:hover { + text-decoration: underline; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; + width: 100%; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 14px .5cm 14px; + width: 965px; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + background-color: #C1B398; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, div#AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList table.addressbook tbody tr.BeginName { + border-top: solid 1px #000; +} +div#AddressBookList table.addressbook tbody tr.Totals td { + background-color: #F6F2EE; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #FFF; + border-bottom: dashed 1px #000; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + background-color: #F6F2EE; + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:2em 0 3em 0; +} +#Home p, #Introduction p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img { + float:right; + margin:0; + padding:0 20px 3em 2em; +} +div.subsection{ + padding-bottom:.5em; + background-color:#F6F2EE; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:underline; +} +div.subsection a:hover { + text-decoration:underline; +} +div.subsection table.infolist { + width:100%; + margin:0; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; + border:none; +} +#IndividualDetail div#events table.infolist thead tr th { + font-weight:bold; + font-size:12px; + line-height:12px; + font-family:sans-serif; + text-transform:uppercase; + color:#542; + padding-top:6px; + padding-bottom:4px; + background-color:#A97; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +#IndividualDetail div#events table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.8em; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom:solid 1px #C1B398; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #C1B398; +} +table.infolist tbody tr td.ColumnValue p { + font-family:sans-serif; + color:#696969; + margin:.2em 0 0 2em; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist tbody tr td { + background-color: #F6F2EE; + border-bottom: dashed 1px #000; +} +table.attrlist tbody tr td.ColumnType { + width: 15%; +} +table.attrlist tbody tr td.ColumnValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnNotes { + width: 45%; +} +table.attrlist tbody tr td.ColumnSources { + width: 15%; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist { + margin-top:.5em; +} +div#parents table.infolist tbody tr td.ColumnAttribute { + width:19%; +} +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist { + margin-top:.5em; +} +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#addresses { + padding-bottom:0; +} +div#addresses table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.4em; +} +div#addresses table.infolist tbody tr td.ColumnAttribute { + width:30%; + border-bottom:solid 1px #C1B398; +} +div#addresses table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #C1B398; +} + +/* 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 1px #542; +} +#indivgallery div.thumbnail p { + font:normal .7em/1.4em sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + font:normal .9em/1.4em sans-serif; + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + background:none; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom:solid .7em #FFF; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + color:#696969; + padding-left:20px; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #F6F2EE; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + +/* Subsections : Pedigree +----------------------------------------------------- */ +div#pedigree { + padding-bottom:1.2em; +} +#pedigree a { + text-decoration:none; +} +#pedigree a:hover { + text-decoration:underline; +} +.pedigreegen { + font:normal .9em/1.2em sans-serif; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 0 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li ol { + font:normal 1em/1.4em sans-serif; + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; + font-style:normal; + color:#A97; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* Subsections : Ancestors Tree +----------------------------------------------------- */ +#tree { + page-break-before:always; + margin:0; + padding:0; + background-color: #FFF; +} +#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:#542; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color:#F6F2EE; + border:solid 1px #542; +} +#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:#542; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border:solid 2px #542; +} +#treeContainer div.boxbg a:hover, #treeContainer div.AncCol3 a:hover, #treeContainer div.AncCol4 a:hover { + margin-top:-44px; +} +#treeContainer div.boxbg a.noThumb:hover { + margin-top:0; +} +#treeContainer div.AncCol0 a:hover { + margin-left:12px; +} +#treeContainer div.AncCol4 a:hover { + margin-left:-60px; +} +#treeContainer div.boxbg span.thumbnail { + display:block; + max-width:80px; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked, +#treeContainer div.female a , +#treeContainer div.female span.unlinked { + background-position:top right; + background-repeat:no-repeat; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + background-image:url(../images/Web_Gender_Male.png); +} +#treeContainer div.female a, +#treeContainer div.female span.unlinked { + background-image:url(../images/Web_Gender_Female.png); +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:1px; + margin:0 0 0 16px; + padding:0; + background-color:#453619; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:0 0 0 16px; + padding:0; + background-color:#453619; +} +.ghline, .gvline { + display:none; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + font-family:sans-serif; + color:#FFF; + margin-top: .5cm; + padding:0; + background-color:#542; + border-top: solid 8px #A97; +} +#footer a, #footer a:visited { + text-decoration:none; + color:#FFF; +} +#footer a:hover { + text-decoration:underline; +} +#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +#footer p#createdate { + float:left; + width:40%; + text-align:left; + margin-left:10px; + color:#FFF; +} +#footer p#copyright { + float:right; + width:40%; + text-align:right; + color:#FFF; + margin-right:10px; +} +#footer p#copyright img { + margin-right:10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; +} +#user_footer p { + font:normal 1em/1.2em serif; + color:#A97; + margin:0; + padding:0; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + padding:0 14px; + background-color:#542; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:normal; + font-size:18px; + line-height:18px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + line-height:100%; + text-transform:none; + color:#542; + padding:.3em 0 .2em 0; + background-color:#FFF; +} +#CreatorInfo { + float:right; + color:#FFF; + margin:-24px 10px 0 0; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + color:#542; + background-color:#A97; +} +.calendar thead tr th.saturday, +.calendar thead tr th.sunday { } +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 4px #A97; +} +.calendar tfoot tr td { + vertical-align:middle; + color:#542; + background-color:#F6F2EE; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-size:1.2em; + line-height:100%; + text-align:center; + color:#542; + margin:0 0 0 .5em; + padding:.2em 0; + background-color:#F6F2EE; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color:#A97; +} +.calendar tbody tr td.weekday { + background-color:#FFF; +} +.calendar tbody tr td.weekend { + background-color:#F6F2EE; +} +.calendar tbody tr td.saturday { + + } +.calendar tbody tr td:first-child { + border-left:none; +} +.calendar tbody tr:first-child td { + border-top:none; +} + +/* Calendar : Date Detail */ +.calendar tbody tr td ul { + list-style:none; + font-family:sans-serif; + font-size:.8em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top:dashed 1px #C1B398; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color:#0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color:#453619; +} +.calendar tbody tr td.highlight { + background-color:#E5F2FE; +} +.calendar tbody tr td.highlight div.date { + color:#0A65B5; + background-color:#C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color:#A97; + background-color:#F6F2EE; +} + +/* 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 #7D5925; +} +body#fullyearlinked table.calendar thead tr th { + height:2em; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #000; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #000; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width: 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/Web_Print-Default.css b/src/plugins/webstuff/css/Web_Print-Default.css new file mode 100644 index 000000000..d28db9849 --- /dev/null +++ b/src/plugins/webstuff/css/Web_Print-Default.css @@ -0,0 +1,700 @@ +/* +************************************************************************************************** +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-2010 + +************************************************************************************************** +This website was created with GRAMPS +-------------------------------------------------------------------------------------------------- +GRAMPS is a Free Software Project for Genealogy, offering a professional +genealogy program, and a wiki open to all. It is a community project, created, +developed and governed by genealogists. + +'Go to to learn more! + +-------------------------------------------------------------------------------------------------- +(C) Copyright 2008-2010 Rob G. Healey + +This file is part of the GRAMPS program. + +GRAMPS is free software: you can redistribute it and/or modify it under the +terms of the GNU General Public License as published by the Free Software +Foundation, version 2 of the License. + +GRAMPS is distributed in the hope that it will be useful, but WITHOUT ANY +WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR +A PARTICULAR PURPOSE. See the GNU General Public License for more details. + +You should have received a copy of the GNU General Public License along with +GRAMPS. If not, see . +-------------------------------------------------------------------------------------------------- + +Color Palette +-------------------------------------------------------------------------------------------------- +gray #A7A7A7 +red #520 +black #000 +white #FFF +--------------------------------------------------------------------------------------------------- + +# $Id: Web_Print-Default.css 15639 2010-07-16 03:17:08Z robhealey1 $ + + 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-left: 20px; + 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: 3%; + color: #A7A7A7; + text-align: center; +} +table tr td.ColumnLetter { + width: 6%; + 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; +} + +/* Introduction +----------------------------------------------------- */ +#Introduction p { + margin:0 0 9pt 0; +} +#Introduction img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} + +/* 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%; +} + +/* Individuals +----------------------------------------------------- */ + +/* PlaceDetail +------------------------------------------------------ */ +div#PlaceDetail h5 { + text-align: center; + float: center; + font: normal 1.4em sans; + border-bottom: double 4px #000; +} + +/* 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; +} + +/* Contact +----------------------------------------------------- */ +#researcher { + margin:16pt 0 0 0; +} +#Contact img { + float:right; + margin:0; + padding:0 0 9pt 9pt; +} +#researcher h3 { + margin:0; +} +#researcher span { + font:normal .9em/1.4em serif; + display:block; + float:left; + margin-right:.4em; +} +#city { + clear:left; +} +#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 p { + font:normal 7pt/9pt sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* 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: 3.9in; + font: normal 9pt/10pt sans-serif; + margin: 0; +} +#copyright { + float: right; + width: 4in; + margin: 0; + font: normal 9pt/10pt sans-serif; + text-align: right; +} + +/* 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; +} diff --git a/src/plugins/webstuff/css/Web_Visually.css b/src/plugins/webstuff/css/Web_Visually.css new file mode 100644 index 000000000..0a643280e --- /dev/null +++ b/src/plugins/webstuff/css/Web_Visually.css @@ -0,0 +1,1645 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright 2008-2010 Rob G. Healey +# Copyright 2009 Stephane Charette +# +# 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: Visually Impaired Stylesheet +Style Author: Jason M. Simanek (2008) +*************************************************************************************************** + +-------------------------------------------------------------------------------------------------- +Color Palette +-------------------------------------------------------------------------------------------------- +brown dark #453619, #542 +brown light #C1B398 +gray #696969 +green dark #228A22 +green #6AF364, #5D835F +green lighter #D8F3D6 + +===== Ancestor Graph Color Scheme ===== +Males #E5F2FE +Females #FFC0CB +Unknown #000 + +===== Web Graphics ===== +Males Web_Gender_Male.png +Females Web_Gender_Female.png + +# $Id: Web_Visually.css 15533 2010-06-05 13:53:34Z robhealey1 $ + + NarrativeWeb Styles +-------------------------------------------------------------------------------------------- */ +div#alphabet ul li { + background-color: #6AF364; +} +div#navigation ul li.CurrentSection a { + background-color: #000; + color: #FFF; +} +div#navigation ul li.CurrentSection a:hover { + background-color: 696969; +} +div#subnavigation ul li.CurrentSection a { + font-weight:bold; + font-style: italic; + background-color: #453619; + color: #FFF; +} +div#subnavigation ul li.CurrentSection a:hover { + background-color: #000; + color: #FFF; +} + +/* General Elements +----------------------------------------------------- */ +div { + margin:0; + padding:0; +} +table { + border:none; + border-collapse:collapse; +} +th { + font-weight:bold; + text-align:left; + padding:1px 3em 1px 0.5em; +} +td { + vertical-align:top; + padding:0; +} +img { + border:none; + margin:0; +} +.thumbnail a:hover { + background:none; +} +.content { + overflow: auto; + width:965px; + margin:0 auto; + padding-bottom: .2em; +} +.content div.snapshot { + margin: 0; + padding: 0; + background: none; +} +.content div.snapshot div.thumbnail { + margin: 0; + padding: 2em 0 0 0; + background: none; +} +.content div.snapshot div.thumbnail a { + display: block; + width: 96px; + margin: 0 auto; +} +.fullclear { + width:100%; + height:1px; + margin:0; + padding:0; + clear:both; +} + +/* General Text +----------------------------------------------------- */ +h1 { + font:normal 2em/1.2em serif; +} +h2 { + font:bold 2em/1.2em sans; +} +h3 { + font:normal 2em/1.2em serif; + text-align:center; + margin:0; + padding:.5em 20px .2em 20px; + border-bottom: double 4px #5D835F; +} +h4 { + font: normal 1.2em/1.2em serif; + color: #FFF; + margin-top: .3cm; + padding:.2em 0 .2em 20px; + background-color: #453619; + border-width: 4px 0px 4px 0px; + border-style: solid; + border-color: #5D835F; +} +h5, h6 { + font:normal 1em/1.2em serif; + font-style:italic; + margin:1.3em 0 .5em 1em; +} +p#description { + max-width:800px; + margin:0; + padding:1em 20px; +} +p#description:first-letter { + color: #903; + font-size: 36px; + font-weight: bold; + font-style: italic; +} +p a { + color: #FFF; + text-decoration:underline; +} +sup { + line-height:0; +} +ol { + font:normal .9em/1.6em sans-serif; + margin-top:0; + margin-bottom:0; + padding-top:.5em; + padding-bottom:0; +} +ol li a { + text-decoration:none; +} +ol li a:hover { + text-decoration: none; +} +a { + color: #542; +} +a:visited { + color: #542; +} +a:hover { + color: #000; + background-color: #C1B398; + text-decoration: none; +} +span.preposition { + padding-left:1em; + padding-right:1em; +} +.grampsid { + font:normal .8em/1.2em monospace; + color: #000; +} + +/* Header +----------------------------------------------------- */ +div#header { + background-color: #542; + border-bottom: solid 8px #5D835F; + height: 60px; + width: 100%; +} +#SiteTitle { + margin:0; + padding:.5em 0 0.5em 10px; + font-size: 28px; + color: #FFF; + font-style: italic; +} +p#user_header { + font-size:1.3em; + text-align:left; + color: #6AF364; + margin:0; + padding:.2em 0 .6em 20px; +} + +/* Footer +----------------------------------------------------- */ +div#footer { + clear:both; + overflow:hidden; + width:100%; + height: 60px; + font-size:12px; + line-height:130%; + color:#FFF; + margin-top: .5cm; + background-color:#542; + border-top:solid 8px #5D835F; +} +div#footer a, div#footer a:visited { + text-decoration:none; + color: #FFF; +} +div#footer a:hover { + color: #000; + text-decoration: none; +} +div#footer img { + border:0; + margin:0 auto; + vertical-align:middle; +} +div#footer p#createdate { + float:left; + width:60%; + text-align:left; + margin-left:10px; +} +div#footer p#copyright { + float:right; + text-align:right; + color: #FFF; + margin: 10px 10px 0px 0px; +} +div#footer p#copyright img { + float:right; + margin-right: 10px; +} +#user_footer { + width:70%; + float:left; + margin:1em; + color: #6AF364; +} +#user_footer p { + font:normal 1em/1.2em serif; + margin:0; + padding:0; +} + +/* Main Table +----------------------------------------------------- */ +table.infolist { + width:100%; + margin: 0; + padding: 0; + font-size: 12px; +} +table.infolist thead tr th { + font:normal 1.1em/1.2em serif; + color: #000; + margin:0; + padding:.2em 10px; + background-color: #6AF364; + border: solid 1px #5D835F; +} +table.infolist thead tr th a { + color: #000; +} +table.infolist thead tr th a:hover { + background-color: #C1B398; +} +table.infolist tr td { + font:normal 1.1em/1.4em serif; + vertical-align:middle; + padding: 6px 0 6px 10px; +} +table.infolist tr td a { + display:block; + text-decoration:none; + color: #000; +} +table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { + border-top: solid 1px #5D835F; +} +table.infolist tr td.ColumnLetter { + width:3%; + text-align:center; +} +table.infolist tbody tr td.ColumnBirth { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnDeath { + font-size:.9em; + width:10%; +} +table.infolist tbody tr td.ColumnRowLabel { + width:2%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnType { + width:6%; + padding-left:20px; +} +table.infolist tbody tr td.ColumnPartner { + font-size:.9em; + background-color: #FFF; +} +table.infolist tbody tr td.ColumnPartner a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.infolist tbody tr td.ColumnParents { + font-size:.9em; +} +table.infolist tbody tr td.ColumnParents span.father, +table.infolist tbody tr td.ColumnParents span.mother { + display:block; +} +table.infolist tbody tr td.ColumnParents span.mother:before { + content:"+ "; +} + +/* Surnames +----------------------------------------------------- */ +#Surnames { + margin: 0; + padding: 0; +} +#SurnameDetail p#description { + padding-top:0; +} +table.surnamelist thead tr th.ColumnSurname, +#Surnames table.surnamelist tbody tr td.ColumnSurname { + width:50%; +} +table.surnamelist thead tr th { + padding:0; +} +table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited { + display:block; + text-align:left; + text-decoration:none; + padding:.2em 10px; +} +table.surnamelist thead tr th.ColumnLetter { + padding: 0px 10px 0px 20px; +} +table.surnamelist tbody tr td { + background-color: #D8F3D6; +} +table.surnamelist tbody tr td.ColumnLetter a { + background: none; +} +table.surnamelist tbody tr td.ColumnSurname { + background-color: #FFF; +} +table#SortByName thead tr th.ColumnSurname, +table#SortByCount thead tr th.ColumnQuantity { + background-color: #C1B398; +} +table#SortByName thead tr th.ColumnSurname a:after, +table#SortByCount thead tr th.ColumnQuantity a:after { + content:" ↓"; +} +table#SortByName tbody tr td.ColumnSurname { + padding:0; +} +table#SortByName tbody tr td.ColumnSurname a { + display:block; + padding:.1em 10px .3em 10px; +} +table.surnamelist tbody tr td.ColumnSurname:hover, + table#SortByName tbody tr td.ColumnSurname:hover { + background-color: #C1B398; +} +table.surname { + border-bottom: solid 1px #5D835F; +} +table.surname thead tr th.ColumnName { + width:20%; + padding-left:20px; +} +table.surname tbody tr td { + border-bottom: dashed 1px #5D835F; + background-color: #D8F3D6; +} +table.surname tbody tr td.ColumnName { + background-color: #FFF; + width:20%; + padding:0; +} +table.surname tbody tr td.ColumnName a { + display:block; + padding:.6em 10px .6em 20px; +} +table.surname tbody tr td.ColumnName a span.grampsid { + color: #000; +} +table.surname tbody tr td.ColumnName:hover { + background-color: #C1B398; +} +table.surname tbody tr td.ColumnPartner { + background-color: #FFF; +} +table.surname tbody tr td.ColumnPartner a { + display:block; + padding:.6em 10px .6em 0px; +} +table.surname thead tr th.ColumnParents, +table.surname tbody tr td.ColumnParents { + width:25%; +} + +/* Individuals +----------------------------------------------------- */ +div#Individuals { + margin: 0; + padding: 0; +} +div#Individuals table.individuallist { + border-bottom: solid 1px #5D835F; +} +div#Individuals table.individuallist tbody tr td { + border-bottom: dashed 1px #5D835F; + background-color: #D8F3D6; +} +div#Individuals table.individuallist tbody tr td a { + display: block; + padding: .6em 10px; +} +div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover, +div#Individuals table.individuallist tbody tr td.ColumnSurname a:active { + cursor:default; + color: #000; + background:none; +} +div#Individuals table.individuallist tbody tr td.ColumnName { + background-color: #FFF; +} +div#Individuals table.individuallist tbody tr td.ColumnName a { + vertical-align:middle; +} +div#Individuals table.individuallist tbody tr td.ColumnPartner { + background-color: #FFF; +} +div#Individuals div table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +div#Individuals div table.infolist tr td p a { + display:inline; +} +div#IndividualDetail { + padding: 0; + margin: 0; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +div#IndividualDetail div table.infolist tr td a { + display:inline; +} +div#IndividualDetail table.infolist tr td a:hover { + text-decoration: none; +} +div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { + width:10%; +} +div#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} + +/* Places +----------------------------------------------------- */ + +div#Places table.infolist tbody tr td.ColumnLetter { + width: 3%; +} +#Places table.infolist tbody tr td.ColumnName { + padding:0; +} +#Places table.infolist tbody tr td.ColumnName a { + padding:.1em 10px .3em 10px; +} +div#Places table.infolist tbody tr td.ColumnLatitude, +div#Places table.infolist tbody tr td.ColumnLongitude { + width: 11%; +} + +/* EventList and EventDetail +----------------------------------------------------- */ +div#EventList, div#EventDetail { + margin: 0; + padding: 0; +} +div#events table.eventlist { + margin-top: .3cm; +} +div#events table.eventlist tbody tr td.ColumnEvent a { + padding: 2px 100px 2px 10px; +} +div#events table.eventlist tbody tr td.ColumnPlace a { + padding: 2px 70px 2px 0px; +} +table.eventlist tbody tr td { + background-color: #FFF; + border-bottom: dashed 1px #5D835F; +} +table.eventlist tbody tr td.ColumnEvent { + width: 20%; +} +table.eventlist tbody tr td.ColumnDate { + background-color: #D8F3D6; + width: 16%; +} +table.eventlist tbody tr td.ColumnPlace { + background-color: #FFF; + width: 35%; +} +table.eventlist tbody tr td.ColumnSources { + background-color: #FFF; + width: 12%; +} +table.eventlist tbody tr td.ColumnNotes { + background-color: #D8F3D6; + width: 25%; +} +table.eventlist tbody tr td.ColumnPerson { + width: 35%; +} +table.eventlist tbody tr td.ColumnPartner { + width: 35%; +} +div#EventList table.eventlist tbody tr.BeginName { + border-top: solid 1px #5D835F; +} +div#EventList table.eventlist tbody tr td { + padding: 4px 0px 4px 0px; +} +div#EventList table.infolist tbody tr td.ColumnLetter a:hover { + background: none; +} +div#EventList table.alphaevent { + padding: .3em 0 .3em 0; + margin: 0; +} +div#EventList table.alphaevent tbody tr.BeginEvent { + border-top: solid 1px #5D835F; +} +div#EventList table.alphaevent tbody tr td { + background-color: #D8F3D6; + border-bottom: dashed 1px #5D835F; +} +div#EventList table.alphaevent tbody tr td.ColumnType { + width: 15%; +} +div#EventList table.alphaevent tbody tr td.ColumnType a:hover { + background: none; +} +div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { + background-color: #FFF; + width: 12%; +} +div#EventList table.alphaevent tbody tr td.ColumnDate { + width: 20%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson { + width: 60%; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { + display:block; +} +div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { + content:"+ "; +} +div#EventDetail h3 { + font-size: 28px; +} +div#EventDetail h3:first-letter { + color: #903; +} +div#EventDetail table.eventlist { + width: 100%; +} +div#EventDetail table.eventlist tbody tr { + border-top: dashed 1px #5D835F; +} +div#EventDetail table.eventlist tbody tr td.ColumnAttribute { + text-transform: uppercase; + width: 20%; +} +div#EventDetail table.eventlist tbody tr td.ColumnDate { + background-color: #D8F3D6; + border-top: solid 1px #5D835F; +} +div#EventDetail table.eventlist tbody tr td.ColumnPerson { + background-color: #D8F3D6; +} + +/* Gallery +----------------------------------------------------- */ +#Gallery { + margin: 0; + padding: 0; +} +#Gallery table.infolist tbody tr td { + background-colo: #D8F3D6; +} +#Gallery table.infolist tbody tr td.ColumnRowLabel { + width: 5%; + padding-bottom: 0; +} +#Gallery table.infolist tbody tr td.ColumnName { + width: 50%; + background-color: #FFF; +} +#Gallery table.infolist tbody tr td.ColumnName a { + display: block; + padding: .2em 10px .4em 10px; +} +#Gallery table.infolist tbody tr td.ColumnDate { + width: 20%; +} +#Gallery table.infolist tbody tr td.ColumnMime { + width: 20%; +} +#Gallery table.gallerylist tbody tr td { + border-bottom: dashed 1px #5D835F; +} +#GalleryNav { + font:normal 1em/1em sans-serif; + margin:1em 0 0 0; + padding:1.2em 0 1.4em 0; + text-align:center; +} +#GalleryNav a { + font-weight:bold; + text-decoration:none; + border: solid 1px #5D835F; +} +#GalleryNav a#Previous { + padding:.5em .7em .3em .7em; +} +#GalleryNav a#Next { + padding:.5em 1.9em .3em 1.9em; +} +#GalleryPages { + margin:0 1em; +} +#GalleryCurrent { + font:bold 1.2em/1em sans-serif; +} +#GalleryTotal { + font-weight:normal; +} +#GalleryDisplay { + margin:0 auto; + padding:0; + position:relative; + overflow:hidden; + text-align:center; + border: solid 1px #5D835F; +} +#GalleryDisplay img { + margin:0 auto; +} +#GalleryDetail div#summaryarea{ + margin:0; + padding:2em 0 0 0; +} +#GalleryDetail div#summaryarea h3 { + font:normal 1.2em/1.2em serif; + text-align:center; +} +#GalleryDetail div h4 { + margin-top:0; +} +#GalleryDetail div#summaryarea table.gallery { + padding-bottom:0; + margin: 1.5em 0 0 0; + border-style: solid; + border-width: 2px 0 1px 0; + border-color: #5D835F; +} +#GalleryDetail table.exifdata { + margin: .2em 0 .2em 0; + width: 100%; +} +#GalleryDetail table.exifdata tbody tr { + border-top: solid 1px #5D835F; +} +#GalleryDetail table.exifdata tbody tr td.ColumnExifKeys { + width: 60%; +} +#GalleryDetail table.exifdata tbody tr td.ColumnMetaData { + width: 40%; +} + +/* Contact +----------------------------------------------------- */ +#Contact #summaryarea { + background-color: #D8F3D6; + width:500px; + margin:0 auto; + padding:3em; + border: double 4px #5D835F; +} +#Contact #summaryarea img { + float:right; + margin:0; +} +#researcher { + font:normal 1.5em/1.4em serif; + margin-top:.3em; +} +#researcher h3 { + font:normal 1.2em/1.4em serif; + padding:0; + text-align:left; +} +#researcher span { + float:left; + display:block; + font:normal .9em/1.4em serif; + margin-right:.4em; +} +#streetaddress { + width:100%; +} +#city:after { + content:","; +} +#country { + clear:left; +} +#email { + clear:left; +} +#email a { + text-decoration:none; +} + +/* Download +----------------------------------------------------- */ +div#Download { + margin: 0; +} +div#Download table.download { + border: solid 1px #000; + margin: .1cm 0px .5cm 0px; + width: 100%; +} +div#Download table.download tbody tr#Row02 { + border-bottom: solid 1px #000; +} +div#Download table.download tbody tr td { + border: solid 1px #000; + text-align: left; + padding: 5px 0px 5px 0px; +} +div#Download table.download td.ColumnFilename { + width: 30%; +} +div#Download table.download td.ColumnFilename a { + font-weight: bold; + font-style: italic; +} +div#Download table.download td.ColumnDescription { + width: 45%; +} +div#Download table.download td.ColumnModified { + width: 17%; +} +div#Download a.copyright a img { + float: center; + text-align: center; +} + +/* Sources +----------------------------------------------------- */ +#Sources { } + +div#Sources table.infolist tbody tr td { + background-color: #D8F3D6; +} +div#Sources table.infolist tbody tr td.ColumnRowLabel { + padding-bottom:0; +} +div#Sources table.infolist tbody tr td.ColumnName { + padding:0; + background-color: #FFF; +} +div#Sources table.infolist tbody tr td.ColumnName a { + font-size:.9em; + padding:.1em 10px .3em 10px; +} +div#Sources table.infolist tbody tr td.ColumnName a:hover { } + +div#SourceDetail div#references ol li { + padding-bottom:.5em; +} + + +/* Repositories +------------------------------------------------------ */ +div#RepositoryList { + margin: 0; + padding: 0; +} +div#RepositoryList table.repolist tbody tr td { + background-color: #D8F3D6; +} +div#RepositoryList table.repolist tbody tr td a { + display: block; + padding: .3em 10px; +} +div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { + width: 9%; +} +div#RepositoryList table.repolist tbody tr td.ColumnType { + width: 15%; +} +div#RepositoryList table.repolist tbody tr td.ColumnName { + background-color: #FFF; +} + +/* Address Book +------------------------------------------------------ */ +div#AddressBookList, AddressBookDetail { + margin: 0; + padding: 0; +} +div#AddressBookList table.addressbook { + margin: .3em 0 .3em 0; +} +div#AddressBookList table.addressbook tbody tr.Totals { + border: solid 1px #5D835F; +} +div#AddressBookList tble.addressbook tbody tr.Totals td { + text-align: left; + background-color: #D8F3D6; +} +div#AddressBookList table.addressbook tbody tr td { + background-color: #D8F3D6; + text-align: center; + border: solid 1px #5D835F; +} +div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { + width: 4%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName { + background-color: #FFF; + text-align: left; + width: 70%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnName a { + display: block; + padding: 6px 0px 6px 0px; +} +div#AddressBookList table.addressbook tbody tr td.ColumnAddress { + width: 8%; +} +div#AddressBookList table.adressbook tbody tr td.ColumnResidence { + width: 8%; +} +div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { + width: 8%; +} + +/* Subsections +----------------------------------------------------- */ +#Home, #Introduction, #Contact { + padding:2em 0 3em 0; +} +#Home p, #Introduction p { + margin:0 20px 1em 20px; +} +#Home img, #Introduction img { + float:right; + margin:0; + padding:0 20px 3em 2em; +} +div.subsection{ + padding-bottom:.5em; +} +div.subsection h4 { + margin-bottom:.5em; +} +div.subsection table, div.subsection ol, div.subsection p { + font-size:.9em; +} +div.subsection a { + text-decoration:unerline; +} +div.subsection a:hover { + text-decoration:underline; +} +div.subsection table.infolist { + width:100%; + margin:0; +} + +/* Subsections : Events +----------------------------------------------------- */ +div#events { + padding-bottom:0; +} +div#events h4 { + margin-bottom:0; + border:none; +} +#IndividualDetail { + background-color: #FFF; +} +#IndividualDetail div#events table.eventtable { + width:100%; + padding-top:15px; +} +#IndividualDetail div#events table.infolist thead tr th { + font-weight:bold; + font-size:10px; + line-height:12px; + text-transform:uppercase; + color: #542; + padding-top:6px 0 4px 0; + background-color: #6AF364; +} +#IndividualDetail div#events table.infolist thead tr th:first-child { + padding-left:20px; +} +#IndividualDetail div#events table.infolist tbody tr td { + padding-top:.4em; + padding-bottom:.8em; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { + border-bottom: solid 1px #5D835F; +} +#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { + border-bottom:solid 1px #5D835F +} +table.infolist tbody tr td.ColumnValue p { + font-family:sans-serif; + color: #696969; + margin:.2em 0 0 2em; +} + +/* Subsections : Attributes +----------------------------------------------------- */ +div#attributes { + margin: 0; + padding: 0; +} +table.attrlist { + width: 100%; +} +table.attrlist thead tr th.ColumnType { + border: none; + background: none; +} +table.attrlist thead tr th.ColumnAttribute { + border: none; + background: none; +} +table.attrlist tbody tr td { + background-color: #D8F3D6; + border-bottom: dashed 1px #5D835F; +} +table.attrlist tbody tr td.ColumnType { + border: none; + background: none; +} +table.attrlist tbody tr td.ColumnAttribute { + border: none; + background: none; +} +table.attrlist tbody tr td.ColumnAttrType { + width: 15%; +} +table.attrlist tbody tr td.ColumnAttrValue { + width: 15%; +} +table.attrlist tbody tr td.ColumnAttrNotes { + width: 45%; + background-color: #D8F3D6; +} +table.attrlist tbody tr td.ColumnAttrSources { + background-color: #FFF; + width: 15%; +} + +/* Subsections : Parents +----------------------------------------------------- */ +div#parents table.infolist { + margin-top:.5em; +} +div#parents table.infolist tbody tr td.ColumnAttribute { + width:19%; +} +div#parents table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#parents table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsections : Families +----------------------------------------------------- */ +div#families table.infolist { + margin: .3cm 0 .3cm 0; +} +div#Families table.infolist tbody tr td { } + +div#families table.infolist tbody tr td.ColumnValue { + background-color: #FFF; +} +div#families table.infolist tbody tr td.ColumnValue p { + margin-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol { + margin:0; + padding-top:0; +} +div#families table.infolist tbody tr td.ColumnValue ol li { + padding-bottom:.2em; +} + +/* Subsection: LDS Ordinance +------------------------------------------------------ */ +div#LDSOrdinance { } + +div#LDSOrdinance table.ldsordlist { + font-size:.35cm; +} +table.ldsordlist { + margin-bottom:.5em; +} +table.ldsordlist tbody tr td { + border-bottom: solid 1px #5D835F; +} +table.ldsordlist tbody tr td.ColumnLDSType { + width:12%; +} +table.ldsordlist tbody tr td.ColumnLDSDate { + width:15%; +} +table.ldsordlist tbody tr td.ColumnLDSTemple { + width:10%; +} +table.ldsordlist tbody tr td.ColumnLDSPlace { + width:35%; +} +table.ldsordlist tbody tr td.ColumnLDSStatus { + width:8; +} +table.ldsordlist tbody tr td.ColumnLDSSealed { + width:25%; +} +table.ldsordlist tbody tr td.ColumnLDSSources { + width:7%; + margin-top:.2cm; +} + +/* Subsections : Addresses +----------------------------------------------------- */ +div#Addresses { + margin: 0; + padding: 0; +} +div#Addresses table.infolist { + font-size: 12px; + background-color: #D8F3D6; +} +div#Addresses table.infolist tbody tr td { + border-bottom: solid 1px #5D835F; +} +div#Addresses table.infolist tbody tr td.ColumnDate { + width: 15%; +} +div#Addresses table.infolist tbody tr td.ColumnStreetAddress { + width: 30%; +} +div#Addresses table.infolist tbody tr td.ColumnCity { + width: 8%; +} +div#Addresses table.infolist tbody tr td.ColumnCounty { + width: 8%; +} +div#Addresses table.infolist tbody tr td.ColumnState { + width: 12%; +} +div#Addresses table.infolist tbody tr td.ColumnCntry { + width: 5%; +} +div#Addresses table.infolist tbody tr td.ColumnPostalcode { + width: 10%; +} +div#Addresses table.infolist tbody tr td.ColumnPhone { + width: 15%; +} + +/* Subsections : Gallery +----------------------------------------------------- */ +#indivgallery h4 { + margin-bottom:1em; +} +#indivgallery .thumbnail { + margin:0; + float:left; + width:130px; + height:150px; + text-align:center; +} +#indivgallery div.thumbnail a { + display:block; + margin:0; + padding:0; + background:none; +} +#indivgallery div.thumbnail a img { + margin-bottom:.5cm; + padding:0; + border: solid 1px #5D835F; +} +#indivgallery div.thumbnail p { + font:normal .7em/1.4em sans-serif; + text-align:center; + width:80%; + margin:0 auto; + padding:0; +} + +/* Subsections : Narrative +----------------------------------------------------- */ +div#narrative { + padding-bottom:0; +} +#narrative p { + font:normal .9em/1.4em sans-serif; + margin-top:.5em; + margin-bottom:0; + padding:0 20px 1em 20px; +} + +/* Subsections : References +----------------------------------------------------- */ + +/* Subsections : Source References +----------------------------------------------------- */ +div#sourcerefs { + padding: 0; + margin: 0 auto; +} +div#sourcerefs ol { + list-style-type:decimal; +} +div#sourcerefs ol li ol { + list-style-type:lower-alpha; +} + +/* Subsections : Summary Area +----------------------------------------------------- */ +div#summaryarea { + background-color: #FFF; +} +div#summaryarea table.infolist { + margin:0; + padding:0; + background:#FFF; + border-bottom: solid .7em #5D835F; +} +div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { + display:inline; +} +div#summaryarea table.infolist tbody tr td.ColumnAttribute { + width:14%; + color: #696969; + padding-left:20px; +} + +/* Subsections : Weblinks +----------------------------------------------------- */ +div#WebLinks { + margin : 0 auto; + padding: 0; +} +table.WebLinks { + width: 100%; +} +table.weblinks tbody tr td { + background-color: #6AF364; + border-bottom: dashed 1px #000; +} +table.weblinks tbody tr td.ColumnType { + width: 20%; +} +table.WebLinks tbody tr td.ColumnPath { + background-color: #FFF; + width: 50%; +} +table.weblinks tbody tr td.ColumnDescription { + width: 30%; +} + + +/* Subsections : Pedigree +----------------------------------------------------- */ +div#pedigree { + padding-bottom:1.2em; +} +#pedigree a { + text-decoration:none; + color: #000; +} +#pedigree a:hover { + text-decoration:underline; +} +.pedigreegen { + font:normal .9em/1.2em sans-serif; + list-style:none; + margin:.5em 0 0 0; + padding:0 0 0 20px; +} +.pedigreegen li ol { + list-style:none; + margin-left:.5em; +} +.pedigreegen li ol li ol { + font:normal 1em/1.4em sans-serif; + list-style:decimal; + margin-left:1.6em; +} +.pedigreegen li ol li ol li ol.spouselist { + list-style:none; + margin-left:0; +} +.spouselist li.spouse ol { + list-style:decimal; + margin-left:1.6em; +} +.spouse a { + font-weight:normal; + font-style:normal; + color: #000; +} +.spouse:before { + content: "+ "; +} +.thisperson { + font-weight:bold; +} + +/* 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: #542; + width:118px; + padding:5px 20px 7px 20px; + margin-left:16px; + background-color: #FFF; + border: solid 1px #5D835F +} +#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: #542; + width:190px; + margin-left:-20px; + padding:10px 25px 12px 25px; + border: solid 2px #5D835F; +} +#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 auto; + max-height:65px; + margin:0 auto; + padding:4px 0; +} +#treeContainer div.boxbg span.thumbnail img { + max-width:80px auto; + max-height:65px; + margin:0 auto; +} +#treeContainer div.boxbg a:hover span.thumbnail, #treeContainer div.boxbg a:hover span.thumbnail img { + height:80px; +} +#treeContainer div.AncCol3 span.thumbnail, #treeContainer div.AncCol4 span.thumbnail { + display:none; +} +#treeContainer div.boxbg a:hover span.thumbnail { + display:block; +} +#treeContainer div.male a, +#treeContainer div.male span.unlinked { + 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: #FAFAFA; +} +.shadow { + display:none; +} +#tree div div.bvline { + position:absolute; + z-index:2; + height:1px; + margin:0 0 0 16px; + padding:0; + background-color: #228A22; +} +#tree div div.bhline { + position:absolute; + z-index:2; + width:1px; + margin:0 0 0 16px; + padding:0; + background-color: #228A22; +} +.ghline, .gvline { + display:none; +} + +/* Calendar Styles +-------------------------------------------------------------------------------------------- */ +/* Calendar : General */ +body#WebCal { + background-color: #FFF; +} +.calendar { + empty-cells:show; + width:100%; + font-size:1em; + font-weight:normal; + margin:0; + padding:0; + border:none; + border-collapse:collapse; +} +.calendar thead tr th { + width:14%; + font-weight:normal; + font-size:18px; + line-height:18px; + text-align:center; + text-transform:uppercase; + padding:2px 0; +} +.calendar thead tr th.monthName { + width:100%; + font-size:2em; + line-height:100%; + text-transform:none; + color: #542; + padding:.3em 0 .2em 0; + background-color: #FFF; +} +#CreatorInfo { + float:right; + color: #FFF; + margin:-24px 10px 0 0; +} +#CreatorInfo a { + color: #FFF; +} +#CreatorInfo a:hover { + color: #FFF; +} +.calendar thead tr th.weekend, +.calendar thead tr th.weekday { + font-style:italic; + color: #000; + background-color: #6AF364; + border: solid 2px #5D835F; +} +.calendar tfoot tr td { + padding:.7em 5% 1em 5%; + border-top:solid 2px #000; + vertical-align:middle; + color: #000; + background-color: #D8F3D6; +} + +/* Calendar : Date Numeral */ +.calendar tbody tr td div.date { + float:right; + display:block; + width:1.8em; + font-size:1.2em; + line-height:100%; + text-align:center; + color: #542; + margin:0 0 0 .5em; + padding:.2em 0; + background-color: #D8F3D6; +} + +/* Calendar : Date Container */ +.calendar tbody tr td { + vertical-align:top; + height:10em; + padding:0; + border-width:1px 0 0 1px; + border-style:solid; + border-color: #5D835F; +} +.calendar tbody tr td.weekday { + background-color: #FFF; +} +.calendar tbody tr td.weekend { + background-color: #D8F3D6; +} +.calendar tbody tr td.saturday { + border-right: solid 1px #5D835F; + } +.calendar tbody tr td.sunday { + border-left: solid 1px #5D835F; +} +.calendar tbody tr td:first-child { + border-left: solid 1px #5D835F; +} +.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:1em; + margin:2.3em 0 .3em 0; + padding:0; +} +.calendar tbody tr td ul li { + display:block; + width:92%; + margin:0 4%; + padding:.2em 0 .3em 0; + border-top: dashed 1px #5D835F; +} +.calendar tbody tr td ul li:first-child { + border:none; +} + +/* Calendar : Birthday, Anniversary, Highlight */ +.calendar tbody tr td ul li em { + font-style:normal; + color: #0A65B5; +} +.calendar tbody tr td ul li span.yearsmarried em { + color: #228A22; +} +.calendar tbody tr td.highlight { } + +.calendar tbody tr td.highlight div.date { + color: #0A65B5; + background-color: #C2E1FE; +} + +/* Calendar : Previous-Next Month */ +.calendar tbody tr td.previous, +.calendar tbody tr td.next, +.calendar tbody tr td.previous div.date, +.calendar tbody tr td.next div.date { + color: #333; + background-color: #D8F3D6; +} + +/* Calendar : Full Year */ +body#fullyearlinked { + background-color: #FFF; +} +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; + border-width: 1px 1px 0px 0px; + border-color: #000; + text-align: center; +} +body#fullyearlinked table.calendar thead tr th.monthName { + font-size:1.2em; + padding:2px 0; + border-bottom: solid 1px #000; +} +body#fullyearlinked table.calendar tbody tr td { + height:3em; +} +body#fullyearlinked table.calendar tbody tr td.emptyDays { + background-color: #FFF; +} +body#fullyearlinked table.calendar tbody tr td.saturday { + border-right:solid 2px #000; +} +body#fullyearlinked able.calendar tbody tr td.sunday { + border:solid 2px #000; +} + +/* Calendar: OneDay +--------------------------------------------------------------------------------- */ +body#OneDay h3 { + color: #228A22; + font-weight: bold; + text-align: center; +} +table.oneday { + margin: .3em 0 .3em 0; + padding: 0; +} +table.oneday tbody tr td { + border-bottom: dashed 1px #5D835F; +} +table.oneday tbody tr td.ColumnRowLabel { + width: 5%; +} +table.oneday tbody tr td.ColumnText { + width: 85%; +} +table.oneday tbody tr td.ColumnEvent { + width; 10%; +} + +/* PlaceMaps +-------------------------------------------------------------------------------- */ +div#mapdiv { + height: 400px; +} +table#mapdiv { + border: none; + width: 50%; + float: center; +} +table#mapdiv tr td div#googlev3 { + height: 400px; + width: 600px; +} +table#mapdiv tr td div#openlayers { + height: 400px; + width: 600px; +} diff --git a/src/plugins/webstuff/css/behaviour.css b/src/plugins/webstuff/css/behaviour.css new file mode 100644 index 000000000..d17baf6c8 --- /dev/null +++ b/src/plugins/webstuff/css/behaviour.css @@ -0,0 +1,87 @@ +/* +# +# 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: behaviour.css 13749 2009-12-10 06:50:21Z robhealey1 $ + + ensure RegionBox
    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
      When the mouse hovers over the gallery */ +div#GalleryDisplay:hover ol.RegionBox { + display:block; +} + +/* define how
    1. 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
    2. tag is empty, + * so fill the
    3. with a blank image; this way the mouse will be + * considered in the
    4. tag anywhere over the background image + */ +} + +/* use a solid border when the mouse hovers over the
    5. 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; +} + diff --git a/src/plugins/webstuff/images/Web_Gender_Female.png b/src/plugins/webstuff/images/Web_Gender_Female.png new file mode 100644 index 000000000..6b238f01a Binary files /dev/null and b/src/plugins/webstuff/images/Web_Gender_Female.png differ diff --git a/src/plugins/webstuff/images/Web_Gender_Male.png b/src/plugins/webstuff/images/Web_Gender_Male.png new file mode 100644 index 000000000..0f48038b5 Binary files /dev/null and b/src/plugins/webstuff/images/Web_Gender_Male.png differ diff --git a/src/plugins/webstuff/images/Web_Mainz_Bkgd.png b/src/plugins/webstuff/images/Web_Mainz_Bkgd.png new file mode 100644 index 000000000..bb72285eb Binary files /dev/null and b/src/plugins/webstuff/images/Web_Mainz_Bkgd.png differ diff --git a/src/plugins/webstuff/images/Web_Mainz_Header.png b/src/plugins/webstuff/images/Web_Mainz_Header.png new file mode 100644 index 000000000..de7c74649 Binary files /dev/null and b/src/plugins/webstuff/images/Web_Mainz_Header.png differ diff --git a/src/plugins/webstuff/images/Web_Mainz_Mid.png b/src/plugins/webstuff/images/Web_Mainz_Mid.png new file mode 100644 index 000000000..5d85320ab Binary files /dev/null and b/src/plugins/webstuff/images/Web_Mainz_Mid.png differ diff --git a/src/plugins/webstuff/images/Web_Mainz_MidLight.png b/src/plugins/webstuff/images/Web_Mainz_MidLight.png new file mode 100644 index 000000000..42fe83320 Binary files /dev/null and b/src/plugins/webstuff/images/Web_Mainz_MidLight.png differ diff --git a/src/plugins/webstuff/images/blank.gif b/src/plugins/webstuff/images/blank.gif new file mode 100644 index 000000000..e565824aa Binary files /dev/null and b/src/plugins/webstuff/images/blank.gif differ diff --git a/src/plugins/webstuff/images/document.png b/src/plugins/webstuff/images/document.png new file mode 100644 index 000000000..bfe4bad56 Binary files /dev/null and b/src/plugins/webstuff/images/document.png differ diff --git a/src/plugins/webstuff/images/favicon.ico b/src/plugins/webstuff/images/favicon.ico new file mode 100644 index 000000000..489d0a822 Binary files /dev/null and b/src/plugins/webstuff/images/favicon.ico differ diff --git a/src/plugins/webstuff/images/favicon2.ico b/src/plugins/webstuff/images/favicon2.ico new file mode 100644 index 000000000..49baa2eca Binary files /dev/null and b/src/plugins/webstuff/images/favicon2.ico differ diff --git a/src/plugins/webstuff/webstuff.gpr.py b/src/plugins/webstuff/webstuff.gpr.py new file mode 100644 index 000000000..9ae76aa76 --- /dev/null +++ b/src/plugins/webstuff/webstuff.gpr.py @@ -0,0 +1,39 @@ +# encoding:utf-8 +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright (C) 2010 Doug Blank +# +# 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 $ + +#------------------------------------------------------------------------ +# +# Stylesheets +# +#------------------------------------------------------------------------ +register(GENERAL, +id = 'system webstuff', +category = "WEBSTUFF", +name = _("Webstuff"), +description = _("Provides a collection of resources for the web"), +version = '1.0', +gramps_target_version = '3.3', +fname = "webstuff.py", +load_on_reg = True, +process = "process_list", + ) diff --git a/src/plugins/webstuff/webstuff.py b/src/plugins/webstuff/webstuff.py new file mode 100644 index 000000000..b1a118970 --- /dev/null +++ b/src/plugins/webstuff/webstuff.py @@ -0,0 +1,118 @@ +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright (C) 2010 Douglas Blank +# +# 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: $ + +import os +import const +from gen.ggettext import sgettext as _ + +def make_css_dict(tup): + """ + Basically, make a named tuple. + """ + return { + "id": tup[0], + "user": tup[1], + "translation": tup[2], + "filename": tup[3], + "navigation": tup[4], + "images": tup[5], + } + +def load_on_reg(dbstate, uistate, plugin): + """ + Runs when plugin is registered. + """ + dir, fname = os.path.split(__file__) + CSS_FILES = [ + # id, user selectable?, translated_name, fullpath, navigation target name, additional files + # "default" is used as default + ["Basic-Ash", 1, _("Basic-Ash"), + os.path.join(dir, "css", 'Web_Basic-Ash.css'), None, []], + ["Basic-Blue", 1, _("Basic-Blue"), + os.path.join(dir, "css", 'Web_Basic-Blue.css'), "Web_Navigation-Menus.css", []], + ["Basic-Cypress", 1, _("Basic-Cypress"), + os.path.join(dir, "css", 'Web_Basic-Cypress.css'), None, []], + ["Basic-Lilac", 1, _("Basic-Lilac"), + os.path.join(dir, "css", 'Web_Basic-Lilac.css'), None, []], + ["Basic-Peach", 1, _("Basic-Peach"), + os.path.join(dir, "css", 'Web_Basic-Peach.css'), None, []], + ["Basic-Spruce", 1, _("Basic-Spruce"), + os.path.join(dir, "css", 'Web_Basic-Spruce.css'), None, []], + ["Mainz", 1, _("Mainz"), + os.path.join(dir, "css", 'Web_Mainz.css'), None, + [os.path.join(dir, "images", "Web_Mainz_Bkgd.png"), + os.path.join(dir, "images", "Web_Mainz_Header.png"), + os.path.join(dir, "images", "Web_Mainz_Mid.png"), + os.path.join(dir, "images", "Web_Mainz_MidLight.png")]], + ["Nebraska", 1, _("Nebraska"), + os.path.join(dir, "css", 'Web_Nebraska.css'), None, []], + ["Visually Impaired", 1, _("Visually Impaired"), + os.path.join(dir, "css", 'Web_Visually.css'), "Web_Navigation-Menus.css", []], + ["No style sheet",1, _("No style sheet"), '', None, []], + ["behaviour", 0, "Behaviour", + os.path.join(dir, "css", 'behaviour.css'), None, []], + ["default", 0, _("Basic-Ash"), + os.path.join(dir, "css", 'Web_Basic-Ash.css'), None, []], + ["Print-Default", 0, "Print-Default", + os.path.join(dir, "css", 'Web_Print-Default.css'), None, []], + ["Navigation-Vertical", 0, "Navigation-Vertical", + os.path.join(dir, "css", 'Web_Navigation-Vertical.css'), None, []], + ["Navigation-Horizontal", 0, "Navigation-Horizontal", + os.path.join(dir, "css", 'Web_Navigation-Horizontal.css'), None, []], + ['Gender Images', 0, 'Gender Images', None, None, + [os.path.join(dir, "images", "Web_Gender_Female.png"), + os.path.join(dir, "images", "Web_Gender_Male.png"), + ]], + ['All Images', 0, 'All Images', None, None, + [os.path.join(dir, "images", "favicon2.ico"), + os.path.join(dir, "images", "blank.gif"), + os.path.join(dir, "images", "document.png")]], + ['Copyright', 0, 'Copyright', os.path.join(dir, "images", "somerights20.gif"), None, []], + ['Document', 0, 'Document', os.path.join(dir, "images", "document.png"), None, []], + ] + return CSS_FILES + +def process_list(data): + """ + Gather all of the web resources together, and allow override files + if available. + """ + retval = [] + for row in data: + file = row[3] + if file: + path, filename = os.path.split(file) + # is there a override file in the VERSION_DIR/webstuff? + # eg, ~/.gramps/gramps33/webstuff/Web_Nebraska.css + # if so, replace this one: + override = os.path.join(const.VERSION_DIR, "webstuff", filename) + if os.path.exists(override): + row[3] = override + retval.append(row) + # {"Mainz": {"id": "Mainz", "user":1, ...}} + retdict = {} + for css in retval: + if css[0] in retdict: + retdict[css[0]]["images"].append(css[5]) + else: + retdict[css[0]] = make_css_dict(css) + return retdict