X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/27645bc61a8cb186116d6410217011dd755823f2..f230a3850ec568f2281f085a076a6185d8c82b5c:/wolnelektury/static/css/book_box.css diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css index aa50e67f4..12adda1d9 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -15,6 +15,7 @@ .book-wide-box { width: 98.5em; + margin-left: -0.1em; } .book-mini-box a, .book-box-inner { @@ -40,6 +41,10 @@ margin: .5em; } +.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; @@ -57,11 +62,12 @@ } .book-mini-box .author { font-size: 1.1em; - color: #777; + color: #707b7a; display: block; } .book-mini-box .title { font-size: 1.4em; + color: #242424; } @@ -69,6 +75,11 @@ height: 17em; overflow: hidden; } + +.book-wide-box .book-box-body { + height: 21.8em; +} + .book-box-head { min-height: 7em; margin-top: 1.4em; @@ -118,7 +129,7 @@ } -.book-box-download:hover .book-box-formats:first { +.book-box-download:hover .book-box-formats span:first-child { margin-top: 1.454em; } @@ -129,11 +140,24 @@ .book-box-tools { font-size: 1.1em; } + +.book-wide-box .book-box-tools { + margin-left: 14em; +} + .book-box-tools a.downarrow:before { - content: "⇩"; + content: "\2609"; font-family: WL-Nav; - font-size: 2em; - margin-right: .25em; + font-size: 2.25em; + margin-right: .15em; + vertical-align: middle; +} + +.book-box-audiobook a:before { + content: "\266B"; + font-family: WL-Nav; + font-size: 2.25em; + margin-right: .15em; vertical-align: middle; } @@ -147,13 +171,13 @@ ul.book-box-tools { } .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 { @@ -177,16 +201,25 @@ ul.book-box-tools { 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-left: 1.5em; + margin: 6em 0 0 1.5em; } - .book-wide-box #other-download { float: left; - width 22.5em; - margin: 0em 1.5em 0em 1.5em + width: 22.5em; + margin: 6em 1.5em 0em 1.5em } +