diff options
| author | yo momma <shutup@oops.wtf> | 2026-01-30 19:30:37 +0000 |
|---|---|---|
| committer | yo momma <shutup@oops.wtf> | 2026-01-30 19:30:37 +0000 |
| commit | 35e248d8861576b9928d904eb25c5cf1436e6cf2 (patch) | |
| tree | d169c6af13468aa63c0f73947997b374dcbb35c0 | |
| parent | 11f8e6abdddfd60a4514dd30cb4d198780dd84c5 (diff) | |
Refactor: shared CSS utilities + fewer inline stylesrefactor
44 files changed, 281 insertions, 118 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index 1b8c9c6..c7d2217 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -1043,10 +1043,46 @@ a:active { display: none !important; } +.is-hidden { + display: none; +} + .is-relative { position: relative; } +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + .embed-frame { border: 7px inset #ccc; margin: 0; @@ -2069,6 +2105,10 @@ a.msgbtn:active { #fblike { margin-top: 6px; margin-left: 6px; + border: none; + overflow: hidden; + width: 100px; + height: 21px; } #logo { float: left; diff --git a/static/css/front.css b/static/css/front.css index c7f42bc..39e7700 100755 --- a/static/css/front.css +++ b/static/css/front.css @@ -123,6 +123,64 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, .is-relative { position: relative; } +.is-hidden { + display: none; +} + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + +#fblike { + border: none; + overflow: hidden; + width: 100px; + height: 21px; +} +.fullscreen-thumb { + overflow: hidden; + width: 240px; + height: 200px; + border: 0px; +} +.fullscreen-bg { + overflow: hidden; + width: 100%; + height: 100%; + border: 0px; + z-index: -1; + position: fixed; + top: 0px; + left: 0px; +} #signin-submit { display:inline-block; width:90px; diff --git a/static/css/frontpage_legacy.css b/static/css/frontpage_legacy.css index c667daa..21c0f94 100644 --- a/static/css/frontpage_legacy.css +++ b/static/css/frontpage_legacy.css @@ -17,7 +17,7 @@ img{border:0px;} #posts a{text-decoration:none; font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;} #posts a:hover{color:#333;text-decoration:none;} #sideinfo{ color:#333; padding:12px;margin:7px;font-size:47px;float:left;min-height:210px;width:240px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:55px;} -.alttxt{font-size:18px;line-height:20px;} +.alttxt{font-size:18px;line-height:20px;text-transform:uppercase;text-align:left;} .logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white} .logged-dump img{max-width:240px;max-height:240px;padding-top:3px; } .buttons img{display:none;z-index:4;float:left;padding-top:5px;cursor:pointer;} @@ -42,7 +42,7 @@ z-index:4; #pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;} #pgbuttons a{text-decoration:none;} #footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;} -#footer a{text-decoration:none;color:#333;} +#footer a{text-decoration:none;color:#333;word-spacing:normal;} #footer a:hover{color:#000;} #pgbuttons input{color:#eee;letter-spacing:1px; text-decoration:none; @@ -64,6 +64,7 @@ z-index:4; .hallscore{margin-right:-20px;color:#fff;text-align:center;margin-top:-20px;float:right;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-style: oblique;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:4px;} body.logged-in .hallscore{cursor:pointer;} .hallnick{font-size:16px;} +#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;} a#disregister { background: #FCF0AD; color: #fe1409; diff --git a/static/css/frontpage_profile.css b/static/css/frontpage_profile.css index 247160e..2267600 100644 --- a/static/css/frontpage_profile.css +++ b/static/css/frontpage_profile.css @@ -25,7 +25,7 @@ img{border:0px;} #pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;} #pgbuttons a{text-decoration:none;} #footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;} -#footer a{text-decoration:none;color:#333;} +#footer a{text-decoration:none;color:#333;word-spacing:normal;} #footer a:hover{color:#000;} #pgbuttons input{color:#eee;letter-spacing:1px; text-decoration:none; @@ -47,6 +47,7 @@ img{border:0px;} #hallscore{right:-11px;color:#fff;text-align:center;top:-13px;position:absolute;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:100;height:50px;width:50px; text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:5px; } #hallnick{font-size:16px;} +#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;} a#disregister { background: #FCF0AD; color: #fe1409; diff --git a/static/css/meme_pages.css b/static/css/meme_pages.css index c53d420..22d5a2a 100644 --- a/static/css/meme_pages.css +++ b/static/css/meme_pages.css @@ -10,6 +10,12 @@ body { overflow: auto; } +.preload-img { + visibility: hidden; + width: 0px; + height: 0px; +} + #rapper { background-color: #f2f9fe; width: 800px; diff --git a/static/css/mgmt.css b/static/css/mgmt.css index d2cc150..4360ad3 100755 --- a/static/css/mgmt.css +++ b/static/css/mgmt.css @@ -259,10 +259,10 @@ position:absolute; top:21px;right:0px; } #dumplist{ -top:0px:width:100%;padding:0px;background-color:#fff; -color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; -border-bottom:1px solid #999;text-align:left;text-indent:350px; -padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%; +top:0px;width:100%;padding:0px;background-color:#fff; + color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; + border-bottom:1px solid #999;text-align:left;text-indent:350px; + padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%; /*margin-left:40%; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; @@ -291,6 +291,7 @@ display:none; .no-cursor { cursor: none; } .invisible { display: none !important; } +.preload-img { visibility: hidden; width: 0px; height: 0px; } #cursor-big { position: absolute; z-index: 1000; } .thumb { @@ -1681,4 +1682,3 @@ top:50px; cursor: pointer; display: none; } - diff --git a/static/css/newlog.css b/static/css/newlog.css index f0e0277..8cc8032 100644 --- a/static/css/newlog.css +++ b/static/css/newlog.css @@ -206,6 +206,7 @@ img { #footer a { text-decoration: none; color: #333; + word-spacing: normal; } #footer a:hover { diff --git a/static/css/req_reset.css b/static/css/req_reset.css index 0807ec7..65d1c3c 100644 --- a/static/css/req_reset.css +++ b/static/css/req_reset.css @@ -1,3 +1,4 @@ #main { padding: 10px 2em 0px 2em; } label { float: left; width: 150px; } .error { border: 1px solid red; } +#feedback { color: red; margin-bottom: 2em; } diff --git a/static/css/rooms_vortex.css b/static/css/rooms_vortex.css index 7403454..f13c797 100644 --- a/static/css/rooms_vortex.css +++ b/static/css/rooms_vortex.css @@ -62,3 +62,35 @@ text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:blue; } + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} diff --git a/static/css/simplerlog.css b/static/css/simplerlog.css index 784253d..a158fd8 100644 --- a/static/css/simplerlog.css +++ b/static/css/simplerlog.css @@ -202,6 +202,7 @@ img { #footer a { text-decoration: none; color: #333; + word-spacing: normal; } #footer a:hover { @@ -301,6 +302,7 @@ a#disregister:hover { text-align: center; left: 0; z-index: 1000; + background-color: white; } #inpage-search-results #search-results-images { diff --git a/template/about_us.st b/template/about_us.st index b8aacdc..3c02a98 100755 --- a/template/about_us.st +++ b/template/about_us.st @@ -24,7 +24,7 @@ jQuery(function() - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5 style="padding:2px;"> @@ -34,7 +34,7 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> <div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;"> <img src="/static/img/dumpteam.gif"><br><br> <div id="abouttxt"><h1><br> @@ -53,7 +53,7 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; </div> - <div style="display:none;background-color:#fff;"id="contact"> + <div id="contact" class="is-hidden" style="background-color:#fff;"> <div id="content" name="content"> <center><div style="background-color:#fff"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> diff --git a/template/banner.st b/template/banner.st index ba8bc55..052da38 100755 --- a/template/banner.st +++ b/template/banner.st @@ -25,7 +25,7 @@ </div> <!-- - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> --> @@ -67,7 +67,7 @@ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> --> $endif$ diff --git a/template/chat_help_bubbles.st b/template/chat_help_bubbles.st index 71cd04e..626c3ce 100755 --- a/template/chat_help_bubbles.st +++ b/template/chat_help_bubbles.st @@ -1,8 +1,8 @@ -<div id="newuserwrap" style="display:none;"> +<div id="newuserwrap" class="is-hidden"> <div id="posthelp"><img src="/static/img/furie6.png"></div> <div id="webcamhelp"><img src="/static/img/furie5.png"></div> <a href="/help"><div id="userlisthelp"><img src="/static/img/furie7.png"></div></a> <script> jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide("puff", 1000) }, 100000 ) }) </script> -</div>
\ No newline at end of file +</div> diff --git a/template/dealwithit.st b/template/dealwithit.st index 8cfb2f1..a7a0119 100755 --- a/template/dealwithit.st +++ b/template/dealwithit.st @@ -4,7 +4,7 @@ <title>dump.fm - deal with it</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>deal with it on dump.fm<br><br>A Collection of images that 'deal with it' by users of dump.fm. <br><br><a href="/static/templates/dealwithittemplate.psd">Click Here</a> to download the deal with it photoshop template.<br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/doublerainbow.st b/template/doublerainbow.st index 8f7b6a2..9409066 100755 --- a/template/doublerainbow.st +++ b/template/doublerainbow.st @@ -4,7 +4,7 @@ <title>dump.fm - double rainbow</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Double Rainbow on dump.fm<br><br>A Collection of images of Double Rainbow related images by users of dump.fm on July 14, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/frontpage copy.st b/template/frontpage copy.st index 038b8ad..641f931 100755 --- a/template/frontpage copy.st +++ b/template/frontpage copy.st @@ -24,8 +24,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -86,7 +86,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +98,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,15 +133,15 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. registration is currently invite only. view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> - <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> <br><br> <!-- <strong> <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> @@ -172,8 +172,8 @@ $endif$ <!--<br><br><center> <div id="footer"> @2011 <a href="/">dump.fm</a> -<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> -<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -193,7 +193,10 @@ $debug_log()$ -<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:-19px;padding:1px;">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:white"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></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> </body> </html> diff --git a/template/frontpage.st b/template/frontpage.st index fe48402..bf8ce22 100755 --- a/template/frontpage.st +++ b/template/frontpage.st @@ -24,8 +24,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -87,7 +87,7 @@ jQuery(window).load(function(){ </a> </div> <!-- - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> --> $else$ <!-- @@ -100,7 +100,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -135,10 +135,10 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. register <a href="/register">here.</a> @@ -195,7 +195,10 @@ $debug_log()$ -<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:-19px;padding:1px;">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:white"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></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> </body> </html> diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st index afc4481..a586c31 100755 --- a/template/frontpagePROFILE.st +++ b/template/frontpagePROFILE.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/frontpage_profile.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/frontpage_profile.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -65,7 +65,7 @@ jQuery(window).load(function(){ <body> <!-- - <iframe src="/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-bg"></iframe> --> <!--START BANNER--> @@ -94,7 +94,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +107,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -159,7 +159,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <img id="contact" src="/static/img/noinfo.png"> $endif$ <i id="hallnick">On dump.fm now..</i> - <iframe src="/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-thumb"></iframe> </div> $if(dumps)$ @@ -200,8 +200,8 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <br><br><center> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div></center> @@ -221,7 +221,10 @@ $debug_log()$ -<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:-19px;padding:1px;">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:white"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></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> </body> </html> diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st index 71e9191..e8cea25 100755 --- a/template/frontpage_halloffame.st +++ b/template/frontpage_halloffame.st @@ -24,8 +24,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -86,7 +86,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +98,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,10 +133,10 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. register <a href="/register">here.</a> @@ -193,7 +193,10 @@ $debug_log()$ -<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:-19px;padding:1px;">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:white"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></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> </body> </html> diff --git a/template/head.st b/template/head.st index c74e1e1..cdd853f 100755 --- a/template/head.st +++ b/template/head.st @@ -6,7 +6,7 @@ <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; diff --git a/template/head_edge.st b/template/head_edge.st index c74e1e1..cdd853f 100755 --- a/template/head_edge.st +++ b/template/head_edge.st @@ -6,7 +6,7 @@ <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; diff --git a/template/help.st b/template/help.st index 52b216b..f94c536 100755 --- a/template/help.st +++ b/template/help.st @@ -30,7 +30,7 @@ jQuery(function() - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> @@ -39,14 +39,14 @@ jQuery(function() </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> + <div id="archive" class="is-hidden"> <div style="padding:0px" id="content" name="content"> <iframe src="/static/html/help.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="510px" height="500px"name="iframe"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> <div id="content" name="content"> diff --git a/template/him.st b/template/him.st index 9f4862c..999a916 100755 --- a/template/him.st +++ b/template/him.st @@ -4,7 +4,7 @@ <title>dump.fm - him</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>'Him' on dump.fm<br><br>A Collection of images of 'him' by users of dump.fm on July 11, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/messagepane.st b/template/messagepane.st index 35c60e9..a110d85 100755 --- a/template/messagepane.st +++ b/template/messagepane.st @@ -18,7 +18,7 @@ </div> }$ </div>$endif$ - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump$if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$ nick_$m.nick$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/newlog.st b/template/newlog.st index da9741f..19b4481 100755 --- a/template/newlog.st +++ b/template/newlog.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/newlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/newlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script>Domain = "/"</script> $if(!user_nick)$ @@ -78,7 +78,7 @@ window.location = "/error/ie"; </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <a href="/register" id="disregister">Register</a> @@ -162,8 +162,8 @@ window.location = "/error/ie"; <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> diff --git a/template/nigga.st b/template/nigga.st index 9dc8846..8c54938 100755 --- a/template/nigga.st +++ b/template/nigga.st @@ -9,8 +9,8 @@ jQuery(document).ready(initProfile); </script> </head> - <body> - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <body> + <div id="dashtotal" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> $banner()$ @@ -40,10 +40,10 @@ $if(is_home)$ - <div id="avatar-editing" style="display: none"> - <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> - </div> + <div id="avatar-editing" class="is-hidden"> + <input id="uploadp" value="Upload Icon" type="submit"> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> + </div> $endif$ <div id="dashinfo"> <h2> diff --git a/template/perezhilton.st b/template/perezhilton.st index 453f7e3..356cc83 100755 --- a/template/perezhilton.st +++ b/template/perezhilton.st @@ -4,7 +4,7 @@ <title>dump.fm - Perez Hilton</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Perez Hilton on dump.fm<br><br>A Collection of images involving Perez Hilton by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/pogs.st b/template/pogs.st index 683c825..a096531 100755 --- a/template/pogs.st +++ b/template/pogs.st @@ -4,7 +4,7 @@ <title>dump.fm - pogs</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Pogs of dump.fm<br><br>A Collection of over 300 digital pogs made by users of dump.fm on July 6, 2010. <br>This collection is a nod to <a href="http://mikesdigitalpogpage.com/"target=_blank">Mike's Digital Pog Page</a><br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/profile.st b/template/profile.st index f46ef5d..527e333 100755 --- a/template/profile.st +++ b/template/profile.st @@ -38,9 +38,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> $endif$ $banner()$ @@ -64,9 +64,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> diff --git a/template/profilelog.st b/template/profilelog.st index 341e214..13fb1cb 100755 --- a/template/profilelog.st +++ b/template/profilelog.st @@ -40,9 +40,9 @@ <div>dumps $nick$ faved: $dumps_user_faved_cnt$</div> $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ @@ -76,7 +76,7 @@ <div type="text" id="datepicker"></div></div> </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $if(dumps)$ <span class="content"> diff --git a/template/profilenew.st b/template/profilenew.st index 905e49e..547c1c6 100755 --- a/template/profilenew.st +++ b/template/profilenew.st @@ -32,9 +32,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> $endif$ $banner()$ @@ -60,9 +60,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> diff --git a/template/req_reset.st b/template/req_reset.st index 54fb705..33329e3 100755 --- a/template/req_reset.st +++ b/template/req_reset.st @@ -3,7 +3,7 @@ <title>dump.fm Password Reset</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260130"> <script> jQuery(function() { @@ -54,13 +54,13 @@ $head()$ <div align="center"> - <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div> + <div id="feedback" class="is-hidden"></div> <h1>Forgot your password?</h1> <br> <div> Enter your nick and we'll email you the password reset stuff! </div> - <br /><label style="display:none;">nick:</label> + <br /><label class="is-hidden">nick:</label> <input type="text" id="nick"> <br /> <input type="submit" value="Reset password" id="submit"> diff --git a/template/rooms/butt.st b/template/rooms/butt.st index ba68497..403df38 100755 --- a/template/rooms/butt.st +++ b/template/rooms/butt.st @@ -25,7 +25,7 @@ $endif$ $if(!user_avatar)$ <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css?v=20260130"> $endif$ - <link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> + <link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130.2"> <link rel="stylesheet" type="text/css" href="/static/css/rooms_butt.css?v=20260129"> <script type="text/javascript" src="/static/webcam/webcam.js"></script> <script type="text/javascript" src="/static/js/tooltip.js"></script> @@ -240,7 +240,10 @@ $messages: { m | </div> <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --> -<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:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").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> <!-- end of images_loading_bar code --> diff --git a/template/rooms/mgmt.st b/template/rooms/mgmt.st index 53de42c..f88ec54 100755 --- a/template/rooms/mgmt.st +++ b/template/rooms/mgmt.st @@ -22,7 +22,7 @@ <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css?v=20260130.2"> <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> <script>Domain = "/"</script> @@ -65,7 +65,7 @@ window.location = "/error/ie"; <div id="messagePane"> <div id="logo7"> <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> + <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <span class="fulltxt"> <a href="$domain$/m/mgmtfull">View in fullscreen!</a></span> </div> @@ -85,7 +85,7 @@ window.location = "/error/ie"; </div> }$ </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump $if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/rooms/vortex.st b/template/rooms/vortex.st index 18e308f..128795e 100755 --- a/template/rooms/vortex.st +++ b/template/rooms/vortex.st @@ -2,7 +2,7 @@ <html> <head> <title>dump.fm image vortex</title> -<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260129"> +<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260130"> @@ -202,7 +202,10 @@ $messages: { m | </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:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").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> diff --git a/template/simplerlog.st b/template/simplerlog.st index d473738..c69d244 100755 --- a/template/simplerlog.st +++ b/template/simplerlog.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/simplerlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/simplerlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -94,7 +94,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +107,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -191,8 +191,8 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> @@ -201,7 +201,7 @@ $google_analytics()$ $debug_log()$ - <div id="inpage-search-results" style="background-color: white;"> + <div id="inpage-search-results"> <div id="search-controls"> <span id="search-message"></span> <a id="search-control-close" href="javascript:Search.close()">close</a> @@ -212,7 +212,10 @@ $debug_log()$ -<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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></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> </body> </html> diff --git a/template/slimer.st b/template/slimer.st index ca76a49..1c9109f 100755 --- a/template/slimer.st +++ b/template/slimer.st @@ -4,7 +4,7 @@ <title>dump.fm - Slimer</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Slimer on dump.fm<br><br>A Collection of images of Slimer (Ghostbusters) by users of dump.fm on July 15, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/slothgoth.st b/template/slothgoth.st index 537d3e5..f61433d 100755 --- a/template/slothgoth.st +++ b/template/slothgoth.st @@ -3,7 +3,7 @@ <title>dump.fm - sloth goth</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> diff --git a/template/spaceboys.st b/template/spaceboys.st index e5fe957..c5ae71d 100755 --- a/template/spaceboys.st +++ b/template/spaceboys.st @@ -4,7 +4,7 @@ <title>dump.fm - homeboys in space</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> diff --git a/template/spinningkid.st b/template/spinningkid.st index 744d162..64ae9c7 100755 --- a/template/spinningkid.st +++ b/template/spinningkid.st @@ -4,7 +4,7 @@ <title>dump.fm - Spinning Kid</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Spinning Kid on dump.fm<br><br>A Collection of images of the 'Spinning Kid' by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/static/templates/spinkidtemplate.psd"target="_blank">Download the Spinning Kid Photoshop Template</a><br><br><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/terms8.st b/template/terms8.st index a1a2a22..0cc0505 100755 --- a/template/terms8.st +++ b/template/terms8.st @@ -28,7 +28,7 @@ jQuery(function() - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> @@ -37,14 +37,14 @@ jQuery(function() </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> + <div id="archive" class="is-hidden"> <div style="padding:0px" id="content" name="content"> <iframe src="/static/html/terms.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> </div> diff --git a/template/thisguy.st b/template/thisguy.st index 579f3d6..3234a88 100755 --- a/template/thisguy.st +++ b/template/thisguy.st @@ -4,7 +4,7 @@ <title>dump.fm - this guy</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>This Guy of dump.fm<br><br>A Collection of images of 'this guy' by users of dump.fm (glasspopcorn) on July 3, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ diff --git a/template/topic_list.st b/template/topic_list.st index c53f2ca..18f2996 100755 --- a/template/topic_list.st +++ b/template/topic_list.st @@ -34,7 +34,7 @@ $if(r.topic)$ <input class="end-topic" type="submit" value="End topic"> $endif$ - <img class="spinner" src="/static/spinner.gif" style="display: none"/> + <img class="spinner is-hidden" src="/static/spinner.gif"/> </div> <br><br><br><br> </div> diff --git a/template/weedpile.st b/template/weedpile.st index 300ce7f..1de0ca0 100755 --- a/template/weedpile.st +++ b/template/weedpile.st @@ -4,7 +4,7 @@ <title>dump.fm - weed pile</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260130"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -22,7 +22,7 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Weed Pile on dump.fm<br><br>A Collection of images involving 'Weed Pile' from July 2, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ |