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_Nebraska.css \
|
||||
Web_Print-Default.css \
|
||||
Web_Thumbnail-Gallery.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
|
||||
#
|
||||
|
||||
# $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"),
|
||||
|
||||
Loading…
Reference in New Issue
Block a user