Mercurial > hg > documentViewer
annotate css/docuviewer.css @ 607:cb5a9c4f5e3a
CLOSED - # 268: display of subdocuments
https://it-dev.mpiwg-berlin.mpg.de/tracs/mpdl-project-software/ticket/268
| author | casties |
|---|---|
| date | Fri, 14 Dec 2012 17:28:31 -0500 |
| parents | fabd394302f1 |
| children | 0c6056271654 |
| rev | line source |
|---|---|
| 567 | 1 /* |
| 2 * Documentviewer style sheet. | |
| 3 * | |
| 4 * Robert Casties 2012. | |
| 5 */ | |
| 532 | 6 body { |
| 7 background-color: #ebebeb; | |
| 8 margin: 5px; | |
| 533 | 9 font-family: Verdana,Arial,sans-serif; |
| 532 | 10 font-size: 12px; |
| 11 } | |
| 12 | |
| 13 a:link, | |
| 14 a:visited { | |
| 15 color: black; | |
| 16 font-weight: bold; | |
| 17 text-decoration: none; | |
| 18 } | |
| 19 a:hover { | |
| 20 text-decoration: underline; | |
| 21 } | |
| 22 | |
| 23 /* | |
| 24 * head | |
| 25 */ | |
| 26 div.page-head div.logo { | |
| 27 display: table-cell; | |
| 28 vertical-align: top; | |
| 29 padding: 5px; | |
| 30 } | |
| 31 div.page-head div.title-block { | |
| 32 display: table-cell; | |
| 33 vertical-align: top; | |
| 34 } | |
| 35 div.page-head div.title { | |
| 36 max-width: 50em; | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
37 background-color: white; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
38 font-family: Georgia,Times,serif; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
39 font-size: 14px; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
40 line-height: 1.3; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
41 border: 1px solid silver; |
| 532 | 42 padding: 0.5em; |
| 43 } | |
| 44 | |
| 45 ul.view-switcher { | |
| 46 padding-left: 0; | |
| 47 margin-top: 4px; | |
| 48 } | |
| 49 ul.view-switcher li { | |
| 50 list-style-type: none; | |
| 51 display: inline; | |
| 52 background-color: #d0d0d0; | |
| 53 margin-right: 0; | |
| 54 border-bottom: 1px solid silver; | |
| 55 border-left: 1px solid silver; | |
| 56 border-right: 1px solid silver; | |
| 57 border-radius: 0 0 5px 5px; | |
| 58 padding: 5px; | |
| 59 } | |
| 60 ul.view-switcher li.sel { | |
| 61 background-color: white; | |
| 62 } | |
| 480 | 63 |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
64 /* |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
65 * body |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
66 */ |
| 485 | 67 div.page-body { |
| 481 | 68 display: table-row; |
| 480 | 69 } |
| 510 | 70 div.page-body div.col { |
| 483 | 71 display: table-cell; |
| 484 | 72 vertical-align: top; |
| 483 | 73 } |
| 480 | 74 |
| 532 | 75 /* |
| 76 * TOC | |
| 77 */ | |
| 78 div.toc-container { | |
| 79 display:table-row; | |
| 481 | 80 } |
| 81 | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
82 div.toc-switcher-col { |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
83 display: table-cell; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
84 } |
| 532 | 85 div.toc-switcher { |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
86 display: block; /* moz only does relative with block */ |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
87 position: relative; |
| 533 | 88 width: 26.5px; /* for moz and webkit -- don't ask me */ |
| 532 | 89 } |
| 90 div.toc-switcher ul { | |
| 91 position: absolute; | |
| 92 transform: rotate(270deg); | |
| 93 transform-origin: top left; | |
| 94 -moz-transform: rotate(270deg); | |
| 95 -moz-transform-origin: top left; | |
| 96 -webkit-transform: rotate(270deg); | |
| 97 -webkit-transform-origin: top left; | |
| 98 -o-transform: rotate(270deg); | |
| 99 -o-transform-origin: top left; | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
100 left: 7px; |
| 577 | 101 top: 34em; |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
102 width: 40em; |
| 532 | 103 padding: 0px; |
| 104 } | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
105 |
| 532 | 106 div.toc-switcher li { |
| 107 list-style-type: none; | |
| 108 display: inline; | |
| 109 background-color: #d0d0d0; | |
| 110 margin-bottom: 5px; | |
| 111 border-top: 1px solid silver; | |
| 112 border-left: 1px solid silver; | |
| 113 border-right: 1px solid silver; | |
| 114 border-radius: 5px 5px 0 0; | |
| 115 padding: 5px; | |
| 116 } | |
| 117 div.toc-switcher li.sel { | |
| 118 background-color: white; | |
| 511 | 119 } |
| 120 | |
| 532 | 121 div.tocbody { |
| 122 display: table-cell; | |
| 123 border: 1px solid silver; | |
| 537 | 124 border-radius: 5px; |
| 532 | 125 padding: 0.5em; |
| 126 background-color: white; | |
| 127 } | |
| 128 | |
| 537 | 129 div.tocbody h4 { |
| 130 margin-top: 0; | |
| 131 margin-bottom: 0.5em; | |
| 132 } | |
| 540 | 133 div.tocbody div.ruler.top { |
| 537 | 134 text-align: center; |
| 540 | 135 padding-bottom: 0.5em; |
| 136 } | |
| 137 div.tocbody div.ruler.bottom { | |
| 138 clear: both; | |
| 139 text-align: center; | |
| 140 padding-top: 0.5em; | |
| 537 | 141 } |
| 142 | |
| 532 | 143 div.tocbody.text, |
| 144 div.tocbody.figures { | |
| 145 max-width: 20em; | |
| 146 background-color: white; | |
| 147 } | |
| 148 | |
| 568 | 149 div.tocbody.text .toc.name, |
| 150 div.tocbody.figures .toc.name, | |
| 151 div.tocbody.concordance .toc.name { | |
| 510 | 152 float:left; |
| 153 clear:right; | |
| 568 | 154 margin-right: 1em; |
| 510 | 155 } |
| 568 | 156 div.tocbody.text .toc.page, |
| 157 div.tocbody.figures .toc.page, | |
| 158 div.tocbody.concordance .toc.page { | |
| 510 | 159 float:right; |
| 160 } | |
| 161 | |
| 532 | 162 div.tocbody table.thumbs td { |
| 163 text-align: center; | |
| 164 } | |
| 165 div.tocbody table.thumbs .thumb { | |
| 481 | 166 padding: 3px; |
| 167 } | |
| 532 | 168 div.tocbody table.thumbs .thumbsel { |
| 481 | 169 padding: 2px; |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
170 border: 1px solid #892B06; |
| 21 | 171 } |
| 532 | 172 div.tocbody table.thumbs .thumbcap { |
| 481 | 173 color: black; |
| 21 | 174 } |
| 607 | 175 div.tocbody table.thumbs a.outside { |
| 176 font-weight: normal; | |
| 177 } | |
| 511 | 178 |
| 537 | 179 div.tocbody table.concordance { |
| 180 border-collapse: collapse; | |
| 181 } | |
| 182 div.tocbody table.concordance td { | |
| 183 border: 1px solid silver; | |
| 184 text-align: center; | |
| 185 } | |
| 186 | |
| 532 | 187 /* |
| 188 * content | |
| 189 */ | |
| 190 div.col.main { | |
| 191 padding-left: 5px; | |
| 192 padding-right: 5px; | |
| 193 } | |
| 194 div.col.main div.ruler { | |
| 195 margin-top: 4px; | |
| 196 } | |
| 197 div.col.main span.ruler-main { | |
| 198 background-color: #d0d0d0; | |
| 199 border-left: 1px solid silver; | |
| 200 border-top: 1px solid silver; | |
| 201 border-right: 1px solid silver; | |
| 202 border-radius: 5px 5px 0 0; | |
| 203 padding: 4px; | |
| 204 } | |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
205 div.col.main div.ruler.down span.ruler-main { |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
206 border-radius: 0 0 5px 5px; |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
207 } |
| 532 | 208 |
| 209 div.col.main div.content { | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
210 min-width: 30em; |
| 532 | 211 background-color: white; |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
212 border: 1px solid silver; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
213 padding: 1em; |
| 532 | 214 } |
| 215 div.col.main div.content a:link, | |
| 216 div.col.main div.content a:visited { | |
| 217 font-weight: inherit; | |
| 218 color: #892B06; | |
| 219 } | |
| 511 | 220 span.hit.highlight { |
| 532 | 221 background-color: lime; |
| 222 } | |
| 223 | |
| 224 /* | |
| 225 * buttons | |
| 226 */ | |
| 227 div.col.buttons div.options { | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
228 background-color: white; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
229 border: 1px solid silver; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
230 border-radius: 5px; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
231 padding: 0.5em; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
232 margin-bottom: 5px; |
| 532 | 233 } |
| 234 div.col.buttons h4 { | |
| 235 margin-top: 0; | |
| 537 | 236 margin-bottom: 0.5em; |
| 532 | 237 } |
| 238 div.col.buttons ul { | |
| 239 list-style-type: none; | |
| 240 padding-left: 0; | |
| 537 | 241 margin-top: 0; |
| 532 | 242 margin-bottom: 0.5em; |
| 243 } | |
| 542 | 244 div.col.buttons ul.list { |
| 245 list-style-type: inherit; | |
| 246 padding-left: inherit; | |
| 247 } | |
| 248 div.col.buttons ul.list li { | |
| 249 margin-left: 1em; | |
| 250 } | |
| 538 | 251 div.options.digilib li img { |
| 252 vertical-align: middle; | |
| 253 } | |
| 254 | |
| 532 | 255 /* |
| 540 | 256 * text page |
| 257 */ | |
| 258 div.col.main div.content.text { | |
| 259 font-family: Junicode,Gentium,Georgia,serif; | |
| 260 font-size: 14px; | |
| 261 line-height: 1.3; | |
| 262 } | |
| 543 | 263 div.col.main div.content.text div.emptyPage { |
| 264 font-family: Verdana,Arial,sans-serif; | |
| 265 font-size: 12px; | |
| 266 } | |
| 565 | 267 div.col.main div.content.text .bf { |
| 268 font-weight: bold; | |
| 269 } | |
| 270 div.col.main div.content.text .head { | |
| 271 margin-top: 0.5em; | |
| 272 margin-bottom: 0.25em; | |
| 273 } | |
| 567 | 274 /* page break */ |
| 275 div.col.main div.content.text span.pb span.n, | |
| 276 div.col.main div.content.text span.pb span.o { | |
| 277 display: none; | |
| 278 } | |
| 568 | 279 /* running head */ |
| 567 | 280 div.col.main div.content.text span.pb span.rhead { |
| 568 | 281 display: block; |
| 565 | 282 text-align: center; |
| 283 margin-bottom: 1em; | |
| 284 } | |
| 573 | 285 /* note */ |
| 576 | 286 div.col.main div.content.text span.note span.noteBody { |
| 573 | 287 display: block; |
| 288 /* float: left; */ | |
| 289 margin-top: 0.5em; | |
| 290 margin-bottom: 0.5em; | |
| 291 padding: 5px; | |
| 292 border: 1px dashed silver; | |
| 293 } | |
| 294 div.col.main div.content.text span.note span.noteSign { | |
| 576 | 295 display: none; |
| 296 /* font-size: 70%; | |
| 297 vertical-align: super; */ | |
| 573 | 298 } |
| 299 /* figure */ | |
| 565 | 300 div.col.main div.content.text span.figure { |
| 301 display: block; | |
| 302 width: 200px; | |
| 303 margin-top: 0.5em; | |
| 304 margin-bottom: 0.5em; | |
| 305 padding: 5px; | |
| 306 border: 1px dashed silver; | |
| 307 /* float: right; */ | |
| 308 /* text-align: center; */ | |
| 309 } | |
| 310 div.col.main div.content.text span.figure>a, | |
| 311 div.col.main div.content.text span.figure span.figureNumber, | |
| 312 div.col.main div.content.text span.figure span.caption, | |
| 313 div.col.main div.content.text span.figure span.description { | |
| 314 display:block; | |
| 315 } | |
| 316 div.col.main div.content.text span.figure span.figureNum { | |
| 317 display: none; | |
| 318 } | |
| 540 | 319 /* |
| 532 | 320 * search results |
| 321 */ | |
| 322 div.col.results { | |
| 323 max-width: 20em; | |
| 540 | 324 padding-right: 5px; |
| 325 } | |
| 326 div.col.results div.result { | |
| 327 border: 1px solid silver; | |
| 328 border-radius: 5px; | |
| 329 padding: 0.5em; | |
| 330 } | |
| 331 div.col.results h4 { | |
| 332 margin-top: 0; | |
| 333 margin-bottom: 0.5em; | |
| 334 } | |
| 335 div.col.results div.ruler { | |
| 336 text-align: center; | |
| 337 margin-bottom: 0.5em; | |
| 338 } | |
| 339 div.col.results div.query { | |
| 340 margin-bottom: 0.5em; | |
| 532 | 341 } |
| 576 | 342 div.col.results div.content div.hit { |
| 343 margin-bottom: 0.5em; | |
| 344 } | |
| 345 div.col.results div.content div.hit span.hitLink { | |
| 346 margin-right: 0.5em; | |
| 347 } | |
| 532 | 348 |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
349 /* |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
350 * index page |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
351 */ |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
352 div.index-image { |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
353 padding-left: 1em; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
354 padding-right: 1em; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
355 padding-bottom: 1em; |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
356 padding-top: 1em; |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
357 } |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
358 div.index-info { |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
359 padding-top: 1em; |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
360 } |
| 539 | 361 div.index-info h2 { |
| 362 margin-top: 0.5em; | |
| 363 margin-bottom: 0.5em; | |
| 364 } | |
| 540 | 365 div.index-info td { |
| 366 vertical-align: top; | |
| 367 } | |
|
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
368 div.index-info td.type { |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
369 font-weight: bold; |
|
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
370 } |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
371 div.index-info td.content { |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
372 max-width: 30em; |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
373 } |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
374 |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
375 /* |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
376 * image page |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
377 */ |
| 590 | 378 div.col.main div.content.image { |
| 540 | 379 background-color: inherit; |
| 380 padding: 0; | |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
381 } |
| 590 | 382 div.col.main div.content.image table { |
| 537 | 383 border-collapse: collapse; /* for tight digilib */ |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
384 } |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
385 |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
386 /* |
|
597
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
387 * image search |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
388 */ |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
389 div.col.main div.content.image.search div.annotator-hl { |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
390 background-color: rgba(255, 10, 10, 0.3); |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
391 } |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
392 div.col.main div.content.image.search div.annotator-hl:hover { |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
393 background-color: transparent; |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
394 border: 2px solid red; |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
395 } |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
396 |
|
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
397 /* |
| 540 | 398 * xml page |
| 399 */ | |
| 400 div.col.main div.content.xml { | |
| 401 font-family: Monaco,Courier,monospace; | |
| 402 font-size: 12px; | |
| 403 } | |
| 576 | 404 div.col.main div.content.xml ul { |
| 405 padding-left: 1em; | |
| 406 } | |
| 540 | 407 div.col.main div.content.xml div.pageHeaderTitle { |
| 408 display: none; | |
| 409 } | |
| 410 | |
| 411 /* | |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
412 * thumbnail overview |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
413 */ |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
414 div.col.main div.content-thumbs { |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
415 border: 1px solid silver; |
| 540 | 416 padding: 0.5em; |
|
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
417 } |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
418 div.col.main table.thumbs td { |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
419 text-align: center; |
|
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
420 } |
| 543 | 421 |
| 422 /* | |
| 423 * footer | |
| 424 */ | |
| 425 div.footer { | |
| 426 max-width: 68em; | |
| 427 margin-top: 1em; | |
| 428 border-top: 1px solid silver; | |
| 429 margin-left: 28px; | |
| 430 margin-right: 28px; | |
| 431 text-align: center; | |
| 432 } | |
| 433 div.footer div.content { | |
| 434 font-size: 10px; | |
| 567 | 435 color: gray; |
| 543 | 436 } |
| 437 div.footer div.content a:link, | |
| 438 div.footer div.content a:visited { | |
| 567 | 439 color: gray; |
| 543 | 440 } |
