X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/4cf27ad4ae5ac3610e857379b2a788582580aa5b..5eeb9dace6068f83e2b70b5222cfab0c0a5e71eb:/wolnelektury/static/css/book_box.css?ds=inline diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css index 8a91bc3fe..8dee81384 100755 --- a/wolnelektury/static/css/book_box.css +++ b/wolnelektury/static/css/book_box.css @@ -17,8 +17,6 @@ } .book-wide-box { - 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; @@ -60,16 +58,11 @@ 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; } @@ -88,10 +81,12 @@ * 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; @@ -110,7 +105,7 @@ } .book-mini-box .author { font-size: 1.1em; - color: #707b7a; + color: #6d7877; display: block; overflow:hidden; text-overflow: ellipsis; @@ -124,7 +119,7 @@ .book-box-body { height: 17em; - overflow: hidden; + overflow:hidden; position: relative; } @@ -134,7 +129,7 @@ .book-box-head { min-height: 7em; - margin-top: 1.4em; + padding-top: 1.4em; margin-bottom: 1em; } .book-box-head a { @@ -142,9 +137,12 @@ } .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 { @@ -160,7 +158,7 @@ .book-box-download a { position: relative; - z-index: 1; + z-index: 101; } .book-box-formats { @@ -175,33 +173,40 @@ -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; } .book-box-formats span { display: block; } - -.book-box-download:hover .book-box-formats span:first-child { +.book-box-download .book-box-formats span:first-child { margin-top: 1.454em; } -.book-box-download:hover .book-box-formats { +.book-box-download:hover .book-box-formats, +.book-box-download.hover .book-box-formats { display: block; } .book-box-tools { + width: 46em; font-size: 1.1em; } +.book-wide-box { + min-width: 48.75em; +} .book-wide-box .book-box-tools { margin-left: 14em; + width: 32em; } -.book-wide-box #themes-list-wrapper { - margin-left: 14em; +.book-wide-box #theme-list-wrapper { + margin-left: 15.4em; + margin-bottom: 3em; + width: 30em; } @@ -252,11 +257,6 @@ ul.book-box-tools { width: 7em; } -.book-wide-box .right-column { - float: right; - width: 41.5em; -} - ul.inline-items, ul.inline-items li { margin: 0; padding: 0; @@ -269,17 +269,24 @@ 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: 22em; - margin: 6em 1.5em 0em 1.5em; + 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; @@ -297,6 +304,7 @@ ul.inline-items li { background: none; margin: 0; padding: 0; + color: #757575; } .if-like a { @@ -313,11 +321,6 @@ ul.inline-items li { display: none; } -.snippets { - width: 44em; - float: right; -} - .snippets .snippet-text { background: #f7f7f7; font-size: 1.2em;