diff -r cb4cf30a1629 -r 46ce67c44723 client/app/books/book.css --- a/client/app/books/book.css Fri May 22 17:42:57 2015 +0200 +++ b/client/app/books/book.css Wed May 27 18:57:03 2015 +0200 @@ -1,38 +1,60 @@ .gallery .item { - overflow:hidden; position:relative; height: 250px; padding: 5px; + position:relative; + height: 206px; + width: 19%; + padding: 0; + margin: 5px; + border: 1px solid #cdcdcd; + overflow: hidden; } -.img-ctn { - height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden; -} - -.img-ctn:hover { - background-color: #DDD; +.gallery .item.no-img { + background-color: #dddddd; + border: 1px solid #cdcdcd; } -.img-ctn p { - background-color: #ddd; - bottom: -5px; - display: none; - padding: 2px 5px; +.gallery .item p { + text-align: center; + color: #505050; position: absolute; - width: calc(100% - 22px); -} + width:100%; + background-color: rgba(255, 255, 255, 0.7); + bottom: 0; + margin: 0; +} -.img-ctn:hover p, .img-ctn:hover .gallery-buttons { - display: block; +.gallery .item.no-img p { + font-size: 38px; + height: 179px; + padding-top: 25px; } .gallery .item img { - margin: 0 auto; - max-height: 100%; + position: absolute; + left: 50%; + top: 50%; + width: 100%; + height: auto; + -webkit-transform: translate(-50%,-50%); + -ms-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); +} + +.gallery .item .img-landscape { + height: 100%; + width: auto; } .gallery-buttons{ - display: none; + font-size:15px; position: absolute; - right: 10px; - top: 10px; + width: 100%; + padding: 2px 5px; + background-color: rgba(255, 255, 255, 0.7); +} + +.gallery-buttons a{ + cursor: pointer; } .subtitle { @@ -43,17 +65,17 @@ } .add-book{ - padding:20px; + padding:20px; } .add-book input{ - margin-bottom: 10px; + margin-bottom: 10px; } .accordion-toggle .glyphicon{ - font-size: 17px; - margin-left:10px; + font-size: 17px; + margin-left:10px; } .list-books:nth-child(odd){ - background-color:#f8f8f8; + background-color:#f8f8f8; } \ No newline at end of file