X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/77baf8640ab29684909b9f57cd9d4999dad2071f..a91eb26eb1627fbb4ca7bd15ff850e0393ca817e:/wolnelektury/static/css/book_box.css diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css index b51750287..b816fc01a 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -1,5 +1,8 @@ -.book-mini-box, .book-box { +.book-mini-box, .Book-item { display: inline-block; +} + +.book-wide-box, .book-box { margin: 0; vertical-align: top; } @@ -13,6 +16,11 @@ width: 16.15em; } +.book-wide-box { + width: 98.5em; + margin-left: -0.1em; +} + .book-mini-box a, .book-box-inner { display: block; color: black; @@ -36,14 +44,18 @@ margin: .5em; } -.book-mini-box img, .book-box img { +.book-wide-box .book-box-inner { + height: 24.4em; +} + +.book-mini-box img, .book-box img, .book-wide-box img { width: 13.9em; height: 19.3em; } .book-mini-box img { margin-bottom: 1.8em; } -.book-box img { +.book-box img, .book-wide-box img { float: left; margin-right: 1.5em; } @@ -53,18 +65,25 @@ } .book-mini-box .author { font-size: 1.1em; - color: #777; + color: #707b7a; display: block; } .book-mini-box .title { font-size: 1.4em; + color: #242424; } .book-box-body { height: 17em; overflow: hidden; + position: relative; +} + +.book-wide-box .book-box-body { + height: 21.8em; } + .book-box-head { min-height: 7em; margin-top: 1.4em; @@ -114,7 +133,7 @@ } -.book-box-download:hover .book-box-formats:first { +.book-box-download:hover .book-box-formats span:first-child { margin-top: 1.454em; } @@ -125,19 +144,133 @@ .book-box-tools { font-size: 1.1em; } -.book-box-tools a.downarrow:before { - content: "⇩"; + +.book-wide-box .book-box-tools { + margin-left: 14em; +} + +.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: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 { + content: "\266B"; font-family: WL-Nav; - font-size: 2em; - margin-right: .25em; + font-size: 2.25em; + margin-right: .15em; vertical-align: middle; + font-weight: normal; } + +ul.book-box-tools { + margin: 0; + padding: 0; +} + +.book-box-tools li { + display: inline-block; +} + .book-box-read { - width: 11em; + width: 11.5em; } .book-box-download { - width: 8em; + width: 8.5em; } .book-box-audiobook { - width: 8em; + width: 7em; +} + +.book-wide-box .right-column { + float: right; + 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 { + padding: 0.888em; +} + +ul.inline-items, ul.inline-items li { + margin: 0; + padding: 0; +} + +ul.inline-items li { + display: inline-block; +} + +.book-wide-box #other-tools { + float: left; + width: 14.5em; + margin: 6em 0 0 1.5em; + +} + +.book-wide-box #other-download { + float: left; + width: 22.5em; + margin: 6em 1.5em 0em 1.5em +} + + + + +.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; +} + +.if-like a { + display:block; + text-align:right; + padding: 0; +} + +.like .if-unlike { + display: none; +} + +.unlike .if-like { + display: none; +} +