1/*
2#
3# Gramps - a GTK+/GNOME based genealogy program
4#
5# Copyright 2009 Stephane Charette and Jason Simanek
6#
7# This program is free software; you can redistribute it and/or modify
8# it under the terms of the GNU General Public License as published by
9# the Free Software Foundation; either version 2 of the License, or
10# (at your option) any later version.
11#
12# This program is distributed in the hope that it will be useful,
13# but WITHOUT ANY WARRANTY; without even the implied warranty of
14# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
15# GNU General Public License for more details.
16#
17# You should have received a copy of the GNU General Public License
18# along with this program; if not, write to the Free Software
19# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
20#
21
22**************************************************************************************************
23GRAMPS cascading style sheet for common behaviour independant of styles
24Style Name: n/a (used by many different styles)
25Style Author: Stephane Charette and Jason Simanek
26**************************************************************************************************
27
28 -------------
29 Image Gallery
30 -------------
31
32
33 ensure RegionBox <ol> is hidden and has no margins/padding that would shift the image */
34ol.RegionBox {
35	display:none;
36	list-style:none;
37	margin:0;
38	padding:0;
39}
40
41/* show the RegionBox <ol> When the mouse hovers over the gallery */
42div#GalleryDisplay:hover ol.RegionBox {
43	display:block;
44}
45
46/* define how <li> tags should normally look within RegionBox */
47ol.RegionBox li {
48	margin:0;
49	padding:0;
50	display:block;
51	position:absolute;
52	text-align:center;
53	text-decoration:none;
54	border:dashed 1px #999;
55	background:url(../images/blank.gif) repeat;
56	/* IE doesn't work correctly with "hover" if the <li> tag is empty,
57	 * so fill the <li> with a blank image; this way the mouse will be
58	 * considered in the <li> tag anywhere over the background image
59	 */
60}
61
62/* use a solid border when the mouse hovers over the <li> tags */
63ol.RegionBox li:hover {
64	z-index:100;
65	border:solid 1px #FFF;
66}
67
68/* links are kept hidden... */
69ol.RegionBox li a {
70	display:none;
71}
72
73/* ...until we hover over them */
74ol.RegionBox li:hover a {
75	display:block;
76	text-decoration:none;
77	border-bottom:solid 1px #FFF;
78	background-color:#888;
79	color:#FFF;
80}
81
82/* underline is hidden until we hover over the links */
83ol.RegionBox li:hover a:hover {
84	text-decoration:underline;
85}
86