Mercurial > hg > digilib-old
view webapp/src/main/webapp/jquery/jquery.digilib.css @ 1110:ffda96c2fde0
use RegExp for finding regions; use ID for highlighting
author | hertzhaft |
---|---|
date | Sun, 28 Oct 2012 15:10:41 +0100 |
parents | ae796bcac7f4 |
children | efe4b0f18cf8 |
line wrap: on
line source
/* * CSS style file for jQuery digilib * * Martin Raspe, Robert Casties, 11.1.2011 */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.dl-digilib .dl-disabled { display: none; } div.dl-digilib, div.dl-digilib button, div.dl-digilib input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } div.dl-digilib div.dl-scaler { background-color: grey; z-index: 0; width: 0px; height: 0px; } div.dl-digilib div.dl-area { display: none; position: absolute; border: 2px solid #ff0000; } div.dl-digilib div.dl-areaoverlay { position: absolute; z-index: 100; } div.dl-digilib div.dl-birdview { border: 1px solid white; z-index: 10; } 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('img/mark-bg-16.png'); font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; height: 16px; width: 16px; padding-top: 1px; text-align: center; z-index: 10; } div.dl-digilib div.dl-annotationmark { position: absolute; color: black; background: url('img/annotationmark-bg-16.png'); /* background-color: yellow; */ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; height: 16px; width: 16px; padding-top: 1px; text-align: center; z-index: 10; } div.dl-digilib div.dl-about { position: absolute; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 2px solid lightcyan; background-color: lightgrey; text-align: center; display: none; z-index: 100; } div.dl-digilib div.dl-region { position: absolute; border: none; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: red; opacity: 0.3; /* do we still need this IE6-stuff? */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); } div.dl-digilib div.dl-region a:link, div.dl-digilib div.dl-region a:visited { color: white; } div.dl-digilib div.dl-region:hover { background-color: transparent; border: 2px solid red; opacity: 0.6; /* do we still need this IE6-stuff? */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } div.dl-digilib div.dl-regionArea { background-color: red; border: none; opacity: 0.3; } div.dl-digilib div.dl-regionHTML { background-color: purple; } 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 map.dl-regioncontent { display: none; } div.dl-digilib div.dl-highlightregion { background-color: transparent; border: 5px solid orange; opacity: 0.8; } div.dl-digilib div.dl-findregion { background-color: transparent; border: 5px solid orange; opacity: 0.8; } div.dl-digilib select.dl-finddata { font-size: 11px; } div.dl-digilib #dl-calibration { background: url('img/blue.png'); position: absolute; border: 2px solid lightcyan; width: 400px; display: none; z-index: 100; } div.dl-digilib #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; } /* annotations */ div.dl-digilib div.dl-annotationbody { background-color: yellow; border-radius: 5px; } div.dl-digilib div.dl-annotationbody div.dl-text { padding: 10px; } div.dl-digilib div.dl-annotationbody div.dl-creator { color: gray; padding: 5px; border-top: 1px solid silver; } div.dl-digilib #dl-cm { padding: 5px; } div.dl-digilib #dl-calibrationError { color: red; padding: 10px; display: none; } div.dl-digilib #dl-calibrationInput { margin: 0px 10px; } div.dl-digilib .dl-error { color: red; background-color: darkred; } div.dl-digilib button.dl-button { margin: 0px 10px 10px 10px; border-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; background: transparent; } div.dl-digilib table.dl-rgbslider td.dl-rgb { width: 40%; padding: 6px; border: 2px solid lightcyan; } div.dl-digilib div.dl-rgbslider { display: none; border: 2px solid lightcyan; background-color: lightgrey; width: 400px; padding: 10px; position: absolute; top: 0px; } div.dl-digilib div.dl-rgbsliderpreview, div.dl-digilib div.dl-singlesliderpreview { border: 2px solid lightcyan; margin: 10px 0px; } div.dl-digilib table.dl-rgbslider, div.dl-digilib table.dl-rgbslidergrey, div.dl-digilib table.dl-rgbsliderpreview, div.dl-digilib table.dl-singleslider, div.dl-digilib table.dl-singleslidergrey, div.dl-digilib table.dl-singlesliderpreview { width: 100%; border-collapse: collapse; } div.dl-digilib table.dl-rgbslidergrey td, div.dl-digilib table.dl-rgbsliderpreview td, div.dl-digilib table.dl-singleslidergrey td, div.dl-digilib table.dl-singlesliderpreview td { height: 20px; } div.dl-digilib td.dl-color div { color: lightcyan; border: 2px solid lightcyan; text-align: center; padding: 20px 0px; margin: 0px 20px 20px 0px; } div.dl-digilib td.dl-r div { background-color: #800000; } div.dl-digilib td.dl-g div { background-color: #008000; } div.dl-digilib td.dl-b div { background-color: #000080; } div.dl-digilib div.dl-singleslider { display: none; border: 2px solid lightcyan; background-color: lightgrey; width: 300px; padding: 10px; position: absolute; top: 0px; } div.dl-digilib div.dl-slider { border: 1px solid lightcyan; margin: 30px; z-index: 100; height: 6px; } div.dl-digilib div.dl-regionInfo { display: none; position: absolute; overflow: visible; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 2px solid lightcyan; color: black; background-color: lightgrey; width: 300px; z-index: 100; } div.dl-digilib div.dl-regionInfo a { color: white; text-decoration: none; font-size: 11px; font-weight: bold; width: 300px; } .dl-infobutton { background-color: lightcyan; color: grey; padding: 0px 4px; } div.dl-info { display: none; margin: 10px; } div.dl-infoheader { 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; } /* no borders for button images */ div.dl-digilib a img.dl-button { border:none; } /* 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; }