From f791ff22d8c40b0fe9ab3f7680dcda7c8d3d9370 Mon Sep 17 00:00:00 2001
From: dumpfmprod <dumpfmprod@ubuntu.(none)>
Date: Sun, 13 Feb 2011 20:09:02 -0500
Subject: sostler prod commit, add isotope

---
 template/log_dump.st   |  2 +-
 template/simplerlog.st | 29 +++++++++++++++++++----------
 2 files changed, 20 insertions(+), 11 deletions(-)

(limited to 'template')

diff --git a/template/log_dump.st b/template/log_dump.st
index 1b90d6b..d1fce95 100644
--- a/template/log_dump.st
+++ b/template/log_dump.st
@@ -6,7 +6,7 @@ $endif$
 
 
 $dump.created_on$  -- by <a href="/$dump.nick$"><b>$dump.nick$</b></a>
-<div class="content">       <a href="#"class="expand">$dump.content$</a></div>
+<div class="content" data-category="posts">$dump.content$</div>
 <hr />
 $share_buttons()$
 </div>
diff --git a/template/simplerlog.st b/template/simplerlog.st
index 92b2abf..c5851f5 100644
--- a/template/simplerlog.st
+++ b/template/simplerlog.st
@@ -15,6 +15,8 @@
 <link rel="image_src" href="$domain$/static/img/thumbs/heartover.gif" > 
 <script type="text/javascript" src="$domain$/static/js/pichat.js"></script>
       <script src="$domain$/static/js/jquery.masonry.min.js"type="text/javascript"></script> 
+        <script src="$domain$/static/js/jquery.isotope.min.js"></script>
+    <!--     <link rel="stylesheet" href="$domain$/static/css/isostyle.css" type="text/css" media="screen" />-->
 <script>Domain = "$domain$"</script>
 $if(!user_nick)$
 <!--<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">-->
@@ -43,16 +45,17 @@ $endif$
 
 body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:f1f1f1;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
 	background-repeat:repeat-x;
-	background-position:top;*/background-attachment:fixed;min-width:900px;}
+	background-position:top;*/background-attachment:fixed;min-width:900px;  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
+  font-size: 13px;  line-height: 1.5em;}
 img{border:0px;}
-#banner{z-index:2;top:0;margin:1px;min-width:900px;width:75%;position:fixed;border-bottom:1px ridge #333;display:inline-block;height:35px;clear: both;}
+#banner{z-index:2;top:0;margin:2px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;height:35px;clear: both;}
 #banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;}
 #banner a:hover{background-color:#eee;color:black;text-decoration:none;}
 #fblike{margin-top:7px;margin-left:5px;}
 #logo{float:left;margin:1px;}
 #logobig{float:left;margin-top:-9px;margin-left:-5px;}
 #toplinks{float:left;margin-top:7px;margin-left:5px;}
-#logout{position:fixed;right:0px;font-size:12px;top:4px;}
+#logout{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
 #searchbox{float:left;margin-top:7px;margin-left:5px;}
 #search-query{background-color:lightyellow;}
 #posts{font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
@@ -265,13 +268,14 @@ a#disregister {
     border-left-color: #FFF057;
     -webkit-box-shadow:#a0a0a0 3px 4px 4px; 
     -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */
-            text-shadow: 1px 1px 3px #AAA; position:absolute;
+            text-shadow: 1px 1px 3px #AAA; margin-right:35px;
 		}
  a#disregister:hover {
-             text-shadow: 1px 1px 1px gold;color:#000;
-		font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color: #fe1409;
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#E9E74A), to(#E9E74A));
-    background-image: -moz-linear-gradient(#FFFAAE 0%, #E9E74A 90%);
+
+             text-shadow: 1px 1px 1px gold;
+		font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black;
+    -webkit-box-shadow:#333 3px 4px 4px; 
+    -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */
 
 		}
 
@@ -448,16 +452,20 @@ jQuery(window).load(function(){
 <!--END BANNER-->
 
 
-          <div id="posts">
+          <div id="posts" class="clickable clearfix">
 <div id="sideinfo">$roomkey$ log
 <br><br>
 dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
 <br><br>
   If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>!
+
+  
+
 </div>
      
           $if(dumps)$
-          
+           
+      
 
           $dumps: { d | $log_dump(dump=d)$ }$
 
@@ -512,6 +520,7 @@ $debug_log()$
       </div>
     </div>
 
+  
 
 <span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#eee"></span></span></span> 
 <script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> 
-- 
cgit v1.2.3-70-g09d2