diff options
Diffstat (limited to 'template')
| -rw-r--r-- | template/log_dump.st | 2 | ||||
| -rw-r--r-- | template/simplerlog.st | 29 |
2 files changed, 20 insertions, 11 deletions
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> |