client/app/slideshow/slideshow.css
changeset 178 a3e1106b6f96
parent 106 cb13a9009bf5
--- a/client/app/slideshow/slideshow.css	Wed Jul 08 12:48:37 2015 +0200
+++ b/client/app/slideshow/slideshow.css	Wed Jul 08 17:45:44 2015 +0200
@@ -9,14 +9,15 @@
 .slideshow-content{
     margin-bottom : 15px;
     height: 465px;
+    padding-top: 2px;
 }
 
 .slideshow-content .media{
-    border: 1px solid #a8a8a8;  
+    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
 }
 
 .slideshow-content .caption{
-    border-top: 1px solid #a8a8a8;
+    box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, 0.75);
     color: #000;
     position: static;
     text-shadow: none;
@@ -24,10 +25,19 @@
     overflow: scroll;
     height: 100%
 }
+
+.caption .user-details{
+    min-height: 70%;
 }
-.slideshow-title .book{
-    font-size: 15px;
+
+.caption .user-details h1{
+    margin-top:0;
 }
+
+.caption .details{
+    min-height: 30%;
+}
+
 .slideshow-title h1 {
     display: inline-block;
     padding:0 15px;
@@ -75,11 +85,19 @@
     display: inline-block;
     position:relative;
     height: 115px;
-    width: 13%;
+    width: 14%;
     padding: 0;
     margin: 0 5px;
+    overflow: hidden;
+}
+.insight .item.no-img {
+    background-color: #f4f4f4;
     border: 1px solid #cdcdcd;
-    overflow: hidden;
+}
+.insight .item.no-img p{
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
 .insight .item img {
     position: absolute;