Added image zoom button

1 files changed, 59 insertions, 40 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 13bcf68..eb3959d 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -608,11 +608,25 @@ width:100;
   background-position:bottom right;
   background-attachment:fixed;
   display: inline-block;
+  position: relative;
 }
 
 
 .msg-hover{
-  background-color:#fff;
+    background-color:#fff;
+}
+
+.msg-image-zoom {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    opacity: 50%;
+}
+
+.msg-image-zoom img {
+    height: 48px;
+    width: 48px;
+    opacity: 100%;
 }
 
 .msgDiv.favorite{
@@ -625,46 +639,49 @@ width:100;
 div.content img:hover{background-color:white;}
 .nick{background-color:white;margin-right:3px;}
 .msgDiv dump{background-color:white;} 
-  /*searchstuff*/
+
+/*searchstuff*/
 #searchbox{
-position:absolute;
-top:18px;
-right:36px;
+    position:absolute;
+    top:18px;
+    right:36px;
 }
+
 #search-query{
-background: white;
-border: 1px solid #999;
-color: #C0C8D3;
-font-size: 13px;
-padding: 3px 12px 3px 37px;
-padding-left: 37px;
-text-indent:5px;
-	border-radius: 50px;
-	-webkit-border-radius: 50px;
-	-moz-border-radius: 50px;
+    background: white;
+    border: 1px solid #999;
+    color: #C0C8D3;
+    font-size: 13px;
+    padding: 3px 12px 3px 37px;
+    padding-left: 37px;
+    text-indent:5px;
+    border-radius: 50px;
+    -webkit-border-radius: 50px;
+    -moz-border-radius: 50px;
 }
+
 .search_icon  {
-background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent;
-bottom:3px;
-cursor:pointer;
-left:6px;
-opacity:0.8;
-border-right:1px solid #C0C8D3;
-position:absolute;
-top:3px;
-width:32px;
+    background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent;
+    bottom:3px;
+    cursor:pointer;
+    left:6px;
+    opacity:0.8;
+    border-right:1px solid #C0C8D3;
+    position:absolute;
+    top:3px;
+    width:32px;
 }
 
 #searchresults{
     top:50px;
     overflow:auto;
-	position:fixed;background-image:url(/static/img/bg.dither.gif);
-background-color:#eee;
-width:100%;
-min-width:600px;
-border-bottom:1px solid #000;
-left:-1px;
-margin-top:-1px;
+    position:fixed;background-image:url(/static/img/bg.dither.gif);
+    background-color:#eee;
+    width:100%;
+    min-width:600px;
+    border-bottom:1px solid #000;
+    left:-1px;
+    margin-top:-1px;
 }
 #searchresults img{
     max-width:300px;
@@ -1031,23 +1048,25 @@ padding-bottom:1;
 	color:#000;
 border:1px solid #000;border-right:0px;
 }
-.msgDiv img{
+.msgDiv img {
     max-width:650px;
     width: expression(this.width > 650 ? 650: true);
     max-height:400px;
     height: expression(this.width > 400 ? 400: true);
     max-width:400px;
-margin:-2;
- z-index: 1;
-opacity:1;
--webkit-transition: opacity;
--webkit-transition-timing-function: ease-out;
--webkit-transition-duration: 500ms;
-
+    margin:-2;
+    z-index: 1;
+    opacity:1;
+    -webkit-transition: opacity;
+    -webkit-transition-timing-function: ease-out;
+    -webkit-transition-duration: 500ms;
+    
 }
 
-.msgDiv {padding:2px;   
+.msgDiv {
+    padding:2px;   
 }
+
 .oldmsg {
     color: #666;
 }