Mercurial > hg > digilib-old
diff client/digitallibrary/jquery/jquery.digilib.css @ 725:936d88972cd0 jquery
put styles in stylesheet.
use relative positioning in embedded mode.
author | robcast |
---|---|
date | Mon, 31 Jan 2011 17:44:20 +0100 |
parents | |
children | 6224f64cbd58 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/digitallibrary/jquery/jquery.digilib.css Mon Jan 31 17:44:20 2011 +0100 @@ -0,0 +1,95 @@ +/* + * CSS style file for jQuery digilib + * + * Martin Raspe, Robert Casties, 11.1.2011 + */ +div.digilib div.scaler { + background-color: grey; + z-index: 0; +} + +div.digilib div.birdview { + border: 1px solid white; + z-index: 10; +} + + +div.digilib div.zoomrect { + position: absolute; + border: 2px solid #ff0000; + z-index: 100; +} + +div.digilib div.mark { + position: absolute; + color: white; + background: url('../greyskin/mark-bg-16.png'); + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 11px; + height: 15px; + width: 16px; + padding-top: 1px; + text-align: center; + z-index: 10; +} + +div.digilib div.about { + position: absolute; + width: 200px; + top: 100px; + left: 350px; + height: 200px; + padding: 0px 2px; + font-family: Verdana, Arial, Helvetica, sans-serif; + border: 2px solid lightcyan; + background-color: lightgrey; + text-align: center; + display: none; + z-index: 1000; +} + +/* special definitions for fullscreen */ +div.digilib.dl_fullscreen div.buttons { + position: fixed; + right: 0px; + top: 0px; + padding: 2px; + background-color: transparent; + z-index: 100; +} + +div.digilib.dl_fullscreen div.button:hover { + background-image: url('../greyskin/corona.png'); +} + +div.digilib.dl_fullscreen div.birdview { + position: fixed; + bottom: 8px; + right: 48px; +} + +/* special definitions for embedded */ +div.digilib.dl_embedded { + position: relative; +} + +div.digilib.dl_embedded div.buttons { + position: absolute; + right: 0px; + top: 0px; + padding: 1px; + background-color: grey; + opacity: 0.4; + z-index: 100; +} + +div.digilib.dl_embedded div.button:hover { + background-color: darkred; +} + +div.digilib.dl_embedded div.birdview { + position: absolute; + bottom: 0px; + right: 0px; +} \ No newline at end of file