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