X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/55bc643c16dc56cf2377bd5c4d6e924d5fc62698..1a8b33e26200ad64a574c77d7b88ece2d65f8a98:/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 273cde5f1..876bf06b0 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -1,9 +1,12 @@ -.book-wide-box, .book-mini-box, .book-box { +.book-mini-box, .Book-item { display: inline-block; - margin: 0; vertical-align: top; } +.book-wide-box, .book-box { + margin: 0; + vertical-align: top; +} .book-box { width: 48.75em; @@ -14,7 +17,7 @@ } .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 **/ @@ -57,18 +60,49 @@ min-height: 24.4em; } -/*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote { - height: auto !important; -}*/ +.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; +} + + +/* + * 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; height: 19.3em; } .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; } @@ -78,8 +112,11 @@ } .book-mini-box .author { font-size: 1.1em; - color: #707b7a; + color: #6d7877; display: block; + overflow:hidden; + text-overflow: ellipsis; + white-space: nowrap; } .book-mini-box .title { font-size: 1.4em; @@ -89,23 +126,30 @@ .book-box-body { height: 17em; - overflow: hidden; + overflow:hidden; + position: relative; } .book-wide-box .book-box-body { - height: 21.8em; + min-height: 17em; } .book-box-head { min-height: 7em; - margin-top: 1.4em; + padding-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; + height: 2.4em; + overflow:hidden; margin-top: .3em; } .book-box-body .tags { @@ -121,7 +165,7 @@ .book-box-download a { position: relative; - z-index: 1; + z-index: 101; } .book-box-formats { @@ -136,7 +180,7 @@ -webkit-box-shadow: 2px 2px 2px #ddd; box-shadow: 2px 2px 2px #ddd; - z-index: 0; + z-index: 100; top: -1.454em; left: -1.727em; } @@ -154,19 +198,38 @@ } .book-box-tools { + width: 46em; font-size: 1.1em; } .book-wide-box .book-box-tools { margin-left: 14em; + width: 32em; +} + +.book-wide-box #theme-list-wrapper { + margin-left: 15.4em; + width: 30em; } -.book-box-tools a.downarrow:before { + + +.book-box-read a:before { content: "\2609"; font-family: WL-Nav; font-size: 2.25em; margin-right: .15em; vertical-align: middle; + font-weight: normal; +} + +.book-box-download a.downarrow:before { + content: "\21E9"; + font-family: WL-Nav; + font-size: 2.25em; + margin-right: .15em; + vertical-align: middle; + font-weight: normal; } .book-box-audiobook a:before { @@ -175,6 +238,7 @@ font-size: 2.25em; margin-right: .15em; vertical-align: middle; + font-weight: normal; } ul.book-box-tools { @@ -201,28 +265,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; @@ -235,17 +277,70 @@ ul.inline-items li { .book-wide-box .other-tools { float: left; width: 14.5em; - margin: 6em 0 0 1.5em; + margin: 5em 0 0 1.5em; } .book-wide-box .other-download { float: left; - width: 22.5em; - margin: 6em 1.5em 0em 1.5em; + width: 22em; + margin: 5em 1.5em 0em 1.5em; +} +.book-wide-box .other-tools h2, +.book-wide-box .other-download h2, +.book-wide-box .other-tools ul, +.book-wide-box .other-download ul { + font-size: 1.1em; +} + + + +.star { + font-size: 2.25em; + margin-right: .5em; + position: absolute; + right: 0; +} +.star button::-moz-focus-inner { + padding: 0; + border: 0 +} +.if-unlike button { + font-size: 1em; + font-family: inherit; + border: 0; + background: none; + margin: 0; + padding: 0; + color: #757575; +} + +.if-like a { + display:block; + text-align:right; + padding: 0; +} + +.like .if-unlike { + display: none; +} + +.unlike .if-like { + display: none; +} + +.snippets { + width: 44em; + float: right; } .snippets .snippet-text { + background: #f7f7f7; font-size: 1.2em; margin: 1.083em 0em; -} \ No newline at end of file + padding: 1em; +} + +.snippets .anchor { + display: none; +}