Mercurial > hg > documentViewer
comparison css/docuviewer.css @ 536:abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
| author | casties |
|---|---|
| date | Thu, 26 Jul 2012 21:22:56 +0200 |
| parents | 510bae2b593b |
| children | ad6f97fd3944 |
comparison
equal
deleted
inserted
replaced
| 535:510bae2b593b | 536:abd36d4d97b8 |
|---|---|
| 55 } | 55 } |
| 56 ul.view-switcher li.sel { | 56 ul.view-switcher li.sel { |
| 57 background-color: white; | 57 background-color: white; |
| 58 } | 58 } |
| 59 | 59 |
| 60 /* | |
| 61 * body | |
| 62 */ | |
| 60 div.page-body { | 63 div.page-body { |
| 61 display: table-row; | 64 display: table-row; |
| 62 } | 65 } |
| 63 div.page-body div.col { | 66 div.page-body div.col { |
| 64 display: table-cell; | 67 display: table-cell; |
| 166 border-top: 1px solid silver; | 169 border-top: 1px solid silver; |
| 167 border-right: 1px solid silver; | 170 border-right: 1px solid silver; |
| 168 border-radius: 5px 5px 0 0; | 171 border-radius: 5px 5px 0 0; |
| 169 padding: 4px; | 172 padding: 4px; |
| 170 } | 173 } |
| 174 div.col.main div.ruler.down span.ruler-main { | |
| 175 border-radius: 0 0 5px 5px; | |
| 176 } | |
| 171 | 177 |
| 172 div.col.main div.content { | 178 div.col.main div.content { |
| 173 min-width: 30em; | 179 min-width: 30em; |
| 174 background-color: white; | 180 background-color: white; |
| 175 font-family: Junicode,Gentium,Georgia,serif; | 181 font-family: Junicode,Gentium,Georgia,serif; |
| 217 | 223 |
| 218 /* | 224 /* |
| 219 * index page | 225 * index page |
| 220 */ | 226 */ |
| 221 div.index-image { | 227 div.index-image { |
| 222 float: left; | |
| 223 padding-left: 1em; | 228 padding-left: 1em; |
| 224 padding-right: 1em; | 229 padding-right: 1em; |
| 225 padding-bottom: 1em; | 230 padding-bottom: 1em; |
| 231 padding-top: 1em; | |
| 232 } | |
| 233 div.index-info { | |
| 234 padding-top: 1em; | |
| 226 } | 235 } |
| 227 div.index-info td.type { | 236 div.index-info td.type { |
| 228 font-weight: bold; | 237 font-weight: bold; |
| 229 } | 238 } |
| 239 div.index-info td.content { | |
| 240 max-width: 30em; | |
| 241 } | |
| 242 div.index-actions { | |
| 243 float: left; | |
| 244 border: 1px solid silver; | |
| 245 padding: 1em; | |
| 246 margin-top: 2em; | |
| 247 } | |
| 248 div.index-actions div.action { | |
| 249 margin-bottom: 1em; | |
| 250 } | |
| 251 | |
| 252 /* | |
| 253 * image page | |
| 254 */ | |
| 255 div.col.main div.content-images { | |
| 256 border: 1px solid silver; | |
| 257 } | |
| 258 div.col.main div.content-images table { | |
| 259 border-collapse:collapse; /* for tight digilib */ | |
| 260 } | |
| 261 | |
| 262 /* | |
| 263 * thumbnail overview | |
| 264 */ | |
| 265 div.col.main div.content-thumbs { | |
| 266 border: 1px solid silver; | |
| 267 padding: 1em; | |
| 268 } | |
| 269 div.col.main table.thumbs td { | |
| 270 text-align: center; | |
| 271 } |
