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 } |