Mercurial > hg > digilib-old
view webapp/src/main/webapp/jquery/jquery.digilib.css @ 998:d084717a1ed9
steps towards sliders
author | hertzhaft |
---|---|
date | Mon, 13 Feb 2012 11:49:35 +0100 |
parents | 0b63093d598e |
children | 07af442509de |
line wrap: on
line source
/* * CSS style file for jQuery digilib * * Martin Raspe, Robert Casties, 11.1.2011 */ div.dl-digilib div.dl-scaler { background-color: grey; z-index: 0; width: 0px; height: 0px; } div.dl-digilib div.dl-birdview { border: 1px solid white; z-index: 10; } div.dl-digilib div.dl-zoomrect { position: absolute; border: 2px solid #ff0000; z-index: 100; } div.dl-digilib div.dl-birdzoom { position: absolute; border: 2px solid #ff0000; z-index: 100; } div.dl-digilib div.dl-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.dl-digilib div.dl-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; } div.dl-digilib div.dl-region { position: absolute; background-color: red; opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); } div.dl-digilib div.dl-region:hover { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } div.dl-digilib div.dl-region { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } div.dl-digilib div.dl-region a.dl-regionnumber { color: white; text-decoration: none; font-weight: bold; font-size: 11px; text-align: center; padding: 0px 2px; margin-right: 4px; border: 1px solid white; display: inline-block; } div.dl-digilib div.dl-regioncontent { display: none; } div.dl-digilib div.dl-regionHTML { display: none; position: absolute; top: 100px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 2px solid lightcyan; color: black; background-color: lightgrey; z-index: 1000; } div.dl-digilib div.dl-regionHTML a { color: white; text-decoration: none; font-size: 11px; font-weight: bold; } div.dl-digilib div.dl-calibration { background: url('img/blue.png'); position: absolute; border: 1px solid lightcyan; width: 400px; display: none; z-index: 9999; } div.dl-digilib div.dl-ruler { width: 100%; height: 100%; padding-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: lightcyan; background: url('img/ruler-top.gif') 0px -1px repeat-x; } div.dl-digilib div.dl-cm { padding: 5px; } div.dl-digilib div.dl-calibration-error { color: red; padding: 10px; display: none; } div.dl-digilib button.dl-calibration-button { margin: 0px 10px; border: 1px solid lightcyan; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: lightcyan; background-color: transparent; } div.dl-digilib input.dl-calibration-input { margin: 0px 10px; } div.dl-digilib input.dl-error { color: red; background-color: khaki; } div.dl-digilib div.dl-slider { background: url('img/blue.png'); display: none; border: 1px solid lightcyan; position: absolute; z-index: 9999; width: 400px; height: 6px; } div.dl-digilib div.dl-sliderhandle { border: 1px solid white; background-color: blue; position: absolute; z-index: 10000; } div.dl-infobutton { background-color: white; color: grey; padding: 0px 4px; margin: 0px 2px; float: left; } div.dl-info { clear: both; display: none; margin: 10px; } div.dl-infoheader { width: 300px; margin-bottom: 20px; } /* scroll arrows */ div.dl-digilib table.dl-scalertable { border: 0; padding: 0; } div.dl-digilib table.dl-scalertable td { padding: 0; } div.dl-digilib table.dl-scalertable td.dl-arrow { } div.dl-digilib table.dl-scalertable td.dl-arrow:hover { background-color: black; opacity: 0.3; } div.dl-digilib table.dl-scalertable img.button { opacity: 1; } /* special definitions for fullscreen */ div.dl-digilib.dl-fullscreen div.dl-buttons { position: fixed; right: 0px; top: 0px; padding: 2px; background-color: transparent; z-index: 200; } div.dl-digilib.dl-fullscreen div.dl-buttons div.dl-button:hover { background-image: url('img/fullscreen/corona.png'); background-repeat: no-repeat; } div.dl-digilib.dl-fullscreen div.dl-button-on { background-image: url('img/fullscreen/whitedisc.png'); background-repeat: no-repeat; } div.dl-digilib.dl-fullscreen div.dl-birdview { position: fixed; bottom: 8px; right: 48px; } /* special definitions for embedded */ div.dl-digilib.dl-embedded { position: relative; } div.dl-digilib.dl-embedded div.dl-buttons { position: absolute; right: 0px; top: 0px; padding: 1px; background-color: grey; opacity: 0.5; z-index: 100; } div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { background-color: black; } div.dl-digilib.dl-embedded div.dl-button-on { background-color: darkgreen; } div.dl-digilib.dl-embedded div.dl-birdview { position: absolute; bottom: 0px; right: 0px; }