X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/7f95f426fe9d582ee5b33e73edc7ef7c78a82c12..b7f60fe7a944bbd0582896684fa09e02600a012d:/apps/wolnelektury_core/static/scss/main/book_box.scss diff --git a/apps/wolnelektury_core/static/scss/main/book_box.scss b/apps/wolnelektury_core/static/scss/main/book_box.scss index e8504e5df..e72bca8d0 100755 --- a/apps/wolnelektury_core/static/scss/main/book_box.scss +++ b/apps/wolnelektury_core/static/scss/main/book_box.scss @@ -216,6 +216,16 @@ } } +@media screen and (min-width: 50em) { + .picture.book-wide-box .right-column { + float: none; + @include size(width, 415px); + top: 0; + @include size(margin-left, 550px); + margin-top: 0em; + } +} + .book-box-body { @include size(margin-bottom, 10px); @@ -355,18 +365,29 @@ position: relative; z-index: 101; - &.downarrow { - color: black; + @mixin downarrow { + color: #0D7E85; - @include min-screen($S_BOOK_SHORT_FULL) { - color: #0D7E85; + &:before { + content: url("/static/img/download.png"); + @include size(font-size, 25px); + @include size(margin-right, 3.71px); + vertical-align: middle; + font-weight: normal; + display: inline; + } + } + &.downarrow { + @include downarrow; + &.hoverclick { + color: black; &:before { - content: url("/static/img/download.png"); - @include size(font-size, 25px); - @include size(margin-right, 3.71px); - vertical-align: middle; - font-weight: normal; + display: none; + } + + @include min-screen($S_BOOK_SHORT_FULL) { + @include downarrow; } } }