summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xstatic/319/index.html9
-rwxr-xr-xstatic/319/irhell.html17
-rwxr-xr-xstatic/319/irhell2.html15
-rwxr-xr-xstatic/319/res.html29
-rwxr-xr-xstatic/7777889.html50
-rwxr-xr-xstatic/css/ChatBubble-simple.css7
-rwxr-xr-xstatic/css/browser.css26
-rw-r--r--static/css/chat_down.css4
-rw-r--r--static/css/chat_wrapper.css10
-rwxr-xr-xstatic/css/dump.css95
-rw-r--r--static/css/error_ie.css6
-rw-r--r--static/css/fame.css9
-rwxr-xr-xstatic/css/front.css58
-rw-r--r--static/css/frontpage_legacy.css5
-rw-r--r--static/css/frontpage_profile.css3
-rw-r--r--static/css/fullscreen2.css5
-rw-r--r--static/css/fullscreen_base.css4
-rw-r--r--static/css/fullscreen_box.css4
-rwxr-xr-xstatic/css/index.css49
-rw-r--r--static/css/meme_pages.css21
-rwxr-xr-xstatic/css/mgmt.css10
-rw-r--r--static/css/newlog.css1
-rw-r--r--static/css/password_reset.css12
-rw-r--r--static/css/profile_dashboard.css5
-rw-r--r--static/css/req_reset.css1
-rw-r--r--static/css/reset.css49
-rw-r--r--static/css/rooms_vortex.css39
-rw-r--r--static/css/simplerlog.css2
-rw-r--r--static/css/terms.css9
-rwxr-xr-xstatic/css/top.css17
-rwxr-xr-xstatic/furieindex.html10
-rwxr-xr-xstatic/html/help.html2
-rwxr-xr-xstatic/html/help2.html2
-rwxr-xr-xstatic/html/search.test.html25
-rwxr-xr-xstatic/html/terms.html7
-rwxr-xr-xstatic/idgi/index.html24
-rwxr-xr-xstatic/index.html37
-rwxr-xr-xstatic/index2.html36
-rwxr-xr-xstatic/index7.html41
-rw-r--r--static/js/pages/directory_init.js11
-rw-r--r--static/js/pages/expandable_login_init.js11
-rw-r--r--static/js/pages/frontpage_refresh.js11
-rw-r--r--static/js/pages/fullscreen_front_init.js18
-rw-r--r--static/js/pages/fullscreen_front_run.js7
-rw-r--r--static/js/pages/fullscreen_init.js55
-rw-r--r--static/js/pages/log_favs_init.js7
-rw-r--r--static/js/pages/log_init.js58
-rw-r--r--static/js/pages/scroll_pane_init.js13
-rw-r--r--static/js/pages/search_files_init.js13
-rwxr-xr-xstatic/nickinterview/index.html37
-rwxr-xr-xstatic/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html158
-rwxr-xr-xstatic/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html37
-rwxr-xr-xstatic/register-closed.html4
-rwxr-xr-xstatic/register-on1.html10
-rwxr-xr-xstatic/register-open.html10
-rwxr-xr-xstatic/register.html4
-rwxr-xr-xstatic/register777.html10
-rwxr-xr-xstatic/registerr.html6
-rwxr-xr-xstatic/search/browser.css21
-rwxr-xr-xstatic/search/browser.html41
-rwxr-xr-xstatic/search/imagesearch.html26
-rwxr-xr-xstatic/shinobi/index.html10
-rwxr-xr-xstatic/testindex.html10
-rwxr-xr-xstatic/tribe/index.html50
-rwxr-xr-xtemplate/about_us.st26
-rwxr-xr-xtemplate/altar_log.st20
-rwxr-xr-xtemplate/altar_user_log.st20
-rwxr-xr-xtemplate/banner.old.st46
-rwxr-xr-xtemplate/banner.st4
-rwxr-xr-xtemplate/banner_dis.st22
-rwxr-xr-xtemplate/browser.st4
-rwxr-xr-xtemplate/chat_help_bubbles.st4
-rwxr-xr-xtemplate/dealwithit.st6
-rwxr-xr-xtemplate/directory.st4
-rwxr-xr-xtemplate/doublerainbow.st6
-rwxr-xr-xtemplate/error_ie.st25
-rwxr-xr-xtemplate/fame2.st36
-rwxr-xr-xtemplate/footer.st4
-rwxr-xr-xtemplate/form_login.st4
-rwxr-xr-xtemplate/frontpage copy.st71
-rwxr-xr-xtemplate/frontpage.st93
-rwxr-xr-xtemplate/frontpagePROFILE.st58
-rwxr-xr-xtemplate/frontpage_halloffame.st83
-rwxr-xr-xtemplate/fullscreen.st78
-rwxr-xr-xtemplate/fullscreen2.st4
-rwxr-xr-xtemplate/fullscreen4.st4
-rwxr-xr-xtemplate/fullscreen5.st4
-rwxr-xr-xtemplate/fullscreen_front.st13
-rwxr-xr-xtemplate/fullscreenphotobooth.st4
-rwxr-xr-xtemplate/google_analytics.st2
-rwxr-xr-xtemplate/head.st2
-rwxr-xr-xtemplate/head_edge.st2
-rwxr-xr-xtemplate/help.st26
-rwxr-xr-xtemplate/him.st6
-rwxr-xr-xtemplate/hiscore_test.st20
-rwxr-xr-xtemplate/ie_fullscreen.st2
-rw-r--r--template/json_tags_block.st7
-rwxr-xr-xtemplate/log.st29
-rwxr-xr-xtemplate/messagepane.st2
-rwxr-xr-xtemplate/mgmtfull.st4
-rwxr-xr-xtemplate/newlog.st21
-rwxr-xr-xtemplate/nigga.st36
-rwxr-xr-xtemplate/perezhilton.st6
-rwxr-xr-xtemplate/pogs.st6
-rwxr-xr-xtemplate/popular.st19
-rwxr-xr-xtemplate/profile.st22
-rwxr-xr-xtemplate/profilelog.st6
-rwxr-xr-xtemplate/profilenew.st8
-rwxr-xr-xtemplate/req_reset.st6
-rwxr-xr-xtemplate/reset.st11
-rwxr-xr-xtemplate/rooms/VIP.st8
-rwxr-xr-xtemplate/rooms/artornot.st8
-rwxr-xr-xtemplate/rooms/atrium.st2
-rwxr-xr-xtemplate/rooms/butt.st9
-rwxr-xr-xtemplate/rooms/chat.down.st8
-rwxr-xr-xtemplate/rooms/chat.st2
-rwxr-xr-xtemplate/rooms/dump2.st2
-rwxr-xr-xtemplate/rooms/dumptest.st2
-rwxr-xr-xtemplate/rooms/frontpage.st2
-rwxr-xr-xtemplate/rooms/mgmt.st8
-rwxr-xr-xtemplate/rooms/nocss.st2
-rwxr-xr-xtemplate/rooms/vortex.st16
-rwxr-xr-xtemplate/search_files.st6
-rwxr-xr-xtemplate/simplerlog.st50
-rwxr-xr-xtemplate/single_message.st19
-rwxr-xr-xtemplate/slimer.st6
-rwxr-xr-xtemplate/slothgoth.st5
-rwxr-xr-xtemplate/spaceboys.st5
-rwxr-xr-xtemplate/spinningkid.st6
-rwxr-xr-xtemplate/tagged_dumps.st23
-rwxr-xr-xtemplate/terms8.st12
-rwxr-xr-xtemplate/test.st3
-rwxr-xr-xtemplate/thisguy.st6
-rwxr-xr-xtemplate/topic.st19
-rwxr-xr-xtemplate/topic_list.st2
-rwxr-xr-xtemplate/userlog.st19
-rwxr-xr-xtemplate/weedpile.st6
137 files changed, 1566 insertions, 969 deletions
diff --git a/static/319/index.html b/static/319/index.html
index e855406..0e79449 100755
--- a/static/319/index.html
+++ b/static/319/index.html
@@ -48,6 +48,13 @@ h2 a{color:white;}
a{text-decoration:none;color:#ccc;}
a:hover{text-decoration:none;color:blue;}
+.fb-like-frame {
+ border: none;
+ overflow: hidden;
+ width: 70px;
+ height: 80px;
+}
+
</style>
</head>
@@ -65,7 +72,7 @@ a:hover{text-decoration:none;color:blue;}
<div id="fblike">
<!--<img src="/static/img/dumppixel.png">-->
-<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe>
+<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div id="maintxt">
<img src="logo.png"id="logo"><br>
diff --git a/static/319/irhell.html b/static/319/irhell.html
index ae2b80d..266ee73 100755
--- a/static/319/irhell.html
+++ b/static/319/irhell.html
@@ -51,13 +51,24 @@ a{text-decoration:none;color:#ccc;border:0px;}
a:hover{text-decoration:none;color:blue;}
#pizza{position:absolute;top:-170px;margin-left:-196px;opacity:0.2;}
#frankhats{position:absolute;bottom:0px;margin-left:-156px;opacity:0.2;}
+
+.opacity-40 {
+ opacity: 0.4;
+}
+
+.fb-like-frame {
+ border: none;
+ overflow: hidden;
+ width: 70px;
+ height: 80px;
+}
</style>
</head>
<body><img src="https://archive.hump.fm/images/20101002/1286043668589-dumpfm-jeeeelings-photoshop_explosion.gif"id="gamma">
<div id="total">
-<img src="basement.jpg" id="flyer"><img src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif"style="opacity:0.4">
-<img src="http://heaven.internetarchaeology.org/clouds/background.gif"style="opacity:0.4">
+<img src="basement.jpg" id="flyer"><img class="opacity-40" src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif">
+<img class="opacity-40" src="http://heaven.internetarchaeology.org/clouds/background.gif">
</div>
<img src="moody.png"id="moody">
<img src="http://d21c.com/walpurgis9/hellish/pics2//0092.gif"id="lucy">
@@ -66,7 +77,7 @@ a:hover{text-decoration:none;color:blue;}
<img src="out4pizza.gif"id="pizza">
<img src="https://archive.hump.fm/images/20101003/1286142569460-dumpfm-frankhats-squlll.gif"id="frankhats">
<div id="fblike">
-<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firhell%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe>
+<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firhell%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<span id="hell">
<img src="HELL.gif">
diff --git a/static/319/irhell2.html b/static/319/irhell2.html
index 7b8115c..cf4c6b6 100755
--- a/static/319/irhell2.html
+++ b/static/319/irhell2.html
@@ -57,7 +57,16 @@ a{text-decoration:none;color:#ccc;}
a:hover{text-decoration:none;color:blue;}
#pizza{position:absolute;bottom:-7px;margin-left:-96px;z-index:-8;}
+.opacity-40 {
+ opacity: 0.4;
+}
+.fb-like-frame {
+ border: none;
+ overflow: hidden;
+ width: 70px;
+ height: 80px;
+}
@@ -67,8 +76,8 @@ a:hover{text-decoration:none;color:blue;}
<body><img src="https://archive.hump.fm/images/20101002/1286043668589-dumpfm-jeeeelings-photoshop_explosion.gif"id="gamma">
<div id="total">
-<img src="basement.jpg" id="flyer"><!--<img src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif"style="opacity:0.4">-->
-<img src="http://heaven.internetarchaeology.org/clouds/background.gif"style="opacity:0.4">
+<img src="basement.jpg" id="flyer"><!--<img class="opacity-40" src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif">-->
+<img class="opacity-40" src="http://heaven.internetarchaeology.org/clouds/background.gif">
</div>
@@ -79,7 +88,7 @@ a:hover{text-decoration:none;color:blue;}
<img src="out4pizza.gif"id="pizza">
<div id="fblike">
<!--<img src="/static/img/dumppixel.png">-->
-<iframe src="https://www.facebook.com/plugins/like.php?href=facebookgooglemyspaceyoutube.com%2Fjkdsjdgfjfdg%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe>
+<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=facebookgooglemyspaceyoutube.com%2Fjkdsjdgfjfdg%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<span id="hell">
<img src="HELL.gif">
diff --git a/static/319/res.html b/static/319/res.html
index 9d6eac4..6a15cb0 100755
--- a/static/319/res.html
+++ b/static/319/res.html
@@ -50,6 +50,25 @@ h2 a{color:white;}
a{text-decoration:none;color:#ccc;}
a:hover{text-decoration:none;color:blue;}
+.fb-like-frame {
+ border: none;
+ overflow: hidden;
+ width: 70px;
+ height: 80px;
+}
+
+.irl-copy {
+ width: 420px;
+}
+
+.irl-curator {
+ font-size: 130%;
+}
+
+.irl-wide {
+ width: 500px;
+}
+
</style>
</head>
@@ -67,17 +86,17 @@ a:hover{text-decoration:none;color:blue;}
<div id="fblike">
<!--<img src="/static/img/dumppixel.png">-->
-<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe>
+<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&amp;layout=button_count&amp;show_faces=false&amp;width=20&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div id="maintxt">
<img src="logo.png"id="logo"><br>
<span class="subtxt">
-<div id=":zj" style="width:420px;">
+<div class="irl-copy">
<div><strong>
<div><a href="http://319scholes.org/" >319 Scholes</a> hosts <a href="/irl/" >DUMP.FM IRL</a>, a week-long exhibit and gathering for image-based chat site, <a href="/" >dump.fm</a>.  </div>
</strong></div>
-<span style="font-size:130%;">curated by lindsay howard</span>
+<span class="irl-curator">curated by lindsay howard</span>
<div><br />
</div>
<div><strong>Monday October 25th</strong> - 9:00pm-11:00pm   </div>
@@ -108,12 +127,12 @@ a:hover{text-decoration:none;color:blue;}
<div><br />
</div>
<div><strong>Saturday October 30th</strong></div>
- <div style="width:500px;">10pm &nbsp; dump.fm IRHELL... CLICK CONTINUE TO CONTINUE!
+ <div class="irl-wide">10pm &nbsp; dump.fm IRHELL... CLICK CONTINUE TO CONTINUE!
</div>
</div>
<div>
</div><br>
- <div style="width:500px;">All events at 319 Scholes unless otherwise noted.</div>
+ <div class="irl-wide">All events at 319 Scholes unless otherwise noted.</div>
<div><br />
</div>
diff --git a/static/7777889.html b/static/7777889.html
index 0687ac6..3938519 100755
--- a/static/7777889.html
+++ b/static/7777889.html
@@ -12,32 +12,32 @@
input{width:600px;height:70px;margin-bottom:20px;}
body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;}
html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;}
- </style>
- <link rel="stylesheet" type="text/css" href="static/css/index.css">
- <link rel="shortcut icon" href="static/favicon.ico">
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
- <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
- <META NAME="description" CONTENT="Talk with pictures!">
- <title>dump.fm - register</title></head>
- <body style="width:250px;margin:30 auto;background:yellow;>
+ </style>
+ <link rel="stylesheet" type="text/css" href="/static/css/index.css">
+ <link rel="shortcut icon" href="/static/favicon.ico">
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+ <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
+ <META NAME="description" CONTENT="Talk with pictures!">
+ <title>dump.fm - register</title></head>
+ <body>
-
- <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br>
- <label style="text-align:left;margin-bottom:-8px;">username</label>
- <input type="text" class="field" id="nickInput" />
- <br>
-
- <label style="text-align:left;margin-bottom:-8px;">password</label>
- <input type="password" class="field" id="passwordInput" />
- <br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
- <input type="password" class="field" id="passwordInput2" />
- <br>
- <label style="text-align:left;margin-bottom:-8px;">email</label>
- <input type="text" class="field" id="emailInput" />
- <br>
-
- <div align="right">
+
+ <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br>
+ <label class="form-label-left-tight">username</label>
+ <input type="text" class="field" id="nickInput" />
+ <br>
+
+ <label class="form-label-left-tight">password</label>
+ <input type="password" class="field" id="passwordInput" />
+ <br>
+ <label class="form-label-left-tight">password2x</label>
+ <input type="password" class="field" id="passwordInput2" />
+ <br>
+ <label class="form-label-left-tight">email</label>
+ <input type="text" class="field" id="emailInput" />
+ <br>
+
+ <div align="right">
<input type="submit" class="submit" id="submit" value="Register!" />
diff --git a/static/css/ChatBubble-simple.css b/static/css/ChatBubble-simple.css
index 0e3c319..67f29d1 100755
--- a/static/css/ChatBubble-simple.css
+++ b/static/css/ChatBubble-simple.css
@@ -14,6 +14,11 @@ position:fixed;
top:20;
left:20;
}
+
+.help-body {
+ width: 475px;
+ font-family: Arial, Helvetica, sans-serif;
+}
div.CBmsg {
display: table;
margin-bottom: 0.5em;
@@ -149,4 +154,4 @@ div.CBiconL > img {
width:12px; /* bottom corner width */
margin-left:-12px;
background-position:bottom left;
-} \ No newline at end of file
+}
diff --git a/static/css/browser.css b/static/css/browser.css
index e0d6c19..4c115e6 100755
--- a/static/css/browser.css
+++ b/static/css/browser.css
@@ -1,13 +1,23 @@
/* pichat.css */
body {
- font-size:13;
- font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- margin:2%;
- background-repeat:repeat-x;
- background-position:top;
-
-}
+ font-size:13;
+ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+ margin:2%;
+ background-repeat:repeat-x;
+ background-position:top;
+
+ }
+
+ .is-hidden {
+ display: none;
+ }
+
+ #content.content-hearts {
+ background-image: url(/static/hearts.gif);
+ background-repeat: repeat;
+ height: 800px;
+ }
#rapper{
}
#container {
@@ -84,7 +94,7 @@ border:1px solid #f0e0d6;
text-align:center;
position:fixed;
width:100%;
- bottom:0px;
+ bottom:3px;
line-height:3.1;
font-size:11px;
word-spacing:8px;
diff --git a/static/css/chat_down.css b/static/css/chat_down.css
index 155cc8d..75a6367 100644
--- a/static/css/chat_down.css
+++ b/static/css/chat_down.css
@@ -4,3 +4,7 @@ body{
background-image:url('https://i.imgur.com/JR7Ge.gif');
overflow:hidden;
}
+
+.chat-down-image {
+ margin-top: 15%;
+}
diff --git a/static/css/chat_wrapper.css b/static/css/chat_wrapper.css
index 6d9a832..c7989ca 100644
--- a/static/css/chat_wrapper.css
+++ b/static/css/chat_wrapper.css
@@ -17,3 +17,13 @@
left: 50% !important;
margin-left: -250px !important;
}
+
+#vipinfo {
+ position: absolute;
+ z-index: 100000;
+ right: 50px;
+ bottom: 125px;
+ background: #fff;
+ padding: 10px;
+ opacity: 0.75;
+}
diff --git a/static/css/dump.css b/static/css/dump.css
index 1b8c9c6..cab2bfe 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -1043,10 +1043,94 @@ a:active {
display: none !important;
}
+.is-hidden {
+ display: none;
+}
+
.is-relative {
position: relative;
}
+.float-left {
+ float: left;
+}
+
+.content-no-padding {
+ padding: 0;
+}
+
+.p-2 {
+ padding: 2px;
+}
+
+.dash-total {
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+}
+
+.dash-total--avatar {
+ opacity: 0.1;
+}
+
+.dash-total--stripes {
+ background-image: url(/static/img/thumbs/stripes.gif);
+}
+
+.bg-white {
+ background-color: #fff;
+}
+
+.bg-hearts {
+ background-image: url(/static/img/hearts.gif);
+ background-repeat: repeat;
+}
+
+.hearts-frame {
+ overflow-x: hidden;
+ padding: 5px;
+ background-image: url(/static/img/hearts.gif);
+ background-repeat: repeat;
+}
+
+.dropdown-window {
+ overflow: hidden;
+ height: 600px;
+ position: absolute;
+}
+
+.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 +2153,17 @@ a.msgbtn:active {
#fblike {
margin-top: 6px;
margin-left: 6px;
+ border: none;
+ overflow: hidden;
+ width: 100px;
+ height: 21px;
+}
+
+.fb-like-wide {
+ border: none;
+ overflow: hidden;
+ width: 500px;
+ height: 26px;
}
#logo {
float: left;
diff --git a/static/css/error_ie.css b/static/css/error_ie.css
new file mode 100644
index 0000000..cfdeabb
--- /dev/null
+++ b/static/css/error_ie.css
@@ -0,0 +1,6 @@
+#iesucks {
+ margin: 10%;
+ font-size: 15px;
+ font-family: Arial, sans serif;
+ color: black;
+}
diff --git a/static/css/fame.css b/static/css/fame.css
new file mode 100644
index 0000000..cf969ab
--- /dev/null
+++ b/static/css/fame.css
@@ -0,0 +1,9 @@
+.hall-of-fame-title { font-size: 150%; }
+
+.hall-of-fame-select {
+ font-size: 14px;
+ color: #000;
+ font-family: verdana, sans-serif;
+ background-color: #fff;
+ font-weight: bold;
+}
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/fullscreen2.css b/static/css/fullscreen2.css
index dfd3436..77ced2d 100644
--- a/static/css/fullscreen2.css
+++ b/static/css/fullscreen2.css
@@ -40,3 +40,8 @@ body {
#supersize .activeslide img {
display: inline;
}
+
+#supersize {
+ width: 1224px;
+ height: 918px;
+}
diff --git a/static/css/fullscreen_base.css b/static/css/fullscreen_base.css
index 4543044..22aed3a 100644
--- a/static/css/fullscreen_base.css
+++ b/static/css/fullscreen_base.css
@@ -65,6 +65,10 @@ input {
display: none;
}
+.rememberme-row {
+ font-size: 80%;
+}
+
#forgetpw {
position: absolute;
left: 5px;
diff --git a/static/css/fullscreen_box.css b/static/css/fullscreen_box.css
index 11c7d10..6c91aa8 100644
--- a/static/css/fullscreen_box.css
+++ b/static/css/fullscreen_box.css
@@ -140,6 +140,10 @@ label {
width: 90px;
display: inline-block;
}
+#registerbox label {
+ text-align: left;
+ margin-bottom: -8px;
+}
#remembermeInput {
margin-top: 0;
margin-left: 0;
diff --git a/static/css/index.css b/static/css/index.css
index 01bce1d..8141ef9 100755
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -64,6 +64,21 @@ body {
background-position:top;
}
+.no-underline {
+ text-decoration: none;
+}
+.no-underline:hover {
+ text-decoration: none;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.is-hidden {
+ display: none;
+}
+
#video{
display:none;
}
@@ -75,6 +90,15 @@ margin-top:2%;
background-position:top center;
background-repeat:repeat-x;
}
+
+#content.content-z77 {
+ position: relative;
+ z-index: 77;
+}
+
+#content.content-fullheight {
+ height: 100%;
+}
#preload {
position: absolute;
left: 0px;
@@ -124,12 +148,11 @@ padding-bottom:15px;
box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-}
-}
-.menu2 li {
- padding: 0;
- margin: 0 2px;
- float: left;
+ }
+ .menu2 li {
+ padding: 0;
+ margin: 0 2px;
+ float: left;
position: relative;
text-align: center;
}
@@ -315,6 +338,18 @@ z-index:30;
margin-top:-3px;
margin-bottom:7px;
}
+
+.form-label-left-tight {
+ text-align: left;
+ margin-bottom: -8px;
+}
+
+.register-message {
+ display: block;
+ width: auto;
+ text-align: center;
+ margin-bottom: 10px;
+}
#remember{margin-top:-4px;z-index:30; margin-right:50px;text-align: right;display:inline-block;line-height:0.5;}
#remember a{text-decoration:none;font-size:11px;display:block;z-index:30;}
#furie3 {
@@ -436,4 +471,4 @@ z-index:-1;
#register-spinner {
display: none;
-} \ No newline at end of file
+}
diff --git a/static/css/meme_pages.css b/static/css/meme_pages.css
index c53d420..9d7028f 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;
@@ -59,6 +65,21 @@ body {
margin: -1;
}
+#likebutton iframe {
+ border: none;
+ overflow: hidden;
+}
+
+.fb-like-small {
+ width: 50px;
+ height: 21px;
+}
+
+.fb-like-large {
+ width: 120px;
+ height: 90px;
+}
+
#registertxt {
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
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/password_reset.css b/static/css/password_reset.css
new file mode 100644
index 0000000..7dc2171
--- /dev/null
+++ b/static/css/password_reset.css
@@ -0,0 +1,12 @@
+#content.reset-content { z-index: 77; }
+
+#passwordreset #feedback {
+ color: red;
+ margin-bottom: 2em;
+}
+
+#passwordreset label {
+ display: block;
+ text-align: left;
+ margin-bottom: -8px;
+}
diff --git a/static/css/profile_dashboard.css b/static/css/profile_dashboard.css
index 4790ccb..03bc3c7 100644
--- a/static/css/profile_dashboard.css
+++ b/static/css/profile_dashboard.css
@@ -91,6 +91,11 @@ margin-top:50px;
}
+.dashavatar-bg{
+height:100px;
+width:100%;
+}
+
#dashpix{
top:0px;
float:right;
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/reset.css b/static/css/reset.css
new file mode 100644
index 0000000..f1af743
--- /dev/null
+++ b/static/css/reset.css
@@ -0,0 +1,49 @@
+/* reset.css
+ From http://meyerweb.com/eric/tools/css/reset/
+ v1.0 | 20080212 */
+* {
+ padding: 0;
+ margin: 0;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+body { line-height: 1; }
+
+ol, ul { list-style: none; }
+
+blockquote, q { quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+:focus { outline: 0; }
+
+ins { text-decoration: none; }
+
+del { text-decoration: line-through; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/static/css/rooms_vortex.css b/static/css/rooms_vortex.css
index 7403454..7bb2754 100644
--- a/static/css/rooms_vortex.css
+++ b/static/css/rooms_vortex.css
@@ -62,3 +62,42 @@ 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;
+}
+
+#likebutton iframe {
+ border: none;
+ overflow: hidden;
+ width: 170px;
+ height: 80px;
+}
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/static/css/terms.css b/static/css/terms.css
new file mode 100644
index 0000000..350e7c6
--- /dev/null
+++ b/static/css/terms.css
@@ -0,0 +1,9 @@
+.terms-body {
+ margin: 0;
+ width: 500px;
+}
+
+.terms-container {
+ height: 600px;
+ width: 500px;
+}
diff --git a/static/css/top.css b/static/css/top.css
index afc2f0b..d6a9b49 100755
--- a/static/css/top.css
+++ b/static/css/top.css
@@ -151,9 +151,19 @@ border:1px solid #000;
font-size:20px;
}
-.no-cursor { cursor: none; }
-.invisible { display: none !important; }
-#cursor-big { position: absolute; z-index: 1000; }
+ .no-cursor { cursor: none; }
+ .invisible { display: none !important; }
+ #cursor-big { position: absolute; z-index: 1000; }
+
+ .preload-pixel {
+ visibility: hidden;
+ width: 0;
+ height: 0;
+ }
+
+ .word-spacing-normal {
+ word-spacing: normal;
+ }
label {
display:inline-block;
@@ -278,4 +288,3 @@ a.img_roll:hover{
ul.pagination li { float:left; margin:0 5px;display:none; }
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;}
-
diff --git a/static/furieindex.html b/static/furieindex.html
index b639d1e..e7b025f 100755
--- a/static/furieindex.html
+++ b/static/furieindex.html
@@ -77,7 +77,7 @@ $(document).ready(function() {
<p class="slide"><a href="#" class="btn-slide">watch a lil movie</a>
<div id="rapper"></div><div id="idgi"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
@@ -87,7 +87,7 @@ $(document).ready(function() {
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumpclearlogo2.png"></a>
<div align="center">
- <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
+ <a href="/register" class="no-underline">Click here to Register!</a> <br>
</div>
</div>
</div>
@@ -113,14 +113,14 @@ $(document).ready(function() {
<br>
<div id="talkaboutus">
-<div id="slider" style="display:none;">
+<div id="slider" class="is-hidden">
<a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a>
<a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a>
</div>
- <div id="footer" style="text-align: center">
+ <div id="footer" class="text-center">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us">About Us</a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
</div>
diff --git a/static/html/help.html b/static/html/help.html
index b0947b9..6f5eaa7 100755
--- a/static/html/help.html
+++ b/static/html/help.html
@@ -6,7 +6,7 @@
<link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body">
<span id="howtopostimage">
<div class="CBmsg CBmsgR CBblueR">
<div class="CBtxt">
diff --git a/static/html/help2.html b/static/html/help2.html
index 6dcf0c4..61c07d4 100755
--- a/static/html/help2.html
+++ b/static/html/help2.html
@@ -6,7 +6,7 @@
<link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body">
<div id="table">
tablez
diff --git a/static/html/search.test.html b/static/html/search.test.html
index 96769c4..50bb259 100755
--- a/static/html/search.test.html
+++ b/static/html/search.test.html
@@ -27,18 +27,18 @@
window.location = "/error/ie";
</script>
<![endif]-->
- <style>
- body{margin:6%;}
- img { max-width: 400px; max-height: 400px;}
- h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;}
- #content { overflow: visible}
- #content a { position: relative; display:inline-block; }
- #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; }
- #content a img { position:absolute; z-index: 1; top:0; left: 0; }
- #content a.animating canvas { display: none }
- </style>
- </head>
- <body class="profile" style="margin:1%;">
+ <style>
+ body { margin: 1%; }
+ img { max-width: 400px; max-height: 400px;}
+ h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;}
+ #content { overflow: visible}
+ #content a { position: relative; display:inline-block; }
+ #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; }
+ #content a img { position:absolute; z-index: 1; top:0; left: 0; }
+ #content a.animating canvas { display: none }
+ </style>
+ </head>
+ <body class="profile">
<center>search dumps: <input type="text" name="search-query" id="search-query" /></center><br><br>
<center><div id="message"></div><br><br></center>
@@ -213,4 +213,3 @@
</script>
</html>
-
diff --git a/static/html/terms.html b/static/html/terms.html
index 5eb2bba..026b22b 100755
--- a/static/html/terms.html
+++ b/static/html/terms.html
@@ -3,13 +3,14 @@
<title>terms</title>
+<link rel="stylesheet" href="/static/css/terms.css" type="text/css" media="all" />
-
+
</head>
-<body style="margin:0; width:500px;">
+<body class="terms-body">
-<div style="height:600px;width:500px;">
+<div class="terms-container">
<DIV class="Part"
><H1
diff --git a/static/idgi/index.html b/static/idgi/index.html
index 479f4b9..1b999d2 100755
--- a/static/idgi/index.html
+++ b/static/idgi/index.html
@@ -12,28 +12,28 @@
input{width:600px;height:70px;margin-bottom:20px;}
body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;}
html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;}
- </style>
- <link rel="stylesheet" type="text/css" href="static/css/index.css">
- <link rel="shortcut icon" href="static/favicon.ico">
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
- <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
- <META NAME="description" CONTENT="Talk with pictures!">
- <title>dump.fm - register</title></head>
- <body style="width:250px;margin:30 auto;background:yellow;>
+ </style>
+ <link rel="stylesheet" type="text/css" href="/static/css/index.css">
+ <link rel="shortcut icon" href="/static/favicon.ico">
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+ <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
+ <META NAME="description" CONTENT="Talk with pictures!">
+ <title>dump.fm - register</title></head>
+ <body>
<div align="center"><h1><b>CLOSED FOR NOW LOL...</b></h1><br>
- <!-- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <!-- <label>username</label>
<input type="text" class="field" id="nickInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label>password</label>
<input type="password" class="field" id="passwordInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label>password2x</label>
<input type="password" class="field" id="passwordInput2" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label>email</label>
<input type="text" class="field" id="emailInput" />
<br>
diff --git a/static/index.html b/static/index.html
index fd6afe7..061797f 100755
--- a/static/index.html
+++ b/static/index.html
@@ -272,9 +272,9 @@ margin-left:-42px;text-decoration:none;
text-decoration:none;
}
#footer{
-padding-bottom:5px;
-
-text-align: center;
+ padding-bottom:5px;
+
+ text-align: center;
color:#000;
font-size:11px;
word-spacing:30px;
@@ -282,16 +282,20 @@ word-spacing:30px;
background-color:#eff5fb;
margin-top:240px;
width:798px;
-}
-#bottomrow img{
-background-image:url(/static/img/grgrad.png);
+ }
+ #bottomrow img{
+ background-image:url(/static/img/grgrad.png);
border-radius: 15px;
border:5px solid #ccc;
padding:5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-}
-#footer a{color:#000;text-decoration:none;}
+ }
+ #footer a{color:#000;text-decoration:none;}
+
+ .word-spacing-normal {
+ word-spacing: normal;
+ }
@@ -299,8 +303,11 @@ padding:5px;
* Required
*/
.container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; }
- .slides { position:absolute; top:0; left:0; }
- .slides div { position:absolute; top:0; width:538px; display:none; }
+ .slides { position:absolute; top:0; left:0; width:2152px; }
+ .slides div { position:absolute; top:0; width:538px; display:block; }
+ .slides .slide-1 { left: 0px; }
+ .slides .slide-2 { left: 538px; }
+ .slides .slide-3 { left: 1076px; }
/*
* Optional
*/
@@ -345,14 +352,14 @@ preview dump.fm!
</a>
<div id="loopedSlider">
<div class="container">
- <div style="width: 2152px; left: 0px;" class="slides">
- <div style="position: absolute; left: 0px; display: block;"><img
+ <div class="slides">
+ <div class="slide slide-1"><img
src="/static/img/slide1.png" alt="dump.fm" width="538px"
height="205"></div>
- <div style="position: absolute; left: 538px; display: block;"><img
+ <div class="slide slide-2"><img
src="/static/img/slide2.png" alt="dump.fm" width="538px"
height="205"></div>
- <div style="position: absolute; left: 1076px; display: block;"><img
+ <div class="slide slide-3"><img
src="/static/img/slide3.png" alt="dump.fm" width="538px"
height="205"></div>
@@ -391,7 +398,7 @@ height="205"></div>
\
<div id="footer">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us"><span class="word-spacing-normal">About Us</span></a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
</div>
diff --git a/static/index2.html b/static/index2.html
index 8f4e654..fcd2315 100755
--- a/static/index2.html
+++ b/static/index2.html
@@ -199,15 +199,23 @@ display:none;
#rapper{
margin-top:6%;
}
-#content{
- background:url(/static/img/cloudbg.png);
-background-position:top center;
- background-repeat:no-repeat;
-}
-#preload {
- position: absolute;
- left: 0px;
- top: 0px;
+ #content{
+ background:url(/static/img/cloudbg.png);
+ background-position:top center;
+ background-repeat:no-repeat;
+ position: relative;
+ z-index: 77;
+ }
+ #slider {
+ display: none;
+ }
+ #footer {
+ text-align: center;
+ }
+ #preload {
+ position: absolute;
+ left: 0px;
+ top: 0px;
}
#bigbow{
display:none;
@@ -510,7 +518,7 @@ z-index:20;
<p class="slide"><a href="#" class="btn-slide">watch a lil movie</a>
<div id="rapper"></div><div id="idgi"></div>
-<div id="content" style="z-index:77;">
+<div id="content">
<div id="main" align="center">
@@ -540,17 +548,17 @@ z-index:20;
<br>
<div id="talkaboutus">
-<div id="slider" style="display:none;">
+<div id="slider">
<a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a>
<a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a>
</div>
- <div id="footer" style="text-align: center">
+ <div id="footer">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us"><span>About Us</span></a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
-</div>
+ </div>
<br><br>
</div>
</div>
diff --git a/static/index7.html b/static/index7.html
index 7a3f121..1c3ed24 100755
--- a/static/index7.html
+++ b/static/index7.html
@@ -238,9 +238,9 @@ margin-left:-42px;text-decoration:none;
text-decoration:none;
}
#footer{
-padding-bottom:5px;
-padding-top:15px;
-text-align: center;
+ padding-bottom:5px;
+ padding-top:15px;
+ text-align: center;
color:#000;
font-size:11px;
word-spacing:30px;
@@ -248,16 +248,20 @@ word-spacing:30px;
background-color:#eff5fb;
margin-top:250px;
width:798px;
-}
-#bottomrow img{
-background-image:url(/static/img/grgrad.png);
+ }
+ #bottomrow img{
+ background-image:url(/static/img/grgrad.png);
border-radius: 15px;
border:5px solid #ccc;
padding:5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-}
-#footer a{color:#000;text-decoration:none;}
+ }
+ #footer a{color:#000;text-decoration:none;}
+
+ .word-spacing-normal {
+ word-spacing: normal;
+ }
@@ -265,8 +269,11 @@ padding:5px;
* Required
*/
.container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; }
- .slides { position:absolute; top:0; left:0; }
- .slides div { position:absolute; top:0; width:538px; display:none; }
+ .slides { position:absolute; top:0; left:0; width:2152px; }
+ .slides div { position:absolute; top:0; width:538px; display:block; }
+ .slides .slide-1 { left: 0px; }
+ .slides .slide-2 { left: 538px; }
+ .slides .slide-3 { left: 1076px; }
/*
* Optional
*/
@@ -326,19 +333,19 @@ preview dump.fm!
<div id="loopedSlider">
<div class="container">
- <div style="width: 2152px; left: 0px;" class="slides">
- <div style="position: absolute; left: 0px; display: block;"><img
+ <div class="slides">
+ <div class="slide slide-1"><img
src="/static/img/slide1.png" alt="dump.fm" width="538px"
height="205"></div>
- <div style="position: absolute; left: 538px; display: block;"><img
+ <div class="slide slide-2"><img
src="/static/img/slide2.png" alt="dump.fm" width="538px"
height="205"></div>
- <div style="position: absolute; left: 1076px; display: block;"><img
+ <div class="slide slide-3"><img
src="/static/img/slide3.png" alt="dump.fm" width="538px"
height="205"></div>
-
-
+ </div>
+ </div>
<ul class="pagination">
<li class=" "><a rel="1" href="#">1</a></li>
@@ -375,7 +382,7 @@ height="205"></div>
<div id="footer">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us"><span class="word-spacing-normal">About Us</span></a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
</div>
diff --git a/static/js/pages/directory_init.js b/static/js/pages/directory_init.js
new file mode 100644
index 0000000..70f2017
--- /dev/null
+++ b/static/js/pages/directory_init.js
@@ -0,0 +1,11 @@
+// Directory page initializer.
+// Keeps templates mostly data-only.
+
+(function() {
+ if (typeof jQuery !== 'function') { return; }
+
+ jQuery(function() {
+ if (typeof initDirectory === 'function') { initDirectory(); }
+ });
+})();
+
diff --git a/static/js/pages/expandable_login_init.js b/static/js/pages/expandable_login_init.js
new file mode 100644
index 0000000..669836f
--- /dev/null
+++ b/static/js/pages/expandable_login_init.js
@@ -0,0 +1,11 @@
+// Expandable login-form initializer (used by $form_login()$).
+// Keeps templates mostly data-only.
+
+(function() {
+ if (typeof jQuery !== 'function') { return; }
+
+ jQuery(function() {
+ if (typeof initExpandableLoginForm === 'function') { initExpandableLoginForm(); }
+ });
+})();
+
diff --git a/static/js/pages/frontpage_refresh.js b/static/js/pages/frontpage_refresh.js
new file mode 100644
index 0000000..aa31cc2
--- /dev/null
+++ b/static/js/pages/frontpage_refresh.js
@@ -0,0 +1,11 @@
+// Frontpage-only helper.
+// The legacy frontpage HTML calls `refreshing()` via <body onload="refreshing()">.
+
+if (typeof window.refreshing !== 'function') {
+ window.refreshing = function refreshing() {
+ var el = document.getElementsByName('posts')[0];
+ if (el) { el.src = el.src; }
+ setTimeout(refreshing, 300000);
+ };
+}
+
diff --git a/static/js/pages/fullscreen_front_init.js b/static/js/pages/fullscreen_front_init.js
new file mode 100644
index 0000000..a1a87a5
--- /dev/null
+++ b/static/js/pages/fullscreen_front_init.js
@@ -0,0 +1,18 @@
+// Shared initializer for fullscreen feed pages.
+// Keeps template inline JS mostly data-only (LoggedIn, Timestamp).
+
+(function($){
+ function defaultPop(url) {
+ var newwindow = window.open(
+ url,
+ 'name',
+ 'height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'
+ );
+ if (window.focus && newwindow) { newwindow.focus(); }
+ return newwindow;
+ }
+
+ if (typeof window.pop !== 'function') { window.pop = defaultPop; }
+
+ if (typeof window.startChatUpdater === 'function') { $(window.startChatUpdater); }
+})(jQuery);
diff --git a/static/js/pages/fullscreen_front_run.js b/static/js/pages/fullscreen_front_run.js
new file mode 100644
index 0000000..1116b7a
--- /dev/null
+++ b/static/js/pages/fullscreen_front_run.js
@@ -0,0 +1,7 @@
+// Runs `initFullscreen()` for `template/fullscreen_front.st` without inline JS.
+(function() {
+ if (typeof window.initFullscreen === 'function') {
+ window.initFullscreen();
+ }
+})();
+
diff --git a/static/js/pages/fullscreen_init.js b/static/js/pages/fullscreen_init.js
new file mode 100644
index 0000000..a7f8bb7
--- /dev/null
+++ b/static/js/pages/fullscreen_init.js
@@ -0,0 +1,55 @@
+// Initializer for `/fullscreen` (login/register overlays + fullscreen feed).
+// Goal: reduce template inline JS without changing behavior.
+
+(function($){
+ function choice(a) { return a[Math.floor(Math.random() * a.length)]; }
+
+ function defaultPop(url) {
+ var newwindow = window.open(
+ url,
+ 'name',
+ 'height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'
+ );
+ if (window.focus && newwindow) { newwindow.focus(); }
+ return newwindow;
+ }
+
+ if (typeof window.pop !== 'function') { window.pop = defaultPop; }
+
+ var urls = [
+ 'https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif',
+ 'https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif',
+ 'https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif',
+ 'https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif',
+ 'https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif',
+ 'https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif',
+ 'https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif',
+ 'https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif',
+ 'https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif',
+ 'https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif',
+ 'https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif'
+ ];
+
+ // Legacy behavior: register these on DOM-ready (historically done via `jQuery(initLogin)`).
+ if (typeof window.initLogin === 'function') { $(window.initLogin); }
+ if (typeof window.startChatUpdater === 'function') { $(window.startChatUpdater); }
+
+ if (window.location && window.location.href.indexOf('nologin') !== -1) {
+ $('#loginbox').hide();
+ }
+
+ var bigImage = document.getElementById('big-image');
+ if (bigImage) { bigImage.innerHTML = "<img src='" + choice(urls) + "'>"; }
+
+ if (typeof window.initFullscreen === 'function') { window.initFullscreen(); }
+ if (typeof window.initRegister === 'function') { window.initRegister(); }
+
+ $('#reglink').click(function(e){
+ e.preventDefault();
+ $('#loginbox').hide();
+ $('#registerbox').show().addClass('b');
+ return false;
+ });
+
+ $('#nickInput').focus();
+})(jQuery);
diff --git a/static/js/pages/log_favs_init.js b/static/js/pages/log_favs_init.js
new file mode 100644
index 0000000..47565a9
--- /dev/null
+++ b/static/js/pages/log_favs_init.js
@@ -0,0 +1,7 @@
+// Log template helper: kick off the permalink fav-list loader (defined in pichat.js).
+(function() {
+ if (typeof window.load_favs === 'function') {
+ window.load_favs();
+ }
+})();
+
diff --git a/static/js/pages/log_init.js b/static/js/pages/log_init.js
new file mode 100644
index 0000000..93d27b0
--- /dev/null
+++ b/static/js/pages/log_init.js
@@ -0,0 +1,58 @@
+// Shared initializer for log-like pages (frontpage/log views) that include pichat.js.
+// Keeps templates mostly data-only (Recips, MasonryColumnWidth).
+
+(function($){
+ function initLogIfPresent() {
+ if (typeof window.Recips === 'undefined') { window.Recips = []; }
+ if (typeof window.initLog === 'function') { window.initLog(window.Recips); }
+ }
+
+ function initMasonryIfPresent() {
+ var $posts = $('#posts');
+ if (!$posts.length) { return; }
+ if (typeof $posts.masonry !== 'function') { return; }
+
+ var colWidth = typeof window.MasonryColumnWidth !== 'undefined' ? window.MasonryColumnWidth : 275;
+
+ $posts.masonry({ columnWidth: colWidth });
+ $posts.masonry({ singleMode: true });
+ $posts.masonry({ resizeable: true });
+ $posts.masonry({ animate: true });
+ }
+
+ $(initLogIfPresent);
+ $(window).load(initMasonryIfPresent);
+})(jQuery);
+
+if (typeof window.images_loading_bar !== 'function') {
+ window.images_loading_bar = function images_loading_bar() {
+ try {
+ var imgs = document.getElementsByTagName('img');
+ var total = imgs.length;
+
+ if (!total) {
+ var lb0 = document.getElementById('LB0');
+ if (lb0) { lb0.style.display = 'none'; }
+ return;
+ }
+
+ var loaded = 0;
+ for (var i = 0; i < total; i++) {
+ loaded += imgs[i].complete ? 1 : 0;
+ }
+
+ var lb1 = document.getElementById('LB1');
+ if (lb1) { lb1.style.width = Math.round((loaded / total) * 100) + 'px'; }
+
+ if (loaded === total) {
+ setTimeout(function() {
+ var lb0Done = document.getElementById('LB0');
+ if (lb0Done) { lb0Done.style.display = 'none'; }
+ }, 128);
+ } else {
+ setTimeout(images_loading_bar, 64);
+ }
+ } catch (e) {}
+ };
+}
+
diff --git a/static/js/pages/scroll_pane_init.js b/static/js/pages/scroll_pane_init.js
new file mode 100644
index 0000000..1508418
--- /dev/null
+++ b/static/js/pages/scroll_pane_init.js
@@ -0,0 +1,13 @@
+// Optional jScrollPane initializer for legacy pages that use `.scroll-pane`.
+// Keep it defensive: some pages may not load the plugin.
+
+(function() {
+ if (typeof jQuery !== 'function') { return; }
+
+ jQuery(function() {
+ if (jQuery.fn && typeof jQuery.fn.jScrollPane === 'function') {
+ jQuery('.scroll-pane').jScrollPane();
+ }
+ });
+})();
+
diff --git a/static/js/pages/search_files_init.js b/static/js/pages/search_files_init.js
new file mode 100644
index 0000000..661da63
--- /dev/null
+++ b/static/js/pages/search_files_init.js
@@ -0,0 +1,13 @@
+// Full-page search initializer.
+// Keeps templates mostly data-only.
+
+(function() {
+ if (typeof jQuery !== 'function') { return; }
+
+ jQuery(function() {
+ if (window.Search && typeof window.Search.initFullpage === 'function') {
+ window.Search.initFullpage();
+ }
+ });
+})();
+
diff --git a/static/nickinterview/index.html b/static/nickinterview/index.html
index 9951524..c80c855 100755
--- a/static/nickinterview/index.html
+++ b/static/nickinterview/index.html
@@ -31,8 +31,27 @@
bottom: 100px;
height: 40px;
width: 300px;
- };
- .stuff{overflow:auto;}
+ }
+
+ .stuff{overflow:auto;}
+
+ .preload-pixel {
+ visibility: hidden;
+ width: 0;
+ height: 0;
+ }
+
+ .float-left {
+ float: left;
+ }
+
+ #inpage-search-results {
+ background-color: #fff;
+ }
+
+ .word-spacing-normal {
+ word-spacing: normal;
+ }
</style>
<script>
@@ -52,13 +71,13 @@
<div id="logoicons">
<div id="logo7">
<div align="center">
- <img style="visibility: hidden; width: 0px; height: 0px;" border="0" height="0" width="0">
+ <img class="preload-pixel" border="0" height="0" width="0">
<a class="img_roll" href="/"></a>
</div>
</div>
<div class="white">
<div id="bar7">
- <div style="float: left;">
+ <div class="float-left">
<div align="center">
@@ -122,7 +141,7 @@
- <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>
@@ -146,7 +165,7 @@
<div class="username"><a href="/ryder" target="_blank"><img src="/avatars/20101012/1286860748577-dumpfm-ryder-cat-innertube.gif" height="50" width="50">ryder</a></div>
</div>
- <div id="favbox" style=""></div>
+ <div id="favbox"></div>
<div id="messageList">
<div class="msgDiv oldmsg dump contains-image" id="message-1840784" nick="ryder">
@@ -2032,8 +2051,8 @@ stop.. to stand back and say this is <a target="_blank" href="http://www.graphic
</div>
<div id="footerc">
@2010 <a href="http://peoplewholiketochatalot.dump.fm/">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" class="word-spacing-normal">About Us</a>
+ <a href="/help" class="word-spacing-normal">Help FAQ</a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a>
@@ -2056,4 +2075,4 @@ stop.. to stand back and say this is <a target="_blank" href="http://www.graphic
<img src="peoplewholiketochatalot%20dump.fm_files/dumppixelhover.png" class="invisible">
<img src="peoplewholiketochatalot%20dump.fm_files/dumppixelhover_002.png" class="invisible">
</div>
- </body></html> \ No newline at end of file
+ </body></html>
diff --git a/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html b/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html
index 1efdb7f..5de4d28 100755
--- a/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html
+++ b/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html
@@ -97,7 +97,59 @@
#footertext2 {position: absolute; z-index: 50; top: 821px; left: 1px; width: 773px; text-align: center; font-size: 11px;}
#footertext3 {position: absolute; z-index: 50; top: 879px; left: 17px; width: 773px; color: #666666; font-size: 10px; text-align: left;}
- </style>
+
+ /* Inline style attributes moved into CSS (refactor) */
+ .u-s1 {display: none; visibility: hidden;}
+ .u-s2 {border: none;}
+ .u-s3 {position: relative; top: 1px;}
+ .u-s4 {font-weight: bold; position: relative; top: 1px;}
+ .u-s5 {font-size: 12px; color: #fff;}
+ .u-s6 {width: 170px;}
+ .u-s7 {height: 21px;}
+ .u-s8 {text-decoration: none; color: #000;}
+ .u-s9 {font-family: Arial; font-size: 11px; text-decoration: underline; color: #0600ff;}
+ .u-s10 {font-family: Arial;}
+ .u-s11 {padding-top: 4px; text-align: center; overflow: hidden;}
+ .u-s12 {text-decoration: none; color: #fff;}
+ .u-s13 {color: #FF5500; position: absolute; left: 118px; top: 110px;}
+ .u-s14 {font-size: 43px;}
+ .u-s15 {color: #FF5500; position: absolute; left: 101px; top: 113px;}
+ .u-s16 {font-size: 30px;}
+ .u-s17 {color: #FF5500; position: absolute; left: 138px; top: 113px;}
+ .u-s18 {color: #FF5500; position: absolute; left: 78px; top: 219px;}
+ .u-s19 {color: #FF5500; position: absolute; left: 61px; top: 222px;}
+ .u-s20 {color: #FF5500; position: absolute; left: 125px; top: 222px;}
+ .u-s21 {color: #FF5500; position: absolute; left: 275px; top: 219px;}
+ .u-s22 {color: #FF5500; position: absolute; left: 258px; top: 222px;}
+ .u-s23 {color: #FF5500; position: absolute; left: 300px; top: 222px;}
+ .u-s24 {position: absolute; left: 13px; top: 583px; display: none;}
+ .u-s25 {font-size: 8px;}
+ .u-s26 {cursor: help;}
+ .u-s27 {font-weight: bold;}
+ .u-s28 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 76px;}
+ .u-s29 {border: 0;}
+ .u-s30 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 159px;}
+ .u-s31 {height: 48px; text-align: center; width: 48px; position: absolute; top: 542px; left: 242px;}
+ .u-s32 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 324px;}
+ .u-s33 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 406px;}
+ .u-s34 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 60px;}
+ .u-s35 {height: 30px; overflow: hidden;}
+ .u-s36 {color: #000000;}
+ .u-s37 {color: #FF0000; font-weight: bold; text-decoration: none;}
+ .u-s38 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 143px;}
+ .u-s39 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 226px;}
+ .u-s40 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 308px;}
+ .u-s41 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 390px;}
+ .u-s42 {position: absolute; text-align: center; font-size: 11px; top: 518px; left: 285px;}
+ .u-s43 {width: 340px; display: none; position: absolute; z-index: 99; top: 344px; left: 270px;}
+ .u-s44 {width: 340px;}
+ .u-s45 {width: 331px; background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_top.gif'); background-repeat: repeat-x;}
+ .u-s46 {background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_sidelft.gif'); background-repeat: repeat-y;}
+ .u-s47 {width: 331px; padding: 4px 8px 6px 8px; background-color: #FAFAFA;}
+ .u-s48 {background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_sidert.gif'); background-repeat: repeat-y;}
+ .u-s49 {width: 331px; background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_bot.gif'); background-repeat: repeat-x;}
+ .u-s50 {color: #000; font-weight: bold;}
+</style>
<script language="javascript" type="text/javascript">
var agt=navigator.userAgent.toLowerCase();
var is_opera = (agt.indexOf("opera") != -1);
@@ -127,8 +179,8 @@
</head>
<body>
-<div style="display:none;visibility:hidden;">
-<a href="/st.aspx"><img src="http://images-pw.secureserver.net/images/061703/spc_trans.gif" style="border:none" height="1" width="1" alt="" /></a>
+<div class="u-s1">
+<a href="/st.aspx"><img class="u-s2" src="http://images-pw.secureserver.net/images/061703/spc_trans.gif" height="1" width="1" alt="" /></a>
</div>
<div id="header">
@@ -143,18 +195,18 @@
</div>
<div id="todaysoffer">
- <img style="position: relative; top: 1px;" src="http://images-pw.secureserver.net/images/gd/img_arrows_todaysoffer.gif" border="0" alt="GoDaddy.com"/>
- <span style="font-weight: bold;position: relative; top: 1px;"><a class="bluelink" href="https://www.godaddy.com/gdshop/hotdeals/landing.asp?isc=GPPT03A111&ci=13111&domain=callsharkeys.com">Today's offers at GoDaddy.com</a></span>
+ <img class="u-s3" src="http://images-pw.secureserver.net/images/gd/img_arrows_todaysoffer.gif" border="0" alt="GoDaddy.com"/>
+ <span class="u-s4"><a class="bluelink" href="https://www.godaddy.com/gdshop/hotdeals/landing.asp?isc=GPPT03A111&ci=13111&domain=callsharkeys.com">Today's offers at GoDaddy.com</a></span>
</div>
<div id="domainname">
- <span style="font-size: 12px; color: #fff;">callsharkeys.com</span>
+ <span class="u-s5">callsharkeys.com</span>
</div>
<div id="topDomainSearch">
<form id="LookupForm" name="LookupForm" method="post" action="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A112&ci=13112&domain=callsharkeys.com">
- <input type="text" name="domaintocheck" maxlength="63" style="width:170px;" />
- <select name="tld" style="height: 21px;">
+ <input class="u-s6" type="text" name="domaintocheck" maxlength="63" />
+ <select class="u-s7" name="tld">
<option value=".com">.com</option>
@@ -306,21 +358,21 @@
<div><a href="https://shops.godaddy.com?isc=GPPT03A090&ci=14090&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/mrkt_200x80_4.gif" border="0" alt="Find Great Deals Now at Go Daddy Marketplace"/></a></div>
</div>
<div class="leftad">
- <div id="leftadBP"><a href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com" style="text-decoration: none;color: #000;"><span style="font-family:Arial; font-size:11px; text-decoration:underline; color:#0600ff;">Learn how to succeed</span><span style="font-family:Arial; "> &#151; in life and online &#151; with straight talk from Go Daddy's CEO &amp; Founder, Bob Parsons&reg;.</span></a></div>
+ <div id="leftadBP"><a class="u-s8" href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com"><span class="u-s9">Learn how to succeed</span><span class="u-s10"> &#151; in life and online &#151; with straight talk from Go Daddy's CEO &amp; Founder, Bob Parsons&reg;.</span></a></div>
<div><a href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/49574_ros_bob.gif" border="0" alt="www.bobparsons.me" /></a></div>
</div>
- <div style="padding-top: 4px; text-align: center;overflow: hidden;"><a href="" id="ad_tp_banner_1"><img src="http://images-pw.secureserver.net/images/tp200x80_5.gif" alt="" style="border:none;" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_1').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
+ <div class="u-s11"><a href="" id="ad_tp_banner_1"><img class="u-s2" src="http://images-pw.secureserver.net/images/tp200x80_5.gif" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_1').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
<div class="leftad">
- <div id="leftadWST"><a href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com" style="text-decoration: none;color: #fff;">Plans from $3.99/mo!</a></div>
+ <div id="leftadWST"><a class="u-s12" href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com">Plans from $3.99/mo!</a></div>
<div><a href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_wst.gif" border="0" alt="Website Tonight&reg;"/></a></div>
</div>
<div class="leftad">
- <div id="leftadHost"><a href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com" style="text-decoration: none;color: #000;">Starting at<br/>$4.99/mo</a></div>
+ <div id="leftadHost"><a class="u-s8" href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com">Starting at<br/>$4.99/mo</a></div>
<div><a href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_hosting_noppc.gif" border="0" alt="Hosting Plans" /></a></div>
</div>
<div class="leftad">
- <div id="leftadAuction"><a href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com" style="text-decoration: none;color: #fff;">Memberships just $4.99/year!</a></div>
+ <div id="leftadAuction"><a class="u-s12" href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com">Memberships just $4.99/year!</a></div>
<div><a href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_gdauctions_noppc2.gif" border="0" alt="Domain Name Aftermarket&reg;" /></a></div>
</div>
<div class="leftad">
@@ -364,25 +416,25 @@
<area shape="rect" coords="9,440,101,484" alt="Radio Go Daddy" href="http://www.radiogodaddy.com?isc=GPPT03A753&ci=14753&domain=callsharkeys.com"/>
</map>
</div>
- <div id="domain1" style="color: #FF5500;position: absolute; left: 118px; top: 110px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">1</span></strong></a></div>
- <div id="domain1a" style="color: #FF5500;position: absolute; left: 101px; top: 113px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain1b" style="color: #FF5500;position: absolute; left: 138px; top: 113px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.99*</span></strong></a></div>
+ <div class="u-s13" id="domain1" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">1</span></strong></a></div>
+ <div class="u-s15" id="domain1a" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s17" id="domain1b" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.99*</span></strong></a></div>
- <div id="domain2" style="color: #FF5500;position: absolute; left: 78px; top: 219px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">11</span></strong></a></div>
- <div id="domain2a" style="color: #FF5500;position: absolute; left: 61px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain2b" style="color: #FF5500;position: absolute; left: 125px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.99*</span></strong></a></div>
+ <div class="u-s18" id="domain2" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">11</span></strong></a></div>
+ <div class="u-s19" id="domain2a" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s20" id="domain2b" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.99*</span></strong></a></div>
- <div id="domain3" style="color: #FF5500;position: absolute; left: 275px; top: 219px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">7</span></strong></a></div>
- <div id="domain3a" style="color: #FF5500;position: absolute; left: 258px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain3b" style="color: #FF5500;position: absolute; left: 300px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.49*</span></strong></a></div>
+ <div class="u-s21" id="domain3" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">7</span></strong></a></div>
+ <div class="u-s22" id="domain3a" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s23" id="domain3b" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.49*</span></strong></a></div>
- <div style="position: absolute; left:13px; top: 583px; display:none;"><a href="" id="ad_tp_banner_2"><img src="http://images-pw.secureserver.net/images/tp468x60_5.gif" alt="" style="border:none;" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_2').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
+ <div class="u-s24"><a href="" id="ad_tp_banner_2"><img class="u-s2" src="http://images-pw.secureserver.net/images/tp468x60_5.gif" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_2').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
- <div id="extrasText"><span><a href="http://www.godaddy.com/gdshop/domain_offer.asp?isc=GPPT03A319&ci=13319&domain=callsharkeys.com" class="extralink">Over $100 in EXTRAS including Hosting<sup style="font-size: 8px;">&dagger;</sup><br/>with Site Builder, Personalized Email,<br/>Quick Blogcast, and MORE!</a></span></div>
+ <div id="extrasText"><span><a href="http://www.godaddy.com/gdshop/domain_offer.asp?isc=GPPT03A319&ci=13319&domain=callsharkeys.com" class="extralink">Over $100 in EXTRAS including Hosting<sup class="u-s25">&dagger;</sup><br/>with Site Builder, Personalized Email,<br/>Quick Blogcast, and MORE!</a></span></div>
<div id="mainDomainSearch">
<form id="LookupForm2" name="LookupForm2" method="post" action="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A134&domain=callsharkeys.com&ci=13134">
- <input type="text" name="domaintocheck" maxlength="63" style="width:170px;">
- <select name="tld" style="height: 21px;">
+ <input class="u-s6" type="text" name="domaintocheck" maxlength="63">
+ <select class="u-s7" name="tld">
<option value=".com">.com</option>
@@ -523,7 +575,7 @@
</div>
<div id="wwwText">www.</div>
<div id="startText">Start a Domain Name search:</div>
- <div id="whatsText"><span id="whatsThis" style="cursor: help;" onmouseover="ShowHelp(this,'whatsdom',false);" onmouseout="ShowHelp(this,'whatsdom',true);">?</span></div>
+ <div id="whatsText"><span class="u-s26" id="whatsThis" onmouseover="ShowHelp(this,'whatsdom',false);" onmouseout="ShowHelp(this,'whatsdom',true);">?</span></div>
<div id="icanntext"><p>*Plus <a href="javascript:void(openICANNPopup())" class="bluelink">ICANN fee</a> of 18 cents per yr.</p>
<script type="text/javascript">
function openICANNPopup()
@@ -531,7 +583,7 @@
var win=window.open('https://www.godaddy.com/gdshop/jump_pages/icann_dry.asp?isc=GPPT03&domain=callsharkeys.com&app%5Fhdr=99', 'icann', 'left=50,top=50,resizable=yes,scrollbars=yes,width=400,height=250');
}
</script></div>
- <div id="transfertext"><span style="font-weight: bold;">#1 in Domain Registrations.</span> <a class="whitelink" href="https://www.godaddy.com/gdshop/transfers/landing.asp?ci=13135&isc=GPPT03A135&domain=callsharkeys.com">Transfer your domains online</a><br/>or call the Transfer Concierge at (480) 505-8866!</div>
+ <div id="transfertext"><span class="u-s27">#1 in Domain Registrations.</span> <a class="whitelink" href="https://www.godaddy.com/gdshop/transfers/landing.asp?ci=13135&isc=GPPT03A135&domain=callsharkeys.com">Transfer your domains online</a><br/>or call the Transfer Concierge at (480) 505-8866!</div>
<div id="tldList">
<a class="bluelink" href="https://www.godaddy.com/gdshop/tlds/com.asp?ci=13318&isc=GPPT03A318&domain=callsharkeys.com&tld=%2ECOM">.com</a>
<a class="bluelink" href="https://www.godaddy.com/gdshop/tlds/us.asp?ci=13318&isc=GPPT03A318&domain=callsharkeys.com&tld=%2EUS">.us</a>
@@ -554,47 +606,47 @@
</div>
<div id="bpBlog"><a href="http://www.bobparsons.me?isc=GPPT03A754&domain=callsharkeys.com" class="prodadvlink">Learn how to succeed&#151;in life and online&#151;with straight <br/>talk from Go Daddy's CEO &amp; Founder, Bob Parsons&reg;. <br/><i>Viewer discretion advised!</i></a></div>
- <div id="learnMore"><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/>&nbsp;<span style="font-weight: bold;">Learn more about:</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dbp/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">Private domain registrations</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/Domain_Alert/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">domain backordering</a> <span style="font-weight: bold;">PLUS,</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dna/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">buy used domain names</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/registrar/bulkprices.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">bulk domain prices slashed</a> AND MORE!</div>
+ <div id="learnMore"><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/>&nbsp;<span class="u-s27">Learn more about:</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dbp/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">Private domain registrations</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/Domain_Alert/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">domain backordering</a> <span class="u-s27">PLUS,</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dna/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">buy used domain names</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/registrar/bulkprices.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">bulk domain prices slashed</a> AND MORE!</div>
<div id="productAdv"><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03&ci=13379&domain=callsharkeys.com" class="prodadvlink">Get what you need in </a><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03A379&ci=13379&domain=callsharkeys.com" class="prodadvorlink">UNDER 5 MINUTES </a><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03A379&ci=13379&domain=callsharkeys.com" class="prodadvlink">with our Product Advisor</a></div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 76px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop112853108/A87/product990687/0_2_e84b434e-7469-4a13-b1bf-2f79afba9993.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s28">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop112853108/A87/product990687/0_2_e84b434e-7469-4a13-b1bf-2f79afba9993.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 159px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop91707529/product671368/1_2_a9a6f499-bc28-4042-9b6b-ec9348c1107c.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s30">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop91707529/product671368/1_2_a9a6f499-bc28-4042-9b6b-ec9348c1107c.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; text-align: center; width: 48px; position: absolute; top: 542px; left: 242px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop96408706/0_2_c5193305-86ef-40eb-953f-04b82332016e.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s31">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop96408706/0_2_c5193305-86ef-40eb-953f-04b82332016e.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 324px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop101069415/A58/product1065858/0_2_25ebc940-e9e8-48e0-94cd-daa930a67489.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s32">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop101069415/A58/product1065858/0_2_25ebc940-e9e8-48e0-94cd-daa930a67489.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 406px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop91707529/product0/0_2_79fadd2e-447c-4b5b-962d-82f90ff62879.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s33">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop91707529/product0/0_2_79fadd2e-447c-4b5b-962d-82f90ff62879.jpg" /></a></td></tr></table>
</div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 60px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">UCLA Halloween Pumpkin B...</a></div><div><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$14.99</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 143px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">20 Meizitang Botanical S...</a></div><div><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$199.98</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 226px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">Litter-Lifterâ„¢ Magic-S...</a></div><div><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$8.75</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 308px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">Baggallini Milano Bagg S...</a></div><div><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$63.97</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 390px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">6 Boxes New (super)Slim ...</a></div><div><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$68.98</a></div></div>
-<div style="position: absolute; text-align: center; font-size: 11px; top: 518px; left: 285px;"><a href="https://shops.godaddy.com?isc=GPPT03A092&domain=callsharkeys.com">GoDaddyMarketplace.com</a></div>
+<div class="u-s34"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com">UCLA Halloween Pumpkin B...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com">$14.99</a></div></div>
+<div class="u-s38"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com">20 Meizitang Botanical S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com">$199.98</a></div></div>
+<div class="u-s39"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com">Litter-Lifterâ„¢ Magic-S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com">$8.75</a></div></div>
+<div class="u-s40"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com">Baggallini Milano Bagg S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com">$63.97</a></div></div>
+<div class="u-s41"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com">6 Boxes New (super)Slim ...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com">$68.98</a></div></div>
+<div class="u-s42"><a href="https://shops.godaddy.com?isc=GPPT03A092&domain=callsharkeys.com">GoDaddyMarketplace.com</a></div>
- <div id="whatsdom_help" style="width:340px;display:none;position:absolute;z-index:99;top: 344px; left: 270px;">
- <table class="subText" border="0" style="width:340px;" cellpadding="0" cellspacing="0">
+ <div class="u-s43" id="whatsdom_help">
+ <table class="subText u-s44" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_toplft.gif" width="4" height="5"></td>
- <td style="width:331px;background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_top.gif');background-repeat:repeat-x;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
+ <td class="u-s45"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_toprt.gif" width="5" height="5"></td>
</tr>
<tr>
- <td style="background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_sidelft.gif');background-repeat:repeat-y;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="4" height="1"></td>
- <td style="width:331px;padding:4px 8px 6px 8px;background-color:#FAFAFA;"><b>What's a Domain Name?</b><br>Want a Web site? Personalized email? How about an easy, affordable way to promote your business, class reunion or favorite hobby? A unique, memorable dot com domain name is the first step to doing all this and more. It's <b>your 'address' on the World Wide Web</b>, and along with your Web site, serves as your 'online identity,' reflecting your purpose and personality. Friends, family, customers - anyone in the world with Internet access - can type your domain name into their Web browser and visit your Web site.</td>
- <td style="background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_sidert.gif');background-repeat:repeat-y;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="5" height="1"></td>
+ <td class="u-s46"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="4" height="1"></td>
+ <td class="u-s47"><b>What's a Domain Name?</b><br>Want a Web site? Personalized email? How about an easy, affordable way to promote your business, class reunion or favorite hobby? A unique, memorable dot com domain name is the first step to doing all this and more. It's <b>your 'address' on the World Wide Web</b>, and along with your Web site, serves as your 'online identity,' reflecting your purpose and personality. Friends, family, customers - anyone in the world with Internet access - can type your domain name into their Web browser and visit your Web site.</td>
+ <td class="u-s48"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="5" height="1"></td>
</tr>
<tr>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_botlft.gif" width="4" height="5"></td>
- <td style="width:331px;background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_bot.gif');background-repeat:repeat-x;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
+ <td class="u-s49"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_botrt.gif" width="5" height="5"></td>
</tr>
</table>
@@ -607,7 +659,7 @@
<area shape="rect" coords="196,5,555,32" alt="Parked Free Courtesy of Godaddy.com" href="http://www.godaddy.com?isc=GPPT03A136&ci=13136&domain=callsharkeys.com"/>
</map>
<div id="best_values">
- <span style="color: #000; font-weight: bold;">Visit GoDaddy.com for the best values on:</span><br/>
+ <span class="u-s50">Visit GoDaddy.com for the best values on:</span><br/>
<a class="footerlink2" href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Domain names</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/hosting/landing.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Web Hosting</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/website.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Web Site Builders</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/email.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Email Accounts</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/ssl/ssl.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">SSL Certificates</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/ecommerce/cart.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Ecommerce Products</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">And More!</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/catalog.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">See Product Catalog</a>
</div>
<div id="footertext1">
diff --git a/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html b/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html
index 37bb327..b81b73e 100755
--- a/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html
+++ b/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html
@@ -39,6 +39,13 @@ var excludeModules='38';
<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 760px;margin: 0 auto;}
#ja-wrapper {min-width: 761px;}
+#ja-containerwrap-fr { z-index: 0; }
+
+.cursor-pointer { cursor: pointer; }
+.fb-like-frame { border: none; overflow: hidden; width: 80px; height: 20px; }
+.collection-thumb { width: 100px; border: 0; }
+.margin-x-15 { margin: 0 15px; }
+.text-center { text-align: center; }
</style>
<!-- ShareThis code -->
@@ -46,7 +53,7 @@ var excludeModules='38';
<style type="text/css">
body {font-family:helvetica,sans-serif;font-size:12px;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
-a.stbar.chicklet {height:16px;line-height:16px;}
+a.stbar.chicklet {height:16px;line-height:16px;text-decoration:none;}
</style>
</head>
@@ -74,9 +81,9 @@ a.stbar.chicklet {height:16px;line-height:16px;}
<ul class="ja-usertools-font">
- <li><img style="cursor: pointer;" title="Increase font size" src="http://www.samuseum.org/templates/sama/images/user-increase.png" alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('sama_ja_font','inc'); return false;" /></li>
- <li><img style="cursor: pointer;" title="Default font size" src="http://www.samuseum.org/templates/sama/images/user-reset.png" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('sama_ja_font',3); return false;" /></li>
- <li><img style="cursor: pointer;" title="Decrease font size" src="http://www.samuseum.org/templates/sama/images/user-decrease.png" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('sama_ja_font','dec'); return false;" /></li>
+ <li><img class="cursor-pointer" title="Increase font size" src="http://www.samuseum.org/templates/sama/images/user-increase.png" alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('sama_ja_font','inc'); return false;" /></li>
+ <li><img class="cursor-pointer" title="Default font size" src="http://www.samuseum.org/templates/sama/images/user-reset.png" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('sama_ja_font',3); return false;" /></li>
+ <li><img class="cursor-pointer" title="Decrease font size" src="http://www.samuseum.org/templates/sama/images/user-decrease.png" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('sama_ja_font','dec'); return false;" /></li>
</ul>
<script type="text/javascript">var CurrentFontSize=parseInt('3');</script>
@@ -95,7 +102,7 @@ a.stbar.chicklet {height:16px;line-height:16px;}
</div>
<!-- END: MAIN NAVIGATION -->
- <div id="ja-containerwrap-fr" style="z-index:0">
+ <div id="ja-containerwrap-fr">
<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">
@@ -161,7 +168,7 @@ form#form-ccsignup fieldset {
SAMA Collections</span>
</td>
<td align="right" valign="bottom">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.samuseum.org/index.php/sama-collections/&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;font&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.samuseum.org/index.php/sama-collections/&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;font&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" class="fb-like-frame" allowTransparency="true"></iframe>
</td></tr>
</table>
</div>
@@ -184,7 +191,7 @@ SAMA Collections</span>
<tbody>
<tr>
<td>
- <a href="/sama-collections/american-art"><img alt="American Art" border="0" src="/images/collection/photo2_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/american-art"><img alt="American Art" border="0" src="/images/collection/photo2_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/american-art"> </a>
<h3>
@@ -210,7 +217,7 @@ SAMA Collections</span>
</tr>
<tr>
<td>
- <a href="/sama-collections/contemporary-art"><img alt="Contemporary Art" border="0" src="/images/collection/photo7_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/contemporary-art"><img alt="Contemporary Art" border="0" src="/images/collection/photo7_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/contemporary-art"> </a>
<h3>
@@ -223,7 +230,7 @@ SAMA Collections</span>
</tr>
<tr>
<td>
- <a href="/sama-collections/european-art"><img alt="European Art" border="0" src="/images/collection/photo3_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/european-art"><img alt="European Art" border="0" src="/images/collection/photo3_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/european-art"> </a>
<h3>
@@ -236,7 +243,7 @@ SAMA Collections</span>
</tr>
<tr>
<td>
- <a href="/sama-collections/latin-american-art"><img alt="Latin American Art" border="0" src="/images/collection/photo1_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/latin-american-art"><img alt="Latin American Art" border="0" src="/images/collection/photo1_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/latin-american-art"> </a>
<h3>
@@ -249,7 +256,7 @@ SAMA Collections</span>
</tr>
<tr>
<td>
- <a href="/sama-collections/oceanic-art"><img alt="Oceanic Art" border="0" src="/images/collection/photo6_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/oceanic-art"><img alt="Oceanic Art" border="0" src="/images/collection/photo6_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/oceanic-art"> </a>
<h3>
@@ -262,7 +269,7 @@ SAMA Collections</span>
</tr>
<tr>
<td>
- <a href="/sama-collections/art-of-the-ancient-mediterranean-world"><img alt="Western Antiquities" border="0" src="/images/collection/photo5_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/art-of-the-ancient-mediterranean-world"><img alt="Western Antiquities" border="0" src="/images/collection/photo5_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/art-of-the-ancient-mediterranean-world"> </a>
<h3>
@@ -279,7 +286,7 @@ SAMA Collections</span>
<!--tour information-->
- <div style="margin:0px 15px">
+ <div class="margin-x-15">
</div>
@@ -309,11 +316,11 @@ SAMA Collections</span>
</div>
<br />
- <div style="text-align: center;">
+ <div class="text-center">
<a id="ck_email" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/email.gif" /></a>
<a id="ck_facebook" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/facebook.gif" /></a>
<a id="ck_twitter" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/twitter.gif" /></a>
- <a id="ck_sharethis" class="stbar chicklet" href="javascript:void(0);" style="text-decoration: none;"><img src="http://w.sharethis.com/chicklets/sharethis.gif" />ShareThis</a>
+ <a id="ck_sharethis" class="stbar chicklet" href="javascript:void(0);" ><img src="http://w.sharethis.com/chicklets/sharethis.gif" />ShareThis</a>
<script type="text/javascript">
var shared_object = SHARETHIS.addEntry({
title: document.title,
diff --git a/static/register-closed.html b/static/register-closed.html
index 2b41769..20d64a1 100755
--- a/static/register-closed.html
+++ b/static/register-closed.html
@@ -15,7 +15,7 @@
<body>
<div id="rapper"></div>
- <div id="content" style="z-index:77;height:100%;">
+ <div id="content" class="content-z77 content-fullheight">
<div id="main" align="center">
@@ -24,7 +24,7 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:center;margin-bottom:10px;">Registration is currently closed.
+ <label class="register-message">Registration is currently closed.
<br><br>
Maybe ask a friend?</label>
diff --git a/static/register-on1.html b/static/register-on1.html
index d803646..9bfa9ee 100755
--- a/static/register-on1.html
+++ b/static/register-on1.html
@@ -16,7 +16,7 @@
<body>
<div id="rapper"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
@@ -26,17 +26,17 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <label class="form-label-left-tight">username</label>
<input type="text" class="field"id="nickInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label class="form-label-left-tight">password</label>
<input type="password" class="field" id="passwordInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label class="form-label-left-tight">password2x</label>
<input type="password" class="field" id="passwordInput2" />
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label class="form-label-left-tight">email</label>
<input type="text" class="field"id="emailInput" />
</h1>
diff --git a/static/register-open.html b/static/register-open.html
index d803646..9bfa9ee 100755
--- a/static/register-open.html
+++ b/static/register-open.html
@@ -16,7 +16,7 @@
<body>
<div id="rapper"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
@@ -26,17 +26,17 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <label class="form-label-left-tight">username</label>
<input type="text" class="field"id="nickInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label class="form-label-left-tight">password</label>
<input type="password" class="field" id="passwordInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label class="form-label-left-tight">password2x</label>
<input type="password" class="field" id="passwordInput2" />
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label class="form-label-left-tight">email</label>
<input type="text" class="field"id="emailInput" />
</h1>
diff --git a/static/register.html b/static/register.html
index 2b41769..20d64a1 100755
--- a/static/register.html
+++ b/static/register.html
@@ -15,7 +15,7 @@
<body>
<div id="rapper"></div>
- <div id="content" style="z-index:77;height:100%;">
+ <div id="content" class="content-z77 content-fullheight">
<div id="main" align="center">
@@ -24,7 +24,7 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:center;margin-bottom:10px;">Registration is currently closed.
+ <label class="register-message">Registration is currently closed.
<br><br>
Maybe ask a friend?</label>
diff --git a/static/register777.html b/static/register777.html
index d803646..9bfa9ee 100755
--- a/static/register777.html
+++ b/static/register777.html
@@ -16,7 +16,7 @@
<body>
<div id="rapper"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
@@ -26,17 +26,17 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <label class="form-label-left-tight">username</label>
<input type="text" class="field"id="nickInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label class="form-label-left-tight">password</label>
<input type="password" class="field" id="passwordInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label class="form-label-left-tight">password2x</label>
<input type="password" class="field" id="passwordInput2" />
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label class="form-label-left-tight">email</label>
<input type="text" class="field"id="emailInput" />
</h1>
diff --git a/static/registerr.html b/static/registerr.html
index 06ee69d..f7a3071 100755
--- a/static/registerr.html
+++ b/static/registerr.html
@@ -42,9 +42,7 @@ jQuery(window).load(function() {
<div id="rapper">
<div id="toplogo">
-<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'>
-
-</style>
+<img class="preload-pixel" alt="" />
<a class="img_roll" href="/register"></a>
<div id="lilflag">
HOME OF THE SLOTHGOTH!!!!!
@@ -88,7 +86,7 @@ preview dump.fm!
</div>
<div id="footer">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us"><span class="word-spacing-normal">About Us</span></a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
</div>
diff --git a/static/search/browser.css b/static/search/browser.css
index 44355a6..2383142 100755
--- a/static/search/browser.css
+++ b/static/search/browser.css
@@ -1,11 +1,22 @@
/* pichat.css */
body {
- font-size:13;
- font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- margin:2%;
-
-}
+ font-size:13;
+ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+ margin:2%;
+
+ }
+
+ .is-hidden {
+ display: none;
+ }
+
+ .browser-heading {
+ font-size: 30px;
+ text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e;
+ color: #fff;
+ font-weight: bold;
+ }
#rapper{
}
#container {
diff --git a/static/search/browser.html b/static/search/browser.html
index 358a07f..ea499ba 100755
--- a/static/search/browser.html
+++ b/static/search/browser.html
@@ -13,17 +13,14 @@
</head>
<body>
-<div id="ish">
-<form onSubmit="searchImages(); return false;" >
-<div align="left">
-<div style=" font-size:30;
- text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e;
-color:#fff;
-font-weight:bold;">image search</div>
- <tr>
- <td colspan="2"><br>
- <input name="q" type="text" id="q" onChange="searchImages();" size="10%">
- <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images">
+ <div id="ish">
+ <form onSubmit="searchImages(); return false;" >
+ <div align="left">
+ <div class="browser-heading">image search</div>
+ <tr>
+ <td colspan="2"><br>
+ <input name="q" type="text" id="q" onChange="searchImages();" size="10%">
+ <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images">
<label>
</label>
@@ -74,16 +71,16 @@ font-weight:bold;">image search</div>
<option value="corbis.com">corbis</option>
<option value="made-in-china.com">made in china</option>
<option value="0" selected>EVERYWHERE</option>
- </select>
- </label>
- <label>
- <input name="showFaces" type="checkbox" onClick="searchImages();">
- Only Faces</label>
- <div style="display:none;">&#x2605;<label> hot shit</label>&#x2605;
- <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked>
- Always ON</div>
- </td>
- </tr>
+ </select>
+ </label>
+ <label>
+ <input name="showFaces" type="checkbox" onClick="searchImages();">
+ Only Faces</label>
+ <div class="is-hidden">&#x2605;<label> hot shit</label>&#x2605;
+ <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked>
+ Always ON</div>
+ </td>
+ </tr>
@@ -264,4 +261,4 @@ font-weight:bold;">image search</div>
}
</script>
</body>
-</html> \ No newline at end of file
+</html>
diff --git a/static/search/imagesearch.html b/static/search/imagesearch.html
index 53bb42f..0d14429 100755
--- a/static/search/imagesearch.html
+++ b/static/search/imagesearch.html
@@ -16,8 +16,8 @@
javascript:CreateDropdownWindow('image search', '680px', true, 'search', 50, 60);" >
- <div style="display:none;"id="search">
- <div id="content" name="content"style="background-image:url(/static/hearts.gif);background-repeat:repeat;height:800;">
+ <div id="search" class="is-hidden">
+ <div id="content" name="content" class="content-hearts">
<form onSubmit="searchImages(); return false;" >
@@ -77,16 +77,16 @@
<option value="corbis.com">corbis</option>
<option value="made-in-china.com">made in china</option>
<option value="0" selected>EVERYWHERE</option>
- </select>
- </label>
- <label>
- <input name="showFaces" type="checkbox" onClick="searchImages();">
- Only Faces</label>
- <div style="display:none;">&#x2605;<label> hot shit</label>&#x2605;
- <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked>
- Always ON</div>
- </td>
- </tr>
+ </select>
+ </label>
+ <label>
+ <input name="showFaces" type="checkbox" onClick="searchImages();">
+ Only Faces</label>
+ <div class="is-hidden">&#x2605;<label> hot shit</label>&#x2605;
+ <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked>
+ Always ON</div>
+ </td>
+ </tr>
<tr>
@@ -267,4 +267,4 @@
}
</script>
</body>
-</html> \ No newline at end of file
+</html>
diff --git a/static/shinobi/index.html b/static/shinobi/index.html
index 4010061..0cdefab 100755
--- a/static/shinobi/index.html
+++ b/static/shinobi/index.html
@@ -16,7 +16,7 @@
<body>
<div id="rapper"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
@@ -26,17 +26,17 @@
<div id="logo-and-text">
<a href="/"><img src="/static/img/dumppixellarge3.png"></a>
<div align="center">
- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <label class="form-label-left-tight">username</label>
<input type="text" class="field"id="regNickInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label class="form-label-left-tight">password</label>
<input type="password" class="field" id="regPasswordInput" />
<br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label class="form-label-left-tight">password2x</label>
<input type="password" class="field" id="regPasswordInput2" />
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label class="form-label-left-tight">email</label>
<input type="text" class="field"id="regEmailInput" />
</h1>
diff --git a/static/testindex.html b/static/testindex.html
index 0f4eba5..c698d11 100755
--- a/static/testindex.html
+++ b/static/testindex.html
@@ -71,14 +71,14 @@ $(document).ready(function() {
</head>
<body>
-<div id="content" style="z-index:77;">
+<div id="content" class="content-z77">
<div id="main" align="center">
<div id="registerbox">
<div id="logo-and-text">
<div align="center">
- <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
+ <a href="/register" class="no-underline">Click here to Register!</a> <br>
</div>
</div>
</div>
@@ -102,14 +102,14 @@ $(document).ready(function() {
<br>
<div id="talkaboutus">
-<div id="slider" style="display:none;">
+<div id="slider" class="is-hidden">
<a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a>
<a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a>
</div>
- <div id="footer" style="text-align: center">
+ <div id="footer" class="text-center">
@2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a>
+<a href="/about_us">About Us</a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a></div>
</div>
diff --git a/static/tribe/index.html b/static/tribe/index.html
index 0687ac6..3938519 100755
--- a/static/tribe/index.html
+++ b/static/tribe/index.html
@@ -12,32 +12,32 @@
input{width:600px;height:70px;margin-bottom:20px;}
body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;}
html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;}
- </style>
- <link rel="stylesheet" type="text/css" href="static/css/index.css">
- <link rel="shortcut icon" href="static/favicon.ico">
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
- <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
- <META NAME="description" CONTENT="Talk with pictures!">
- <title>dump.fm - register</title></head>
- <body style="width:250px;margin:30 auto;background:yellow;>
+ </style>
+ <link rel="stylesheet" type="text/css" href="/static/css/index.css">
+ <link rel="shortcut icon" href="/static/favicon.ico">
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+ <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
+ <META NAME="description" CONTENT="Talk with pictures!">
+ <title>dump.fm - register</title></head>
+ <body>
-
- <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br>
- <label style="text-align:left;margin-bottom:-8px;">username</label>
- <input type="text" class="field" id="nickInput" />
- <br>
-
- <label style="text-align:left;margin-bottom:-8px;">password</label>
- <input type="password" class="field" id="passwordInput" />
- <br>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
- <input type="password" class="field" id="passwordInput2" />
- <br>
- <label style="text-align:left;margin-bottom:-8px;">email</label>
- <input type="text" class="field" id="emailInput" />
- <br>
-
- <div align="right">
+
+ <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br>
+ <label class="form-label-left-tight">username</label>
+ <input type="text" class="field" id="nickInput" />
+ <br>
+
+ <label class="form-label-left-tight">password</label>
+ <input type="password" class="field" id="passwordInput" />
+ <br>
+ <label class="form-label-left-tight">password2x</label>
+ <input type="password" class="field" id="passwordInput2" />
+ <br>
+ <label class="form-label-left-tight">email</label>
+ <input type="text" class="field" id="emailInput" />
+ <br>
+
+ <div align="right">
<input type="submit" class="submit" id="submit" value="Register!" />
diff --git a/template/about_us.st b/template/about_us.st
index b8aacdc..b31a622 100755
--- a/template/about_us.st
+++ b/template/about_us.st
@@ -2,16 +2,10 @@
<head>
<link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" />
<link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" />
- <script type="text/javascript" src="/static/js/win.js"></script>
- <script type="text/javascript">
-
-jQuery(function()
-{
- jQuery('.scroll-pane').jScrollPane();
-});
- </script>
- <title>dump.fm: about us</title>
+ <title>dump.fm: about us</title>
$head()$
+ <script type="text/javascript" src="/static/js/win.js"></script>
+ <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script>
</head>
<body class="profile" onload="
javascript:CreateDropdownWindow('about the site', '360px', true, 'news', 70, 75);
@@ -24,18 +18,18 @@ jQuery(function()
- <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news">
- <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center>
+ <div id="news" class="is-hidden dropdown-window">
+ <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center>
<img src="/static/img/dumpclouds.png"><br><br>
-<h5 style="padding:2px;">
+<h5 class="p-2">
DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; allowing pictures to be used for realtime communication and collaboration. Users can send image URLs (which display instantly in the chat), upload locally from their hard drive or post pics right from their webcam. Every image gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration.
</center><br></div></h5>
</div></div>
- <div style="display:none;"id="link">
- <div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;">
+ <div id="link" class="is-hidden">
+ <div id="content" name="content" class="bg-hearts">
<img src="/static/img/dumpteam.gif"><br><br>
<div id="abouttxt"><h1><br>
<a href="/ryder">Ryder Ripps</a> - screams, rapping<br></h1>
@@ -53,10 +47,10 @@ 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 bg-white">
<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>
+ <center><div class="bg-white"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br>
<h5><br>
diff --git a/template/altar_log.st b/template/altar_log.st
index 5d826ef..5d64397 100755
--- a/template/altar_log.st
+++ b/template/altar_log.st
@@ -1,11 +1,12 @@
<html>
<head>
- <title>dump.fm log</title>
-$head()$
- <script>
- jQuery(document).ready(initLog);
- </script>
- </head>
+ <title>dump.fm log</title>
+ $head()$
+ <script>
+ var Recips = [];
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
@@ -19,12 +20,7 @@ $banner()$
<span class="content"><center>
$dumps: { d | $log_dump(dump=d)$ }$
</center></span>
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
diff --git a/template/altar_user_log.st b/template/altar_user_log.st
index 75159a6..fe1065b 100755
--- a/template/altar_user_log.st
+++ b/template/altar_user_log.st
@@ -1,11 +1,12 @@
<html>
<head>
- <title>dump.fm log</title>
- $head()$
- <script>
- jQuery(document).ready(initLog);
- </script>
- </head>
+ <title>dump.fm log</title>
+ $head()$
+ <script>
+ var Recips = [];
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
@@ -19,12 +20,7 @@
<span class="content">
$dumps: { d | $log_dump(dump=d)$ }$
</span>
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
diff --git a/template/banner.old.st b/template/banner.old.st
index 4cc706e..09ad520 100755
--- a/template/banner.old.st
+++ b/template/banner.old.st
@@ -1,21 +1,21 @@
<div id="rapper7">
- <div id="header7">
- <div id="logoicons">
- <div id="logo7">
- <div align="center">
- <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 />
- <a class="img_roll" href="$domain$"></a>
- </div>
- </div>
- <div class="white">
- $if(!user_nick)$
- <div id="bar7dis">
- $else$
- <div id="bar7">
- $endif$
- <div style="float: left;">
- <div align="center">
- $if(user_nick)$
+ <div id="header7">
+ <div id="logoicons">
+ <div id="logo7">
+ <div align="center">
+ <img class="is-hidden" border="0" width="0" height="0" alt="" />
+ <a class="img_roll" href="$domain$"></a>
+ </div>
+ </div>
+ <div class="white">
+ $if(!user_nick)$
+ <div id="bar7dis">
+ $else$
+ <div id="bar7">
+ $endif$
+ <div class="float-left">
+ <div align="center">
+ $if(user_nick)$
<!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> -->
<a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;">
@@ -67,7 +67,7 @@
$if(user_nick)$
<!-- <div id="facebooklike">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
</div> -->
@@ -109,11 +109,11 @@
- <div id="inpage-search-results" style="background-color: white;">
- <div id="search-controls">
- <span id="search-message"></span>
- <a id="search-control-close" href="javascript:Search.close()">close</a>
- </div>
+ <div id="inpage-search-results" class="bg-white">
+ <div id="search-controls">
+ <span id="search-message"></span>
+ <a id="search-control-close" href="javascript:Search.close()">close</a>
+ </div>
<div id="search-results-images"></div>
</div>
</div>
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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<a href="/register" id="disregister">Register!</a> -->
$endif$
diff --git a/template/banner_dis.st b/template/banner_dis.st
index f55fbbe..8a399af 100755
--- a/template/banner_dis.st
+++ b/template/banner_dis.st
@@ -12,15 +12,15 @@ $endif$
<div id="dislogo">
<div align="center">
- <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 />
- <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a>
- </div>
+ <img class="is-hidden" border="0" width="0" height="0" alt="" />
+ <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a>
+ </div>
</div>
- <div id="bar7dis">
- <div style="float: left;">
- <div align="center">
- $if(user_nick)$
+ <div id="bar7dis">
+ <div class="float-left">
+ <div align="center">
+ $if(user_nick)$
<!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> -->
@@ -41,10 +41,10 @@ $endif$
</div>
- $if(user_nick)$
- <!-- <div id="facebooklike">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
- </div> ---!>
+ $if(user_nick)$
+ <!-- <div id="facebooklike">
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
+ </div> ---!>
<div id="dissearchbox">
<input type="text" name="search-query" id="search-query" />
diff --git a/template/browser.st b/template/browser.st
index 79308e1..7a6a010 100755
--- a/template/browser.st
+++ b/template/browser.st
@@ -2,7 +2,7 @@
<head>
<title>dump.fm | Image Search Beta</title>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/browser.css?v=20260130">
+ <link rel="stylesheet" type="text/css" href="/static/css/browser.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130">
<script type="text/javascript" src="/static/gritter/js/jquery.gritter.js"></script>
<link rel="stylesheet" type="text/css" href="/static/gritter/css/jquery.gritter.css" />
@@ -45,7 +45,7 @@ $endif$
</div>
</div>
-<div id="footerc" style="bottom:3px;">
+<div id="footerc">
<p>
$footer()$</p>
<p>
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..8a053c6 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/directory.st b/template/directory.st
index 149f284..9b6ff76 100755
--- a/template/directory.st
+++ b/template/directory.st
@@ -6,9 +6,7 @@
<title>dump.fm directory</title>
$endif$
$head()$
- <script>
- jQuery(document).ready(initDirectory);
- </script>
+ <script type="text/javascript" src="/static/js/pages/directory_init.js?v=20260203"></script>
</head>
<body class="profile">
$banner()$
diff --git a/template/doublerainbow.st b/template/doublerainbow.st
index 8f7b6a2..e5b662c 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/error_ie.st b/template/error_ie.st
index 340c4c3..371559b 100755
--- a/template/error_ie.st
+++ b/template/error_ie.st
@@ -1,8 +1,17 @@
-<div id="iesucks" style="margin:10%;font-size:15px;font-family:Arial, sans serif;color:black;">
-<center>
-<img src="http://coteriemusicblog.files.wordpress.com/2008/02/1.gif">
-<h2>
-WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude...
-</h2>
-</DIV>
-</center> \ No newline at end of file
+<html>
+ <head>
+ <title>dump.fm</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <link rel="stylesheet" type="text/css" href="/static/css/error_ie.css?v=20260131">
+ </head>
+ <body>
+ <div id="iesucks">
+ <center>
+ <img src="https://coteriemusicblog.files.wordpress.com/2008/02/1.gif" alt="" />
+ <h2>
+ WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude...
+ </h2>
+ </center>
+ </div>
+ </body>
+</html>
diff --git a/template/fame2.st b/template/fame2.st
index 00b99f8..e742b24 100755
--- a/template/fame2.st
+++ b/template/fame2.st
@@ -1,27 +1,29 @@
<html>
- <head>
- <title>dump.fm hall of fame</title>
- $head()$
- <script>
- jQuery(document).ready(initLog);
- </script>
- </head>
+ <head>
+ <title>dump.fm hall of fame</title>
+ $head()$
+ <link rel="stylesheet" type="text/css" href="/static/css/fame.css?v=20260131">
+ <script>
+ var Recips = [];
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
<div id="messagePaneh">
-
- <div id="userListp">
- <img src="/static/img/halloffametrophy.gif" id="halltrophy">
- <h1 style="font-size:150%;">Hall Of Fame </h1><br><br>
- <form name="halltime"> <B> VIEW BY </B>
-<select style="font-size:14px;color:#000;font-family:verdana;background-color:#ffffff;font-weight:bold;" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;">
-<option value="#">DAY</option>
-<option value="#">WEEK</option>
-<option value="http://">ALL TIME</option>
-</select>
+
+ <div id="userListp">
+ <img src="/static/img/halloffametrophy.gif" id="halltrophy">
+ <h1 class="hall-of-fame-title">Hall Of Fame</h1><br><br>
+ <form name="halltime"> <B> VIEW BY </B>
+ <select class="hall-of-fame-select" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;">
+ <option value="#">DAY</option>
+ <option value="#">WEEK</option>
+ <option value="http://">ALL TIME</option>
+ </select>
</form><br>
</div>
<div id="messageList">
diff --git a/template/footer.st b/template/footer.st
index a2f4bac..13b6271 100755
--- a/template/footer.st
+++ b/template/footer.st
@@ -1,7 +1,7 @@
<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>-->
$google_analytics()$
$debug_log()$
diff --git a/template/form_login.st b/template/form_login.st
index 95b6333..d1ebfd8 100755
--- a/template/form_login.st
+++ b/template/form_login.st
@@ -27,6 +27,4 @@
</fieldset>
</div>
<script src="/static/js/home.js?v=20260126" type="text/javascript"></script>
-<script type="text/javascript">
- jQuery(document).ready(initExpandableLoginForm)
-</script>
+<script type="text/javascript" src="/static/js/pages/expandable_login_init.js?v=20260203"></script>
diff --git a/template/frontpage copy.st b/template/frontpage copy.st
index 038b8ad..7a6b1c9 100755
--- a/template/frontpage copy.st
+++ b/template/frontpage copy.st
@@ -1,14 +1,6 @@
<html>
<head>
- <script type="text/javascript">
-function refreshing()
-{
-frm=document.getElementsByName("posts")[0];
-frm.src=frm.src;
-setTimeout("refreshing()",300000);
-}
-</script>
- <title>dump.fm</title>
+ <title>dump.fm</title>
<!---HEAD --->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps">
@@ -24,8 +16,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>
@@ -34,35 +26,23 @@ setTimeout("refreshing()",300000);
<link rel="shortcut icon" href="/static/favicon.ico">
<!--END HEAD-->
- <script>
- var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
- </script>
-
- <script>
-jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 275 });
- jQuery('#posts').masonry({ singleMode: true });
- jQuery('#posts').masonry({ resizeable: true });
- jQuery('#posts').masonry({ animate: true});
-
-
- });
+ <script>
+ var Recips = [];
+ var MasonryColumnWidth = 275;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script>
-</script>
-
-
-
+
+
</head>
<body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$">
-
- <!--
- <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
- -->
+
+ <!--
+ <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe>
+ -->
<!--START BANNER-->
<div id="banner">
@@ -86,7 +66,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
$else$
<!--
<div id="toplinks">
@@ -98,7 +78,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<!-- <a href="$domain$/register" id="disregister">Register!</a>-->
$endif$
@@ -133,15 +113,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 +152,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 +173,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>
-<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>
+<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">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script>
</body>
</html>
diff --git a/template/frontpage.st b/template/frontpage.st
index fe48402..88c0e25 100755
--- a/template/frontpage.st
+++ b/template/frontpage.st
@@ -1,13 +1,5 @@
<html>
<head>
- <script type="text/javascript">
-function refreshing()
-{
-frm=document.getElementsByName("posts")[0];
-frm.src=frm.src;
-setTimeout("refreshing()",300000);
-}
-</script>
<title>dump.fm</title>
<!---HEAD --->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -24,45 +16,33 @@ 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>
- $endif$
-
- <link rel="shortcut icon" href="/static/favicon.ico">
-
- <!--END HEAD-->
- <script>
- var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
- </script>
-
- <script>
-jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 275 });
- jQuery('#posts').masonry({ singleMode: true });
- jQuery('#posts').masonry({ resizeable: true });
- jQuery('#posts').masonry({ animate: true});
+ $if(!logged_in)$
+ <script type="text/javascript" src="/static/js/popup.js"></script>
+ $endif$
+ <link rel="shortcut icon" href="/static/favicon.ico">
+
+ <!--END HEAD-->
+ <script>
+ var Recips = [];
+ var MasonryColumnWidth = 275;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script>
- });
-
-</script>
-
-
-
+
+
</head>
<body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$">
-
- <!--
- <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
- -->
+
+ <!--
+ <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe>
+ -->
<!--START BANNER-->
<div id="banner">
@@ -87,7 +67,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
-->
$else$
<!--
@@ -100,7 +80,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<!-- <a href="$domain$/register" id="disregister">Register!</a>-->
$endif$
@@ -135,19 +115,19 @@ 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>
- <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a>
- <!-- <br> <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe>
- <br><br>
- <strong>
- <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a>
- </strong>-->
+ register <a href="/register">here.</a>
+ <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a>
+ <!-- <br> <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>
+ </strong>-->
</div>
$endif$
</div>
@@ -174,8 +154,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>
@@ -195,7 +175,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>
-<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>
+<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">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script>
</body>
</html>
diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st
index afc4481..6f64d61 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" />-->
@@ -38,34 +38,22 @@ $endif$
-<!--END HEAD-->
-<script>
- var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
- </script>
+ <!--END HEAD-->
+ <script>
+ var Recips = [];
+ var MasonryColumnWidth = 275;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
- <script>
-jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 275 });
- jQuery('#posts').masonry({ singleMode: true });
- jQuery('#posts').masonry({ resizeable: true });
- jQuery('#posts').masonry({ animate: true});
-
-
- });
-</script>
-
-
-
+
+
</head>
<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 +82,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
$else$
@@ -107,7 +95,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<a href="/register" id="disregister">Register!</a>
$endif$
@@ -159,7 +147,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)$
@@ -168,12 +156,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu
$dumps: { d | $hall_log_dump(dump=d)$ }$
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
@@ -200,8 +183,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 +204,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>
-<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>
+<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">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script>
</body>
</html>
diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st
index 71e9191..394f527 100755
--- a/template/frontpage_halloffame.st
+++ b/template/frontpage_halloffame.st
@@ -1,14 +1,6 @@
<html>
<head>
- <script type="text/javascript">
-function refreshing()
-{
-frm=document.getElementsByName("posts")[0];
-frm.src=frm.src;
-setTimeout("refreshing()",300000);
-}
-</script>
- <title>dump.fm</title>
+ <title>dump.fm</title>
<!---HEAD --->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps">
@@ -24,8 +16,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>
@@ -34,35 +26,23 @@ setTimeout("refreshing()",300000);
<link rel="shortcut icon" href="/static/favicon.ico">
<!--END HEAD-->
- <script>
- var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
- </script>
-
- <script>
-jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 275 });
- jQuery('#posts').masonry({ singleMode: true });
- jQuery('#posts').masonry({ resizeable: true });
- jQuery('#posts').masonry({ animate: true});
-
-
- });
+ <script>
+ var Recips = [];
+ var MasonryColumnWidth = 275;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script>
-</script>
-
-
-
+
+
</head>
<body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$">
-
- <!--
- <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
- -->
+
+ <!--
+ <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe>
+ -->
<!--START BANNER-->
<div id="banner">
@@ -86,7 +66,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
$else$
<!--
<div id="toplinks">
@@ -98,7 +78,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<!-- <a href="$domain$/register" id="disregister">Register!</a>-->
$endif$
@@ -133,19 +113,19 @@ 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>
- <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a>
- <!-- <br> <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe>
- <br><br>
- <strong>
- <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a>
- </strong>-->
+ register <a href="/register">here.</a>
+ <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a>
+ <!-- <br> <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>
+ </strong>-->
</div>
$endif$
</div>
@@ -172,8 +152,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 +173,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>
-<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>
+<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">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script>
</body>
</html>
diff --git a/template/fullscreen.st b/template/fullscreen.st
index 030ea17..54960fc 100755
--- a/template/fullscreen.st
+++ b/template/fullscreen.st
@@ -5,23 +5,17 @@
<script src="/static/js/pichat.js?v=20260130"></script>
<script src="/static/js/fullscreen.js?v=20260126"></script>
$if(user_nick)$
- $else$
- <script src="/static/js/register.js"></script>
- $endif$
- <script>
- var LoggedIn = $if(user_nick)$true$else$false$endif$;
- var Timestamp = $timestamp$;
- var newwindow;
- function pop(url) {
- newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0');
- if (window.focus) {newwindow.focus()}
- }
- </script>
-
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260129">
- <script>jQuery(initLogin)</script>
- </head>
- <body>
+ $else$
+ <script src="/static/js/register.js"></script>
+ $endif$
+ <script>
+ var LoggedIn = $if(user_nick)$true$else$false$endif$;
+ var Timestamp = $timestamp$;
+ </script>
+
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260131">
+ </head>
+ <body>
$if(user_nick)$
@@ -57,16 +51,16 @@
</p>
</span>
<span class="regopen">
- <label style="text-align:left;margin-bottom:-8px;">username</label>
+ <label>username</label>
<input type="text" class="field" id="regNickInput" tabindex="5" />
</p><p>
- <label style="text-align:left;margin-bottom:-8px;">password</label>
+ <label>password</label>
<input type="password" class="field" id="regPasswordInput" tabindex="6" />
</p><p>
- <label style="text-align:left;margin-bottom:-8px;">password2x</label>
+ <label>password2x</label>
<input type="password" class="field" id="regPasswordInput2" tabindex="7" />
</p><p>
- <label style="text-align:left;margin-bottom:-8px;">email</label>
+ <label>email</label>
<input type="text" class="field" id="regEmailInput" tabindex="8" />
</p><p>
<input type="submit" class="submit" id="submit" value="Register!" tabindex="9" />
@@ -75,40 +69,8 @@
</div>
$endif$
- <div id="big-image"></div>
- <script>
- function choice(a) { return a[Math.floor(Math.random()*a.length)] }
- var urls = [
- "https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif",
- "https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif",
- "https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif",
- "https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif",
- "https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif",
- "https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif",
- "https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif",
- "https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif",
- "https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif",
- "https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif",
- "https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif"
- ]
- if (window.location.href.indexOf("nologin") != -1) {
- jQuery("#loginbox").hide();
- }
- document.getElementById("big-image").innerHTML = "<img src='" + choice(urls) + "'>"
- initFullscreen()
- initRegister()
- jQuery(startChatUpdater)
- jQuery("#reglink").click(function(e){
- e.preventDefault();
- jQuery("#loginbox").hide();
- jQuery("#registerbox").show().addClass("b");
- return false;
- });
- jQuery("#nickInput").focus();
- $if(user_nick)$
- $else$
- $endif$
- </script>
- $google_analytics()$
- </body>
-</html>
+ <div id="big-image"></div>
+ <script type="text/javascript" src="/static/js/pages/fullscreen_init.js?v=20260203"></script>
+ $google_analytics()$
+ </body>
+ </html>
diff --git a/template/fullscreen2.st b/template/fullscreen2.st
index 1dfe6b8..e5c70f5 100755
--- a/template/fullscreen2.st
+++ b/template/fullscreen2.st
@@ -27,10 +27,10 @@
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260131">
</head><body>
$messages: { m |
-<div style="width: 1224px; height: 918px;" id="supersize">
+<div id="supersize">
<div id="message-$m.message_id$">
<span class="content">$m.content$</span>
</div> </div>
diff --git a/template/fullscreen4.st b/template/fullscreen4.st
index 1d1a4e6..d1ea427 100755
--- a/template/fullscreen4.st
+++ b/template/fullscreen4.st
@@ -14,7 +14,7 @@
}
jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen4_extra.css?v=20260129">
<script>jQuery(initLogin)</script>
@@ -34,7 +34,7 @@
<div align="left">password</div>
<div><input id="passwordInput" type="password"></div>
-->
- <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
+ <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
<br>
<div>
<center><input type="submit" value="LOGIN"></center>
diff --git a/template/fullscreen5.st b/template/fullscreen5.st
index d0162d9..7181ff5 100755
--- a/template/fullscreen5.st
+++ b/template/fullscreen5.st
@@ -14,7 +14,7 @@
}
jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129">
<script>jQuery(initLogin)</script>
</head>
@@ -33,7 +33,7 @@
<div align="left">password</div>
<div><input id="passwordInput" type="password"></div>
-->
- <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
+ <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
<br>
<div>
<center><input type="submit" value="LOGIN"></center>
diff --git a/template/fullscreen_front.st b/template/fullscreen_front.st
index 82b1403..2eadf1f 100755
--- a/template/fullscreen_front.st
+++ b/template/fullscreen_front.st
@@ -7,19 +7,12 @@
<script>
var LoggedIn = $if(user_nick)$true$else$false$endif$;
var Timestamp = $timestamp$;
- var newwindow;
- function pop(url) {
- newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0');
- if (window.focus) {newwindow.focus()}
- }
- jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <script type="text/javascript" src="/static/js/pages/fullscreen_front_init.js?v=20260203"></script>
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129">
</head>
<body>
- <script>
- initFullscreen()
- </script>
+ <script type="text/javascript" src="/static/js/pages/fullscreen_front_run.js?v=20260203"></script>
</body>
</html>
diff --git a/template/fullscreenphotobooth.st b/template/fullscreenphotobooth.st
index 6de7ca1..d6a1675 100755
--- a/template/fullscreenphotobooth.st
+++ b/template/fullscreenphotobooth.st
@@ -14,7 +14,7 @@
}
jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129">
<script>jQuery(initLogin)</script>
</head>
@@ -33,7 +33,7 @@
<div align="left">password</div>
<div><input id="passwordInput" type="password"></div>
-->
- <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
+ <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
<br>
<div>
<center><input type="submit" value="LOGIN"></center>
diff --git a/template/google_analytics.st b/template/google_analytics.st
index 883102a..bfba91f 100755
--- a/template/google_analytics.st
+++ b/template/google_analytics.st
@@ -12,5 +12,5 @@ qacct:"p-a3mCwIEHECjGE"
</script>
<script type="text/javascript" src="https://edge.quantserve.com/quant.js"></script>
<noscript>
-<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
+<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" class="is-hidden" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>
diff --git a/template/head.st b/template/head.st
index c74e1e1..010f1ce 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=20260131.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..010f1ce 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=20260131.2">
<script>
Domain = "/";
Nick = $if(user_nick)$"$user_nick$"$else$null$endif$;
diff --git a/template/help.st b/template/help.st
index 52b216b..3d280a2 100755
--- a/template/help.st
+++ b/template/help.st
@@ -2,20 +2,10 @@
<head>
<link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/>
<link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/>
- <script type="text/javascript" src="/static/js/win.js"></script>
-
- <script type="text/javascript">
-
-jQuery(function()
-{
- jQuery('.scroll-pane').jScrollPane();
-});
-
-
- </script>
-
<title>dump.fm</title>
$head()$
+ <script type="text/javascript" src="/static/js/win.js"></script>
+ <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script>
</head>
<body class="profile" onload="
javascript:CreateDropdownWindow('dump.fm', '360px', true, 'news', 30, 115);
@@ -30,8 +20,8 @@ jQuery(function()
- <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news">
- <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center>
+ <div id="news" class="is-hidden dropdown-window">
+ <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center>
<img src="/static/img/dumpclouds.png"><br><br>
<h5>
&#169;2010 All Rights Reserved<br><br>
@@ -39,14 +29,14 @@ jQuery(function()
</center><br></div></h5>
</div></div>
- <div style="display:none;"id="archive">
- <div style="padding:0px" id="content" name="content">
+ <div id="archive" class="is-hidden">
+ <div id="content" name="content" class="content-no-padding">
- <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>
+ <iframe src="/static/html/help.html" class="hearts-frame" 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..62fb120 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/hiscore_test.st b/template/hiscore_test.st
index 50e7b9e..1c2739f 100755
--- a/template/hiscore_test.st
+++ b/template/hiscore_test.st
@@ -1,11 +1,12 @@
<html>
<head>
- <title>dump.fm log</title>
-$head()$
- <script>
- jQuery(document).ready(initLog);
- </script>
- </head>
+ <title>dump.fm log</title>
+ $head()$
+ <script>
+ var Recips = [];
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
@@ -24,12 +25,7 @@ $banner()$
<span class="content"><center>
$dumps: { d | $log_dump(dump=d)$ }$
</center></span>
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
diff --git a/template/ie_fullscreen.st b/template/ie_fullscreen.st
index 480037b..b5c448f 100755
--- a/template/ie_fullscreen.st
+++ b/template/ie_fullscreen.st
@@ -15,7 +15,7 @@
}
jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129">
<script>jQuery(initLogin)</script>
</head>
diff --git a/template/json_tags_block.st b/template/json_tags_block.st
new file mode 100644
index 0000000..17a8ea4
--- /dev/null
+++ b/template/json_tags_block.st
@@ -0,0 +1,7 @@
+$if(json_tags)$
+<script>
+ $json_tags: { j | $j$;
+ }$
+</script>
+$endif$
+
diff --git a/template/log.st b/template/log.st
index c235ae8..718f360 100755
--- a/template/log.st
+++ b/template/log.st
@@ -1,14 +1,12 @@
<html>
<head>
- <title>dump.fm log</title>
- $head()$
- <script>
- var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
- </script>
- </head>
+ <title>dump.fm log</title>
+ $head()$
+ <script>
+ var Recips = [];
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
@@ -22,12 +20,7 @@
<span class="content">
$dumps: { d | $log_dump(dump=d)$ }$
</span>
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
@@ -57,6 +50,6 @@
</div>
</div></div></div>
-<script type="text/javascript">load_favs()</script>
- </body>
-</html>
+ <script type="text/javascript" src="/static/js/pages/log_favs_init.js?v=20260203"></script>
+ </body>
+ </html>
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/mgmtfull.st b/template/mgmtfull.st
index 5ec3faa..26f7872 100755
--- a/template/mgmtfull.st
+++ b/template/mgmtfull.st
@@ -14,7 +14,7 @@
}
jQuery(startChatUpdater);
</script>
- <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129">
<script>jQuery(initLogin)</script>
</head>
@@ -33,7 +33,7 @@
<div align="left">password</div>
<div><input id="passwordInput" type="password"></div>
-->
- <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
+ <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div>
<br>
<div>
<center><input type="submit" value="LOGIN"></center>
diff --git a/template/newlog.st b/template/newlog.st
index da9741f..15da014 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)$
@@ -43,10 +43,8 @@ window.location = "/error/ie";
<!--END HEAD-->
<script>
var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
</script>
+<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
</head>
<body>
@@ -78,7 +76,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
$else$
<a href="/register" id="disregister">Register</a>
@@ -130,12 +128,7 @@ window.location = "/error/ie";
$dumps: { d | $log_dump(dump=d)$ }$
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
@@ -162,8 +155,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..8e1c633 100755
--- a/template/nigga.st
+++ b/template/nigga.st
@@ -2,30 +2,30 @@
<head>
<title>$nick$'s dump.fm</title>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260131">
<script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script>
<script src="/static/js/ajaxupload.js"></script>
<script>
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>
- $banner()$
+ <body>
+ <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div>
+ $banner()$
<div id="dashrapper">
-
-
- <div id="dashuserlist">
- $if(avatar)$
- <div id="dashavatar" style="background-image:url($avatar$);height:100px;width:100%">
- <img id="avatarPic" src="$avatar$"/>
- $else$<br>
- <img id="avatarPic" src="/static/img/noinfo.png">
- </div>
- $endif$
+
+
+ <div id="dashuserlist">
+ $if(avatar)$
+ <div id="dashavatar" class="dashavatar-bg" style="background-image:url($avatar$)">
+ <img id="avatarPic" src="$avatar$"/>
+ $else$<br>
+ <img id="avatarPic" src="/static/img/noinfo.png">
+ </div>
+ $endif$
@@ -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..b11af19 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/pogs.st b/template/pogs.st
index 683c825..2108693 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/popular.st b/template/popular.st
index 162c63b..c07d6ba 100755
--- a/template/popular.st
+++ b/template/popular.st
@@ -1,14 +1,13 @@
<html>
<head>
- <title>dump.fm - $nick$'s popular</title>
- $head()$
- <script>
- jQuery(function() {
- initLog($recips$);
- });
- </script>
+ <title>dump.fm - $nick$'s popular</title>
+ $head()$
+ <script>
+ var Recips = $recips$;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
- </head>
+ </head>
<body>
$banner()$
<div id="dcontent">
@@ -45,5 +44,5 @@
</div>
</div>
</div>
- </body>
-</html>
+ </body>
+ </html>
diff --git a/template/profile.st b/template/profile.st
index f46ef5d..d416c1c 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" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></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" class="dash-total dash-total--stripes"></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">
@@ -106,16 +106,16 @@ jQuery(document).ready(function() {
<a href="/$nick$/log"><div id="favstxt">$if(is_home)$ your $else$ $nick$'s$endif$ most recent dumps</div></a>
<div id="mostrecentdumps">
$imgs: { img | <a target="_blank" href="$img$"><img src="$img$"></img></a> }$
- </div>
- <div id="likebutton">
+ </div>
+ <div id="likebutton">
<!--
- <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$"
- scrolling="no" frameborder="0"
- style="border:none; width:500px; height:26px"></iframe>
+ <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$"
+ scrolling="no" frameborder="0"
+ class="fb-like-wide"></iframe>
-->
- </div>
+ </div>
- </div>
+ </div>
<a href="#"class="msgbtn" id="msgbtn">messages!</a>
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..262bf02 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" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></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" class="dash-total dash-total--stripes"></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/reset.st b/template/reset.st
index 5fbfe65..4402239 100755
--- a/template/reset.st
+++ b/template/reset.st
@@ -3,6 +3,8 @@
<title>dump.fm Password Reset</title>
<script type="text/javascript" src="/static/js/sha1.js"></script>
$head()$
+ <link rel="stylesheet" type="text/css" href="/static/css/index.css?v=20260131">
+ <link rel="stylesheet" type="text/css" href="/static/css/password_reset.css?v=20260131">
<script>
jQuery(function() {
@@ -26,11 +28,10 @@
});
</script>
</head>
- <link rel="stylesheet" type="text/css" href="static/css/index.css">
<body>
<div id="rapper"></div>
-<div id="content" style="z-index:77;">
+<div id="content" class="reset-content">
<div id="main" align="center">
@@ -39,13 +40,13 @@
<a href="/"><img src="/static/img/dumpclearlogo2.png"></a>
<div align="center">
$if(valid_request)$
- <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div>
+ <div id="feedback" class="is-hidden"></div>
<h1>Reset Your Password</h1>
<br>
- <label style="text-align:left;margin-bottom:-8px;">New Password:</label>
+ <label>New Password:</label>
<input type="password" id="p1">
<br>
- <label style="text-align:left;margin-bottom:-8px;">Repeat Password:</label>
+ <label>Repeat Password:</label>
<input type="password" id="p2">
<br>
<form action="$link$" method="POST">
diff --git a/template/rooms/VIP.st b/template/rooms/VIP.st
index 64511da..a76427a 100755
--- a/template/rooms/VIP.st
+++ b/template/rooms/VIP.st
@@ -17,7 +17,7 @@
<html>
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
@@ -98,9 +98,9 @@
$footer()$
</div>
$preload()$
- <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;">
- <h1>Welcome to the cool club</h1>
- <ul>
+ <div id="vipinfo">
+ <h1>Welcome to the cool club</h1>
+ <ul>
<li><a href="$domain$/roomlist">Rooms</a></li>
<li><a href="$domain$/users">New Users</a></li>
<li><a href="$domain$/users/lastlog">Last seen users</a></li>
diff --git a/template/rooms/artornot.st b/template/rooms/artornot.st
index 180ff85..b5b77b3 100755
--- a/template/rooms/artornot.st
+++ b/template/rooms/artornot.st
@@ -17,7 +17,7 @@
<html>
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
@@ -98,8 +98,8 @@
$footer()$
</div>
$preload()$
- <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;">
- <h1><a href="http://artornot.info/">Is it art..or not??!<br>Dump your art, find it on artornot.info!</a></h1>
- </div>
+ <div id="vipinfo">
+ <h1><a href="http://artornot.info/">Is it art..or not??!<br>Dump your art, find it on artornot.info!</a></h1>
+ </div>
</body>
</html>
diff --git a/template/rooms/atrium.st b/template/rooms/atrium.st
index 1464398..8a94dcb 100755
--- a/template/rooms/atrium.st
+++ b/template/rooms/atrium.st
@@ -17,7 +17,7 @@
<html>
<head>
$head_edge()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
diff --git a/template/rooms/butt.st b/template/rooms/butt.st
index ba68497..c3077ed 100755
--- a/template/rooms/butt.st
+++ b/template/rooms/butt.st
@@ -6,7 +6,7 @@
<script type="text/javascript" src="/static/js/pichat.butt.js"></script>
<script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script>
<script type="text/javascript" src="/static/js/sha1.js"></script>
-<link rel="stylesheet" type="text/css" href="/static/css/reset.css?v=20260130">
+<link rel="stylesheet" type="text/css" href="/static/css/reset.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130">
$if(!user_nick)$
<link href="/static/form_login/front.css" media="screen, projection" rel="stylesheet" type="text/css">
@@ -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=20260131.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/chat.down.st b/template/rooms/chat.down.st
index 93d106f..7ad9a2a 100755
--- a/template/rooms/chat.down.st
+++ b/template/rooms/chat.down.st
@@ -18,13 +18,13 @@
<head>
<link rel="shortcut icon" href="/static/favicon.ico">
<title>dump.fm</title>
- <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260131">
</head>
<body>
<center>
- <img src="https://i.imgur.com/BNeoy.png" style="margin-top:15%;">
- </center>
- </body></html>
+ <img src="https://i.imgur.com/BNeoy.png" class="chat-down-image">
+ </center>
+ </body></html>
diff --git a/template/rooms/chat.st b/template/rooms/chat.st
index 38a2ee2..7d5ae38 100755
--- a/template/rooms/chat.st
+++ b/template/rooms/chat.st
@@ -17,7 +17,7 @@
<html>
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
diff --git a/template/rooms/dump2.st b/template/rooms/dump2.st
index a4140af..fca994f 100755
--- a/template/rooms/dump2.st
+++ b/template/rooms/dump2.st
@@ -17,7 +17,7 @@
<html>
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<link rel="stylesheet" type="text/css" href="/static/css/rooms_dump2.css?v=20260129">
<title>no $roomname$ dump.fm</title>
diff --git a/template/rooms/dumptest.st b/template/rooms/dumptest.st
index 6ab53c2..b20b189 100755
--- a/template/rooms/dumptest.st
+++ b/template/rooms/dumptest.st
@@ -18,7 +18,7 @@ _____ ___ ___ ___ ___ ___
$if(user_nick)$
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
diff --git a/template/rooms/frontpage.st b/template/rooms/frontpage.st
index 606d51f..a3c8957 100755
--- a/template/rooms/frontpage.st
+++ b/template/rooms/frontpage.st
@@ -17,7 +17,7 @@
<html>
<head>
$head()$
- <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+ <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<title>$roomname$ dump.fm</title>
<script type="text/javascript" src="/static/js/invalid_domains.js"></script>
diff --git a/template/rooms/mgmt.st b/template/rooms/mgmt.st
index 53de42c..098784d 100755
--- a/template/rooms/mgmt.st
+++ b/template/rooms/mgmt.st
@@ -22,8 +22,8 @@
<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/chat_wrapper.css?v=20260129">
+<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=20260131">
<script>Domain = "/"</script>
$if(isadmin)$
@@ -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/nocss.st b/template/rooms/nocss.st
index cd08097..d38f57a 100755
--- a/template/rooms/nocss.st
+++ b/template/rooms/nocss.st
@@ -24,7 +24,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/chat_wrapper.css?v=20260129">
+<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131">
<script>Domain = "/"</script>
$if(!user_nick)$
diff --git a/template/rooms/vortex.st b/template/rooms/vortex.st
index 18e308f..1db0aa9 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=20260131">
@@ -192,17 +192,19 @@ $messages: { m |
}$
<div id="infotxt">dump.fm image vortex<br><br>Real-Time Visualization of whats being dumped now.<br><br><a href="/" class="returnlink"> Return Home</a><br><br>
- <div id="likebutton">
- <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex"
- scrolling="no" frameborder="0"
- style="border:none; width:170px; height:80px"></iframe>
- </div>
+ <div id="likebutton">
+ <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex"
+ scrolling="no" frameborder="0"></iframe>
+ </div>
</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:#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/search_files.st b/template/search_files.st
index 4e55e0f..459a86a 100755
--- a/template/search_files.st
+++ b/template/search_files.st
@@ -4,11 +4,7 @@
<title>dump.fm image search</title>
$head()$
<link rel="stylesheet" type="text/css" href="/static/css/search_files.css?v=20260129">
- <script>
-
-jQuery(document).ready(Search.initFullpage)
-
-</script>
+ <script type="text/javascript" src="/static/js/pages/search_files_init.js?v=20260203"></script>
</head>
<body>
diff --git a/template/simplerlog.st b/template/simplerlog.st
index d473738..819f808 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" />-->
@@ -41,31 +41,19 @@ $endif$
<!--END HEAD-->
<script>
var Recips = [];
- jQuery(function() {
- initLog(Recips)
- });
+ var MasonryColumnWidth = 270;
</script>
+<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
- <script>
-jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 270 });
- jQuery('#posts').masonry({ singleMode: true });
- jQuery('#posts').masonry({ resizeable: true });
- jQuery('#posts').masonry({ animate: true});
-
-
- });
-</script>
-
-
-
+
+
</head>
<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 +82,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
$else$
@@ -107,7 +95,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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;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&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
<a href="/register" id="disregister">Register!</a>
$endif$
@@ -159,12 +147,7 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r
$dumps: { d | $log_dump(dump=d)$ }$
- $if(json_tags)$
- <script>
- $json_tags: { j | $j$;
- }$
- </script>
- $endif$
+ $json_tags_block(json_tags=json_tags)$
$else$
No dumps!
$endif$
@@ -191,8 +174,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 +184,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 +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:-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>
+<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">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script>
</body>
</html>
diff --git a/template/single_message.st b/template/single_message.st
index 352b2ea..4b08490 100755
--- a/template/single_message.st
+++ b/template/single_message.st
@@ -1,13 +1,12 @@
<html>
<head>
- <title>dump.fm</title>
- $head()$
- <script>
- jQuery(function() {
- initLog($recips$);
- });
- </script>
- </head>
+ <title>dump.fm</title>
+ $head()$
+ <script>
+ var Recips = $recips$;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body class="permalink">
$banner()$
<div class="content"><br><br><br>
@@ -39,5 +38,5 @@
$footer()$
</div>
</div>
- </body>
-</html>
+ </body>
+ </html>
diff --git a/template/slimer.st b/template/slimer.st
index ca76a49..9266e2c 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/slothgoth.st b/template/slothgoth.st
index 537d3e5..3f90081 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=20260131">
<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>
@@ -25,8 +25,7 @@
<div id="infotxt">Sloth Goth on dump.fm<br><br>A Collection of Sloth Goth Related images made by users of dump.fm<br><br><a href="/" class="returnlink"> Return Home</a><br><br>
<div id="likebutton">
<iframe src="https://www.facebook.com/widgets/like.php?href=/m/slothgoth"
- scrolling="no" frameborder="0"
- style="border:none; width:120px; height:90px"></iframe>
+ scrolling="no" frameborder="0" class="fb-like-large"></iframe>
</div>
</div>
diff --git a/template/spaceboys.st b/template/spaceboys.st
index e5fe957..c4a5de0 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=20260131">
<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>
@@ -28,8 +28,7 @@
<div id="likebutton">
<iframe src="https://www.facebook.com/widgets/like.php?href=/chat/spaceboys"
- scrolling="no" frameborder="0"
- style="border:none; width:120px; height:90px"></iframe>
+ scrolling="no" frameborder="0" class="fb-like-large"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/spinningkid.st b/template/spinningkid.st
index 744d162..b5fdcd0 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st
index f169aab..3de9509 100755
--- a/template/tagged_dumps.st
+++ b/template/tagged_dumps.st
@@ -1,13 +1,16 @@
<html>
<head>
- <title>dump.fm - $page_title$</title>
- $head()$
- <script>
- jQuery(function() {
- initLog($recips$);
- });
- </script>
- </head>
+ <title>dump.fm - $page_title$</title>
+ $head()$
+ <script>
+ $if(recips)$
+ var Recips = $recips$;
+ $else$
+ var Recips = [];
+ $endif$
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="dcontent">
@@ -45,5 +48,5 @@
</div>
</div>
</div>
- </body>
-</html>
+ </body>
+ </html>
diff --git a/template/terms8.st b/template/terms8.st
index a1a2a22..9202aea 100755
--- a/template/terms8.st
+++ b/template/terms8.st
@@ -28,8 +28,8 @@ jQuery(function()
- <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news">
- <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center>
+ <div id="news" class="is-hidden dropdown-window">
+ <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center>
<img src="/static/img/dumpclouds.png"><br><br>
<h5>
&#169;2010 All Rights Reserved<br><br>
@@ -37,14 +37,14 @@ jQuery(function()
</center><br></div></h5>
</div></div>
- <div style="display:none;"id="archive">
- <div style="padding:0px" id="content" name="content">
+ <div id="archive" class="is-hidden">
+ <div id="content" name="content" class="content-no-padding">
- <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>
+ <iframe src="/static/html/terms.html" class="hearts-frame" width="550px" height="500px"></iframe>
</div>
</div>
- <div style="display:none;"id="link">
+ <div id="link" class="is-hidden">
</div>
diff --git a/template/test.st b/template/test.st
index fc7dbbc..62c4335 100755
--- a/template/test.st
+++ b/template/test.st
@@ -32,7 +32,7 @@ $(document).ready(initLoginForm);
<div align="right" class="txt">
<br>
<div align="center">dump.fm lets you talk with pictures<br>
- <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
+ <a href="/register" class="no-underline">Click here to Register!</a> <br>
</div>
</div>
</div>
@@ -81,4 +81,3 @@ $(document).ready(initLoginForm);
} catch(err) {}
</script>
</body>
-
diff --git a/template/thisguy.st b/template/thisguy.st
index 579f3d6..2d89b35 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=20260131">
<script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script>
@@ -21,13 +21,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>
diff --git a/template/topic.st b/template/topic.st
index 1594364..a748a20 100755
--- a/template/topic.st
+++ b/template/topic.st
@@ -1,13 +1,12 @@
<html>
<head>
- <title>#$topic$ - dump.fm</title>
- $head()$
- <script>
- jQuery(function() {
- initLog($recips$);
- });
- </script>
- </head>
+ <title>#$topic$ - dump.fm</title>
+ $head()$
+ <script>
+ var Recips = $recips$;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="content">
@@ -44,5 +43,5 @@
</div>
</div>
</div>
- </body>
-</html>
+ </body>
+ </html>
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/userlog.st b/template/userlog.st
index 1dacade..bfe2628 100755
--- a/template/userlog.st
+++ b/template/userlog.st
@@ -1,13 +1,12 @@
<html>
<head>
- <title>$nick$'s dump.fm</title>
- $head()$
- <script>
- jQuery(function() {
- initLog($recips$);
- });
- </script>
- </head>
+ <title>$nick$'s dump.fm</title>
+ $head()$
+ <script>
+ var Recips = $recips$;
+ </script>
+ <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script>
+ </head>
<body>
$banner()$
<div id="dcontent">
@@ -43,5 +42,5 @@
</div>
</div>
- </body>
-</html>
+ </body>
+ </html>
diff --git a/template/weedpile.st b/template/weedpile.st
index 300ce7f..a576e3e 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=20260131">
<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,13 +22,13 @@
</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$
<div id="likebutton">
- <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
+ <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe>
</div>
</div>
<div id="rapper"><center>