client/app/books/book.css
changeset 95 46ce67c44723
parent 75 288fb435874e
child 104 7f2f72449dd8
--- 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