Mercurial > hg > digilib-old
annotate client/digitallibrary/jquery/jquery.digilib.css @ 770:6d7c51e4724b jquery
highlight buttons by background image
| author | hertzhaft |
|---|---|
| date | Thu, 10 Feb 2011 22:46:17 +0100 |
| parents | 8d5239d7b1d4 |
| children | d742bd92b05a |
| rev | line source |
|---|---|
| 725 | 1 /* |
| 2 * CSS style file for jQuery digilib | |
| 3 * | |
| 4 * Martin Raspe, Robert Casties, 11.1.2011 | |
| 5 */ | |
| 6 div.digilib div.scaler { | |
| 7 background-color: grey; | |
| 8 z-index: 0; | |
|
746
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
9 width: 0px; |
|
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
10 height: 0px; |
| 725 | 11 } |
| 12 | |
| 13 div.digilib div.birdview { | |
| 14 border: 1px solid white; | |
| 15 z-index: 10; | |
| 16 } | |
| 17 | |
| 18 div.digilib div.zoomrect { | |
| 19 position: absolute; | |
| 20 border: 2px solid #ff0000; | |
| 21 z-index: 100; | |
| 22 } | |
| 23 | |
| 726 | 24 div.digilib div.birdzoom { |
| 25 position: absolute; | |
| 26 border: 2px solid #ff0000; | |
| 27 z-index: 100; | |
| 28 } | |
| 29 | |
| 725 | 30 div.digilib div.mark { |
| 31 position: absolute; | |
| 32 color: white; | |
| 33 background: url('../greyskin/mark-bg-16.png'); | |
| 34 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 35 font-weight: bold; | |
| 36 font-size: 11px; | |
| 37 height: 15px; | |
| 38 width: 16px; | |
| 39 padding-top: 1px; | |
| 40 text-align: center; | |
| 41 z-index: 10; | |
| 42 } | |
| 43 | |
| 44 div.digilib div.about { | |
| 45 position: absolute; | |
| 46 width: 200px; | |
| 47 top: 100px; | |
| 48 left: 350px; | |
| 49 height: 200px; | |
| 50 padding: 0px 2px; | |
| 51 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 52 border: 2px solid lightcyan; | |
| 53 background-color: lightgrey; | |
| 54 text-align: center; | |
| 55 display: none; | |
| 56 z-index: 1000; | |
| 57 } | |
| 58 | |
| 59 /* special definitions for fullscreen */ | |
| 60 div.digilib.dl_fullscreen div.buttons { | |
| 61 position: fixed; | |
| 62 right: 0px; | |
| 63 top: 0px; | |
| 64 padding: 2px; | |
| 65 background-color: transparent; | |
| 66 z-index: 100; | |
| 67 } | |
| 68 | |
| 69 div.digilib.dl_fullscreen div.button:hover { | |
| 770 | 70 background-image: url('img/fullscreen/corona.png'); |
| 725 | 71 } |
| 72 | |
| 765 | 73 div.digilib.dl_fullscreen div.button-on { |
| 770 | 74 background-image: url('img/fullscreen/whitedisc.png'); |
| 765 | 75 } |
| 76 | |
| 725 | 77 div.digilib.dl_fullscreen div.birdview { |
| 78 position: fixed; | |
| 79 bottom: 8px; | |
| 80 right: 48px; | |
| 81 } | |
| 82 | |
| 83 /* special definitions for embedded */ | |
| 84 div.digilib.dl_embedded { | |
| 85 position: relative; | |
| 86 } | |
| 87 | |
| 88 div.digilib.dl_embedded div.buttons { | |
| 89 position: absolute; | |
| 90 right: 0px; | |
| 91 top: 0px; | |
| 92 padding: 1px; | |
| 93 background-color: grey; | |
| 94 opacity: 0.4; | |
| 95 z-index: 100; | |
| 96 } | |
| 97 | |
| 98 div.digilib.dl_embedded div.button:hover { | |
| 99 background-color: darkred; | |
| 100 } | |
| 101 | |
| 765 | 102 div.digilib.dl_embedded div.button-on { |
| 103 background-color: black; | |
| 104 } | |
| 105 | |
| 725 | 106 div.digilib.dl_embedded div.birdview { |
| 107 position: absolute; | |
| 108 bottom: 0px; | |
| 109 right: 0px; | |
| 726 | 110 } |