From 699d742688a45cf57014e2478e202457cb1a4b9a Mon Sep 17 00:00:00 2001 From: "Rob G. Healey" Date: Sun, 21 Aug 2011 08:27:06 +0000 Subject: [PATCH] Added style sheet for upcoming Web Thumbnail Gallery svn: r18051 --- src/plugins/webstuff/css/Makefile.am | 1 + .../webstuff/css/Web_Thumbnail-Gallery.css | 375 ++++++++++++++++++ src/plugins/webstuff/webstuff.py | 9 +- 3 files changed, 384 insertions(+), 1 deletion(-) create mode 100644 src/plugins/webstuff/css/Web_Thumbnail-Gallery.css diff --git a/src/plugins/webstuff/css/Makefile.am b/src/plugins/webstuff/css/Makefile.am index 086867344..a3780d7aa 100644 --- a/src/plugins/webstuff/css/Makefile.am +++ b/src/plugins/webstuff/css/Makefile.am @@ -19,6 +19,7 @@ DATAFILES = \ Web_Navigation-Vertical.css \ Web_Nebraska.css \ Web_Print-Default.css \ + Web_Thumbnail-Gallery.css \ Web_Visually.css diff --git a/src/plugins/webstuff/css/Web_Thumbnail-Gallery.css b/src/plugins/webstuff/css/Web_Thumbnail-Gallery.css new file mode 100644 index 000000000..10332c25e --- /dev/null +++ b/src/plugins/webstuff/css/Web_Thumbnail-Gallery.css @@ -0,0 +1,375 @@ +/* +# +# Gramps - a GTK+/GNOME based genealogy program +# +# Copyright (C) 2011 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$ +# +************************************************************************************************** +GRAMPS Cascading Style Sheet +Style Name: Thumbnail Gallery Stylesheet +*************************************************************************************************** +-------------------------------------------------------------------------------------------------- +Color Palette +-------------------------------------------------------------------------------------------------- +black #000 +white #FFF +*/ + +/* + body: WebGallery +------------------------------------------------- */ +npdy#WebThumgnailGallery { + margin-left: 14px; + margin-right: 14px; + width: 100%; + borser: solid 1px #000; +} + +/* Menu Elements +================================================= */ +div#navigation ul, div#subnavigation ul { + background-color: Navy; +} +div#navigation ul li, +div#subnavigation ul li { + border-color: #BCEAF6; +} +#navigation ul li:after, #subnavigation ul li:after, +#alphabet ul li:after { + color: #139A26; +} +div#navigation ul li a, div#subnavigation ul li a { + color: #FFF; +} +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: #BCEAF6; + 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; +} +.thumbnail a:hover { + background: none; +} +.content { + background-color: #FFF; + color: #000; + overflow: auto; + width: 100%; + 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; +} + +/* 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; + 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: "+ "; +} + +/* + Gallery Grid +------------------------------------------------- */ +div#number { + font: bold 1em sans-serif; + float: center; + text-align: center; + width: 1%; + color: #000; +} + +div#thumbnailCall { + width: 7%; +} diff --git a/src/plugins/webstuff/webstuff.py b/src/plugins/webstuff/webstuff.py index 0b49d5ef7..37f3cabc4 100644 --- a/src/plugins/webstuff/webstuff.py +++ b/src/plugins/webstuff/webstuff.py @@ -19,8 +19,11 @@ # Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA # -# $Id: $ +# $Id$ +#------------------------------------------------ +# python modules +#------------------------------------------------ import os import const from gen.ggettext import sgettext as _ @@ -141,6 +144,10 @@ def load_on_reg(dbstate, uistate, plugin): path_js("mapstraction", "mxn.js"), path_js("mapstraction", "mxn.openlayers.core.js")]], + # Web Thumgnail Gallery Style Sheet... + ["WebGallery", 0, "", + path_css("Web_Thumbnail-Gallery.css"), None, [], [] ], + # all other images for use in NarrativeWeb ['All Images', 0, 'All Images', None, None, [path_img("blank.gif"),