90 lines
2.6 KiB
CSS
90 lines
2.6 KiB
CSS
/*
|
|
-------------------------------------------------------------------------------
|
|
GRAMPS cascading style sheet for common behaviour independant of styles
|
|
Style Name: n/a (used by many different styles)
|
|
Style Author: Stephane Charette and Jason Simanek
|
|
-------------------------------------------------------------------------------
|
|
GRAMPS is a Free Software Project for Genealogy, offering a professional
|
|
genealogy program, and a wiki open to all. It is a community project, created,
|
|
developed and governed by genealogists.
|
|
|
|
Go to <http://www.gramps-project.org/> to learn more!
|
|
|
|
License
|
|
-------------------------------------------------------------------------------
|
|
Copyright 2009 Stephane Charette and Jason Simanek
|
|
This file is part of the GRAMPS program.
|
|
|
|
GRAMPS 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, version 2 of the License.
|
|
|
|
GRAMPS 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
|
|
GRAMPS. If not, see <http://www.gnu.org/licenses/>.
|
|
-------------------------------------------------------------------------------
|
|
|
|
-------------
|
|
Image Gallery
|
|
-------------
|
|
|
|
# $Id: $
|
|
|
|
ensure RegionBox <ol> is hidden and has no margins/padding that would shift the image */
|
|
ol.RegionBox {
|
|
display:none;
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
/* show the RegionBox <ol> When the mouse hovers over the gallery */
|
|
div#GalleryDisplay:hover ol.RegionBox {
|
|
display:block;
|
|
}
|
|
|
|
/* define how <li> tags should normally look within RegionBox */
|
|
ol.RegionBox li {
|
|
margin:0;
|
|
padding:0;
|
|
display:block;
|
|
position:absolute;
|
|
text-align:center;
|
|
text-decoration:none;
|
|
border:dashed 1px #999;
|
|
background:url(../../../images/blank.gif) repeat;
|
|
/* IE doesn't work correctly with "hover" if the <li> tag is empty,
|
|
* so fill the <li> with a blank image; this way the mouse will be
|
|
* considered in the <li> tag anywhere over the background image
|
|
*/
|
|
}
|
|
|
|
/* use a solid border when the mouse hovers over the <li> tags */
|
|
ol.RegionBox li:hover {
|
|
z-index:100;
|
|
border:solid 1px #FFF;
|
|
}
|
|
|
|
/* links are kept hidden... */
|
|
ol.RegionBox li a {
|
|
display:none;
|
|
}
|
|
|
|
/* ...until we hover over them */
|
|
ol.RegionBox li:hover a {
|
|
display:block;
|
|
text-decoration:none;
|
|
border-bottom:solid 1px #FFF;
|
|
background-color:#888;
|
|
color:#FFF;
|
|
}
|
|
|
|
/* underline is hidden until we hover over the links */
|
|
ol.RegionBox li:hover a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|