sostler prod commit

4 files changed, 42 insertions, 25 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 1a8c526..93e1776 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -59,7 +59,18 @@ table {
 
 /*header stuff */
 
-
+a.img_roll:link, .img_roll{
+	width:130px;
+	height:46px;
+	display:block;
+	background-image:url(http://dump.fm/static/img/dumppixel.png);
+}
+a.img_roll:hover{
+	width:130px;
+	height:46px;
+	display:block;
+	background-image:url(http://dump.fm/static/img/dumppixelhover.png);
+}
 .white a:hover {
 	text-decoration: none;
 	color: #fff;
@@ -583,7 +594,7 @@ width:100;
 .msg-hover.content img {
   cursor: pointer;
   background-position:center;
-  opacity:0.9;
+  opacity:0.8;
   z-index:2;
   display: inline-block;
 }
@@ -593,7 +604,6 @@ width:100;
   background-image:url("/static/img/thumbs/stripes.gif");
   opacity:1.0;
   color:#000;
-  background-color:#fff;
   background-position:bottom right;
   z-index:3;
   background-attachment:fixed;
@@ -601,10 +611,9 @@ width:100;
 
 .msg-hover.content .img-wrapper {
   cursor: pointer;
-  background-image:url("/static/img/thumbs/stripes.gif");
+  background-image:url("/static/img/thumbs/heartcolorshift.gif");
   opacity:1.0;
   color:#000;
-  background-color:#fff;
   background-position:bottom right;
   background-attachment:fixed;
   display: inline-block;
@@ -627,13 +636,23 @@ width:100;
 a.msg-image-zoom img.zoom-icon {
     height: 48px;
     width: 48px;
-    opacity: .5;
-    border: 2px gray dashed;
+    opacity: .8;
+    border: 1px solid black;
+    		box-shadow: -1px 1px 0px #000;
+  -webkit-box-shadow:-1px 1px 0px #000;
+  -moz-box-shadow: -1px 1px 0px #000;
 }
 
 a.msg-image-zoom img.zoom-icon:hover {
-    opacity: 1;
-    border: 2px solid black;
+    opacity:1.0;
+        border-top: 1px solid black;
+            border-right: 1px solid black;
+                border-left: 2px solid black;
+                    border-bottom: 2px solid black;
+
+    		box-shadow: -1px 1px 0px #000;
+  -webkit-box-shadow:-1px 1px 0px #000;
+  -moz-box-shadow: -1px 1px 0px #000;
 }
 
 .msgDiv.favorite{
@@ -641,6 +660,7 @@ a.msg-image-zoom img.zoom-icon:hover {
   background-position:top right;
   background-position:bottom right;
   background-attachment:fixed;
+
 }
 
 div.content img:hover{background-color:white;}
@@ -1213,8 +1233,8 @@ border-bottom:2px solid #c8cbce;
 /* opacity:0.75;*/
 	z-index:18;
 	text-align: left;
-background-color:white;
 
+background-image:url(/static/img/bg.dither.gif);
 }
 #userList a:hover{color:#ffffff;}
 .username{height:30px;
@@ -1963,7 +1983,7 @@ margin-left:100px;
 	-moz-border-radius-bottomleft:5px;
 margin-right:50%;
 background-color:white;
-width:800px;
+min-width:800px;
 min-height:435px;
 position:absolute;
 }
@@ -1982,8 +2002,8 @@ min-height:400px;
 }
 
 #dashuserlist img{
-height:50px;
-
+max-height:70px;
+max-width:150px;
 }
 
 #dashuserlist h2{
@@ -2012,7 +2032,7 @@ margin-bottom:10px;
 font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; 
 font-size:35px;
 letter-spacing:-2px;
-line-height:20px;
+line-height:28px;
 }
 #middash h2{
 font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; 
@@ -2074,6 +2094,7 @@ border:1px solid black;
 	-moz-border-radius:5px;
 }
 
-#dashavatar img{
-
+#dashavatarPic img{
+max-height:70px;
+max-width:150px;
 }
\ No newline at end of file
diff --git a/static/img/thumbs/heartcolorshift.gif b/static/img/thumbs/heartcolorshift.gif
new file mode 100644
index 0000000..12cf83f
--- /dev/null
+++ b/static/img/thumbs/heartcolorshift.gif
diff --git a/static/index.html b/static/index.html
index 479355f..e1f6063 100644
--- a/static/index.html
+++ b/static/index.html
@@ -256,11 +256,10 @@ padding:5px;
 <div id="rapper">
 <div id="toplogo">
 <img src="/static/img/dumppixellarge.png">
-<a href="/static/slowthgoth.html">
+
 <div id="lilflag">
 HOME OF THE SLOTHGOTH!!!!!
 </div>
-</a>
 </div>
 
 <div id="bottomcontainer">
@@ -284,17 +283,14 @@ height="205"></div>
 			<div style="position: absolute; left: 1076px; display: block;"><img 
 src="/static/img/slide3.png" alt="dump.fm"  width="538px" 
 height="205"></div>
-			<div style="position: absolute; left: 1614px; display: block;"><img 
-src="/static/img/slide4.png" alt="dump.fm"  width="538px" 
-height="205"></div>
+
 		</div>
 	</div>
 	
 	<ul class="pagination">
 		<li class=" "><a rel="1" href="#">1</a></li>
 		<li class=" "><a rel="2" href="#">2</a></li>
-		<li class=" "><a rel="3" href="#">3</a></li>
-		<li class="  active"><a rel="4" href="#">4</a></li>
+		<li class=" active "><a rel="3" href="#">3</a></li>
 	</ul>	
 </div>
 <script type="text/javascript" charset="utf-8">
diff --git a/static/js/pichat.js b/static/js/pichat.js
index 5a7f956..a3873a3 100644
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -719,7 +719,7 @@ function setupUploadAvatar(elementId) {
 			          + maxSize + "KB or less please.");
 			return;
 		}
-        var s = '<img id="dashavatarPic" src="' + r + '" width="150" />';        
+        var s = '<img id="dashavatarPic" src="' + r + ' />';        
         $('#dashavatarPic').replaceWith(s).show();
     };
     new AjaxUpload(elementId, {
@@ -1038,7 +1038,7 @@ $(function() {
     OrigTitle = $('title').text();
 });
 
-var imgZoomThreshhold = [200, 200];
+var imgZoomThreshhold = [125, 125];
 
 function initChatMsgs() {
     $('.msgDiv .content').live('mouseenter', function(e) {