Mercurial > hg > digilib-old
view webapp/src/main/webapp/jquery/jquery.digilib.css @ 1141:bbb09797d7fc
better search autocompletion; better colors
author | hertzhaft |
---|---|
date | Sat, 17 Nov 2012 01:20:55 +0100 |
parents | cd594aa261ec |
children |
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: gray; 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; background-image:url('.'); } 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-annotationregion { background-color: rgba(255, 255, 10, 0.3); /* border: 1px solid black; */ padding: 2px 4px; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; } div.dl-digilib div.dl-annotationregion:hover { background-color: transparent; border: 2px solid yellow; } div.dl-digilib div.dl-about { position: absolute; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 2px solid aqua; background-color: silver; 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; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: 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; } div.dl-digilib div.dl-regionArea { background-color: red; border: none; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } div.dl-digilib div.dl-regionHTML { background-color: blue; } div.dl-digilib div.dl-regionHTML:hover { background-color: transparent; border: 2px solid blue; } 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 aqua; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } div.dl-digilib div.dl-findregion { background-color: transparent; border: 5px solid aqua; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } div.dl-digilib select.dl-finddata { border: 1px solid black; width: 240px; } div.dl-digilib #dl-calibration { background: url('img/blue.png'); position: absolute; border: 2px solid aqua; 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: aqua; background: url('img/ruler-top.gif') 0px -1px repeat-x; } 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: maroon; } 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 aqua; } div.dl-digilib div.dl-rgbslider { display: none; border: 2px solid aqua; background-color: silver; width: 400px; padding: 10px; position: absolute; top: 0px; } div.dl-digilib div.dl-rgbsliderpreview, div.dl-digilib div.dl-singlesliderpreview { border: 2px solid aqua; 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: aqua; border: 2px solid aqua; 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 aqua; background-color: silver; width: 300px; padding: 10px; position: absolute; top: 0px; } div.dl-digilib div.dl-slider { border: 1px solid aqua; 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 aqua; color: black; background-color: silver; 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: aqua; color: gray; 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; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } 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: gray; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); 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: green; } div.dl-digilib.dl-embedded div.dl-birdview { position: absolute; bottom: 0px; right: 0px; }