From 30e723826e16be78bcc16db754aaff5c6bb27f4b Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Thu, 18 Mar 2010 09:24:54 -0400 Subject: Fixed directory offset bug; restrict directory to images from RoomA --- src/site.clj | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/site.clj b/src/site.clj index b3e7e70..e5107e5 100755 --- a/src/site.clj +++ b/src/site.clj @@ -385,7 +385,8 @@ (defn directory-search [offset] (let [directory @*directory-listing* users (subvec directory - (* offset *per-directory-page*) + (min (count directory) + (* offset *per-directory-page*)) (min (count directory) (* (inc offset) *per-directory-page*))) user-ids (apply str (interpose ", " (map #(%1 :user_id) users))) @@ -400,17 +401,19 @@ ORDER BY created_on DESC LIMIT 1)")] (when (> (count user-ids) 0) (let [res (do-select [qry]) - keys (map :user_id res) - dict (zipmap keys res)] + keys (map :user_id res) + res-dict (zipmap keys res)] (map (fn [u] (let [u-id (u :user_id)] - (process-directory-listing (merge u (dict u-id))))) + (process-directory-listing (merge u (res-dict u-id))))) users))))) (defn update-directory! [] (let [qry "SELECT u.user_id, COUNT(m) as cnt FROM users u, messages m WHERE u.user_id = m.user_id + AND m.room_id = 1 + AND m.is_image = true GROUP BY u.user_id ORDER BY COUNT(m) DESC" res (vec (do-select [qry]))] -- cgit v1.2.3-70-g09d2 From 6cb7060a6d492eabd5d70fb2f32d698d78ed94ce Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Thu, 18 Mar 2010 09:51:15 -0400 Subject: Added directory page titles; start of account reset --- src/site.clj | 24 ++++++++++++++++++------ template/directory.st | 7 +++++-- 2 files changed, 23 insertions(+), 8 deletions(-) diff --git a/src/site.clj b/src/site.clj index e5107e5..e68d2ad 100755 --- a/src/site.clj +++ b/src/site.clj @@ -437,6 +437,8 @@ (cond (= offset 0) (.setAttribute st "prev" false) (= offset 1) (.setAttribute st "prev" "") :else (.setAttribute st "prev" (str "/" (dec offset)))) + (if (> offset 0) + (.setAttribute st "cur" offset)) (.setAttribute st "next" (str "/" (inc offset))) (if (zero? (count @*directory-listing*)) (.setAttribute st "notloaded" true)) @@ -658,6 +660,17 @@ (log session (@rooms room-key) offset params) (resp-error "UNKNOWN_ROOM"))) +;; Account resets + +(defn reset-page [session] + ) + +(defn reset-account-request! [session params] + ) + +(defn reset-account! [session key] + ) + ;; Upload (def *max-image-height* 2000) @@ -724,10 +737,6 @@ (not (validate-room-access room-key session)) [200 "UNKNOWN_ROOM"] :else (do-upload session image (@rooms room-key))))) -(defn copy-and-resize [image dest] - ; TODO: resize - (copy image dest)) - ;; N.B. -- Upload responses aren't JSON-evaluated (defn do-upload-avatar [session image] (let [filename (format-filename (:filename image) (session :nick)) @@ -735,7 +744,7 @@ dest (open-file [*avatar-directory* date] filename) url (image-url-from-file "avatars" date dest)] (do - (copy-and-resize (:tempfile image) dest) + (copy (:tempfile image) dest) (update-user-db (session :user_id) "avatar" url) [(session-assoc :avatar url) [200 url]]))) @@ -794,7 +803,7 @@ (-> request :route-params :room) (-> request :route-params :offset) params)) - ;; TODO: validate POST Referrer headers for POSTs + ;; TODO: add form tokens for all destructive actions (POST "/msg" (validated-msg session params)) (POST "/submit-registration" (register session params)) (POST "/update-profile" (update-profile session params)) @@ -804,6 +813,9 @@ (GET "/directory" (directory session 0)) (GET "/directory/:offset" (directory session (maybe-parse-int (-> request :route-params :offset) 0))) + (GET "/reset" (reset-page session)) + (POST "/reset-request" (reset-account-request! session params)) + (POST "/reset/:key" (reset-account! session (-> request :route-params :key))) (GET "/about_us" (serve-template "about_us" session)) (GET "/goodies" (serve-template "goodies" session)) (GET "/help" (serve-template "help" session)) diff --git a/template/directory.st b/template/directory.st index 85d6a8c..1296edf 100644 --- a/template/directory.st +++ b/template/directory.st @@ -1,7 +1,10 @@ - - dump.fm + $if(cur)$ + dump.fm directory [$cur$] + $else$ + dump.fm directory + $endif$ $head()$ - dump.fm diff --git a/static/js/home.js b/static/js/home.js index e9be833..072617a 100755 --- a/static/js/home.js +++ b/static/js/home.js @@ -171,3 +171,31 @@ function login() { error: onError }); }; + + +function MM_swapImgRestore() { //v3.0 + var i,x,a=document.MM_sr; for(i=0;a&&i0&&parent.frames.length) { + d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} + if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i Date: Fri, 19 Mar 2010 09:44:20 -0400 Subject: Fixed indenting --- static/index.html | 109 +++++++++++++++++++++++++----------------------------- 1 file changed, 51 insertions(+), 58 deletions(-) diff --git a/static/index.html b/static/index.html index ca49ffa..e8ec712 100755 --- a/static/index.html +++ b/static/index.html @@ -1,16 +1,13 @@ - - - - - - - - + + + + + + + + dump.fm - - -
- - - - -
-
- -

Talk with pictures!

-
-
-
Right now dump.fm is invite only...
- If you have a registration code, click here!
+
+ + + + +
+
+ +

Talk with pictures!

+
+
+
Right now dump.fm is invite only...
+ If you have a registration code, click here!
+
+ + +
+ +
- - -
- - - - -
-
-
- - +
+ + - - -
- -
- -
- - - + + +
+ +
+ +
+ + -- cgit v1.2.3-70-g09d2 From 42150227b1f6fa6798862e0ef92e7ee3a8bcafc1 Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 26 Mar 2010 15:38:13 -0400 Subject: Indent, re-added file upload warning --- static/js/pichat.js | 368 +++++++++++++++++++++++++++------------------------- 1 file changed, 193 insertions(+), 175 deletions(-) diff --git a/static/js/pichat.js b/static/js/pichat.js index 2158d89..bb75960 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -7,67 +7,67 @@ var MaxImagePosts = 40 // use e.g. "backgroundColor" not "background-color" function isCSSPropertySupported(prop){ - return prop in document.body.style; + return prop in document.body.style; } function escapeHtml(txt) { - if (!txt) { return ""; } - else { return $("").text(txt).html(); } + if (!txt) { return ""; } + else { return $("").text(txt).html(); } } function linkify(text) { - LastMsgContainsImage = false - var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; - return text.replace(URLRegex, linkReplace); + LastMsgContainsImage = false + var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; + return text.replace(URLRegex, linkReplace); } // durty hack to use a global to check this... but otherwise i'd have to rewrite the String.replace function? :/ var LastMsgContainsImage = false function linkReplace(url){ - var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i; - var urlWithoutParams = url.replace(/\?.*$/i, ""); - - if (url.indexOf('http://') == 0 || url.indexOf('https://') == 0 || url.indexOf('ftp://') == 0) - linkUrl = url; - else - linkUrl = 'http://' + url; - - if (PicRegex.test(urlWithoutParams)){ - LastMsgContainsImage = true - return "" - } else { - return "" + url + "" - } + var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i; + var urlWithoutParams = url.replace(/\?.*$/i, ""); + + if (url.indexOf('http://') == 0 || url.indexOf('https://') == 0 || url.indexOf('ftp://') == 0) + linkUrl = url; + else + linkUrl = 'http://' + url; + + if (PicRegex.test(urlWithoutParams)){ + LastMsgContainsImage = true + return "" + } else { + return "" + url + "" + } } function linkifyWithoutImage(text) { - LastMsgContainsImage = false - var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; - return text.replace(URLRegex, linkReplaceWithoutImage); + LastMsgContainsImage = false + var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; + return text.replace(URLRegex, linkReplaceWithoutImage); } function linkReplaceWithoutImage(url){ - var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i; - var urlWithoutParams = url.replace(/\?.*$/i, ""); - linkUrl = url.indexOf('http://') == 0 ? url : 'http://' + url; + var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i; + var urlWithoutParams = url.replace(/\?.*$/i, ""); + linkUrl = url.indexOf('http://') == 0 ? url : 'http://' + url; - return "" + url + "" + return "" + url + "" } // Message Handling var ImageMsgCount = 0 function removeOldMessages(){ - // don't count posts that are all text - if (LastMsgContainsImage) ImageMsgCount += 1; - while (ImageMsgCount > MaxImagePosts) { - var imgMsg = $(".contains-image:first") - if (imgMsg.length) { - imgMsg.prevAll().remove() // remove all text messages before the image message - imgMsg.remove() - } else break; - ImageMsgCount -= 1; - } + // don't count posts that are all text + if (LastMsgContainsImage) ImageMsgCount += 1; + while (ImageMsgCount > MaxImagePosts) { + var imgMsg = $(".contains-image:first") + if (imgMsg.length) { + imgMsg.prevAll().remove() // remove all text messages before the image message + imgMsg.remove() + } else break; + ImageMsgCount -= 1; + } } function buildMsgContent(content) { @@ -75,15 +75,15 @@ function buildMsgContent(content) { } function buildMessageDiv(msg, isLoading) { - removeOldMessages() - var nick = escapeHtml(msg.nick); - var msgId = !isLoading ? 'id="message-' + msg.msg_id + '"' : ''; - var loadingClass = isLoading ? ' loading' : ''; - var containsImageClass = LastMsgContainsImage ? ' contains-image' : ''; - return '
' - + '' + nick + ': ' - + buildMsgContent(msg.content) - + '
'; + removeOldMessages() + var nick = escapeHtml(msg.nick); + var msgId = !isLoading ? 'id="message-' + msg.msg_id + '"' : ''; + var loadingClass = isLoading ? ' loading' : ''; + var containsImageClass = LastMsgContainsImage ? ' contains-image' : ''; + return '
' + + '' + nick + ': ' + + buildMsgContent(msg.content) + + '
'; } function buildUserDiv(user) { @@ -130,8 +130,8 @@ function submitMessage() { $('#msgInput').val(''); if (content == '') { return; } if (content.length > 6666) { - alert("POST TOO LONG DUDE!"); - return; + alert("POST TOO LONG DUDE!"); + return; } // this shouldn't just be client side :V PendingMessages[content] = true; @@ -139,8 +139,8 @@ function submitMessage() { var div = addNewMessage(msg, true); var onSuccess = function(json) { - if (typeof pageTracker !== 'undefined') { - pageTracker._trackEvent('Message', 'Submit', typeof Room !== 'undefined' ? Room : 'UnknownRoom'); + if (typeof pageTracker !== 'undefined') { + pageTracker._trackEvent('Message', 'Submit', typeof Room !== 'undefined' ? Room : 'UnknownRoom'); } div.attr('id', 'message-' + json) .removeClass('loading').addClass('loaded'); @@ -207,11 +207,11 @@ function updateUI(msgs, users) { } function sortUsersByAlpha(a, b){ - var nickA = a.nick.toLowerCase() - var nickB = b.nick.toLowerCase() - if (nickA > nickB) return 1 - else if (nickA < nickB) return -1 - return 0 + var nickA = a.nick.toLowerCase() + var nickB = b.nick.toLowerCase() + if (nickA > nickB) return 1 + else if (nickA < nickB) return -1 + return 0 } function isDuplicateMessage(m) { @@ -312,7 +312,7 @@ function activateProfileEditable() { var onSubmit = function(attr, newVal, oldVal) { newVal = $.trim(newVal); if (newVal == oldVal) { return oldVal }; - + $.ajax({ type: "POST", timeout: 5000, @@ -386,13 +386,29 @@ function favoriteImage() {}; function setupUpload(elementId, roomKey) { var onSubmit = function(file, ext) { if (!(ext && /^(jpg|png|jpeg|gif|bmp)$/i.test(ext))) { - alert('SORRY, NOT AN IMAGE DUDE... '); - return false; + alert('SORRY, NOT AN IMAGE DUDE... '); + return false; } }; var onComplete = function(file, response) { - if (typeof pageTracker !== 'undefined') { - pageTracker._trackEvent('Message', 'Upload', typeof Room !== 'undefined' ? Room : 'UnknownRoom'); + if (response.match(/FILE_TOO_BIG/)) { + var maxSize = response.split(" ")[1] / 1024; + alert("Sorry. Your file is just too fucking big. " + + maxSize + "KB or less please."); + return; + } else if (response.match(/FILE_NOT_IMAGE/)) { + alert("What did you upload? Doesn't seem like an image. Sorry."); + return; + } else if (response.match(/INVALID_RESOLUTION/)) { + var maxWidth = response.split(" ")[1]; + var maxHeight = response.split(" ")[2]; + alert("Sorry, the maximum image resolution is " + + maxWidth + "x" + maxHeight); + return; + } + if (typeof pageTracker !== 'undefined') { + var r = typeof Room !== 'undefined' ? Room : 'UnknownRoom'; + pageTracker._trackEvent('Message', 'Upload', r); } } new AjaxUpload(elementId, { @@ -400,7 +416,7 @@ function setupUpload(elementId, roomKey) { autoSubmit: true, name: 'image', data: { room: roomKey }, - onSubmit: onSubmit, + onSubmit: onSubmit, onComplete: onComplete }); } @@ -432,50 +448,50 @@ function setupUploadAvatar(elementId) { onComplete: onComplete }); } - + // scrolling stuff // this code keeps the div scrolled to the bottom, but will also let the user scroll up, without jumping down function isScrolledToBottom(){ - var threshold = 15; - - var containerHeight = messageList.style.pixelHeight || messageList.offsetHeight - var currentHeight = (messageList.scrollHeight > 0) ? messageList.scrollHeight : 0 + var threshold = 15; + + var containerHeight = messageList.style.pixelHeight || messageList.offsetHeight + var currentHeight = (messageList.scrollHeight > 0) ? messageList.scrollHeight : 0 - var result = (currentHeight - messageList.scrollTop - containerHeight < threshold); + var result = (currentHeight - messageList.scrollTop - containerHeight < threshold); - return result; + return result; } function scrollIfPossible(){ - if (lastScriptedScrolledPosition <= messageList.scrollTop || isScrolledToBottom()) - scrollToEnd() + if (lastScriptedScrolledPosition <= messageList.scrollTop || isScrolledToBottom()) + scrollToEnd() } var lastScriptedScrolledPosition = 0 function scrollToEnd(){ - messageList.scrollTop = messageList.scrollHeight - lastScriptedScrolledPosition = messageList.scrollTop + messageList.scrollTop = messageList.scrollHeight + lastScriptedScrolledPosition = messageList.scrollTop } function scrollWatcher(){ - scrollIfPossible() - setTimeout(scrollWatcher, 500) + scrollIfPossible() + setTimeout(scrollWatcher, 500) } // well fuck webkit for not supporting {text-decoration: blink} function blinkStart(){ - blinkTimer = setInterval(function(){ - $(".blink").removeClass("blink").addClass("blink-turning-off") - $(".blink-off").removeClass("blink-off").addClass("blink") - $(".blink-turning-off").removeClass("blink-turning-off").addClass("blink-off") - },500); + blinkTimer = setInterval(function(){ + $(".blink").removeClass("blink").addClass("blink-turning-off") + $(".blink-off").removeClass("blink-off").addClass("blink") + $(".blink-turning-off").removeClass("blink-turning-off").addClass("blink-off") + },500); } function blinkStop(){ - clearInterval(blinkTimer); + clearInterval(blinkTimer); } function initDirectory() { @@ -489,104 +505,106 @@ function initDirectory() { // TODO: replace this with simple pointer-events thing. function initBigHand(id){ - var cursorId = "#cursor-big" - var cursor = $(cursorId)[0] - - // jquery's reported element sizes are not exactly the same as the browser's 'mouseover' target sizes - // so we'll allow a few pixels extra - var fudgeFactor = 2 - - $(id).addClass("no-cursor") - - // i have to do this weirdly bc putting the cursor image where the mouse cursor is causes problems with mouse events: - // * it stops mousemove events on the image below the mouse cursor - // * it fucks up mouseover/out and even mouseenter/leave events, as well as click - - // so i am doing this: - // on mousing over the image: - // make cursor visible - // find image co-ords - // bind a global mousemove func - // bind cursor click event - // unbind mouseover - // mousemove func: - // move image to mouse co-ords - // if mouse co-ords are outside the image co-ords: - // make cursor invisible - // unbind mousemove func - // unbind cursor click event - - var mousemove = function(e){ - var y = e.pageY, x = e.pageX, coords = initBigHand.coords + var cursorId = "#cursor-big" + var cursor = $(cursorId)[0] + + // jquery's reported element sizes are not exactly the same as the browser's 'mouseover' target sizes + // so we'll allow a few pixels extra + var fudgeFactor = 2 + + $(id).addClass("no-cursor") + + // i have to do this weirdly bc putting the cursor image where the mouse cursor is causes problems with mouse events: + // * it stops mousemove events on the image below the mouse cursor + // * it fucks up mouseover/out and even mouseenter/leave events, as well as click + + // so i am doing this: + // on mousing over the image: + // make cursor visible + // find image co-ords + // bind a global mousemove func + // bind cursor click event + // unbind mouseover + // mousemove func: + // move image to mouse co-ords + // if mouse co-ords are outside the image co-ords: + // make cursor invisible + // unbind mousemove func + // unbind cursor click event + + var mousemove = function(e){ + var y = e.pageY, x = e.pageX, coords = initBigHand.coords + + cursor.style.top = y + "px" + cursor.style.left = x - 32 + "px" // 32: (4 pixels * 8 pixels per big pixel) to line up pointy finger with cursor + if (y < coords.top || + y > coords.bottom || + x < coords.left || + x > coords.right) { + $(cursorId).addClass('invisible') + $(cursorId).css({"top": 0, "left": 0 }) + $(cursorId).unbind('click', cursorClick) + $('logo7').unbind('mousemove', mousemove) + $(id).mouseover(imageMouseOver) + } + } + + var cursorClick = function(){ $(id).click() } - cursor.style.top = y + "px" - cursor.style.left = x - 32 + "px" // 32: (4 pixels * 8 pixels per big pixel) to line up pointy finger with cursor - if (y < coords.top || - y > coords.bottom || - x < coords.left || - x > coords.right) { - $(cursorId).addClass('invisible') - $(cursorId).css({"top": 0, "left": 0 }) - $(cursorId).unbind('click', cursorClick) - $('logo7').unbind('mousemove', mousemove) - $(id).mouseover(imageMouseOver) - } - } - - var cursorClick = function(){ $(id).click() } - - var imageMouseOver = function(){ - //console.log("moused over...") - initBigHand.coords = { - "left": $(id).offset().left - fudgeFactor, - "top": $(id).offset().top - fudgeFactor, - "right": $(id).offset().left + $(id).width() + fudgeFactor, - "bottom": $(id).offset().top + $(id).height() + fudgeFactor + var imageMouseOver = function(){ + //console.log("moused over...") + initBigHand.coords = { + "left": $(id).offset().left - fudgeFactor, + "top": $(id).offset().top - fudgeFactor, + "right": $(id).offset().left + $(id).width() + fudgeFactor, + "bottom": $(id).offset().top + $(id).height() + fudgeFactor + } + $('body').mousemove(mousemove) + $(cursorId).click(cursorClick) + $(cursorId).removeClass('invisible') + $(id).unbind('mouseover', imageMouseOver) } - $('body').mousemove(mousemove) - $(cursorId).click(cursorClick) - $(cursorId).removeClass('invisible') - $(id).unbind('mouseover', imageMouseOver) - } - - $(id).mouseover(imageMouseOver) - + + $(id).mouseover(imageMouseOver) + } Share = { - "getMessage": function(button){ - var message = $(button).parents(".logged-dump") - var id = message.attr("id").substr(8) // cut "message-001" to "001" - var nick = message.find("a").attr("href").substr(3) // cut "/u/timb" to "timb" - var link = "http://dump.fm/p/" + nick + "/" + id - var content = message.find(".linkify") - if (!content.length) content = message.find(".content") - var rawContent = content.html() - var img = content.find("img").attr("src") - var via = "via " + nick + " on dump.fm" - return {"nick": nick, "id": id, "link": encodeURIComponent(link), "content": content, "img": encodeURIComponent(img), "via": encodeURIComponent(via)} - }, - "openLink": function(url){ - window.open(url, "_blank") - }, - "facebook": function(button){ - var message = Share.getMessage(button) - var url = "http://www.facebook.com/share.php?u=" + message.img + "&t=" + message.via - Share.openLink(url) - }, - "tumblr": function(button){ - var message = Share.getMessage(button) - var url = "http://www.tumblr.com/share?v=3&u=" + message.img + "&t=" + message.via - Share.openLink(url) - }, - "twitter": function(button){ - var message = Share.getMessage(button) - var url = "http://twitter.com/home?status=" + message.img + encodeURIComponent(" ") + message.via - Share.openLink(url) - }, - "delicious": function(button){ - var message = Share.getMessage(button) - var url = "http://delicious.com/save?url=" + message.img + "&title=" + message.img + "¬es=" + message.via - Share.openLink(url) - } + "getMessage": function(button){ + var message = $(button).parents(".logged-dump") + var id = message.attr("id").substr(8) // cut "message-001" to "001" + var nick = message.find("a").attr("href").substr(3) // cut "/u/timb" to "timb" + var link = "http://dump.fm/p/" + nick + "/" + id + var content = message.find(".linkify") + if (!content.length) content = message.find(".content") + var rawContent = content.html() + var img = content.find("img").attr("src") + var via = "via " + nick + " on dump.fm" + return {"nick": nick, "id": id, "link": encodeURIComponent(link), + "content": content, "img": encodeURIComponent(img), + "via": encodeURIComponent(via)} + }, + "openLink": function(url){ + window.open(url, "_blank") + }, + "facebook": function(button){ + var message = Share.getMessage(button) + var url = "http://www.facebook.com/share.php?u=" + message.img + "&t=" + message.via + Share.openLink(url) + }, + "tumblr": function(button){ + var message = Share.getMessage(button) + var url = "http://www.tumblr.com/share?v=3&u=" + message.img + "&t=" + message.via + Share.openLink(url) + }, + "twitter": function(button){ + var message = Share.getMessage(button) + var url = "http://twitter.com/home?status=" + message.img + encodeURIComponent(" ") + message.via + Share.openLink(url) + }, + "delicious": function(button){ + var message = Share.getMessage(button) + var url = "http://delicious.com/save?url=" + message.img + "&title=" + message.img + "¬es=" + message.via + Share.openLink(url) + } } \ No newline at end of file -- cgit v1.2.3-70-g09d2 From f9c1e7d2b828fe4dadfb031cb0c44d65d242e17a Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 26 Mar 2010 15:41:42 -0400 Subject: Adding profile_bg field to schema --- db/0-create.psql | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/db/0-create.psql b/db/0-create.psql index 00ea012..1316a36 100755 --- a/db/0-create.psql +++ b/db/0-create.psql @@ -9,7 +9,8 @@ CREATE TABLE users ( is_admin boolean NOT NULL DEFAULT false, avatar text NOT NULL DEFAULT '', contact text NOT NULL DEFAULT '', - bio text NOT NULL DEFAULT '' + bio text NOT NULL DEFAULT '', + profile_bg text ); CREATE TABLE rooms ( -- cgit v1.2.3-70-g09d2 From 53db301b23b292edea9210f09ea6120196c03da4 Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 26 Mar 2010 15:42:00 -0400 Subject: Add avatar limits --- src/site.clj | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/site.clj b/src/site.clj index a79269d..4776cc9 100755 --- a/src/site.clj +++ b/src/site.clj @@ -674,6 +674,8 @@ (def *max-image-height* 2000) (def *max-image-width* 2000) +(def *max-avatar-height* 2000) +(def *max-avatar-width* 2000) (def *vip-max-file-size* (mbytes 5)) ; don't be nuts guys (def *max-file-size* (kbytes 750)) (def *ignore-size-limit-for-vip* true) -- cgit v1.2.3-70-g09d2 From c3f21596346e9276d625e9ec62a56496092ea18f Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 26 Mar 2010 19:27:03 -0400 Subject: Added default avatar to pichat.js --- static/js/pichat.js | 1 + 1 file changed, 1 insertion(+) diff --git a/static/js/pichat.js b/static/js/pichat.js index f643970..b4b7c7d 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -95,6 +95,7 @@ function buildUserDiv(user) { } else { return '
' + '' + + '' + escapeHtml(user.nick) + '
'; } } -- cgit v1.2.3-70-g09d2 From 8831ee16e219999289975b046da7a68df251e175 Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 2 Apr 2010 13:26:28 -0400 Subject: Commit email --- bin/repl.bat | 2 +- bin/repl.sh | 2 +- lib/mail-1.4.4.jar | Bin 0 -> 482977 bytes src/email.clj | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 70 insertions(+), 2 deletions(-) create mode 100644 lib/mail-1.4.4.jar create mode 100644 src/email.clj diff --git a/bin/repl.bat b/bin/repl.bat index 79a0aaf..5ab0646 100755 --- a/bin/repl.bat +++ b/bin/repl.bat @@ -1,3 +1,3 @@ REM Windows REPL script SHIFT -java -Xmx256m -server -cp lib/commons-io-1.4.jar;lib/commons-fileupload-1.2.1.jar;lib/commons-codec-1.3.jar;lib/clojure.jar;lib/clojure-contrib.jar;lib/compojure-3.2v1.jar;lib/jetty-6.1.14.jar;lib/jetty-util-6.1.14.jar;lib/servlet-api-2.5-6.1.14.jar;lib/jline-0.9.94.jar;lib/postgresql-8.4-701.jdbc4.jar;lib/stringtemplate-3.2.1.jar;lib/antlr-2.7.7.jar;src/ jline.ConsoleRunner clojure.main -i %0 -r %* +java -Xmx256m -server -cp lib/commons-io-1.4.jar;lib/commons-fileupload-1.2.1.jar;lib/commons-codec-1.3.jar;lib/clojure.jar;lib/clojure-contrib.jar;lib/compojure-3.2v1.jar;lib/jetty-6.1.14.jar;lib/jetty-util-6.1.14.jar;lib/servlet-api-2.5-6.1.14.jar;lib/jline-0.9.94.jar;lib/postgresql-8.4-701.jdbc4.jar;lib/stringtemplate-3.2.1.jar;lib/antlr-2.7.7.jar;lib/mail-1.4.4.jar;src/ jline.ConsoleRunner clojure.main -i %0 -r %* diff --git a/bin/repl.sh b/bin/repl.sh index d4beeda..5fc36b8 100755 --- a/bin/repl.sh +++ b/bin/repl.sh @@ -1,3 +1,3 @@ #!/bin/sh -java -Xmx256m -server -cp .:lib/commons-io-1.4.jar:lib/commons-fileupload-1.2.1.jar:lib/commons-codec-1.3.jar:lib/jline-0.9.94.jar:lib/clojure.jar:lib/clojure-contrib.jar:lib/compojure-3.2v1.jar:lib/jetty-6.1.14.jar:lib/jetty-util-6.1.14.jar:lib/servlet-api-2.5-6.1.14.jar:lib/postgresql-8.4-701.jdbc4.jar:lib/stringtemplate-3.2.1.jar:lib/antlr-2.7.7.jar:src/ jline.ConsoleRunner clojure.main -i $1 -r $@ +java -Xmx256m -server -cp .:lib/commons-io-1.4.jar:lib/commons-fileupload-1.2.1.jar:lib/commons-codec-1.3.jar:lib/jline-0.9.94.jar:lib/clojure.jar:lib/clojure-contrib.jar:lib/compojure-3.2v1.jar:lib/jetty-6.1.14.jar:lib/jetty-util-6.1.14.jar:lib/servlet-api-2.5-6.1.14.jar:lib/postgresql-8.4-701.jdbc4.jar:lib/stringtemplate-3.2.1.jar:lib/antlr-2.7.7.jar:lib/mail-1.4.4.jar:src/ jline.ConsoleRunner clojure.main -i $1 -r $@ diff --git a/lib/mail-1.4.4.jar b/lib/mail-1.4.4.jar new file mode 100644 index 0000000..c4fc4c8 Binary files /dev/null and b/lib/mail-1.4.4.jar differ diff --git a/src/email.clj b/src/email.clj new file mode 100644 index 0000000..2a68e7b --- /dev/null +++ b/src/email.clj @@ -0,0 +1,68 @@ +(ns email + (:import org.antlr.stringtemplate.StringTemplateGroup) + (:require [clojure.contrib.str-utils2 :as str-utils2])) + +(defn base-mail [& m] + (let [mail (apply hash-map m) + props (java.util.Properties.)] + + (doto props + (.put "mail.smtp.host" (:host mail)) + (.put "mail.smtp.port" (:port mail)) + (.put "mail.smtp.user" (:user mail)) + (.put "mail.smtp.socketFactory.port" (:port mail)) + (.put "mail.smtp.auth" "true")) + + (if (= (:ssl mail) true) + (doto props + (.put "mail.smtp.starttls.enable" "true") + (.put "mail.smtp.socketFactory.class" + "javax.net.ssl.SSLSocketFactory") + (.put "mail.smtp.socketFactory.fallback" "false"))) + + (let [authenticator (proxy [javax.mail.Authenticator] [] + (getPasswordAuthentication + [] + (javax.mail.PasswordAuthentication. + (:user mail) (:password mail)))) + session (javax.mail.Session/getDefaultInstance props authenticator) + msg (javax.mail.internet.MimeMessage. session)] + + (.setFrom msg (javax.mail.internet.InternetAddress. (:user mail))) + (doseq [to (:to mail)] + (.setRecipients msg + (javax.mail.Message$RecipientType/TO) + (javax.mail.internet.InternetAddress/parse to))) + (.setSubject msg (:subject mail)) + (.setText msg (:text mail)) + (javax.mail.Transport/send msg)))) + +(def mail-templates (new StringTemplateGroup "dumpfm-mail" "template/mail")) +(.setRefreshInterval mail-templates 3) + +(defn parse-mail-template [temp props] + (let [st (.getInstanceOf mail-templates temp)] + (doseq [[k v] props] + (.setAttribute st k v)) + (let [[s b] (.split (.toString st) "\\n" 2)] + [(.trim (.replaceFirst s "SUBJECT: " "")) + (.trim b)]))) + +(defn dump-mail [to subject text] + (base-mail :user "info@dump.fm" + :password "dumprulez7" + :host "smtpout.secureserver.net" + :port 25 + :ssl false + :to to + :subject subject + :text text)) + +(defn send-registration-email [nick email] + (let [[s b] (parse-mail-template "welcome" {"nick" nick})] + (dump-mail [email] s b))) + +(defn send-reset-email [nick email key] + (let [[s b] (parse-mail-template "reset" {"nick" nick "key" key})] + (dump-mail [email] s b))) + -- cgit v1.2.3-70-g09d2 From 3378feabf2225fbce0c2138105933a84e489fd98 Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 2 Apr 2010 13:26:58 -0400 Subject: Clojure 1.1 and new contribs --- lib/clojure-contrib.jar | Bin 2945084 -> 3292187 bytes lib/clojure.jar | Bin 1534952 -> 1846856 bytes 2 files changed, 0 insertions(+), 0 deletions(-) diff --git a/lib/clojure-contrib.jar b/lib/clojure-contrib.jar index aca1fec..883638d 100755 Binary files a/lib/clojure-contrib.jar and b/lib/clojure-contrib.jar differ diff --git a/lib/clojure.jar b/lib/clojure.jar index fce575b..eefb8fc 100755 Binary files a/lib/clojure.jar and b/lib/clojure.jar differ -- cgit v1.2.3-70-g09d2 From bd3925a4a19dd3b2c65abad579887b108d8f8546 Mon Sep 17 00:00:00 2001 From: sostler Date: Fri, 2 Apr 2010 13:32:42 -0400 Subject: add register email --- src/site.clj | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/site.clj b/src/site.clj index 483757a..fe0ed5f 100755 --- a/src/site.clj +++ b/src/site.clj @@ -15,6 +15,7 @@ clojure.contrib.sql clojure.contrib.str-utils compojure + email utils cookie-login session-sweeper @@ -319,6 +320,7 @@ [:nick :hash :email] [nick hash email]) (let [db-user (fetch-nick nick)] + (send-registration-email nick email) [(session-assoc-from-db db-user) (resp-success "OK")]))))) -- cgit v1.2.3-70-g09d2 From 873f29cd072f7809d38c916cf3463442232ccc9f Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Fri, 2 Apr 2010 16:27:15 -0400 Subject: PROD changes --- static/form_login/front.css | 5 +++-- static/index.html | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/static/form_login/front.css b/static/form_login/front.css index 285dec4..bbb289c 100644 --- a/static/form_login/front.css +++ b/static/form_login/front.css @@ -89,9 +89,10 @@ a.signin.menu-open span { border:1px transparent; text-align:left; padding:12px; - top: 24.5px; + top: 23.5px; right: 0px; margin-top:5px; + margin-right: 0px; *margin-right: -1px; color:#789; @@ -107,7 +108,7 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, -webkit-border-radius:4px; border:1px solid #ACE; font-size:13px; - margin:0 0 5px; + margin:0 0 5px;border:1px solid; padding:5px; width:203px; } diff --git a/static/index.html b/static/index.html index badf35a..a819eda 100755 --- a/static/index.html +++ b/static/index.html @@ -57,7 +57,7 @@ body { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; - border:solid 1px #fff; + border:solid 2px #000; position: relative; box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; -- cgit v1.2.3-70-g09d2 From 8e5d7da097bea66fc5586a315083b987ed8efecf Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Fri, 2 Apr 2010 17:10:11 -0400 Subject: Moved index CSS to file --- static/index.css | 231 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/index.html | 152 ++++------------------------------- 2 files changed, 246 insertions(+), 137 deletions(-) create mode 100644 static/index.css diff --git a/static/index.css b/static/index.css new file mode 100644 index 0000000..bae708e --- /dev/null +++ b/static/index.css @@ -0,0 +1,231 @@ + + + +body { + background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + margin:6%; +} +#preload { + position: absolute; + left: 0px; + top: 0px; +} +#main { + width:460px; + margin: 0 auto 0 auto; + padding: 19px 0; + border-radius: 15px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border:solid 2px #000; + position: relative; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +} +#logo-and-text { + position: relative; + z-index: 20; + padding-bottom: 20px; +} + +#horse { + position: absolute; + z-index: 10; + top: 12px; + left: 140px; +} +#remember{ + +} +#customer { + position: absolute; + left: -90px; + top: -75px; + z-index: 10; + +} +#info { + width:420px; + margin: 11px auto -1px auto; +opacity:0.9; +height:30; + vertical-align: bottom; +} +#dumpednow{ +position:absolute; +height:50px; +width:420px; +top:0px; +} + +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} + +.btnav { border: 0px #000 solid;} + +.submit { + + text-shadow: -1px 1px 1px #ccc; + font-size:15px; +} + +input { + height:40px; + width:300px; + border:3px #000; + background:#e3e3e3; + margin:10px; + color:#000; + font-size:30px; + +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; +line-height:1.2; + text-shadow:1px 1px 0.5px #ccc; + word-spacing: 3px; +} + .line { + font-family:Arial, Helvetica, sans-serif; + letter-spacing:0px; +line-height:-1; + color:#000; + font-size:17px; +} + +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +#signin-submit { + display:inline-block; + width:300px; + height:33px; + font-size:20px; + background-image:url(/static/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:12px; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; +} + +#remembermeInput { + width: 15px; + height: 15px; + margin: 1px; +} + +label { + display: block; + width: 300px; + text-align: right; + font-size: 16px; + color: #222; +} + +/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/ + +#jCarouselLite .carousel { + padding: 10px 0 0 0; + margin: 0 0 20px 10px; + position: relative; +} + #jCarouselLite .digg { + position: absolute; + left: 610px; + top: 110px; + } + #jCarouselLite .main { + margin-left: 40px; + } + + #jCarouselLite .demo em { + color: #FF3300; + font-weight: bold; + font-size: 60%; + font-style: normal; + } + #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ + float: left; + } + #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next { + display: block; + float: left; + width: 30px; + height: 143px; + text-decoration: none; + background: url("/image/imageNavLeft.gif") left 60px no-repeat; + } + #jCarouselLite .carousel a.next { + background: url("/image/imageNavRight.gif") right 60px no-repeat; + } + #jCarouselLite .carousel a.next:hover { + background-image: url("/image/imageNavRightHover.gif"); + } + #jCarouselLite .carousel a.prev:hover { + background-image: url("/image/imageNavLeftHover.gif"); + } + #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active { + border: none; + outline: none; + } + #jCarouselLite .carousel .jCarouselLite { + border: 1px solid black; + float: left; + background-color: #dfdfdf; + + /* Needed for rendering without flicker */ + position: relative; + visibility: hidden; + left: -5000px; + } + #jCarouselLite .carousel ul { + margin: 0; + } + #jCarouselLite .carousel li img, + #jCarouselLite .carousel li p { + background-color: #fff; + width: 150px; + height: 118px; + margin: 10px; + } + + #jCarouselLite .widget img { + cursor: pointer; + } + #jCarouselLite .mid { + margin-left: 80px; + width: 400px; + height: 300px; + } + #jCarouselLite .vertical { + margin-left: 170px; + } + #jCarouselLite .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ + width: 170px; + } + #jCarouselLite .imageSlider li img, + #jCarouselLite .imageSlider li p, + #jCarouselLite .imageSliderExt li img , + #jCarouselLite .imageSliderExt li p { + width: 400px; + height: 300px; + } + +/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/ + + diff --git a/static/index.html b/static/index.html index a819eda..a864b40 100755 --- a/static/index.html +++ b/static/index.html @@ -8,6 +8,7 @@ + + dump.fm - @@ -210,8 +80,16 @@ label { + +
+ +
-
-- cgit v1.2.3-70-g09d2 From 43aa4e4b9ae94db0ac62699e7b35bed072902b69 Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Fri, 2 Apr 2010 18:16:10 -0400 Subject: Add welcome mail template --- template/mail/welcome.st | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 template/mail/welcome.st diff --git a/template/mail/welcome.st b/template/mail/welcome.st new file mode 100644 index 0000000..42a0b38 --- /dev/null +++ b/template/mail/welcome.st @@ -0,0 +1,5 @@ +SUBJECT: Welcome to dump.fm, $nick$! + +Welcome to the dump.fm posting experience. +Get started at , or setup your +profile at ! -- cgit v1.2.3-70-g09d2 From 4479097093127a20a40a9dceb604bf4290c09a2d Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Fri, 2 Apr 2010 20:52:56 -0400 Subject: moved static content --- static/4chanbeta.gif | Bin 0 -> 748 bytes static/4chanbeta.png | Bin 0 -> 2981 bytes static/browser.css | 81 +-- static/css/browser.css | 475 +++++++++++++++ static/css/directory.css | 379 ++++++++++++ static/css/dump.css | 458 ++++++++++++++ static/css/dumpnewuser.css | 511 ++++++++++++++++ static/css/header.css | 264 ++++++++ static/css/index.css | 231 +++++++ static/css/log.css | 418 +++++++++++++ static/css/pages.css | 353 +++++++++++ static/css/profile.css | 437 ++++++++++++++ static/css/reset.css | 55 ++ static/css/win.css | 151 +++++ static/img/ako.gif | Bin 0 -> 780 bytes static/img/aol_suck.gif | Bin 0 -> 10645 bytes static/img/bg-btn-blue.png | Bin 0 -> 411 bytes static/img/bg-btn-red.png | Bin 0 -> 237 bytes static/img/blurbs/beingpostednow.png | Bin 0 -> 21890 bytes static/img/blurbs/imageboard.png | Bin 0 -> 21716 bytes static/img/blurbs/posthere.png | Bin 0 -> 19883 bytes static/img/blurbs/signinblurb.png | Bin 0 -> 8264 bytes static/img/blurbs/uploadstuff.png | Bin 0 -> 18830 bytes static/img/blurbs/userlisthelp.png | Bin 0 -> 26365 bytes static/img/blurbs/webcamhelp.png | Bin 0 -> 19159 bytes static/img/btngrad1.png | Bin 0 -> 199 bytes static/img/cambutton.png | Bin 0 -> 3868 bytes static/img/chanbg.png | Bin 0 -> 218 bytes static/img/dblue2.png | Bin 0 -> 289 bytes static/img/delishicon.png | Bin 0 -> 136 bytes static/img/directory.gif | Bin 0 -> 740 bytes static/img/door.gif | Bin 0 -> 323 bytes static/img/dot.gif | Bin 0 -> 832 bytes static/img/dumpcats2.png | Bin 0 -> 908489 bytes static/img/dumpclearlogo.png | Bin 0 -> 3004 bytes static/img/dumpclouds.png | Bin 0 -> 38490 bytes static/img/dumpteam.gif | Bin 0 -> 39721 bytes static/img/fade-blue.png | Bin 0 -> 172 bytes static/img/fbbutton.png | Bin 0 -> 607 bytes static/img/flyhorse.gif | Bin 0 -> 145367 bytes static/img/geocities.gif | Bin 0 -> 12892 bytes static/img/guaranteed_customer_satisfaction.gif | Bin 0 -> 5921 bytes static/img/hearts.gif | Bin 0 -> 962 bytes static/img/html_3_2.gif | Bin 0 -> 4471 bytes static/img/hugescreen.png | Bin 0 -> 35913 bytes static/img/image_draw.gif | Bin 0 -> 169 bytes static/img/log.gif | Bin 0 -> 112 bytes static/img/moverc.png | Bin 0 -> 171 bytes static/img/newanim.gif | Bin 0 -> 419 bytes static/img/noinfo.png | Bin 0 -> 52768 bytes static/img/profile.gif | Bin 0 -> 125 bytes static/img/signin.gif | Bin 0 -> 3915 bytes static/img/spinner.gif | Bin 0 -> 1849 bytes static/img/thumbs_up_sm.gif | Bin 0 -> 91 bytes static/img/tumblricon.gif | Bin 0 -> 567 bytes static/img/tumblricon.png | Bin 0 -> 503 bytes static/img/tvfun.gif | Bin 0 -> 1775 bytes static/img/twittericon.png | Bin 0 -> 659 bytes static/img/upbutton.png | Bin 0 -> 3820 bytes static/img/upload.png | Bin 0 -> 206 bytes static/img/urlbutton.png | Bin 0 -> 2879 bytes static/img/valid_html.gif | Bin 0 -> 231 bytes static/img/vxhtml.gif | Bin 0 -> 7445 bytes static/img/welcomebanner.gif | Bin 0 -> 908 bytes static/index.html | 20 +- static/js/FancyZoom.js | 761 ++++++++++++++++++++++++ static/js/FancyZoomHTML.js | 0 static/js/away.js | 28 + static/js/dumpsearch.js | 39 ++ static/js/jquery.editinplace.1.0.1.packed.js | 287 +++++++++ static/js/jquery.js | 171 ++++++ static/js/jquery.mousewheel.js | 85 +++ 72 files changed, 5118 insertions(+), 86 deletions(-) create mode 100644 static/4chanbeta.gif create mode 100644 static/4chanbeta.png create mode 100755 static/css/browser.css create mode 100644 static/css/directory.css create mode 100755 static/css/dump.css create mode 100644 static/css/dumpnewuser.css create mode 100755 static/css/header.css create mode 100644 static/css/index.css create mode 100644 static/css/log.css create mode 100644 static/css/pages.css create mode 100755 static/css/profile.css create mode 100755 static/css/reset.css create mode 100644 static/css/win.css create mode 100644 static/img/ako.gif create mode 100644 static/img/aol_suck.gif create mode 100755 static/img/bg-btn-blue.png create mode 100644 static/img/bg-btn-red.png create mode 100644 static/img/blurbs/beingpostednow.png create mode 100644 static/img/blurbs/imageboard.png create mode 100644 static/img/blurbs/posthere.png create mode 100644 static/img/blurbs/signinblurb.png create mode 100644 static/img/blurbs/uploadstuff.png create mode 100644 static/img/blurbs/userlisthelp.png create mode 100644 static/img/blurbs/webcamhelp.png create mode 100644 static/img/btngrad1.png create mode 100644 static/img/cambutton.png create mode 100644 static/img/chanbg.png create mode 100755 static/img/dblue2.png create mode 100644 static/img/delishicon.png create mode 100644 static/img/directory.gif create mode 100644 static/img/door.gif create mode 100644 static/img/dot.gif create mode 100644 static/img/dumpcats2.png create mode 100644 static/img/dumpclearlogo.png create mode 100644 static/img/dumpclouds.png create mode 100644 static/img/dumpteam.gif create mode 100644 static/img/fade-blue.png create mode 100644 static/img/fbbutton.png create mode 100644 static/img/flyhorse.gif create mode 100644 static/img/geocities.gif create mode 100644 static/img/guaranteed_customer_satisfaction.gif create mode 100644 static/img/hearts.gif create mode 100644 static/img/html_3_2.gif create mode 100644 static/img/hugescreen.png create mode 100644 static/img/image_draw.gif create mode 100644 static/img/log.gif create mode 100644 static/img/moverc.png create mode 100644 static/img/newanim.gif create mode 100644 static/img/noinfo.png create mode 100644 static/img/profile.gif create mode 100644 static/img/signin.gif create mode 100755 static/img/spinner.gif create mode 100644 static/img/thumbs_up_sm.gif create mode 100644 static/img/tumblricon.gif create mode 100644 static/img/tumblricon.png create mode 100644 static/img/tvfun.gif create mode 100644 static/img/twittericon.png create mode 100644 static/img/upbutton.png create mode 100644 static/img/upload.png create mode 100644 static/img/urlbutton.png create mode 100644 static/img/valid_html.gif create mode 100644 static/img/vxhtml.gif create mode 100644 static/img/welcomebanner.gif create mode 100755 static/js/FancyZoom.js create mode 100755 static/js/FancyZoomHTML.js create mode 100755 static/js/away.js create mode 100755 static/js/dumpsearch.js create mode 100755 static/js/jquery.editinplace.1.0.1.packed.js create mode 100644 static/js/jquery.js create mode 100644 static/js/jquery.mousewheel.js diff --git a/static/4chanbeta.gif b/static/4chanbeta.gif new file mode 100644 index 0000000..4bd5499 Binary files /dev/null and b/static/4chanbeta.gif differ diff --git a/static/4chanbeta.png b/static/4chanbeta.png new file mode 100644 index 0000000..913fc65 Binary files /dev/null and b/static/4chanbeta.png differ diff --git a/static/browser.css b/static/browser.css index d2edaf0..4b0a687 100755 --- a/static/browser.css +++ b/static/browser.css @@ -4,7 +4,7 @@ font-size:13; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:2%; - background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; background-repeat:repeat-x; background-position:top; @@ -21,7 +21,7 @@ } #description {display:none;width:790px;} #description div, .post, .result {} - #description p > p,#description p {margin:0;line-height:1;width:800;} + #description p > p,#description p {margin:0;line-height:1;width:auto;} #description img {float:left;margin:0 12px 12px 0;} table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font-size:11px;color:#333} .gsc-trailing-more-results,.gsc-resultsHeader, @@ -31,11 +31,10 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font .gsc-control{width:600;height:30;padding:0px;padding-left:0;}select, label{font:bold 11px Arial,Helvetica,sans-serif;color:#003;text-transform:uppercase;margin-right:5px;} input#q{width:400;height:25px;font:bold Arial,Helvetica,sans-serif;color:#F00;} input#submit{ - width:100px; height:28px; font-size:20px; -background-image:url(/static/bg-btn-blue.png); +background-image:url(/static/img/bg-btn-blue.png); text-align:center; z-index:100; cursor:pointer; @@ -55,7 +54,7 @@ border:1px solid #f0e0d6; -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; background-color:#ffffee; - background-image:url(/static/chanbg.png); + background-image:url(/static/img/chanbg.png); background-repeat:repeat-x; border-top-left-radius:15px; border-top-right-radius:15px; @@ -172,7 +171,7 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, height:35px; right:0px; font-size:20px; -background-image:url(/static/bg-btn-blue.png); +background-image:url(/static/img/bg-btn-blue.png); top:15px; text-align:center; z-index:100; @@ -327,76 +326,6 @@ background-color:#f3f3f3; } -#binfo { - font-family: Arial, Helvetica, sans-serif; - font-size: 11px; - bottom - #chatrap{ - top: 105px; - left:0px; - position:absolute; - width: 100%; - padding-bottom:20px; -} -#chatrap{ - top: 105px; - left:0px; - position:absolute; - width: 100%; - padding-bottom:20px; -} - -#input { - padding-right:15px; - line-height:22px; - font-size: 12px; -} - #loghead { - border-bottom:0px; - padding-left: -50px; - margin-right:60%; - width:70%; - letter-spacing:-3px; - color:#504F61; - height:28px; - font-size:33px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - text-transform:capitalize; - text-shadow: -6px 4px 4px #ccc; - padding-bottom:12px; - left: -40px; - background-color: #FFF; - top: 80px; - position: fixed; - } - -#logc -{ - margin-right:10%; - margin-left:10%; - background-color:#FFF; - padding-left: 40px; - padding-bottom: 30px; - padding-top: 15px; -} - - - #profile { - float: right; - border:1px solid #000; - padding: 20px; - width: 180px; - margin-right:15%; - background-color:#FFF; - background-image:url(/static/cloudbg2.png); - background-position:center; - z-index:10; - border-top-right-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - min-height:600px; - } #chatrap{ top: 105px; left:0px; diff --git a/static/css/browser.css b/static/css/browser.css new file mode 100755 index 0000000..fcf48f2 --- /dev/null +++ b/static/css/browser.css @@ -0,0 +1,475 @@ +/* pichat.css */ + + body { + font-size:13; + font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; + margin:2%; + background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + +} +#rapper{ +} + #container { + text-align: left; + font-family: sans-serif; + color: #4E4848; + margin-left: auto; + margin-right: auto; + width: 1200px; + } + #description {display:none;width:790px;} + #description div, .post, .result {} + #description p > p,#description p {margin:0;line-height:1;width:auto;} + #description img {float:left;margin:0 12px 12px 0;} +table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font-size:11px;color:#333} +.gsc-trailing-more-results,.gsc-resultsHeader, +.gsc-search-box{display:none;} +.gsc-results{padding-left:0px;} +#searchControl +.gsc-control{width:600;height:30;padding:0px;padding-left:0;}select, label{font:bold 11px Arial,Helvetica,sans-serif;color:#003;text-transform:uppercase;margin-right:5px;} +input#q{width:400;height:25px;font:bold Arial,Helvetica,sans-serif;color:#F00;} +input#submit{ + width:100px; +height:28px; +font-size:20px; +background-image:url(/static/img/bg-btn-blue.png); + text-align:center; + z-index:100; + cursor:pointer; + background-color:#087cff; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,0.5); +} +#logo{padding-left:20;} + +#ish{width:520; +padding:20; +height:550; +background-color:#fff; +border:1px solid #f0e0d6; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +} + +#content{ + z-index: 3; + overflow: auto; + min-width:600px; +} + +#chatboxx { + position: fixed; + top:80px; +} + + +#footerc +{ + text-align:center; + position:fixed; + width:100%; + bottom:0px; +line-height:3.1; + font-size:11px; +word-spacing:8px; +height:28px; + color: #000; + +} +#footerc a { + font-size: 11px; + color: #000; +} +#footerc a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footerc a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#messagePane { + + + +top:40px; +bottom:20px; + position:fixed; + width: 100%; + +left:0.1%; + + z-index:5; +} + +#messageList { + height: 100%; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +#msgInputDiv { + position:relative; + min-width:500px; + z-index:100; +left:1px; +bottom:10px; + width: 100%; +} + +#msgInput { + width: 100%; + z-index:100; + margin-top: 15px; + left:-3px; + position:relative; + border:2px solid #c8cbce; +height:36px; +font-size:20px; + min-width:500px; + + box-shadow: 2px 3px 4px #eee; +-webkit-box-shadow: 2px 3px 4px #eee; +-moz-box-shadow: 2px 3px 4px #eee; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true); +} +.msgInput { + min-width:500px; + z-index:100; +} + +#msgSubmit { + + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:0px; +font-size:20px; +background-image:url(/static/img/bg-btn-blue.png); +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:#087cff; + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:2px; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,0.5); +} +.msgDiv img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; + z-index: 1; +} +.msgDiv {padding:2px; +} +.oldmsg { + color: #666; +} + +#userList { + overflow-x: hidden; + overflow-y:auto; + height: auto; + margin: 0px; + position: absolute; + padding: 5px; + top:85px; + min-width: 150px; + width:11%; + float:right; + right: 6%; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight:420; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + background-color:#FFF; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + max-height:450px; + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 3px 4px #c8cbce; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); + text-overflow:ellipsis; + z-index:18; + text-align: left; +} +.username{height:30px; +margin-top:6px; +line-height:20px; +text-indent:6px; +z-index:18; +min-width:90px; +overflow:hidden; + +} +.username a { +display:block; +width:100%; +height:100%; +text-decoration:none; +} +.username a:hover { +display:block; +width:100%; +height:100%; +background-image:url(/static/img/moverc.png); +background-repeat:repeat-x; +color:#fff; +text-decoration:none; +background-color:#f3f3f3; + border-top-right-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; +} +#userList img{ + max-width:30px; + width: expression(this.width > 30 ? 30: true); + max-height:30px; + height: expression(this.width > 30 ? 30: true); + max-width:30px; + + float:right; + right:1px; + z-index:77; + height:30px; + border-top-left-radius:3px; + border-top-right-radius:3px; + -webkit-border-top-left-radius:3px; + -webkit-border-top-right-radius:3px; + -moz-border-radius-topleft:3px; + -moz-border-radius-topright:3px; + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; +} + +#userListicon { + overflow: auto; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:48px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + z-index:1; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + color: #666; + text-transform:none; + +} +#avatar +{ + right:1px; + float:right; + text-align:left; + width:auto; + +} + +#chatrap{ + top: 105px; + left:0px; + position:absolute; + width: 100%; + margin: 0; + padding-bottom:105px; +} + +#log +{ + border: 2px #F1F1F1; + margin-right:15%; + margin-left:15%; + background-color:#FFF; + padding-left: 40px; + padding-bottom: 80px; + padding-top: 15px; + min-height: 800px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +} +#posts { + + + +} +.logged-dump img{ + max-width:650px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ + + + + + padding: 15px; + font-family: Arial, Helvetica, sans-serif; + margin-left:15%; + width:60%; + + font-size: 12px; + text-transform: uppercase; + border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; + border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px; + min-width:72px; + line-height:15px; + background-color:#F2F2F2; + background-image:/static/footer.png; + background-position:bottom; + border:solid 1px #0f1e31; + z-index:4; + text-align: left; + margin:15px; + line-height:5px; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + } + + img#avatarPic { + max-height:250px; + } + + #logged-dump { + border: 1px solid dotted; + padding: 5px; + } + #loghead { + border-bottom:0px; + padding-left: -50px; + margin-right:60%; + width:auto; + letter-spacing:-3px; + color:#087cff; + height:28px; + font-size:33px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + text-shadow: -6px 4px 4px #ccc; + padding-bottom:12px; + left: -40px; + } + #logo7{ + font-size:30; + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; +color:#fff; +font-weight:bold; +} + +p { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 7px; +} +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} diff --git a/static/css/directory.css b/static/css/directory.css new file mode 100644 index 0000000..0ca097d --- /dev/null +++ b/static/css/directory.css @@ -0,0 +1,379 @@ + #profile { + float: right; + padding: 20px; +width:180; + position:absolute; + top:29px; +left:545; + margin-top:34px; +background-color:#fff; + + + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; + + + line-height:1.5; + } +#profile h3{ +margin-top:12; +line-height:2; +color:#fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +#profile h2{ +text-indent:-10; +margin-top:-7; +margin-bottom:15; +} +#logavatar{ +margin-left:-85; +height:25; +background-image:url(/static/leftarrow.png); +width:70; + background-repeat:no-repeat; + background-position:59 4; +margin-top:-20; +z-index:5555; + + +} +#logavatar img{ + max-width:50px; + width: expression(this.width > 50 ? 50: true); + max-height:50px; + height: expression(this.width > 50 ? 50: true); + max-width:50px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +margin-top:0; +border:1px solid #f0e0d6; + box-shadow:2px 2px 5px #d8dbde; + -webkit-box-shadow:2px 2px 5px #d8dbde; + -moz-box-shadow:2px 2px 5px #d8dbde; + +} +#lolbanner{ + +margin-top:-22; +margin-bottom:45; +} +#chatrap{ + width:540; + + margin-left:auto; + margin-right: auto ; + + +} +#pnav{position:absolute; +padding-left:425; +margin-top:35; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} + +#infotxt{ +position:absolute; +top:; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +border:1px solid #ccc; +height:22; +margin-left:-30; +color:fff; +text-shadow: 1px 1px 1px #000; +padding-right:8; +text-transform:uppercase; + background-image:url(/static/img/upload.png); +margin-top:-54; +text-indent:5; +} +#pnavo{ +margin-top:-17; +padding:2; +width:85; +letter-spacing:-2; +text-indent:6; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +height:32; +text-transform:capitalize; + background-image:url(/static/img/upload.png); + + +} + +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +.logged-dump a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +#pnavn{ +position:absolute; +top:-17; +left:330; +letter-spacing:-2; +text-indent:5; +width:73; +height:32; +padding:2; +border:1px; + background-image:url(/static/img/upload.png); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} + +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:-55px; +line-height:1; + font-size:11px; +word-spacing:6px; +padding-bottom:4; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; +} +#footer a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + +#log +{ + position:absolute; + + top:20px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ + + max-width:500; + width:auto; +text-overflow: ellipsis-word; + padding: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #f0e0d6; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/img/welcomebar.gif); +} +.invisible { display: none !important; } +body,td,th { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + + +}@charset "UTF-8"; diff --git a/static/css/dump.css b/static/css/dump.css new file mode 100755 index 0000000..e09c539 --- /dev/null +++ b/static/css/dump.css @@ -0,0 +1,458 @@ +/* pichat.css */ + +body { + +background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; + margin:0; + + background-repeat:repeat-x; + background-position:top; +overflow:hidden; + +} + +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +.white a:link { + text-decoration: none; + font-size:14px; + + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#content{ + z-index: 3; + overflow: auto; + min-width:600px; +} + +#chatboxx { + position: fixed; + top:80px; +} + +#rapper { + top: 0px; +} +#trophy{ +position:fixed; +right:2; +bottom:30; + +} +#effects-msg{ +position:fixed; +bottom:68; +z-index:1111; +right:38; +font-size:15; +color:#000; +text-shadow: #000 1px 1px 1px; + +} +#footerc +{ + text-align:center; + position:fixed; + width:100%; + bottom:0px; +line-height:3.1; + font-size:11px; +word-spacing:6px; +height:28px; + color: #000; + +} +#footerc a { + font-size: 11px; + color: #000; +} +#footerc a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footerc a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#messagePane { + border: 2px solid #c8cbce; +top:40px; +bottom:65px; + position:fixed; + width: 99.3%; + background-color:#FFF; +left:0.2%; + z-index:5; +} + +#messageList { + height: 100%; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} +#messagetabs { + height: 40px; + padding: 5px; + position: fixed; + width: 80%; + max-width:1500px; + overflow-y: hidden; + overflow-x: hidden; + top:48px; + left:0px; + z-index:1; +} + +#msgInputDiv { + position:relative; + min-width:500px; + z-index:100; +left:1px; +bottom:10px; + width: 100%; +} + +#msgInput { + width: 99.7%; + z-index:100; + background-color:#FFF; + margin-top: 16px; + left:-3px; + position:relative; + border:2px solid #c8cbce; +height:35px; +font-size:20px; + min-width:500px; + box-shadow: 2px 3px 4px #eee; +} +.msgInput { + min-width:500px; + z-index:100; +} +#msginputrapper{ +margin-right:374; + +} +#msgSubmit { + + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:260px; +font-size:20px; +background-image:url(/static/img/urlbutton.png); +text-indent:27; + +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:#0c8fff; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-upload{ + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:20; +top:15px; +padding-bottom:1; +text-indent:28; + text-align:center; + z-index:100; + cursor:pointer; +background-color:#0c8fff; + font-size:12px; + color:#fff; +background-image:url(/static/img/cambutton.png); + + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-snap{ + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:20; +top:15px; +padding-bottom:4; + text-align:center; + z-index:100; + cursor:pointer; +background-color:yellow; + font-size:17px; + color:#fff; +background-image:url(/static/img/bg-btn-red.png); + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-snap.blink{ + color:#4f4; +} + + +#webcam-button-close { /* 16 x 14 */ + position: fixed; + bottom: 330px; /* 240 + 68 - (16 / 2) */ + right: 335px; /* 320 - (14 / 2) */ + z-index: 5001; +border:1px solid #000; + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 4px 4px #c8cbce; + cursor: pointer; +} + +#webcam-preview { + position:fixed; + bottom: 82; +opacity:0.9; + right:30; + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 3px 4px #c8cbce; + border-top-right-radius:5px; + background-color:#FFF; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +border:1px solid #999; + z-index:5000; +} +#upload { + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:140; +top:15px; +padding-bottom:1; +text-indent:24; + text-align:center; + z-index:100; + cursor:pointer; +background-color:#0c8fff; + font-size:12px; + color:#fff; +background-image:url(/static/img/upbutton.png); + + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +.msgDiv img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; +margin:-2; + z-index: 1; +} +.msgDiv {padding:2px; +} +.oldmsg { + color: #666; +} + +#userList { + overflow-x: hidden; + overflow-y:auto; + max-height: 55%; + margin: 0px; + position: absolute; + padding: 5px; + top:85px; + min-width: 200px; + width:11%; + float:right; + right: 6.2%; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight:420; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + background-color:#FFF; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +border-right:2px solid #c8cbce; +border-bottom:2px solid #c8cbce; + + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 3px 4px #c8cbce; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); + text-overflow:ellipsis; +opacity:0.87; + z-index:18; + text-align: left; +} +.username{height:30px; +margin-top:6px; +line-height:20px; +text-indent:6px; +z-index:18; +min-width:90px; +overflow:hidden; + +} +.username a { +display:block; +width:100%; +height:100%; +text-decoration:none; +} +.username a:hover { +display:block; +width:100%; +height:100%; +background-image:url(/static/img/moverc.png); +background-repeat:repeat-x; +color:#fff; +text-decoration:none; +background-color:#f3f3f3; + border-top-right-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; +} +#userList img{ + max-width:30px; + width: expression(this.width > 30 ? 30: true); + max-height:30px; + height: expression(this.width > 30 ? 30: true); + max-width:30px; + + float:right; + right:1px; + z-index:77; + height:30px; + border-top-left-radius:3px; + border-top-right-radius:3px; + -webkit-border-top-left-radius:3px; + -webkit-border-top-right-radius:3px; + -moz-border-radius-topleft:3px; + -moz-border-radius-topright:3px; + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; +} + +#userListicon { + overflow: auto; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:48px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + z-index:1; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + color: #666; + text-transform:none; + +} +#avatar +{ + right:1px; + float:right; + text-align:left; + width:auto; + +} +#mgsavatar{ +left:0; +} +#binfo { + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + bottom +} + +#preload { + position: absolute; + left: 0px; + top: 0px; +} + +.invisible { display: none !important; } \ No newline at end of file diff --git a/static/css/dumpnewuser.css b/static/css/dumpnewuser.css new file mode 100644 index 0000000..492b4ac --- /dev/null +++ b/static/css/dumpnewuser.css @@ -0,0 +1,511 @@ +/* pichat.css */ + +body { + +background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; + margin:0; + + background-repeat:repeat-x; + background-position:top; +overflow:hidden; + +} +#posthelp{ +position:fixed; +z-index:2000; +bottom:50px; +left:20px; +} +#webcamhelp{ +position:fixed; +z-index:2000; +right:20px; +bottom:39px; +} +#registerlink{ +top:7; +padding:5; +position:fixed; +} +#registerlink img{ +margin-right:5; +} +#userlisthelp{ +position:fixed; +top:100px; +right:300px; +z-index:2000; +} +#imageboard{ +position:fixed; +top:27px; +left:-10px; +z-index:3455; +} +#uploadstuff{ +position:fixed; + +bottom:50px; +right:180px; +z-index:444; +} +#signinblurb{ +position:absolute; +top:-20px; +display:none; +z-index:2000; +right:10px; +} +#readyjoin{ +position:fixed; +top:23px; +left:180px; +z-index:2000; +} +#dumppreview{ +position:fixed; +top:30%; +left:15%; +z-index:100; +} +#beingpostednow{ +position:fixed; +bottom:127px; +left:180px; +z-index:2000; +} +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +.white a:link { + text-decoration: none; + font-size:14px; + + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#content{ + z-index: 3; + overflow: auto; + min-width:600px; +} + +#chatboxx { + position: fixed; + top:80px; +} + +#rapper { + top: 0px; +} +#trophy{ +position:fixed; +right:2; +bottom:30; + +} +#footerc +{ + text-align:center; + position:fixed; + width:100%; + bottom:0px; +line-height:3.1; + font-size:11px; +word-spacing:6px; +height:28px; + color: #000; + +} +#footerc a { + font-size: 11px; + color: #000; +} +#footerc a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footerc a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#messagePane { + border: 2px solid #c8cbce; +top:40px; +bottom:30px; + position:fixed; + width: 99.3%; + background-color:#FFF; +left:0.2%; + z-index:5; +} + +#messageList { + height: 100%; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} +#messagetabs { + height: 40px; + padding: 5px; + position: fixed; + width: 80%; + max-width:1500px; + overflow-y: hidden; + overflow-x: hidden; + top:48px; + left:0px; + z-index:1; +} + +#msgInputDiv { + position:relative; + min-width:500px; + z-index:100; +left:1px; +bottom:10px; + width: 100%; +} + +#msgInput { + width: 99.7%; + z-index:100; + background-color:#FFF; + margin-top: 16px; + left:-3px; + position:relative; + border:2px solid #c8cbce; +height:35px; +font-size:20px; + min-width:500px; + box-shadow: 2px 3px 4px #eee; +} +.msgInput { + min-width:500px; + z-index:100; +} +#msginputrapper{ +margin-right:374; + +} +#msgSubmit { + + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:260px; +font-size:20px; +background-image:url(/static/urlbutton.png); +text-indent:27; + +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:#0c8fff; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-upload{ + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:20; +top:15px; +padding-bottom:1; +text-indent:28; + text-align:center; + z-index:100; + cursor:pointer; +background-color:#0c8fff; + font-size:12px; + color:#fff; +background-image:url(/static/cambutton.png); + + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-snap{ + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:20; +top:15px; +padding-bottom:4; + text-align:center; + z-index:100; + cursor:pointer; +background-color:yellow; + font-size:17px; + color:#fff; +background-image:url(/static/bg-btn-red.png); + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +#webcam-button-snap.blink{ + color:#4f4; +} + + +#webcam-button-close { /* 16 x 14 */ + position: fixed; + bottom: 330px; /* 240 + 68 - (16 / 2) */ + right: 335px; /* 320 - (14 / 2) */ + z-index: 5001; +border:1px solid #000; + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 4px 4px #c8cbce; + cursor: pointer; +} + +#webcam-preview { + position:fixed; + bottom: 82; +opacity:0.9; + right:30; + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 3px 4px #c8cbce; + border-top-right-radius:5px; + background-color:#FFF; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +border:1px solid #999; + z-index:5000; +} +#upload { + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:5px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +background-position:center; +right:140; +top:15px; +padding-bottom:1; +text-indent:24; + text-align:center; + z-index:100; + cursor:pointer; +background-color:#0c8fff; + font-size:12px; + color:#fff; +background-image:url(/static/upbutton.png); + + text-shadow:1px 1px 3px rgba(0,0,0,1); +} +.msgDiv img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; +margin:-2; + z-index: 1; +} +.msgDiv {padding:2px; +} +.oldmsg { + color: #666; +} + +#userList { + overflow-x: hidden; + overflow-y:auto; + max-height: 55%; + margin: 0px; + position: absolute; + padding: 5px; + top:85px; + min-width: 200px; + width:11%; + float:right; + right: 6.2%; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight:420; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + background-color:#FFF; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +border-right:2px solid #c8cbce; +border-bottom:2px solid #c8cbce; + + box-shadow: 3px 4px 4px #c8cbce; +-webkit-box-shadow: 3px 4px 4px #c8cbce; +-moz-box-shadow: 3px 3px 4px #c8cbce; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); + text-overflow:ellipsis; +opacity:0.87; + z-index:18; + text-align: left; +} +.username{height:30px; +margin-top:6px; +line-height:20px; +text-indent:6px; +z-index:18; +min-width:90px; +overflow:hidden; + +} +.username a { +display:block; +width:100%; +height:100%; +text-decoration:none; +} +.username a:hover { +display:block; +width:100%; +height:100%; +background-image:url(/static/moverc.png); +background-repeat:repeat-x; +color:#fff; +text-decoration:none; +background-color:#f3f3f3; + border-top-right-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; +} +#userList img{ + max-width:30px; + width: expression(this.width > 30 ? 30: true); + max-height:30px; + height: expression(this.width > 30 ? 30: true); + max-width:30px; + + float:right; + right:1px; + z-index:77; + height:30px; + border-top-left-radius:3px; + border-top-right-radius:3px; + -webkit-border-top-left-radius:3px; + -webkit-border-top-right-radius:3px; + -moz-border-radius-topleft:3px; + -moz-border-radius-topright:3px; + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; +} + +#userListicon { + overflow: auto; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:48px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + z-index:1; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + color: #666; + text-transform:none; + +} +#avatar +{ + right:1px; + float:right; + text-align:left; + width:auto; + +} +#mgsavatar{ +left:0; +} +#binfo { + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + bottom +} + +#preload { + position: absolute; + left: 0px; + top: 0px; +} + +.invisible { display: none !important; } \ No newline at end of file diff --git a/static/css/header.css b/static/css/header.css new file mode 100755 index 0000000..e3a3653 --- /dev/null +++ b/static/css/header.css @@ -0,0 +1,264 @@ +.share-buttons{ +cursor:pointer; +width:100; +} + +.white a:link { + text-decoration: none; + font-size:14px; + + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#strapline{position:absolute; +top:-775; +right:0; +opacity:0.0; +margin-right:80%; + +} +.white a:hover { + text-decoration: none; + text-shadow: 1px 1px 1px #000; + + color: #fff; +} +.white a:active { + text-decoration: none; + + + color: #fff; +} + +#header7{ + background-image:url(/static/dblue2.png); + background-attachment:inherit; + margin: 0px auto -1px auto; + top: 0px; +height:49; + position:fixed; +background-position:7 -14; +background-repeat:repeat-x; + width:100%; + left: 0px; + +} +#bar7{ + top:8px; + position:absolute; + word-spacing:-1; + font-size: 16px; +height:22; +width:455; +color:#fff; +text-indent:14; +line-height:1.9; +font-weight:bold; + left: 140px; + margin-left: 1.1%; + margin-right: 8%; + letter-spacing:.2px; + z-index: 999; +} +#bar7 img{ +margin-top:4; + vertical-align: top; +} +#bar7 a{ + text-decoration: none; + text-shadow: 1px 1px 1px #000; + font-size:13; +padding:6; + color: #fff; +} +#bar7 a:hover{ + text-decoration: none; + text-shadow: 1px 1px 1px #000,2px 2px 1px #f0e; +padding:6; +background-image:url(/static/img/upload.png); + color: #fff; + +} +#logout7{ + top:-1px; + position:relative; + font-size:12px; + margin-right: 5px; + float:right; + z-index: 9999999999999999; + + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} +#logout7 a{font-size:11px; +} +#logout7 a:hover{font-size:11px; +color:#fff; +text-shadow: 0px 0px 0.3px #fff; +} +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +.white a:link { + text-decoration: none; + font-size:14px; + + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#logo7{ + margin-left: 3px; + margin-right: 10%; + z-index:1050; + float:left; + margin-top: -4px; +} +#logo7 a{font-size:42; +font-weight:bold; + + + + text-shadow: 2px 3px 1px #f0e, 3px 3px 1px #fff; +letter-spacing:-4; +color:#fff; + +} +#logo7 a:hover{ + + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; +color:#fff; +} + +#vippp{ + top:0px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + background-image:url(/static/20bar7.ng); + font-size: 12px; +height:30; +word-spacing:2; +color:#fff; +text-indent:14; +line-height:1.8; + text-shadow: -1px 1px 0px #; + right:65px; +text-transform:capatalize; + margin-right:0; + letter-spacing:.2px; + z-index: 999; +} +#vippp a{color:fff;font-size:11; +} +#vippp a:hover{color:fff; +text-shadow: 0px 0px 0.3px #fff; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 62px; + z-index: 1000; +} +#logoicons{ +width:auto; + +} +#landscape{ +position:absolute; +width:auto; +display:none; +margin-left:55%; +top:-38; +opacity:0.8; +z-index:2; +} +#welcomeinternet{ +position:absolute; +width:auto; +left:190; +margin-left:29%; +top:-19; +display:none; +z-index:3; +} + +#topnav { + padding:10px 0px 12px; + font-size:11px; + line-height:23px; + text-align:right; +} +#topnav a.signin { + background:#88bbd4; + padding:4px 6px 6px; + text-decoration:none; + font-weight:bold; + color:#fff; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; + *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0; + *padding:4px 12px 6px; +} +#topnav a.signin:hover { + background:#59B; + *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0; + *padding:4px 12px 6px; +} +#topnav a.signin, #topnav a.signin:hover { + *background-position:0 3px!important; +} +#register{ + top:-5px; + position:absolute; + font-size: 16px; +height:22; + +word-spacing:2; +width:365; +color:#fff; +text-indent:14; +line-height:1.9; +font-weight:bold; + left: -140; + margin-left: 1.2%; + margin-right: 8%; + letter-spacing:.2px; + z-index: 999; +} + +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +#iesucks{ +background-image:url(/static/ieburnbtn.gif); font-size:40;color:white;height:100%;width:100%;z-index:1000000000000000000000000000000;padding-top:100; +padding-right:400;padding-left:50; +font-weight:bold; + +} \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..680fe8a --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,231 @@ + + + +body { + background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + margin:6%; +} +#preload { + position: absolute; + left: 0px; + top: 0px; +} +#main { + width:460px; + margin: 0 auto 0 auto; + padding: 19px 0; + border-radius: 15px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border:solid 2px #000; + position: relative; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +} +#logo-and-text { + position: relative; + z-index: 20; + padding-bottom: 20px; +} + +#horse { + position: absolute; + z-index: 10; + top: 12px; + left: 140px; +} +#remember{ + +} +#customer { + position: absolute; + left: -90px; + top: -75px; + z-index: 10; + +} +#info { + width:420px; + margin: 11px auto -1px auto; +opacity:0.9; +height:30; + vertical-align: bottom; +} +#dumpednow{ +position:absolute; +height:50px; +width:420px; +top:0px; +} + +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} + +.btnav { border: 0px #000 solid;} + +.submit { + + text-shadow: -1px 1px 1px #ccc; + font-size:15px; +} + +input { + height:40px; + width:300px; + border:3px #000; + background:#e3e3e3; + margin:10px; + color:#000; + font-size:30px; + +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; +line-height:1.2; + text-shadow:1px 1px 0.5px #ccc; + word-spacing: 3px; +} + .line { + font-family:Arial, Helvetica, sans-serif; + letter-spacing:0px; +line-height:-1; + color:#000; + font-size:17px; +} + +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +#signin-submit { + display:inline-block; + width:300px; + height:33px; + font-size:20px; + background-image:url(/static/img/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:12px; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; +} + +#remembermeInput { + width: 15px; + height: 15px; + margin: 1px; +} + +label { + display: block; + width: 300px; + text-align: right; + font-size: 16px; + color: #222; +} + +/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/ + +#jCarouselLite .carousel { + padding: 10px 0 0 0; + margin: 0 0 20px 10px; + position: relative; +} + #jCarouselLite .digg { + position: absolute; + left: 610px; + top: 110px; + } + #jCarouselLite .main { + margin-left: 40px; + } + + #jCarouselLite .demo em { + color: #FF3300; + font-weight: bold; + font-size: 60%; + font-style: normal; + } + #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ + float: left; + } + #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next { + display: block; + float: left; + width: 30px; + height: 143px; + text-decoration: none; + background: url("/image/imageNavLeft.gif") left 60px no-repeat; + } + #jCarouselLite .carousel a.next { + background: url("/image/imageNavRight.gif") right 60px no-repeat; + } + #jCarouselLite .carousel a.next:hover { + background-image: url("/image/imageNavRightHover.gif"); + } + #jCarouselLite .carousel a.prev:hover { + background-image: url("/image/imageNavLeftHover.gif"); + } + #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active { + border: none; + outline: none; + } + #jCarouselLite .carousel .jCarouselLite { + border: 1px solid black; + float: left; + background-color: #dfdfdf; + + /* Needed for rendering without flicker */ + position: relative; + visibility: hidden; + left: -5000px; + } + #jCarouselLite .carousel ul { + margin: 0; + } + #jCarouselLite .carousel li img, + #jCarouselLite .carousel li p { + background-color: #fff; + width: 150px; + height: 118px; + margin: 10px; + } + + #jCarouselLite .widget img { + cursor: pointer; + } + #jCarouselLite .mid { + margin-left: 80px; + width: 400px; + height: 300px; + } + #jCarouselLite .vertical { + margin-left: 170px; + } + #jCarouselLite .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ + width: 170px; + } + #jCarouselLite .imageSlider li img, + #jCarouselLite .imageSlider li p, + #jCarouselLite .imageSliderExt li img , + #jCarouselLite .imageSliderExt li p { + width: 400px; + height: 300px; + } + +/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/ + + diff --git a/static/css/log.css b/static/css/log.css new file mode 100644 index 0000000..8d3f5d5 --- /dev/null +++ b/static/css/log.css @@ -0,0 +1,418 @@ + #profile { + float: right; + padding: 20px; +width:180; + position:absolute; + top:29px; +left:545; + margin-top:34px; +background-color:#fff; + + + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; + + + line-height:1.5; + } +#profile h3{ +margin-top:12; +line-height:2; +color:#fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +#profile h2{ +text-indent:-10; +margin-top:-7; +margin-bottom:15; +} +#logavatar{ +margin-left:-85; +height:25; +background-image:url(/static/leftarrow.png); +width:70; + background-repeat:no-repeat; + background-position:59 4; +margin-top:-20; +z-index:5555; + +} +#logavatar img{ + max-width:50px; + width: expression(this.width > 50 ? 50: true); + max-height:50px; + height: expression(this.width > 50 ? 50: true); + max-width:50px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +margin-top:0; +border:1px solid #f0e0d6; + box-shadow:2px 2px 5px #d8dbde; + -webkit-box-shadow:2px 2px 5px #d8dbde; + -moz-box-shadow:2px 2px 5px #d8dbde; + +} +#lolbanner{ +position:absolute; +top:5; +margin-left:22; +} +#chatrap{ + width:580; + + margin-left:auto; + margin-right: auto ; + +#cats{ +background-image:url(/static/img/dumpcats2.png); +} + + +} +#pnav{position:absolute; +padding-left:270; +margin-top:15; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} +#pnavo{ +margin-top:-18; +padding:2; +width:105; +letter-spacing:-2; +text-indent:6; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +height:32; +text-transform:capitalize; + background-image:url(/static/img/upload.png); + + +} +#pnavn{ +position:absolute; +top:-1; +left:395; +letter-spacing:-2; +text-indent:5; +width:96; +height:32; +padding:2; +border:1px; + background-image:url(/static/img/upload.png); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} +a:active { + text-decoration: none; + color: #000; +} +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:-55px; +line-height:1; + font-size:11px; +word-spacing:6px; +padding-bottom:4; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; +} +#footer a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + +#log +{ + position:absolute; + + top:57px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ + box-shadow:1px 1px 1px #d8dbde; + -webkit-box-shadow:1px 1px 1px #d8dbde; + -moz-box-shadow:1px 1px 1px #d8dbde; + max-width:500px; + width:500px; +text-overflow: ellipsis-word; + padding: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #f0e0d6; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + + + #newuser + { + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +padding:20; +line-height:1.5; +height:auto; +margin-top:-100px; + width:600; + + background-image:url(/static/img/dumpcats2.png); +margin-left:40} + + #newuser a{font-size:28; +line-height:3; + text-shadow: 1px 1px 1px #000; +letter-spacing:-1; +color:#f0e; + + +} +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +.logged-dump a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +#newuser h1{font-size:20; +letter-spacing:-2; +color:#fff; +text-indent:250; text-shadow: 1px 1px 1px #000; +display:none; +text-transform:uppercase; + +} +#newuser h3{font-size:18; +letter-spacing:-1; +color:#000; + text-shadow: 1px 1px 1px #ccc; +text-transform:uppercase; + +} +#newuser h2{font-size:35; +margin-top:-10; +color:#000; + text-shadow: 0px 2px px #f0e; +text-transform:lowercase; +letter-spacing:5; +text-align:center; + +} +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/img/welcomebar.gif); +} +.invisible { display: none !important; } +body,td,th { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + + +}@charset "UTF-8"; diff --git a/static/css/pages.css b/static/css/pages.css new file mode 100644 index 0000000..a24e102 --- /dev/null +++ b/static/css/pages.css @@ -0,0 +1,353 @@ + #hugescreen{ +position:fixed; +left:1700; +top:150; +} +#chatrap{ + width:610; + + margin-left:auto; + margin-right: auto ; + +#cats{ +background-image:url(/static/img/dumpcats2.png); +} + + +} + +#upload{ +display:inline-block; + width:181px; + height:33px; + font-size:20px; + background-image:url(/static/img/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:0; +margin-bottom:0; +margin-left:-2; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; + +} +#pnav{position:absolute; +padding-left:270; +margin-top:15; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} +#pnavo{ +margin-top:-18; +padding:2; +width:105; +letter-spacing:-2; +text-indent:6; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +height:32; +text-transform:capitalize; + background-image:url(/static/img/upload.png); + + +} +#pnavn{ +position:absolute; +top:-1; +left:395; +letter-spacing:-2; +text-indent:5; +width:96; +height:32; +padding:2; +border:1px; + background-image:url(/static/img/upload.png); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} +a:active { + text-decoration: none; + color: #000; +} +#footer +{ + text-align:center; + position:fixed; + width:100%; + bottom:0px; +line-height:3.1; + font-size:11px; +word-spacing:6px; +height:28px; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; +} +#footer a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#log +{ + position:absolute; + + top:57px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ +width:500; + max-width:500px; +text-overflow: ellipsis-word; + padding: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #f0e0d6; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + + + #newuser + { + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +padding:20; +line-height:1.5; +height:auto; +margin-top:-100px; + width:600; + + background-image:url(/static/img/dumpcats2.png); +margin-left:40} + + #newuser a{font-size:28; +line-height:3; + text-shadow: 1px 1px 1px #000; +letter-spacing:-1; +color:#f0e; + + +} + +#newuser h1{font-size:20; +letter-spacing:-2; +color:#fff; +text-indent:250; text-shadow: 1px 1px 1px #000; +display:none; +text-transform:uppercase; + +} +#newuser h3{font-size:18; +letter-spacing:-1; +color:#000; + text-shadow: 1px 1px 1px #ccc; +text-transform:uppercase; + +} +#newuser h2{font-size:35; +margin-top:-10; +color:#000; + text-shadow: 0px 2px px #f0e; +text-transform:lowercase; +letter-spacing:5; +text-align:center; + +} +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/img/welcomebar.gif); +} +.invisible { display: none !important; } +body{ + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + + +} diff --git a/static/css/profile.css b/static/css/profile.css new file mode 100755 index 0000000..a4d75f9 --- /dev/null +++ b/static/css/profile.css @@ -0,0 +1,437 @@ + #edit-toggle{ +position:absolute; +top:0; +right:0; +height:auto; +background-image:url(/static/img/upload.png); +width:auto; +padding:2; +text-align:center; +background-color:#0c8fff; +border-bottom:1px solid #f0e0d6; +border-left:1px solid #f0e0d6; + box-shadow:5px 5px 5px #d8dbde; + -webkit-box-shadow:5px 5px 5px #d8dbde; + -moz-box-shadow:5px 5px 5px #d8dbde; + +} +#edit-toggle a{font-size:12; +letter-spacing:; + text-shadow: 1px 1px 1px #ccc; +color:#fff; +} +#edit-toggle a:hover{font-size:12; +letter-spacing:; +color:#fff; text-shadow: 1px 1px 1px #ccc; +} + + #profile { + float: right; + padding: 20px; +width:auto; + position:absolute; + top:29px; +left:545; +max-width:180; + margin-top:34px; +background-color:#fff; + overflow: hidden; + text-overflow: ellipsis; + height:auto; + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; +border:1px solid #f0e0d6; + line-height:1.5; + } +#lolbanner{ +position:absolute; +top:5; +margin-left:22; +} +#profile h3{ +margin-top:12; +line-height:2; +color:#fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +#profile h2{ +text-indent:-10; +margin-top:-5; +margin-bottom:15; +} +#logavatar{ +margin-left:-49; +height:22; +background-image:url(/static/leftarrow.png); + background-repeat:no-repeat; + background-position:22 1; +margin-top:-22; + +} + +#logavatar img{ + max-width:20px; + width: expression(this.width > 20 ? 20: true); + max-height:20px; + height: expression(this.width > 20 ? 20: true); + max-width:20px; +margin-top:0; + box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde; +} +#chatrap{ + width:650; + + margin-left:auto; + margin-right: auto ; + +#cats{ +background-image:url(/static/img/dumpcats2.png); +} + + +} + +#upload{ +display:inline-block; + width:181px; + height:33px; + font-size:20px; + background-image:url(/static/img/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:0; +margin-bottom:0; +margin-left:-2; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; + +} +#pnav{position:absolute; +padding-left:270; +margin-top:15; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} +#pnavo{ +margin-top:-18; +padding:2; +width:105; +letter-spacing:-2; +text-indent:6; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +height:32; +text-transform:capitalize; + background-image:url(/static/img/upload.png); + + +} +#pnavn{ +position:absolute; +top:-1; +left:395; +letter-spacing:-2; +text-indent:5; +width:96; +height:32; +padding:2; +border:1px; + background-image:url(/static/img/upload.png); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} +a:active { + text-decoration: none; + color: #000; +} +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:-50px; +padding-bottom:4; +line-height:1; + font-size:11px; +word-spacing:6px; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; +} +#footer a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#log +{ + position:absolute; + + top:57px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ +width:500; + max-width:500px; +text-overflow: ellipsis-word; + padding: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #f0e0d6; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + + + #newuser + { + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +padding:20; +line-height:1.5; +height:auto; +margin-top:-100px; + width:600; + + background-image:url(/static/img/dumpcats2.png); +margin-left:40} + + #newuser a{font-size:28; +line-height:3; + text-shadow: 1px 1px 1px #000; +letter-spacing:-1; +color:#f0e; + + +} +.logged-dump a:hover { + text-decoration: none; + color: #00F; +} +#newuser h1{font-size:20; +letter-spacing:-2; +color:#fff; +text-indent:250; text-shadow: 1px 1px 1px #000; +display:none; +text-transform:uppercase; + +} +#newuser h3{font-size:18; +letter-spacing:-1; +color:#000; + text-shadow: 1px 1px 1px #ccc; +text-transform:uppercase; + +} +#newuser h2{font-size:35; +margin-top:-10; +color:#000; + text-shadow: 0px 2px px #f0e; +text-transform:lowercase; +letter-spacing:5; +text-align:center; + +} +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/img/welcomebar.gif); +} +.invisible { display: none !important; } +body,td,th { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + + +}@charset "UTF-8"; diff --git a/static/css/reset.css b/static/css/reset.css new file mode 100755 index 0000000..37522ab --- /dev/null +++ b/static/css/reset.css @@ -0,0 +1,55 @@ +/* reset.css + From http://meyerweb.com/eric/tools/css/reset/ + v1.0 | 20080212 */ + +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; +} + +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/static/css/win.css b/static/css/win.css new file mode 100644 index 0000000..6b59e51 --- /dev/null +++ b/static/css/win.css @@ -0,0 +1,151 @@ + +/* CSS Document */ + +body { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:1 10; +background-attachment:fixed; + margin: 0; +} + +#content { + font-family: Arial, Helvetica, sans-serif; + background-color:#fff; + background-repeat:repeat-x; + background-position:1 10; +background-attachment:fixed; + margin: 0; + + +} + +f1 { background-color:#000000; + font: 12px "Microsoft Sans Serif"; + color:#FFFFFF; + +} + +ul { + + margin: 4px; + padding: 15px; + +} + +#boxshadow { + box-shadow:-10px 5px #000; + -webkit-box-shadow:-10px 5px #000; + -moz-box-shadow: -10px 5px #000; + +} + +.divDragTitle { + position: absolute; + height: 24px; +padding:0; + background-color:#fff; +background-image:url(/static/img/upload.png); + border:1px solid #999; + cursor:move; + box-shadow:0px 0px 10px #100; + -webkit-box-shadow:0px 0px 10px #100; + -moz-box-shadow: 0px 3px 10px #100; + +} + +.divDragTitle table { + border-spacing:0px; width:100%; + +} + +.divDragTitle table tr td { + font-family:Arial,Helvetica,sans-serif; + padding-left:5px; + text-shadow: 1px 1px 1px #333; + font-size:13; + + color: #fff; +font-weight:bold; + color:#FFFFFF; + +} + +.divDragContent { + position: absolute; + background-color:#FFFFFF; + padding:0px; margin:0px; + border:1px solid #999; + display:block; +margin-top:6; + cursor:default; + box-shadow:0px 0px 10px #100; + -webkit-box-shadow:0px 0px 10px #100; + -moz-box-shadow: 0px 0px 10px #100; + opacity: 0.923; + + + +} + +.divTitleButton { + border:0px; + padding: 1px; + cursor:default; +} + +/* gallery styling */ + +#jgal { + list-style:none; + width: 100px; +} + +#jgal li { + opacity: .5; + display: block; + position:relative; + width: 40px; + height: 40px; + background-position: 50% 45%; + cursor: pointer; + border: 1px solid #fff; + outline: 1px solid #ddd; + margin-right: 20px; + margin-bottom: 14px; + +} + +#content h1{ +font-size:14; +text-align:left; +margin-left:10; +letter-spacing:-0.5; +color:#000;line-height:0.5; + text-shadow: 1px 1px 1px #fff; +font-weight:bold; +} +#content h2{ +font-size:12; +text-align:left; +margin-left:22; +margin-top:6; + +letter-spacing:-0.5; +color:#000; +font-weight:normal; + text-shadow: 1px 1px 1px #fff; + +} +#content a { +color:#333; +font-size:14; +font-weight:bold; +} +#content a:hover { +color:#f0e; +font-weight:bold; + text-shadow: 1px 1px 0.5px #fff; +} \ No newline at end of file diff --git a/static/img/ako.gif b/static/img/ako.gif new file mode 100644 index 0000000..3f94cfa Binary files /dev/null and b/static/img/ako.gif differ diff --git a/static/img/aol_suck.gif b/static/img/aol_suck.gif new file mode 100644 index 0000000..c21eecf Binary files /dev/null and b/static/img/aol_suck.gif differ diff --git a/static/img/bg-btn-blue.png b/static/img/bg-btn-blue.png new file mode 100755 index 0000000..2f5da4c Binary files /dev/null and b/static/img/bg-btn-blue.png differ diff --git a/static/img/bg-btn-red.png b/static/img/bg-btn-red.png new file mode 100644 index 0000000..f931fad Binary files /dev/null and b/static/img/bg-btn-red.png differ diff --git a/static/img/blurbs/beingpostednow.png b/static/img/blurbs/beingpostednow.png new file mode 100644 index 0000000..5087009 Binary files /dev/null and b/static/img/blurbs/beingpostednow.png differ diff --git a/static/img/blurbs/imageboard.png b/static/img/blurbs/imageboard.png new file mode 100644 index 0000000..7e917f2 Binary files /dev/null and b/static/img/blurbs/imageboard.png differ diff --git a/static/img/blurbs/posthere.png b/static/img/blurbs/posthere.png new file mode 100644 index 0000000..0e3b8f1 Binary files /dev/null and b/static/img/blurbs/posthere.png differ diff --git a/static/img/blurbs/signinblurb.png b/static/img/blurbs/signinblurb.png new file mode 100644 index 0000000..1ea58dd Binary files /dev/null and b/static/img/blurbs/signinblurb.png differ diff --git a/static/img/blurbs/uploadstuff.png b/static/img/blurbs/uploadstuff.png new file mode 100644 index 0000000..8a4c30c Binary files /dev/null and b/static/img/blurbs/uploadstuff.png differ diff --git a/static/img/blurbs/userlisthelp.png b/static/img/blurbs/userlisthelp.png new file mode 100644 index 0000000..db0fc24 Binary files /dev/null and b/static/img/blurbs/userlisthelp.png differ diff --git a/static/img/blurbs/webcamhelp.png b/static/img/blurbs/webcamhelp.png new file mode 100644 index 0000000..4c7daf2 Binary files /dev/null and b/static/img/blurbs/webcamhelp.png differ diff --git a/static/img/btngrad1.png b/static/img/btngrad1.png new file mode 100644 index 0000000..2519e34 Binary files /dev/null and b/static/img/btngrad1.png differ diff --git a/static/img/cambutton.png b/static/img/cambutton.png new file mode 100644 index 0000000..3cb942e Binary files /dev/null and b/static/img/cambutton.png differ diff --git a/static/img/chanbg.png b/static/img/chanbg.png new file mode 100644 index 0000000..331f4eb Binary files /dev/null and b/static/img/chanbg.png differ diff --git a/static/img/dblue2.png b/static/img/dblue2.png new file mode 100755 index 0000000..3b5c667 Binary files /dev/null and b/static/img/dblue2.png differ diff --git a/static/img/delishicon.png b/static/img/delishicon.png new file mode 100644 index 0000000..3d20478 Binary files /dev/null and b/static/img/delishicon.png differ diff --git a/static/img/directory.gif b/static/img/directory.gif new file mode 100644 index 0000000..d66a2bf Binary files /dev/null and b/static/img/directory.gif differ diff --git a/static/img/door.gif b/static/img/door.gif new file mode 100644 index 0000000..da0cca1 Binary files /dev/null and b/static/img/door.gif differ diff --git a/static/img/dot.gif b/static/img/dot.gif new file mode 100644 index 0000000..339faf7 Binary files /dev/null and b/static/img/dot.gif differ diff --git a/static/img/dumpcats2.png b/static/img/dumpcats2.png new file mode 100644 index 0000000..34768f4 Binary files /dev/null and b/static/img/dumpcats2.png differ diff --git a/static/img/dumpclearlogo.png b/static/img/dumpclearlogo.png new file mode 100644 index 0000000..4e5fd6e Binary files /dev/null and b/static/img/dumpclearlogo.png differ diff --git a/static/img/dumpclouds.png b/static/img/dumpclouds.png new file mode 100644 index 0000000..c0fbd6d Binary files /dev/null and b/static/img/dumpclouds.png differ diff --git a/static/img/dumpteam.gif b/static/img/dumpteam.gif new file mode 100644 index 0000000..28e7b5b Binary files /dev/null and b/static/img/dumpteam.gif differ diff --git a/static/img/fade-blue.png b/static/img/fade-blue.png new file mode 100644 index 0000000..4bab239 Binary files /dev/null and b/static/img/fade-blue.png differ diff --git a/static/img/fbbutton.png b/static/img/fbbutton.png new file mode 100644 index 0000000..4ad2d66 Binary files /dev/null and b/static/img/fbbutton.png differ diff --git a/static/img/flyhorse.gif b/static/img/flyhorse.gif new file mode 100644 index 0000000..ae9d2ad Binary files /dev/null and b/static/img/flyhorse.gif differ diff --git a/static/img/geocities.gif b/static/img/geocities.gif new file mode 100644 index 0000000..cb8dd65 Binary files /dev/null and b/static/img/geocities.gif differ diff --git a/static/img/guaranteed_customer_satisfaction.gif b/static/img/guaranteed_customer_satisfaction.gif new file mode 100644 index 0000000..976d686 Binary files /dev/null and b/static/img/guaranteed_customer_satisfaction.gif differ diff --git a/static/img/hearts.gif b/static/img/hearts.gif new file mode 100644 index 0000000..4a345cb Binary files /dev/null and b/static/img/hearts.gif differ diff --git a/static/img/html_3_2.gif b/static/img/html_3_2.gif new file mode 100644 index 0000000..12ef87f Binary files /dev/null and b/static/img/html_3_2.gif differ diff --git a/static/img/hugescreen.png b/static/img/hugescreen.png new file mode 100644 index 0000000..eb0266f Binary files /dev/null and b/static/img/hugescreen.png differ diff --git a/static/img/image_draw.gif b/static/img/image_draw.gif new file mode 100644 index 0000000..aaf947c Binary files /dev/null and b/static/img/image_draw.gif differ diff --git a/static/img/log.gif b/static/img/log.gif new file mode 100644 index 0000000..c6958c7 Binary files /dev/null and b/static/img/log.gif differ diff --git a/static/img/moverc.png b/static/img/moverc.png new file mode 100644 index 0000000..6d021dd Binary files /dev/null and b/static/img/moverc.png differ diff --git a/static/img/newanim.gif b/static/img/newanim.gif new file mode 100644 index 0000000..c31f5df Binary files /dev/null and b/static/img/newanim.gif differ diff --git a/static/img/noinfo.png b/static/img/noinfo.png new file mode 100644 index 0000000..a80724a Binary files /dev/null and b/static/img/noinfo.png differ diff --git a/static/img/profile.gif b/static/img/profile.gif new file mode 100644 index 0000000..baf313f Binary files /dev/null and b/static/img/profile.gif differ diff --git a/static/img/signin.gif b/static/img/signin.gif new file mode 100644 index 0000000..5ab623b Binary files /dev/null and b/static/img/signin.gif differ diff --git a/static/img/spinner.gif b/static/img/spinner.gif new file mode 100755 index 0000000..5b33f7e Binary files /dev/null and b/static/img/spinner.gif differ diff --git a/static/img/thumbs_up_sm.gif b/static/img/thumbs_up_sm.gif new file mode 100644 index 0000000..b039245 Binary files /dev/null and b/static/img/thumbs_up_sm.gif differ diff --git a/static/img/tumblricon.gif b/static/img/tumblricon.gif new file mode 100644 index 0000000..40e2b35 Binary files /dev/null and b/static/img/tumblricon.gif differ diff --git a/static/img/tumblricon.png b/static/img/tumblricon.png new file mode 100644 index 0000000..61a8910 Binary files /dev/null and b/static/img/tumblricon.png differ diff --git a/static/img/tvfun.gif b/static/img/tvfun.gif new file mode 100644 index 0000000..cf18f3e Binary files /dev/null and b/static/img/tvfun.gif differ diff --git a/static/img/twittericon.png b/static/img/twittericon.png new file mode 100644 index 0000000..662c731 Binary files /dev/null and b/static/img/twittericon.png differ diff --git a/static/img/upbutton.png b/static/img/upbutton.png new file mode 100644 index 0000000..8129526 Binary files /dev/null and b/static/img/upbutton.png differ diff --git a/static/img/upload.png b/static/img/upload.png new file mode 100644 index 0000000..6929ad7 Binary files /dev/null and b/static/img/upload.png differ diff --git a/static/img/urlbutton.png b/static/img/urlbutton.png new file mode 100644 index 0000000..1fc486b Binary files /dev/null and b/static/img/urlbutton.png differ diff --git a/static/img/valid_html.gif b/static/img/valid_html.gif new file mode 100644 index 0000000..105505f Binary files /dev/null and b/static/img/valid_html.gif differ diff --git a/static/img/vxhtml.gif b/static/img/vxhtml.gif new file mode 100644 index 0000000..b417962 Binary files /dev/null and b/static/img/vxhtml.gif differ diff --git a/static/img/welcomebanner.gif b/static/img/welcomebanner.gif new file mode 100644 index 0000000..080bb61 Binary files /dev/null and b/static/img/welcomebanner.gif differ diff --git a/static/index.html b/static/index.html index 9606e2a..8a24365 100755 --- a/static/index.html +++ b/static/index.html @@ -16,8 +16,8 @@ jQuery(".auto .jCarouselLite").jCarouselLite({ speed: 1000 }); - - + + dump.fm @@ -26,12 +26,12 @@ jQuery(".auto .jCarouselLite").jCarouselLite({
- - + +
- +

Talk with pictures!


@@ -54,11 +54,11 @@ jQuery(".auto .jCarouselLite").jCarouselLite({
- - - - - + + + + +