X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/4e4193d13fea114ac1b2714f9a262a4bc6d79b75..8f031335a8a0dabceec381b89eb0cbbcb2f4b637:/src/wolnelektury/static/scss/main/book_box.scss?ds=sidebyside diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss old mode 100755 new mode 100644 index dd2a77f49..b1bfe9341 --- a/src/wolnelektury/static/scss/main/book_box.scss +++ b/src/wolnelektury/static/scss/main/book_box.scss @@ -15,10 +15,10 @@ @include size(margin-bottom, 5px); @include min-screen($S_BOOK_SHORT_FULL) { - position: absolute; - top: 0; - left: 0; - margin-right: 0; + //position: absolute; + //top: 0; + //left: 0; + //margin-right: 0; } img.cover { @@ -136,6 +136,7 @@ @media screen and (min-width: 1024px) { display: inline-block; @include size(width, 590px); + @include size(min-height, 196px); } } @@ -147,6 +148,17 @@ } } + .license-icon { + display: block; + @include size(margin-top, 5px); + } + + .project-icon { + @include size(max-width, 100px); + @include size(max-height, 100px); + } + + .jp-type-playlist { margin-top: 24px; @@ -175,6 +187,7 @@ @media screen and (min-width: 62.5em) { float: left; @include size(width, 536px); + @include size(min-height, 196px); } } @@ -183,6 +196,12 @@ @include size(margin-top, 5px); } + .project-icon { + @include size(max-width, 100px); + @include size(max-height, 100px); + } + + @include min-screen($S_BOOK_SHORT_FULL) { // Show full title on the work's page. @@ -312,9 +331,6 @@ @include size(min-height, 70px); } - a { - color: black; - } .author { @include size(font-size, 11px); @include mono; @@ -337,6 +353,10 @@ @include size(height, 57.6px); overflow: hidden; } + + a { + color: black; + } } } @@ -388,6 +408,16 @@ @include size(margin-left, 139px + 15px); } + &.book-box-tools-warn { + font-size: 1rem; + margin-bottom: 1em; + max-width: 32em; + border: 3px solid #9ACD32; + padding: 1em; + box-sizing: border-box; + } + + li { @include mono; margin-top: 0; @@ -447,14 +477,16 @@ } .book-box-formats { - display: inline-block; max-width: 300px; vertical-align: top; padding-top: 6px; + border-collapse: collapse; a { - display: inline-block; + display: table-cell; @include size(padding, .2em 1em); + border:1px solid black; + line-height: 20px; } } } @@ -524,6 +556,11 @@ @include size(margin-top, 18px); overflow: hidden; position: relative; + clear: left; + + @media screen and (min-width: 62.5em) { + @include size(width, 536px); + } p.paragraph { margin-bottom: 0; @@ -551,4 +588,4 @@ background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%) } } -} \ No newline at end of file +}