X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/3badd77f743883992829a1174eef7c8d5e851766..462d84ea8718cd3ca1112fe11c2120a0f20f475f:/wolnelektury/static/css/book_box.css diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css index b816fc01a..2ba381985 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -7,7 +7,6 @@ vertical-align: top; } - .book-box { width: 48.75em; } @@ -17,15 +16,29 @@ } .book-wide-box { - width: 98.5em; + width: 97.5em; + + /** This is a fullpage box, it must be aligned with the top menu. + This corresponds to a .1em margin below **/ margin-left: -0.1em; } +/* + * A mini-box wraps it's contents (image + label) in an + * other boxes have an inner box as a wrapper. + */ + +.book-box-inner { + /* min, so it can grow */ + min-height: 19.75em; + margin: .5em; +} + .book-mini-box a, .book-box-inner { display: block; color: black; border: 1px solid #ddd; - height: 20em; +/* height: 20em; */ padding: .8em 1em; margin: .1em; background: #fff; @@ -39,16 +52,41 @@ margin: .1em; overflow: hidden; } -.book-box-inner { - height: 19.75em; - margin: .5em; -} + .book-wide-box .book-box-inner { - height: 24.4em; + /* min, so it can grow */ + min-height: 24.4em; +} + +.search-result { + width: 97.5em; +} + +.search-result .book-box-body { + width: 31em; +} + +.book-list-header { + width: 97.5em; + padding: 0em; + margin-left: -0.1em; } -.book-mini-box img, .book-box img, .book-wide-box img { +.book-list-header .book-box-inner { + min-height: 1em; +} + +.book-list-header p { + font-size: 2.4em; + margin: 0.5em; +} + +/*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote { + height: auto !important; +}*/ + +.book-mini-box img, .book-box img, .book-wide-box img, .search-result img { width: 13.9em; height: 19.3em; } @@ -212,10 +250,16 @@ ul.book-box-tools { vertical-align: center; } -.book-wide-box blockquote div { +.book-wide-box blockquote div.cite-text { padding: 0.888em; } +.book-wide-box blockquote p.cite-more { + display: inline; + font-size: 0.611em; + float: right; +} + ul.inline-items, ul.inline-items li { margin: 0; padding: 0; @@ -225,22 +269,20 @@ ul.inline-items li { display: inline-block; } -.book-wide-box #other-tools { +.book-wide-box .other-tools { float: left; width: 14.5em; margin: 6em 0 0 1.5em; } -.book-wide-box #other-download { +.book-wide-box .other-download { float: left; width: 22.5em; - margin: 6em 1.5em 0em 1.5em + margin: 6em 1.5em 0em 1.5em; } - - .star { font-size: 2.25em; margin-right: .5em; @@ -272,5 +314,17 @@ ul.inline-items li { .unlike .if-like { display: none; + +.snippets { + width: 44em; + float: right; } +.snippets .snippet-text { + font-size: 1.2em; + margin: 1.083em 0em; +} + +.snipptes .anchor { + display: none; +}