--- 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