X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/462d84ea8718cd3ca1112fe11c2120a0f20f475f..bd1c5da61455bed0223f065bf3fa247a118e70c3:/wolnelektury/static/css/book_box.css?ds=sidebyside diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css index 2ba381985..b9ef8f286 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -1,5 +1,6 @@ .book-mini-box, .Book-item { display: inline-block; + vertical-align: top; } .book-wide-box, .book-box { @@ -82,9 +83,15 @@ margin: 0.5em; } -/*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote { - height: auto !important; -}*/ + +/* + * ingenous float containment hack + * http://www.mikepadgett.com/technology/technical/alternative-to-the-pie-clearfix-hack/ + */ +.search-result .book-box-inner { + height: 1%; + overflow: hidden; +} .book-mini-box img, .book-box img, .book-wide-box img, .search-result img { width: 13.9em; @@ -93,7 +100,7 @@ .book-mini-box img { margin-bottom: 1.8em; } -.book-box img, .book-wide-box img { +.book-box-inner img, .book-wide-box img { float: left; margin-right: 1.5em; } @@ -105,6 +112,9 @@ font-size: 1.1em; color: #707b7a; display: block; + overflow:hidden; + text-overflow: ellipsis; + white-space: nowrap; } .book-mini-box .title { font-size: 1.4em; @@ -119,7 +129,7 @@ } .book-wide-box .book-box-body { - height: 21.8em; + min-height: 17em; } .book-box-head { @@ -127,8 +137,12 @@ margin-top: 1.4em; margin-bottom: 1em; } +.book-box-head a { + color: black; +} .book-box-head .author { font-size: 1.1em; + max-width: 24em; } .book-box-head .title { font-size: 2.4em; @@ -187,6 +201,12 @@ margin-left: 14em; } +.book-wide-box #theme-list-wrapper { + margin-left: 15.4em; +} + + + .book-box-read a:before { content: "\2609"; font-family: WL-Nav; @@ -196,7 +216,7 @@ font-weight: normal; } -.book-box-download a:before { +.book-box-download a.downarrow:before { content: "\21E9"; font-family: WL-Nav; font-size: 2.25em; @@ -238,28 +258,6 @@ ul.book-box-tools { width: 41.5em; } -.book-wide-box blockquote.cite-body { - /* @ 18pt */ - width: 100%; /*23.055em;*/ - height: 7.222em; - background-color: #f7f7f7; - margin: 0; - position: relative; - top: -0.444em; - right: -0.555em; - vertical-align: center; -} - -.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; @@ -278,7 +276,7 @@ ul.inline-items li { .book-wide-box .other-download { float: left; - width: 22.5em; + width: 22em; margin: 6em 1.5em 0em 1.5em; } @@ -314,6 +312,7 @@ ul.inline-items li { .unlike .if-like { display: none; +} .snippets { width: 44em; @@ -321,10 +320,12 @@ ul.inline-items li { } .snippets .snippet-text { + background: #f7f7f7; font-size: 1.2em; margin: 1.083em 0em; + padding: 1em; } -.snipptes .anchor { +.snippets .anchor { display: none; }