Mercurial > hg > digilib
annotate client/digitallibrary/greyskin/diginew.css @ 683:33a4ac6b0b48 jquery
more or less buttons buttons - with animation :-)
| author | robcast |
|---|---|
| date | Wed, 26 Jan 2011 23:25:41 +0100 |
| parents | 4d7d05f1d145 |
| children |
| rev | line source |
|---|---|
| 404 | 1 /* Styles for Digilib NG */ |
| 2 /* (c) 2005 by Martin Raspe <hertzhaft@biblhertz.it> */ | |
| 3 /* Bibliotheca Hertziana (Max-Planck-Institute for Art History), Rome */ | |
| 4 | |
| 5 body { | |
| 6 background-color: #E0E0E0; | |
| 7 color: black; | |
| 8 font-size: 8pt; | |
|
519
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
9 margin-left: 8px; |
|
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
10 margin-top: 8px; |
| 518 | 11 padding: 0px; |
| 404 | 12 } |
| 13 | |
| 14 code { | |
| 15 font-family: monospace; | |
| 16 color: blue; | |
| 17 } | |
| 18 | |
| 19 pre { color: #006060; } | |
| 20 | |
| 21 | |
| 22 a.icon { | |
| 23 margin: 0px; | |
| 24 padding: 0px; | |
| 25 } | |
| 26 | |
| 411 | 27 a.arrow { |
| 28 display: block; | |
| 29 position: absolute; | |
| 30 border: none; | |
| 510 | 31 z-index: 50; |
| 411 | 32 background-repeat: no-repeat; |
| 424 | 33 background-position: center; |
| 411 | 34 } |
| 428 | 35 |
| 411 | 36 a#up:hover { |
| 37 background-image: url('up.png'); | |
| 38 } | |
| 39 | |
| 40 a#down:hover { | |
| 41 background-image: url('down.png'); | |
| 42 } | |
| 43 | |
| 44 a#left:hover { | |
| 45 background-image: url('left.png'); | |
| 46 } | |
| 47 | |
| 48 a#right:hover { | |
| 49 background-image: url('right.png'); | |
| 50 } | |
| 51 | |
| 404 | 52 /* Images */ |
| 53 | |
| 54 img.logo { | |
| 55 border: none; | |
| 56 } | |
| 57 | |
| 58 img.png { | |
| 59 border: none; | |
| 60 } | |
| 411 | 61 |
| 404 | 62 img.png:hover { |
| 63 background-image: url('corona.png'); | |
| 64 } | |
| 411 | 65 |
| 66 img#bird-image { | |
| 67 border: none; | |
| 510 | 68 position: fixed; |
| 516 | 69 bottom: 8px; |
| 70 right: 48px; | |
| 411 | 71 visibility: hidden; |
| 72 z-index: 1; | |
| 73 } | |
| 404 | 74 |
| 75 /* DIVs */ | |
| 76 | |
| 77 div.button { | |
| 78 padding: 0px; | |
| 79 } | |
| 80 | |
| 436 | 81 div.separator { |
| 82 margin-bottom: 4px; | |
| 83 border-top: 2px solid lightgrey; | |
| 84 } | |
| 85 | |
| 404 | 86 div.mark { |
| 87 position: absolute; | |
| 88 color: white; | |
| 89 background: url('mark-bg-16.png'); | |
| 90 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 91 font-weight: bold; | |
| 92 font-size:11px; | |
| 448 | 93 height: 15px; |
| 404 | 94 width: 16px; |
| 448 | 95 padding-top: 1px; |
| 404 | 96 text-align: center; |
| 97 z-index: 10; | |
| 518 | 98 visibility: hidden; |
| 404 | 99 /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mark-bg-16.png') */ |
| 100 } | |
| 101 | |
| 518 | 102 div#bg { |
| 103 position: absolute; | |
| 104 background-color: grey; | |
| 105 background-repeat:no-repeat; | |
| 106 cursor: move; | |
| 107 visibility: hidden; | |
| 108 } | |
| 109 | |
| 435 | 110 div#scaler { |
|
519
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
111 margin-right: 50px; |
|
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
112 /* position: absolute; |
| 435 | 113 left: 8px; |
| 114 top: 8px; | |
| 518 | 115 bottom: 8px; |
| 435 | 116 right: 44px; |
| 448 | 117 */ /* overflow: auto; */ |
| 404 | 118 } |
| 119 | |
| 518 | 120 div#scaler img { |
| 121 cursor: default; | |
| 122 } | |
| 123 | |
| 513 | 124 div#overlay, div#bird-overlay { |
| 510 | 125 position: fixed; |
| 428 | 126 background-color: transparent; |
|
519
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
127 border: none; |
| 411 | 128 z-index: 100; |
| 404 | 129 visibility: hidden; |
| 438 | 130 /* box-sizing: border-box; |
| 131 -moz-box-sizing: border-box; */ | |
| 404 | 132 } |
| 133 | |
| 134 div#buttons { | |
| 448 | 135 position: fixed; |
| 404 | 136 right: 5px; |
| 137 top: 5px; | |
| 448 | 138 padding: 3px; |
| 139 /* background-color: #E0E0E0; */ | |
| 140 background-color: lightgrey; | |
| 141 } | |
| 404 | 142 |
| 143 div#dloptions { | |
| 448 | 144 position: fixed; |
| 404 | 145 right: 5px; |
| 146 top: 5px; | |
| 448 | 147 padding: 3px; |
| 148 /* background-color: #E0E0E0; */ | |
| 149 background-color: lightgrey; | |
| 404 | 150 visibility: hidden; |
| 151 } | |
| 152 | |
| 153 div#zoom { | |
| 154 position: absolute; | |
| 510 | 155 /* border: 2px solid #ffa060; */ |
| 156 border: 2px solid #ff0000; | |
| 518 | 157 z-index: 200; |
| 411 | 158 visibility: hidden; |
| 438 | 159 /* box-sizing: border-box; |
| 160 -moz-box-sizing: border-box; */ | |
| 411 | 161 } |
| 162 | |
| 163 div#bird-area { | |
| 510 | 164 position: fixed; |
| 165 /* border: 2px solid #ffa060; */ | |
| 166 border: 2px solid #ff0000; | |
| 411 | 167 background-color: transparent; |
| 438 | 168 /* box-sizing: border-box; |
| 169 -moz-box-sizing: border-box; */ | |
| 411 | 170 z-index: 10; |
| 518 | 171 visibility: hidden; |
| 411 | 172 } |
| 404 | 173 |
| 428 | 174 div#calibration { |
| 435 | 175 background: url('blue.png'); |
| 428 | 176 position: absolute; |
|
519
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
177 top: 0px; |
| 450 | 178 width: 400px; |
| 435 | 179 padding: 0px; |
| 428 | 180 visibility: hidden; |
| 181 z-index: 1000; | |
| 182 } | |
| 183 | |
| 435 | 184 div#calibration div { |
| 185 width: 100%; | |
| 186 height: 100%; | |
| 187 margin: 0px; | |
| 188 padding: 0px; | |
| 189 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 190 text-align: center; | |
| 191 color: lightcyan; | |
| 192 border: 1px solid lightcyan; | |
| 193 background: url('ruler-top.gif') 0px -1px repeat-x; | |
| 194 z-index: 1001; | |
| 195 } | |
| 196 | |
| 197 p.cm { | |
| 198 font-weight: bold; | |
| 199 } | |
| 200 | |
| 450 | 201 div.popup-menu { |
| 436 | 202 position: absolute; |
|
519
4d7d05f1d145
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
518
diff
changeset
|
203 top: 0px; |
| 436 | 204 padding: 0px 2px; |
| 205 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 438 | 206 border: 2px solid lightcyan; |
| 436 | 207 background-color: lightgrey; |
| 208 text-align: center; | |
| 209 visibility: hidden; | |
| 210 z-index: 1005; | |
| 211 } | |
| 212 | |
| 450 | 213 div.popup-menu p { |
| 438 | 214 margin: 2px 0px; |
| 215 padding: 0px; | |
| 436 | 216 } |
| 217 | |
| 450 | 218 div.popup-menu p:hover { |
| 438 | 219 background-color: #ffa060; |
| 436 | 220 } |
| 221 | |
| 450 | 222 div.popup-menu a { |
| 436 | 223 text-decoration: none; |
| 438 | 224 color: black; |
| 436 | 225 } |
| 226 | |
| 404 | 227 div#about { |
| 228 position: absolute; | |
| 229 width: 200px; | |
| 230 top: 100px; | |
| 231 left: 350px; | |
| 232 height: 200px; | |
| 233 padding: 0px 2px; | |
| 234 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 438 | 235 border: 2px solid lightcyan; |
| 404 | 236 background-color: lightgrey; |
| 237 text-align: center; | |
| 238 visibility: hidden; | |
| 239 z-index: 1000; | |
| 240 } | |
| 241 | |
| 428 | 242 div#about p { |
| 243 margin: 6px; | |
| 244 } | |
| 245 | |
| 246 | |
| 404 | 247 /* DEBUG elements */ |
| 248 | |
| 249 div#debug { | |
| 250 position: absolute; | |
| 428 | 251 width: 150px; |
| 252 top: 50px; | |
| 253 right: 36px; | |
| 254 bottom: 50px; | |
| 404 | 255 overflow: auto; |
| 256 padding: 0px 2px; | |
| 257 font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 435 | 258 color: lightgreen; |
| 259 border: 1px dotted black; | |
| 411 | 260 background-color: transparent; |
| 441 | 261 visibility: hidden; |
| 404 | 262 } |
| 263 | |
| 411 | 264 div#debug p.debug, h1 { |
| 404 | 265 font-weight: bold; |
| 266 color: lightcyan; | |
| 267 } | |
| 268 | |
| 411 | 269 div#debug p, h1 { |
| 270 margin: 0px; | |
| 271 padding: 2px 0px; | |
| 272 font-size: 9px; | |
| 435 | 273 background-color: black; |
| 411 | 274 } |
| 404 | 275 |
| 435 | 276 |