Added style sheet for upcoming Web Thumbnail Gallery
svn: r18051
This commit is contained in:
Rob G. Healey
parent
142d868ba1
commit
699d742688
@ -19,6 +19,7 @@ DATAFILES = \
|
|||||||
Web_Navigation-Vertical.css \
|
Web_Navigation-Vertical.css \
|
||||||
Web_Nebraska.css \
|
Web_Nebraska.css \
|
||||||
Web_Print-Default.css \
|
Web_Print-Default.css \
|
||||||
|
Web_Thumbnail-Gallery.css \
|
||||||
Web_Visually.css
|
Web_Visually.css
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
375
src/plugins/webstuff/css/Web_Thumbnail-Gallery.css
Normal file
375
src/plugins/webstuff/css/Web_Thumbnail-Gallery.css
Normal file
@ -0,0 +1,375 @@
|
|||||||
|
/*
|
||||||
|
#
|
||||||
|
# Gramps - a GTK+/GNOME based genealogy program
|
||||||
|
#
|
||||||
|
# Copyright (C) 2011 Rob G. Healey <robhealey1@gmail.com>
|
||||||
|
#
|
||||||
|
# This program is free software; you can redistribute it and/or modify
|
||||||
|
# it under the terms of the GNU General Public License as published by
|
||||||
|
# the Free Software Foundation; either version 2 of the License, or
|
||||||
|
# (at your option) any later version.
|
||||||
|
#
|
||||||
|
# This program is distributed in the hope that it will be useful,
|
||||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
# GNU General Public License for more details.
|
||||||
|
#
|
||||||
|
# You should have received a copy of the GNU General Public License
|
||||||
|
# along with this program; if not, write to the Free Software
|
||||||
|
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||||
|
#
|
||||||
|
# $Id$
|
||||||
|
#
|
||||||
|
**************************************************************************************************
|
||||||
|
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%;
|
||||||
|
}
|
||||||
@ -19,8 +19,11 @@
|
|||||||
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||||
#
|
#
|
||||||
|
|
||||||
# $Id: $
|
# $Id$
|
||||||
|
|
||||||
|
#------------------------------------------------
|
||||||
|
# python modules
|
||||||
|
#------------------------------------------------
|
||||||
import os
|
import os
|
||||||
import const
|
import const
|
||||||
from gen.ggettext import sgettext as _
|
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.js"),
|
||||||
path_js("mapstraction", "mxn.openlayers.core.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 other images for use in NarrativeWeb
|
||||||
['All Images', 0, 'All Images', None, None,
|
['All Images', 0, 'All Images', None, None,
|
||||||
[path_img("blank.gif"),
|
[path_img("blank.gif"),
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user