diff options
| -rwxr-xr-x | static/css/dump.css | 21 | ||||
| -rw-r--r-- | static/css/top.css | 226 | ||||
| -rw-r--r-- | static/img/dumppixellargeover.png | bin | 0 -> 1838 bytes | |||
| -rw-r--r-- | static/index.html | 221 | ||||
| -rw-r--r-- | static/js/invalid_domains.js | 1 | ||||
| -rw-r--r-- | template/log.st | 60 | ||||
| -rw-r--r-- | template/nigga.st | 49 | ||||
| -rw-r--r-- | template/preload.st | 4 | ||||
| -rw-r--r-- | template/profile.st | 9 | ||||
| -rw-r--r-- | template/single_message.st | 5 | ||||
| -rw-r--r-- | template/tagged_dumps.st | 79 |
11 files changed, 357 insertions, 318 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index 9c8b945..a587ed3 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -189,25 +189,31 @@ border-right:0px; font-size:12px; color:#000; } -#prevbutton { +#prevbutton { +border:1px solid #000; position:absolute; display:inline-block; - width:120px; + width:50%; height:35px; background-position:center; -right:125px; +left:0px; top:0; font-weight:bold; background-color:#eff5fb; + border-top-left-radius:10px; + -webkit-border-top-left-radius:5px; + -moz-border-radius-topleft:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -moz-border-radius-bottomleft:5px; padding-bottom:1; text-align:center; z-index:100; cursor:pointer; font-size:12px; color:#000; -border:1px solid #000;border-right:0px; +border-right:0px; } - #webcam-button-upload{ border-top-right-radius:10px; -webkit-border-top-right-radius:5px;background-color:#eff5fb; @@ -231,6 +237,7 @@ padding-bottom:1; color:#000; } #nextbutton{ +border:1px solid #000; border-top-right-radius:10px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; @@ -239,12 +246,11 @@ padding-bottom:1; -moz-border-radius-bottomright:5px; position:absolute; display:inline-block; - width:120px; + width:50%; height:35px; font-weight:bold; background-position:center; right:5px;background-color:#eff5fb; -border:1px solid #000; top:0; padding-bottom:1; text-align:center; @@ -253,6 +259,7 @@ padding-bottom:1; font-size:12px; color:#000; } + #webcam-button-snap{ border-top-right-radius:10px; -webkit-border-top-right-radius:5px; diff --git a/static/css/top.css b/static/css/top.css new file mode 100644 index 0000000..184edd0 --- /dev/null +++ b/static/css/top.css @@ -0,0 +1,226 @@ + + + +body{margin:0px; +background-color:#fff; + font-family:Arial, Helvetica, sans-serif; background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; +} +A:link {text-decoration: none} +A:visited {text-decoration: none} +A:active {text-decoration: none} +#rapper{ +width:800px; + margin: 0 auto 0 auto; + +background-position:top center; + background-repeat:no-repeat; + box-shadow: 0 0 10px #000; + -webkit-box-shadow: 0 0 10px #000; + -moz-box-shadow: 0 0 10px #000; +} +#toplogo{ +top:0px; +width:800px; +background-image:url(/static/img/blue2fade.png); +} +#bottomcontainer{ +width:800px; + +} +#signin{ +background-color:#eff5fb; +float:right; +width:201px; +height:225px; +top:0px; +padding:15px; +padding-top:10px; +font-size:10px; +text-indent:5px; +border:1px solid #000;border-right:0px solid #000; + +} +#membertxt{ +background-color:#fff; +padding:5px; +border:1px solid black; +margin-top:-22px; +z-index:5; +width:100; +} + +#wtftxt{ +background-color:#fff; +padding:5px; +padding-left:15px; +padding-right:15px; +font-size:24px; +border:1px solid black; +border-bottom:0px solid black; +margin-top:-56px; +z-index:5; +float:left; +background-image:url(/static/img/ylgrad.png); +} +#previewdump{ +background-color:#fff; +padding:5px; +padding-left:15px; +padding-right:15px; +font-size:16px; +border:1px solid #ccc; +margin-top:-300px; +z-index:5; +float:right; +margin-right:-210px; + 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; +background-image:url(/static/img/grgrad.png); +} +#previewdump a:hover{ +color:#000000; +} +input { + height:40px; + width:190px; +float:right; +padding-left:2px; + border:0px; +border:1px solid #000; + margin:5px; + color:#000;z-index:20; + font-size:20px; + +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +label { + display:inline-block; + font-size: 13px; + color: #222; +float:right; +margin-bottom:4px; +} +#signin-submit { + display:inline-block; + + height:33px;float:left; + font-size:20px; +width:190px; + font-weight:bold; + word-spacing:7; + text-align:center; + z-index:100; + font-size:16px; + color:#000; +float:right; +border:1px solid #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + +z-index:20; +} +#remember{ +float:right;padding-top:5px; +top:0px;display:block; +margin-right:5px; +} +#remember a{text-decoration:none;font-size:11px;float:right;} +#remembermeInput { + width: 15px; + height: 15px; + margin: 1px; +} +#wtf{ +float:left; +width:538px; +position:absolute; +border:1px solid #000; +border-left:0px solid #000; +padding:15px; +height:220px; +background-color:#eff5fb; +} +#toptxt{ +padding:10px; +text-align:center; +} +#lilflag{ +background-image:url(/static/img/lilflag.png); +width: 173px; height: 59px; +top:15px; +padding-left:20px; +position:absolute; +color:#fff; +padding-top:1px; +text-align:left; +word-spacing:8px;padding-right:10px; +font-size:19px; +margin-left:-13px;text-decoration:none; +} +#lilflag a:link { +text-decoration:none; +} +#footer{ +padding-bottom:5px; +padding-top:15px; +text-align: center; +color:#000; +font-size:11px; +word-spacing:30px; + margin: 0 auto 0 auto; +background-color:#eff5fb; +margin-top:250px; +width:798px; +} +#bottomrow img{ +background-image:url(/static/img/grgrad.png); + border-radius: 15px; +border:5px solid #ccc; +padding:5px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; +} +#footer a{color:#000;text-decoration:none;} +a.img_roll:link, .img_roll{ + width:800px; + height:283px; + display:block; + background-image:url(http://dump.fm/static/img/dumppixellarge.png); +} +a.img_roll:hover{ + width:800px; + height:283px; + display:block; + background-image:url(http://dump.fm/static/img/dumppixellargeover.png); +} + + + /* + * Required + */ + .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } + .slides { position:absolute; top:0; left:0; } + .slides div { position:absolute; top:0; width:538px; display:none; } + /* + * Optional + */ + + blockquote, q { quotes: none; } + :focus { outline: 0; } + ins { text-decoration: none; } + del { text-decoration: line-through; } + table { border-collapse: collapse; border-spacing: 0; } + #loopedSlider {width:610px; position:relative; clear:both; } + ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; } + ul.pagination li { float:left; margin:0 5px;display:none; } + ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;} + + diff --git a/static/img/dumppixellargeover.png b/static/img/dumppixellargeover.png Binary files differnew file mode 100644 index 0000000..9d381fc --- /dev/null +++ b/static/img/dumppixellargeover.png diff --git a/static/index.html b/static/index.html index a62c761..720f7e3 100644 --- a/static/index.html +++ b/static/index.html @@ -7,6 +7,7 @@ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="/static/js/sha1.js"></script> <script type="text/javascript" src="/static/js/home.js"></script> + <link rel="stylesheet" href="static/css/top.css" type="text/css" media="screen" /> <link rel="shortcut icon" href="/static/favicon.ico"> <script src="/static/js/loopedslider.js" type="text/javascript" charset="utf-8"></script> <script> @@ -36,227 +37,15 @@ jQuery(window).load(function() { }); }); </script> -<style> - - -body{margin:0px; -background-color:#fff; - font-family:Arial, Helvetica, sans-serif; background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; -} -A:link {text-decoration: none} -A:visited {text-decoration: none} -A:active {text-decoration: none} -#rapper{ -width:800px; - margin: 0 auto 0 auto; - -background-position:top center; - background-repeat:no-repeat; - box-shadow: 0 0 10px #000; - -webkit-box-shadow: 0 0 10px #000; - -moz-box-shadow: 0 0 10px #000; -} -#toplogo{ -top:0px; -width:800px; -background-image:url(/static/img/blue2fade.png); -} -#bottomcontainer{ -width:800px; - -} -#signin{ -background-color:#eff5fb; -float:right; -width:201px; -height:225px; -top:0px; -padding:15px; -padding-top:10px; -font-size:10px; -text-indent:5px; -border:1px solid #000;border-right:0px solid #000; - -} -#membertxt{ -background-color:#fff; -padding:5px; -border:1px solid black; -margin-top:-22px; -z-index:5; -width:100; -} - -#wtftxt{ -background-color:#fff; -padding:5px; -padding-left:15px; -padding-right:15px; -font-size:24px; -border:1px solid black; -margin-top:-56px; -z-index:5; -float:left; -background-image:url(/static/img/ylgrad.png); -} -#previewdump{ -background-color:#fff; -padding:5px; -padding-left:15px; -padding-right:15px; -font-size:16px; -border:1px solid #ccc; -margin-top:-300px; -z-index:5; -float:right; -margin-right:-210px; - 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; -background-image:url(/static/img/grgrad.png); -} -#previewdump a:hover{ -color:#000000; -} -input { - height:40px; - width:190px; -float:right; -padding-left:2px; - border:0px; -border:1px solid #000; - margin:5px; - color:#000;z-index:20; - font-size:20px; - -} -.no-cursor { cursor: none; } -.invisible { display: none !important; } -#cursor-big { position: absolute; z-index: 1000; } - -label { - display:inline-block; - font-size: 13px; - color: #222; -float:right; -margin-bottom:4px; -} -#signin-submit { - display:inline-block; - - height:33px;float:left; - font-size:20px; -width:190px; - font-weight:bold; - word-spacing:7; - text-align:center; - z-index:100; - font-size:16px; - color:#000; -float:right; -border:1px solid #000; - border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -z-index:20; -} -#remember{ -float:right;padding-top:5px; -top:0px;display:block; -margin-right:5px; -} -#remember a{text-decoration:none;font-size:11px;float:right;} -#remembermeInput { - width: 15px; - height: 15px; - margin: 1px; -} -#wtf{ -float:left; -width:538px; -position:absolute; -border:1px solid #000; -border-left:0px solid #000; -padding:15px; -height:220px; -background-color:#eff5fb; -} -#toptxt{ -padding:10px; -text-align:center; -} -#lilflag{ -background-image:url(/static/img/lilflag.png); -width: 173px; height: 59px; -top:15px; -padding-left:20px; -position:absolute; -color:#fff; -padding-top:1px; -text-align:left; -word-spacing:8px;padding-right:10px; -font-size:19px; -margin-left:-13px;text-decoration:none; -} -#lilflag a:link { -text-decoration:none; -} -#footer{ -padding-bottom:5px; -padding-top:15px; -text-align: center; -color:#000; -font-size:11px; -word-spacing:30px; - margin: 0 auto 0 auto; -background-color:#eff5fb; -margin-top:250px; -width:798px; -} -#bottomrow img{ -background-image:url(/static/img/grgrad.png); - border-radius: 15px; -border:5px solid #ccc; -padding:5px; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; -} -#footer a{color:#000;text-decoration:none;} - - - - /* - * Required - */ - .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } - .slides { position:absolute; top:0; left:0; } - .slides div { position:absolute; top:0; width:538px; display:none; } - /* - * Optional - */ - - blockquote, q { quotes: none; } - :focus { outline: 0; } - ins { text-decoration: none; } - del { text-decoration: line-through; } - table { border-collapse: collapse; border-spacing: 0; } - #loopedSlider {width:610px; position:relative; clear:both; } - ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; } - ul.pagination li { float:left; margin:0 5px;display:none; } - ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;} - - -</style> </head> <body> <div id="rapper"> <div id="toplogo"> -<img src="/static/img/dumppixellarge.png"> +<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'> + +</style> +<a class="img_roll" href="/register"></a> <div id="lilflag"> HOME OF THE SLOTHGOTH!!!!! </div> diff --git a/static/js/invalid_domains.js b/static/js/invalid_domains.js index c7788cd..e0159d0 100644 --- a/static/js/invalid_domains.js +++ b/static/js/invalid_domains.js @@ -64,6 +64,7 @@ var InvalidDomains = [ "http://fortunecity.com", "http://geneology2.com", "http://www.geneology2.com", + "http://img.waffleimages.com", "http://www.onemetal.com", "http://static.funnyjunk.com", "http://www.whimsical-wits.com", diff --git a/template/log.st b/template/log.st index a6f3a07..9e1c140 100644 --- a/template/log.st +++ b/template/log.st @@ -7,20 +7,25 @@ jQuery(document).ready(initLog); </script> </head> - <body class="profile"> + <body> $banner()$ - <div id="chatrap"> - <div id="log"> - <br> - <div id="lprofile"> + <div id="content"> + <div id="messagetabs"></div> + <div id="rapper"> + </div> + + <div id="messagePanep"> + + <div id="userListp"> <h2> $roomkey$ log </h2><br><h3></h3> </div> - <div id="dposts"> - <br> +<div id="messageList"> $if(dumps)$ + <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ + </span> $if(json_tags)$ <script> $json_tags: { j | $j$; @@ -30,24 +35,31 @@ $else$ No dumps! $endif$ - <div id="pnav"> - $if(next)$ - <div id="pnavn"> - <a href="http://$roomkey$dump.fm/log/$next$">next ☞</a> - </div> - $endif$ - - $if(prev)$ - <div id="pnavo"> - <a href="http://$roomkey$dump.fm/log/$prev$">☜ prev</a> + </div> + + + <div id="msgInputDiv"> + <div id="msginputrapper"> + + $if(prev)$ + <a href="http://$roomkey$dump.fm/log/$prev$"><input id="prevbutton" value="<- Prev"></a> + $else$ +<input id="prevbutton"> + $endif$ + + $if(next)$ + <a href="http://$roomkey$dump.fm/log/$next$""> <input id="nextbutton" value="Next ->"></a> + $else$ + <input id="nextbutton" value="nomodumps"> + $endif$ + + + </div> + <div id="footerc"> + $footer()$ </div> - $endif$ - <br><br> </div> - </div> - <div id="footer"> - $footer()$ - </div> - </div> + </div></div></div> + </body> </html> diff --git a/template/nigga.st b/template/nigga.st index 4a8ff02..33affc4 100644 --- a/template/nigga.st +++ b/template/nigga.st @@ -8,33 +8,24 @@ <script> jQuery(document).ready(initProfile); </script> - <style> - #chat-wrapper { - position: absolute; - z-index: 1000000; - right: 100px; - bottom: 100px; - height: 40px; - width: 300px; - }; - </style> + </head> - <body class="profile"> + <body> $banner()$ <div id="content"> <div id="messagetabs"></div> <div id="rapper"> </div> - <div id="messagePane"> - <div id="userList"><br> - <h2> <br><br> + <div id="messagePanep"> + <div id="userListp"><br> $if(is_home)$<br>$endif$ + <h2> $if(avatar)$ <img id="avatarPic" src="$avatar$"/> $else$<br><br> <img id="avatarPic" src="/static/img/noinfo.png"> $endif$ - + $nick$ </h2><br> $if(score_ent)$ <h8> @@ -60,17 +51,16 @@ <br> <h3>contact info</h3> $if(contact)$ - <br><br><div id="contact" class="linkify">$contact$</div> + <br><div id="contact" class="linkify">$contact$</div> $else$ - <br><br><div><img id="contact" src="/static/img/noinfo.png"></div> + <div><img id="contact" src="/static/img/noinfo.png"><br><br></div> $endif$ - <br> - + <br><br><h3>bio</h3> $if(bio)$ - <br><br> <div id="bio" class="linkify">$bio$</div> + <br> <div id="bio" class="linkify">$bio$</div> $else$ - <br><br><div><img id="bio" src="/static/img/noinfo.png"></div> + <div><img id="bio" src="/static/img/noinfo.png"><br><br></div> $endif$ @@ -78,7 +68,7 @@ $if(is_home)$ <br> - <div id="edit-toggle"><a href="#">edit profile</a></div> + <div id="edit-toggle"><a href="#">edit profile</a></div><br><br> $endif$ <br> @@ -108,22 +98,21 @@ <div id="msgInputDiv"> - <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> - <a href="#" onClick="alert('Coming soon!');return false"> <input id="msgSubmit"value="private message"/></a> + <div id="msginputrapper"> + $if(prev)$ - <a href="/$nick$/$prev$"><input id="upload" value="Prev"></a> + <a href="/$nick$/$prev$"><input id="prevbutton" value="<- Prev"></a> $else$ -<input id="upload"> +<input id="prevbutton"> $endif$ $if(next)$ - <a href="/$nick$/$next$"> <input id="webcam-button-upload" value="Next"></a> + <a href="/$nick$/$next$"> <input id="nextbutton" value="Next ->"></a> $else$ - <input id="webcam-button-upload" value="nomodumps"> + <input id="nextbutton" value="nomodumps"> $endif$ - - <a href="http://dump.fm/u/$nick$/favorites"> <button id="palette-button"><img src="/static/img/palette.gif"></button></a> + </div> <div id="footerc"> diff --git a/template/preload.st b/template/preload.st index b14f8b9..8ade411 100644 --- a/template/preload.st +++ b/template/preload.st @@ -3,5 +3,7 @@ <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big" /> <img src="/static/img/upload.png" class="invisible" /> <img src="/static/img/fade-blue.png" class="invisible" /> - <img src="/static/img/calm.gif" class="invisible" /> + <img src="/static/img/dumppixellarge.png" class="invisible" /> + <img src="/static/img/dumppixel.png" class="invisible" /> + <img src="/static/img/dumppixelhover.png" class="invisible" /> </div>
\ No newline at end of file diff --git a/template/profile.st b/template/profile.st index f648e43..97394aa 100644 --- a/template/profile.st +++ b/template/profile.st @@ -97,9 +97,10 @@ </div> + <div id="msgInputDiv"> - <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> - <a href="#" onClick="alert('Coming soon!');return false"> <input id="msgSubmit"value="private message"/></a> + <div id="msginputrapper"> + $if(prev)$ <a href="/$nick$/$prev$"><input id="prevbutton" value="<- Prev"></a> $else$ @@ -112,9 +113,7 @@ <input id="nextbutton" value="nomodumps"> $endif$ - - <a href="http://dump.fm/u/$nick$/favorites"> <button id="palette-button"><img src="/static/img/palette.gif"></button></a> - + </div> <div id="footerc"> $footer()$ diff --git a/template/single_message.st b/template/single_message.st index bdb28e3..fd9445d 100644 --- a/template/single_message.st +++ b/template/single_message.st @@ -18,13 +18,14 @@ </div> <div id="messagePanep"> - <a href="/u/$message.nick$"><br><br> - <b>$message.nick$</b> +<br> <a href="/u/$message.nick$"> $if(message.avatar)$ <div style="border-image:url($message.avatar$)"> <div id="avatarPic"> <img height="50" width="50" src="$message.avatar$"></img> </div> + + <b>$message.nick$</b> <hr> $endif$ </a> diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st index ced1ba4..1409d6a 100644 --- a/template/tagged_dumps.st +++ b/template/tagged_dumps.st @@ -2,59 +2,72 @@ <head> <title>dump.fm - $page_title$</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> + <link rel="stylesheet" media="screen" type="text/css" href="http://dump.fm/static/css/dump.css"> <script> jQuery(document).ready(initLog); </script> </head> - <body class="profile"> + <body> $banner()$ - <div id="chatrap"> - <div id="log"> - <br> - <div id="profile"> - <h2>$page_title$ </h2><br><h3><br> - - - - </h3> - + <div id="content"> + <div id="messagetabs"></div> + <div id="rapper"> + </div> + + <div id="messagePanep"> - </div> - - <br> - -$if(dumps)$ + <div id="userListp"> + $if(log.avatar)$ + <div style="border-image:url($log.avatar$)"> + <div id="avatarPic"> + <img height="50" width="50" src="$log.avatar$"></img> + </div> + <hr> + $endif$ + <h8>$page_title$ <br></h8><br> +</div> +<div id="messageList"> +$if(dumps)$ <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ + + </span> + $if(json_tags)$ <script> $json_tags: { j | $j$; }$ </script> - $endif$ $else$ - <span>No favs!</span> + <span>favless</span> $endif$ +</div> - <div id="pnav"> - $if(next)$ - <div id="pnavn"><a href="/$page_url$/$next$">next ☞</a></div> - $endif$ + <div id="msgInputDiv"> + <div id="msginputrapper"> + + $if(prev)$ + <a href="/$page_url$/$prev$"><input id="prevbutton" value="<- Prev"></a> + $else$ +<input id="prevbutton"> + $endif$ - - $if(prev)$ - <div id="pnavo"> <a href="/$page_url$/$prev$">☜ prev</a></div> - $endif$ - <br><br> - </div> - <div id="footer"> -$footer()$ - </div> - </div> + $if(next)$ + <a href="/$page_url$/$next$"> <input id="nextbutton" value="Next ->"></a> + $else$ + <input id="nextbutton" value="nomodumps"> + $endif$ + + + </div> + <div id="footerc"> + $footer()$ + </div> + </div> + </div></div></div> </body> </html>
\ No newline at end of file |
