diff options
| author | Scott Ostler <sostler@ubuntu.(none)> | 2009-12-15 22:09:02 -0500 |
|---|---|---|
| committer | Scott Ostler <sostler@ubuntu.(none)> | 2009-12-15 22:09:02 -0500 |
| commit | 5a8312ca25868679df1acb3b3fc208482460ee0e (patch) | |
| tree | ea10033604aad870d3eb1fe849a47999919d7164 | |
| parent | 3e3015be26c5d73a864a693e9694b5dee26e8a31 (diff) | |
New design
| -rw-r--r-- | static/BubbleBlueL800x1600.png | bin | 0 -> 13278 bytes | |||
| -rw-r--r-- | static/BubbleBlueR800x1600.png | bin | 0 -> 13282 bytes | |||
| -rw-r--r-- | static/BubbleLtGreyL800x1600.png | bin | 0 -> 9646 bytes | |||
| -rw-r--r-- | static/BubbleLtGreyR800x1600.png | bin | 0 -> 9699 bytes | |||
| -rw-r--r-- | static/BubblePinkL800x1600.png | bin | 0 -> 10265 bytes | |||
| -rw-r--r-- | static/BubblePinkR800x1600.png | bin | 0 -> 10343 bytes | |||
| -rw-r--r-- | static/background.js | 33 | ||||
| -rw-r--r-- | static/background13.gif | bin | 0 -> 100 bytes | |||
| -rw-r--r-- | static/background4.gif | bin | 0 -> 92 bytes | |||
| -rw-r--r-- | static/bg-random.gif | bin | 0 -> 43 bytes | |||
| -rw-r--r-- | static/bg55.png | bin | 0 -> 1043 bytes | |||
| -rw-r--r-- | static/bgto.gif | bin | 0 -> 160 bytes | |||
| -rw-r--r-- | static/blink.gif | bin | 0 -> 17510 bytes | |||
| -rw-r--r-- | static/bluego.png | bin | 0 -> 6888 bytes | |||
| -rw-r--r-- | static/britglobe2.gif | bin | 0 -> 93378 bytes | |||
| -rw-r--r-- | static/brokenlink.gif | bin | 0 -> 38861 bytes | |||
| -rw-r--r-- | static/d.png | bin | 0 -> 2073 bytes | |||
| -rw-r--r-- | static/d3d1.gif | bin | 0 -> 16122 bytes | |||
| -rw-r--r-- | static/dblue.png | bin | 0 -> 4141 bytes | |||
| -rw-r--r-- | static/dblue2.png | bin | 0 -> 222 bytes | |||
| -rw-r--r-- | static/dump.css | 103 | ||||
| -rw-r--r-- | static/dump.gif | bin | 0 -> 4026 bytes | |||
| -rw-r--r-- | static/dumpbgword.gif | bin | 0 -> 180569 bytes | |||
| -rw-r--r-- | static/dumpd.gif | bin | 0 -> 17785 bytes | |||
| -rw-r--r-- | static/dumpd.png | bin | 0 -> 33510 bytes | |||
| -rw-r--r-- | static/dumpl2.png | bin | 0 -> 6088 bytes | |||
| -rwxr-xr-x | static/favicon.ico | bin | 1406 -> 1406 bytes | |||
| -rw-r--r-- | static/footer.png | bin | 0 -> 243 bytes | |||
| -rw-r--r-- | static/footer1.png | bin | 0 -> 190 bytes | |||
| -rw-r--r-- | static/forealz.gif | bin | 0 -> 4985 bytes | |||
| -rw-r--r-- | static/gaga.gif | bin | 0 -> 52895 bytes | |||
| -rw-r--r-- | static/grad2.png | bin | 0 -> 1633 bytes | |||
| -rw-r--r-- | static/header.st | 133 | ||||
| -rw-r--r--[-rwxr-xr-x] | static/index.html | 310 | ||||
| -rw-r--r-- | static/lil-wayne.jpg | bin | 0 -> 104782 bytes | |||
| -rw-r--r-- | static/logo.png | bin | 0 -> 2706 bytes | |||
| -rw-r--r-- | static/main2.css | 152 | ||||
| -rw-r--r-- | static/mask_shaq.jpg | bin | 0 -> 251039 bytes | |||
| -rw-r--r-- | static/over.png | bin | 0 -> 12633 bytes | |||
| -rwxr-xr-x | static/pichat.css | 553 | ||||
| -rw-r--r-- | static/profile.css | 164 | ||||
| -rwxr-xr-x | static/register.html | 266 | ||||
| -rwxr-xr-x | static/reset.css | 1 | ||||
| -rw-r--r-- | static/rhianamoney.gif | bin | 0 -> 337134 bytes | |||
| -rw-r--r-- | static/s.png | bin | 0 -> 115 bytes | |||
| -rw-r--r-- | static/shaq.gif | bin | 0 -> 118610 bytes | |||
| -rw-r--r-- | static/slo.png | bin | 0 -> 3471 bytes | |||
| -rw-r--r-- | static/spex.png | bin | 0 -> 2404 bytes | |||
| -rw-r--r-- | static/topb.png | bin | 0 -> 266 bytes | |||
| -rw-r--r-- | static/topbg.gif | bin | 0 -> 119 bytes | |||
| -rw-r--r-- | static/topbi.gif | bin | 0 -> 868 bytes | |||
| -rw-r--r-- | static/topgrad.png | bin | 0 -> 319 bytes | |||
| -rw-r--r-- | static/uggs.gif | bin | 0 -> 4436 bytes | |||
| -rw-r--r-- | static/up.png | bin | 0 -> 4951 bytes | |||
| -rw-r--r-- | static/wayne.gif | bin | 0 -> 58068 bytes | |||
| -rw-r--r-- | static/wordlogo.gif | bin | 0 -> 7314 bytes | |||
| -rw-r--r-- | static/wordlogo2.gif | bin | 0 -> 8515 bytes | |||
| -rw-r--r-- | static/yb.png | bin | 0 -> 665 bytes | |||
| -rwxr-xr-x | template/chat.st | 47 | ||||
| -rwxr-xr-x | template/header.st | 140 | ||||
| -rwxr-xr-x | template/logged_dump.st | 38 | ||||
| -rw-r--r--[-rwxr-xr-x] | template/profile.st | 91 |
62 files changed, 1752 insertions, 279 deletions
diff --git a/static/BubbleBlueL800x1600.png b/static/BubbleBlueL800x1600.png Binary files differnew file mode 100644 index 0000000..3329e11 --- /dev/null +++ b/static/BubbleBlueL800x1600.png diff --git a/static/BubbleBlueR800x1600.png b/static/BubbleBlueR800x1600.png Binary files differnew file mode 100644 index 0000000..320a743 --- /dev/null +++ b/static/BubbleBlueR800x1600.png diff --git a/static/BubbleLtGreyL800x1600.png b/static/BubbleLtGreyL800x1600.png Binary files differnew file mode 100644 index 0000000..d0728da --- /dev/null +++ b/static/BubbleLtGreyL800x1600.png diff --git a/static/BubbleLtGreyR800x1600.png b/static/BubbleLtGreyR800x1600.png Binary files differnew file mode 100644 index 0000000..5c8abad --- /dev/null +++ b/static/BubbleLtGreyR800x1600.png diff --git a/static/BubblePinkL800x1600.png b/static/BubblePinkL800x1600.png Binary files differnew file mode 100644 index 0000000..a2e3ccb --- /dev/null +++ b/static/BubblePinkL800x1600.png diff --git a/static/BubblePinkR800x1600.png b/static/BubblePinkR800x1600.png Binary files differnew file mode 100644 index 0000000..97c59fb --- /dev/null +++ b/static/BubblePinkR800x1600.png diff --git a/static/background.js b/static/background.js new file mode 100644 index 0000000..8eed157 --- /dev/null +++ b/static/background.js @@ -0,0 +1,33 @@ + + +var bgImages = ['shaq.gif','background4.gif','background13.gif','wayne.gif','blink.gif','rhianamoney.gif','britglobe2.gif','gaga.gif']; +var bgIndex = -1; + +function killBackground() { + document.getElementsByTagName('html')[0].style.background = 'none'; +} + +function setBackground(i) { + document.getElementsByTagName('html')[0].style.background = (bgImages[i].indexOf('#')+1?bgImages[i]:'#222 url(/static/'+bgImages[i]+(bgImages[i].indexOf('.gif')==-1?'.jpg':'')+') 50% 50%'); +} + +function getBackground() { + if (++bgIndex>=bgImages.length) bgIndex = 0; + setBackground(bgIndex); +} + +window.onload = function() { + var nAV = navigator.appVersion.toLowerCase(); + if (nAV.match(/msie 5/) || nAV.match(/msie 6/)) return false; + var items = utils.getElementsByClassName('dialog','div'); + for (var i=0,j=items.length; i<j; i++) { + widgets[widgets.length] = new DialogWidget(items[i],i); + } + var d = document.createElement('div'); + d.style.cssText = 'position:fixed;bottom:3px;right:3px;font-size:xx-small;z-index:10'; + d.innerHTML = '<button onclick="getBackground()" title="Rotate background image" style="font-size:xx-small">1</button><button id="animation-demo" onclick="doAnimationDemo()" title="Cheap demo: Adjust width, height and margins, showing fluidity" style="font-size:xx-small">2</button>'; + document.body.appendChild(d); + document.getElementById('animation-demo').style.display = 'block'; + getBackground(); + window.onresize = handleResize; +}
\ No newline at end of file diff --git a/static/background13.gif b/static/background13.gif Binary files differnew file mode 100644 index 0000000..d087dad --- /dev/null +++ b/static/background13.gif diff --git a/static/background4.gif b/static/background4.gif Binary files differnew file mode 100644 index 0000000..675add6 --- /dev/null +++ b/static/background4.gif diff --git a/static/bg-random.gif b/static/bg-random.gif Binary files differnew file mode 100644 index 0000000..12ce8c5 --- /dev/null +++ b/static/bg-random.gif diff --git a/static/bg55.png b/static/bg55.png Binary files differnew file mode 100644 index 0000000..f16a548 --- /dev/null +++ b/static/bg55.png diff --git a/static/bgto.gif b/static/bgto.gif Binary files differnew file mode 100644 index 0000000..3411a54 --- /dev/null +++ b/static/bgto.gif diff --git a/static/blink.gif b/static/blink.gif Binary files differnew file mode 100644 index 0000000..0776f7f --- /dev/null +++ b/static/blink.gif diff --git a/static/bluego.png b/static/bluego.png Binary files differnew file mode 100644 index 0000000..8bcd35f --- /dev/null +++ b/static/bluego.png diff --git a/static/britglobe2.gif b/static/britglobe2.gif Binary files differnew file mode 100644 index 0000000..c972e08 --- /dev/null +++ b/static/britglobe2.gif diff --git a/static/brokenlink.gif b/static/brokenlink.gif Binary files differnew file mode 100644 index 0000000..0e18a55 --- /dev/null +++ b/static/brokenlink.gif diff --git a/static/d.png b/static/d.png Binary files differnew file mode 100644 index 0000000..63a7bbb --- /dev/null +++ b/static/d.png diff --git a/static/d3d1.gif b/static/d3d1.gif Binary files differnew file mode 100644 index 0000000..0e88f7b --- /dev/null +++ b/static/d3d1.gif diff --git a/static/dblue.png b/static/dblue.png Binary files differnew file mode 100644 index 0000000..3a99764 --- /dev/null +++ b/static/dblue.png diff --git a/static/dblue2.png b/static/dblue2.png Binary files differnew file mode 100644 index 0000000..0b7253b --- /dev/null +++ b/static/dblue2.png diff --git a/static/dump.css b/static/dump.css new file mode 100644 index 0000000..95e3196 --- /dev/null +++ b/static/dump.css @@ -0,0 +1,103 @@ +@charset "UTF-8"; +/* CSS Document */ + + a:link { + text-decoration: none; + + } + a:visited { + text-decoration: none; + border: 0px; + } + a:hover { + text-decoration: none; + border: 0px; + } + a:active { + text-decoration: none; + border: 0px; + } + img{border: 0px;} + #apDiv7 { + position:absolute; + left:151px; + top:-106px; + width:351px; + height:66px; + z-index:4; + font-weight: bold; + line-height: 18px; + font-size: 14px; + } + #apDiv8 { + position:absolute; + left:964px; + top:131px; + width:416px; + height:140px; + z-index:4; + } +#rapper { + position:relative; + + width:800px; + margin: 0px auto -1px auto; + top:0px; + + z-index:1; + opacity:0.9; + +} +#top { + position:absolute; + left:0px; + top:0px; + width:100%; + height:32px; + z-index:2; + background-color: #CCC; +} + +#bottom { + position:absolute; + left:0px; + bottom:0px; + width:100%; + height:10px; + z-index:1; + font-size: 10px; + line-height: 5px; +} + + +#bg { + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + z-index:2; + background-image:url(grad2.jpg); +} +body { + background-image: url(/static/bg5.png); + background-repeat: repeat-x; +} +#plane { + position:fixed; + top:9px; + right:0px; + width:100%; + height:100%; + z-index:1; + background-image: url(/static/cloudbg2.png); + background-repeat: no-repeat; + background-position:center; + -moz-opacity: 0.6; +filter:alpha(opacity=60); + /* CSS3 standard */ + opacity:0.6; + + +} + diff --git a/static/dump.gif b/static/dump.gif Binary files differnew file mode 100644 index 0000000..f1633be --- /dev/null +++ b/static/dump.gif diff --git a/static/dumpbgword.gif b/static/dumpbgword.gif Binary files differnew file mode 100644 index 0000000..27754fa --- /dev/null +++ b/static/dumpbgword.gif diff --git a/static/dumpd.gif b/static/dumpd.gif Binary files differnew file mode 100644 index 0000000..e571668 --- /dev/null +++ b/static/dumpd.gif diff --git a/static/dumpd.png b/static/dumpd.png Binary files differnew file mode 100644 index 0000000..0f56f50 --- /dev/null +++ b/static/dumpd.png diff --git a/static/dumpl2.png b/static/dumpl2.png Binary files differnew file mode 100644 index 0000000..f0c7263 --- /dev/null +++ b/static/dumpl2.png diff --git a/static/favicon.ico b/static/favicon.ico Binary files differindex f9e8d8d..c64876f 100755 --- a/static/favicon.ico +++ b/static/favicon.ico diff --git a/static/footer.png b/static/footer.png Binary files differnew file mode 100644 index 0000000..d83aafd --- /dev/null +++ b/static/footer.png diff --git a/static/footer1.png b/static/footer1.png Binary files differnew file mode 100644 index 0000000..b471698 --- /dev/null +++ b/static/footer1.png diff --git a/static/forealz.gif b/static/forealz.gif Binary files differnew file mode 100644 index 0000000..63723bf --- /dev/null +++ b/static/forealz.gif diff --git a/static/gaga.gif b/static/gaga.gif Binary files differnew file mode 100644 index 0000000..efaf4eb --- /dev/null +++ b/static/gaga.gif diff --git a/static/grad2.png b/static/grad2.png Binary files differnew file mode 100644 index 0000000..c9f0c0d --- /dev/null +++ b/static/grad2.png diff --git a/static/header.st b/static/header.st new file mode 100644 index 0000000..cd8be34 --- /dev/null +++ b/static/header.st @@ -0,0 +1,133 @@ +<head> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + + </head> +<style type="text/css"> +<!-- +.white a:link { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:visited { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + + + color: #fff; +} +.white a:active { + text-decoration: none; + + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +#header7{ + background-image:url(/static/dblue2.png); + background-attachment:inherit; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 69px; +} +#bar7{ + top:31px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 170px; + margin-left: 11%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} +#logout7{ + top:5px; + position:relative; + font-size:13px; + margin-right: 10px; + float:right; + z-index: 999; + font-family: "Times New Roman", Times, serif; +} +#logo7{ + top:20px; + margin-left: 10%; + margin-right: 10%; + z-index:1000; + float:left; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 78px; + z-index: 1000; +} +p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + + + background:#e3e3e3; + background:transparent color(demo/bg-random.gif); + background-position:center; + +} + + +--> +</style> + +<body> +<div id="rapper7"> +<div id="header7"> + + + + + <div id="logo7"> + <div align="center"><img src="http://www.dump.fm/static/wordlogo2.gif" width="155" height="73"></div> + </div> + <div class="white"> + + <div id="bar7"> + <div style="float: left;"> + <div align="center">$if(user_nick)$ + <a href="/u/$user_nick$">Home</a> | + $else$ <a href="/register">Join</a> | + $endif$ + <a href="/chat">Room A</a> + $if(user_nick)$ $endif$ + | Extras | Discover</div> + </div> + </div> +</div> + <div id="logout7" class="white"> + <div align="center">$if(user_nick)$ <a href="/logout">Logout</a> $else$ <a href="/" class="btnav">Log In</a>$endif$ + </div> + </div> + <div align="center"><br /> + </div> +</div> +</div> +</div> + +</body>
\ No newline at end of file diff --git a/static/index.html b/static/index.html index 1daa65f..fb5224e 100755..100644 --- a/static/index.html +++ b/static/index.html @@ -1,99 +1,227 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>dump.fm</title> - <link rel="stylesheet" type="text/css" href="static/main2.css" /> - <link rel="shortcut icon" href="static/favicon.ico" /> +<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="static/sha1.js"></script> <script type="text/javascript" src="static/home.js"></script> + <script type="text/javascript" src="static/background.js"></script> <script> $(document).ready(initHome); - </script> - <style type="text/css"> - <!-- - a:link { - text-decoration: none; - - } - a:visited { - text-decoration: none; - border: 0px; - } - a:hover { - text-decoration: none; - border: 0px; - } - a:active { - text-decoration: none; - border: 0px; - } - img{border: 0px;} - #apDiv7 { - position:absolute; - left:151px; - top:-106px; - width:351px; - height:66px; - z-index:4; - font-weight: bold; - line-height: 18px; - font-size: 14px; - } - #apDiv8 { - position:absolute; - left:964px; - top:131px; - width:416px; - height:140px; - z-index:4; - } - --> - </style> - </head> - <body> - <div id="header"> - <div id="apDiv2"> + </script> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head> +<style type="text/css"> +<!-- +.white a:link { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:visited { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + background-color:#e3e3e3; + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +#header7{ + background-color:#666; + background-image:url(/static/dblue2.png); + background-attachment:fixed; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 60px; +} +#bar7{ + top:32px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 170px; + margin-left: 10%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} +#main { + background-position:center; + width:500px; + margin: 0px auto -1px auto; + top:150px; + height:380px; + z-index:2; + opacity:0.9; + border-top-left-radius:10px; + border-top-right-radius:10px; + -webkit-border-top-left-radius:10px; + -webkit-border-top-right-radius:10px; + -moz-border-radius-topleft:10px; + -moz-border-radius-topright:10px; + border-bottom-left-radius:10px; + border-bottom-right-radius:10px; + -webkit-border-bottom-left-radius:10px; + -webkit-border-bottom-right-radius:10px; + -moz-border-radius-bottomleft:10px; + -moz-border-radius-bottomright:10px; + border:solid 4px #F5F5F5; + position: relative; + background-color: #FFF; + background-position:center; + background-repeat:no-repeat; +} +#logout7{ + top:5px; + position:relative; + font-size:13px; + margin-right: 10px; + float:right; + z-index: 999; + font-family: "Times New Roman", Times, serif; +} +#logo7{ + top:20px; + margin-left: 10%; + margin-right: 10%; + z-index:1000; + float:left; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 78px; + z-index: 1000; +} +#bottombar{ + top: 69px; + left:0px; + position:absolute; + width: 100%; + height: 20px; + z-index: 1000; +} +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + + background-color:#e3e3e3; + + background-image:url(static/brokenlink.gif); + background-position:center; + + background-repeat:no-repeat; + overflow:hidden; +} +.submit { + + + text-shadow: -1px 1px 1px #ccc; + + font-size:15px; +} +.feild { + height:40px; + width:300px; + border:3px #ccc; + background:#e3e3e3; + margin:10px; + font-size:30px; +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + text-shadow: -1px 1px 1px #ccc; +} + .line { + font-family:Arial, Helvetica, sans-serif; + + letter-spacing: -1px; + color:#000; + font-size:18px; + +} + + +--> +</style> + +<body> +<div id="rapper7"> +<div id="header7"> + + <div id="bottombar"></div> + + + <div align="center"> - <img src="static/dfm.png" width="384" height="136" /><br /> - <div id="about"> - <p align="left"><a href="getstarted"> - <img src="static/getstarted.gif" width="262" height="94" /></a></p> - <p align="left"><br /> - </p> - </div> - <div id="txt"> - <div align="right">Talk with pictures.</div> - </div> - <div id="signin"> - <div align="right"> - <div id="registerbox"> - <h1>Sign In!<br /> - <span>Nickname</span> - <input type="text" id="nickInput" size="17" /> - <br /> - <span>Password</span> - <input type="password" id="passwordInput" size="17" /> - <br /> - <input type="submit" id="loginSubmit" value="YEAH!!!" /> - </h1> - </div> - </div> - </div> - <div class="info" id="info"> - <div align="center" class="info"> © 2009 dump.fm - * About Us - * Contact - * Blog - * Goodies - * Help - * Terms - * Privacy - </div> - </div> + <p><img src="static/wordlogo2.gif" width="500" height="239"><br> + </p> </div> + + <div class="white"></div> + <div align="center"><br /> + </div> +</div> +</div> +</div> +<div id="main" align="center"> + + <p align="center"><br /> + </p> + <div id="registerbox"> + <p align="right" class="line"> </p> + <p align="right" class="line"> </p> + <p align="center" class="line">Talk with pictures. </p> + <h1 align="center"> </h1> + <h1 align="center"><br /> + u + <input type="text" class="feild"id="nickInput" size="17" /> + <br /> + p + <input type="password" class="feild" id="passwordInput" size="17" /> + </h1> + <h1 align="center"> <br /> + <input type="submit" class="submit" id="loginSubmit" value="Log In" /> + </h1> + <p align="center"> </p> + <p> </p> + <div align="right" class="txt"> + <div align="center"><span class="txt"><a href="http://dump.fm/register" class="txt">Register</a></span></div> + </div> + <div align="center"></div> + </div> +</div> </div></div> - <br /> - </body> -</html> + +</div> + </h1> + </div> +</div> + +<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onclick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div> + +</body>
\ No newline at end of file diff --git a/static/lil-wayne.jpg b/static/lil-wayne.jpg Binary files differnew file mode 100644 index 0000000..34c6481 --- /dev/null +++ b/static/lil-wayne.jpg diff --git a/static/logo.png b/static/logo.png Binary files differnew file mode 100644 index 0000000..a52b0c9 --- /dev/null +++ b/static/logo.png diff --git a/static/main2.css b/static/main2.css index 822cde3..5eeab65 100644 --- a/static/main2.css +++ b/static/main2.css @@ -3,26 +3,103 @@ #apDiv2 { position:relative; - top:75px; + top:30px; width:700px; margin: 0px auto -1px auto; height: 300px; z-index: 3; } +.white a:link { + text-decoration: none; + color: #504F61; +} +.white a:visited { + text-decoration: none; + color: #504F61; +} +.white a:hover { + text-decoration: none; + color: #fff; +} +.white a:active { + text-decoration: none; + color: #504F61; +} +#header7{ + background-color:#666; + background-image:url(/static/dblue.png); + background-attachment:fixed; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 60px; +} +#bar7{ + top:32px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 200px; + margin-left: 12%; + margin-right: 10%; + letter-spacing: -1px; + z-index: 999; +} +#logout7{ + top:5px; + position:relative; + font-size:12px; + margin-right: 10px; + float:right; + z-index: 999; + font-family: "Times New Roman", Times, serif; +} +#logo7{ + top:20px; + z-index:1000; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 60px; + z-index: 1000; +} +p { + font-family: "Times New Roman", Times, serif; + font-size: 12px; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + background-image: url(/static/bg5.png); + background-repeat: repeat-x; +} + #txt { position:absolute; - top:110px; - width:533px; + top:115px; + width:450px; margin: 0px auto -1px auto; height: 18px; z-index: 3; line-height: 18px; font-weight: bold; - color: #333; + color: #999; + font-size: 14px; } #info { position:relative; - top:150px; + top:200px; width:700px; margin: 0px auto -1px auto; height: 14px; @@ -34,13 +111,12 @@ position:relative; background:#fff url("cloudbg2.png") no-repeat 0 0; background-position:center; - width:700px; + width:80%; margin: 0px auto -1px auto; - top:10px; - height:700px; + top:26px; + height:600px; z-index:2; - - opacity:0.9; + opacity:0.9; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; @@ -48,6 +124,9 @@ -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; + min-width: 800px; + border-color: #000; + border: 1px; } .round { -moz-border-radius:5px; @@ -125,6 +204,8 @@ left:0px; width:351px; height:135px; + font-size:16px; + font-weight:bold; z-index:3; top: 143px; } @@ -140,25 +221,28 @@ } #about { position:absolute; - width:280px; - height: 250; + width:240px; + height: 97px; left:364px; ; - font-weight: bold; color: #000; z-index:2; line-height: 18px; - top: 153px; + top: 168px; + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; } #input { padding-right:15px; line-height:22px; font-size: 12px; } -body,td,th { +body{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 40px; + overflow-x:hidden; + overflow-y:hidden; } #apDiv1 div #input #form1 label { font-size: 12px; @@ -225,21 +309,7 @@ body,td,th { right: 0px; background-image: url(bottomr.png); } -#bg { - position:absolute; - left:0px; - top:0px; - width:100%; - height:100%; - z-index:2; - background-image:url(grad2.jpg); -} -body { - background-image: url(bg4.png); - background-repeat: repeat-x; - background-attachment:fixed; - overflow:hidden; -} + #plane { position:fixed; top:9px; @@ -260,11 +330,12 @@ filter:alpha(opacity=60); #registerbox { padding-left:20px; font-family:Arial, Helvetica, sans-serif; - font-size:12px; padding-right:0px; line-height:28px; + font-weight: bold; + color: #000; } -.form { font-size: 14px; color="#990000"; } +registerbox.form { font-size: 14px; color="#990000"; } .info { font-size: 10px; } @@ -274,3 +345,20 @@ filter:alpha(opacity=60); bottom: 0px; color: #999; } +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:0px; + font-size:12px; + font-family:"Times New Roman", Times, serif; + background-image:url(/static/footer.png); + background-repeat:repeat-x; + background-position:top; + height:40px; + line-height: 2; + left: 0px; + color: #CCC; + z-index: 111; +} diff --git a/static/mask_shaq.jpg b/static/mask_shaq.jpg Binary files differnew file mode 100644 index 0000000..4c04e8b --- /dev/null +++ b/static/mask_shaq.jpg diff --git a/static/over.png b/static/over.png Binary files differnew file mode 100644 index 0000000..f80754b --- /dev/null +++ b/static/over.png diff --git a/static/pichat.css b/static/pichat.css index fa20a36..ed0d531 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -1,7 +1,9 @@ /* pichat.css */ -#header { - z-index: 100; +body { + + background-color:#e3e3e3; + } #content{ @@ -11,36 +13,42 @@ #chatbox { position: fixed; - top:48px; + top:80px; } #rapper { top: 0px; } -h1,h2 { - font: 100% 'helvetica neue',sans-serif; - letter-spacing:10px; - text-transform:uppercase; - font-family: Arial, Helvetica, sans-serif; - font-size: 14px; - left:2px; - top:5px; - position: fixed; +#footerc +{ + text-align:center; + position:absolute; + width:100%; + bottom:0px; + font-size:12px; + font-family:"Times New Roman", Times, serif; + background-image:url(/static/footer.png); + background-repeat:repeat-x; + background-position:top; + height:30px; + color: #CCC; + line-height: 2; } #messagePane { - border: 2px solid #15fff3; - height: 70%; - padding: 5px; - position: fixed; - width: 80%; - max-width:1500px; - background-color:#FFF; - left:35px; - top:80px; - float: left; - z-index:5; + border: 2px solid #15fff3; + height: 70%; + padding: 5px; + position: fixed; + width: 68%; + max-width:1500px; + background-color:#FFF; + left:10%; + top:105px; + float: left; + z-index:5; + right: 10%; } #messageList { @@ -64,9 +72,10 @@ h1,h2 { } #msgInputDiv { - height: 15px; - position:relative; - min-width:500px; + height: 15px; + position:relative; + min-width:500px; + width: 700px; } #msgInput { @@ -78,8 +87,26 @@ h1,h2 { } #msgSubmit { - width: 107px; - position:relative; + position:relative; + display:inline-block; + width:120px; + + text-align:center; + cursor:pointer; + border:2px solid #999; + background-color:#087cff; + + -moz-border-radius:2px; + -webkit-border-radius:2px; + -opera-border-radius:2px; + -khtml-border-radius:2px; + border-radius:2px; + font-size:12px; + color:#fff; + + text-shadow:1px 1px 3px rgba(0,0,0,0.5); + + } .msgDiv img{ @@ -88,7 +115,18 @@ h1,h2 { max-height:400px; height: expression(this.width > 400 ? 400: true); max-width:400px; + + + z-index: 1; + + + + + + + } +.msgDiv {padding:2px; } .oldmsg { color: #666; @@ -96,24 +134,45 @@ h1,h2 { #userList { - overflow: auto; - border: 1px solid gray; - height: 70%; - margin: 0px; - position: fixed; - padding: 5px; - top:80px; - width: 7%; - float:right; - right: 35px; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - text-transform: uppercase; - min-width:72px; - line-height:13px; - background-color:#FFF; - z-index:4; + overflow-x: hidden; + border: 1px solid #000; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:105px; + width: 9%; + float:right; + right: 10%; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + 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:#FFF; + z-index:18; + text-align: left; } +.userList +img{ + max-width:50px; + width: expression(this.width > 50 ? 50: true); + max-height:50px; + height: expression(this.width > 50 ? 50: true); + max-width:50px;} + #userListicon { overflow: auto; height: 70%; @@ -146,5 +205,405 @@ h1,h2 { #binfo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; - bottom:2px; -}
\ No newline at end of file + 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; + position:absolute; + width: 100%; + margin: 0; + padding-bottom:105px; +} +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:0px; + font-size:12px; + font-family:"Times New Roman", Times, serif; + background-image:url(/static/footer.png); + background-repeat:repeat-x; + background-position:top; + height:30px; + color: #333; + line-height: 2; +} +#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; + } +.white a:link { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:visited { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +#header7{ + background-color:#fff; + background-image:url(/static/dblue2.png); + background-attachment:inherit; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 69px; +} +#bar7{ + top:31px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 170px; + margin-left: 11%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} + +#logo7{ + top:20px; + margin-left: 10%; + margin-right: 10%; + z-index:1000; + float:left; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 78px; + z-index: 1000; +} +p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +/* Copyright(c)2006 TikiRobot. Software license GPL version 2. + +ChatBubble is based on "Even more rounded corners with CSS": +http://www.schillmania.com/content/projects/even-more-rounded-corners/ +*/ + +div.CBmsg { + display: table; + margin-bottom: 0.5em; +} + + +div.CBmsgR { + float: right; + text-align: right; + } + +div.CBmsgL .CBcontent { + padding-left: 12px; +} + + + +div.CBtxt { + display: table-cell; + position: relative; + margin: 0px auto; + min-width: 8em; + max-width: 760px; + z-index: 1; + margin-left: 12px; + } + +div.CBiconL { + display: table-cell; + vertical-align: bottom; + padding-right: 22px; /* 10+12 */ + + } + +div.CBiconR { + display: table-cell; + vertical-align: bottom; + padding-left: 10px; + } + +div.CBiconR > img { + padding: 0px; + width: 32px; + height: 32px; + } + +div.CBiconL > img { + padding: 0px; + width: 32px; + height: 32px; + } + +.CBblueL .CBcontent, +.CBblueL .CBt, +.CBblueL .CBb, +.CBblueL .CBb div { + background:transparent url(http://www.dump.fm/static/BubbleBlueL800x1600.png) no-repeat top right; +} + +.CBblueR .CBcontent, +.CBblueR .CBt, +.CBblueR .CBb, +.CBblueR .CBb div { + background:transparent url(http://www.dump.fm/static/BubbleBlueR800x1600.png) no-repeat top right; +} + +.CBpinkL .CBcontent, +.CBpinkL .CBt, +.CBpinkL .CBb, +.CBpinkL .CBb div { + background:transparent url(http://www.dump.fm/static/BubblePinkL800x1600.png) no-repeat top right; +} + +.CBpinkR .CBcontent, +.CBpinkR .CBt, +.CBpinkR .CBb, +.CBpinkR .CBb div { + background:transparent url(http://www.dump.fm/static/BubblePinkR800x1600.png) no-repeat top right; +} + +.CBltgreyL .CBcontent, +.CBltgreyL .CBt, +.CBltgreyL .CBb, +.CBltgreyL .CBb div { + background:transparent url(http://www.dump.fm/static/BubbleLtGreyL800x1600.png) no-repeat top right; +} + +.CBltgreyR .CBcontent, +.CBltgreyR .CBt, +.CBltgreyR .CBb, +.CBltgreyR .CBb div { + background:transparent url(http://www.dump.fm/static/BubbleLtGreyR800x1600.png) no-repeat top right; +} + +.CBtxt .CBcontent { + position:relative; + zoom:1; + _overflow-y:hidden; + padding:5px 12px 0px 0px; +} + + +.CBtxt .CBt { + /* top+left vertical slice */ + position:absolute; + left:0px; + top:0px; + width:12px; /* top slice width */ + margin-left:-12px; + height:100%; + _height:1600px; /* arbitrary long height, IE 6 */ + background-position:top left; +} + +.CBtxt .CBb { + /* bottom */ + position:relative; + width:100%; +} + +.CBtxt .CBb, +.CBtxt .CBb div { + height:10px; /* height of bottom cap/shade */ + font-size:1px; +} + +.CBtxt .CBb { + background-position:bottom right; +} + +.CBtxt .CBb div { + position:relative; + width:12px; /* bottom corner width */ + margin-left:-12px; + background-position:bottom left; +} diff --git a/static/profile.css b/static/profile.css new file mode 100644 index 0000000..72bf4c7 --- /dev/null +++ b/static/profile.css @@ -0,0 +1,164 @@ + #profile { + float: right; + padding: 20px; + width: 180px; + margin-right:10%; + margin-top:0px; + background-color:#F7F7F7; + background-image:url(/static/cloudbg2.png); + background-position:center; + z-index:10; + box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:5px; + + 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-height:600px; + + } +#chatrap{ + top: 105px; + left:0px; + position:absolute; + width: 100%; + margin: 0; + padding-bottom:105px; +} +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:0px; + font-size:12px; + font-family:"Times New Roman", Times, serif; + background-image:url(/static/footer.png); + background-repeat:repeat-x; + background-position:top; + height:30px; + color: #333; + line-height: 2; +} +#log +{ + margin-right:10%; + margin-left:11%; + background-color:#FFF; + padding-left: 20px; + padding-bottom: 20px; + 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; + border:solid 5px #F5F5F5; +} +#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{ + + + + + padding: 15px; + font-family: Arial, Helvetica, sans-serif; + margin-left:15%; + width:50%; + + 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:500px; + line-height:15px; + background-color:#F5F5F5; + background-image:/static/footer.png; + background-position:bottom; + border:solid 1px #0f1e31; + z-index:4; + line-height:20px; + text-align: left; + margin:15px; + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + } + h2 {color:#989898; + letter-spacing:-1px; + font-weight:lighter;} + + 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; + } + + body { + + margin: 0; +} +body,td,th { + font-family: Arial, Helvetica, sans-serif; + +}@charset "UTF-8"; +/* CSS Document */ + diff --git a/static/register.html b/static/register.html index acc13da..acfaca4 100755 --- a/static/register.html +++ b/static/register.html @@ -1,34 +1,252 @@ -<html> - <head> - <title>dump.fm Registration</title> - <link rel="stylesheet" type="text/css" href="static/reset.css"> +<head> + <link rel="shortcut icon" href="static/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="static/sha1.js"></script> <script type="text/javascript" src="static/register.js"></script> <script> $(document).ready(initRegister); - </script> - </head> - <body> - <div id="registerbox"> - <h1>Register</h1> - <span>Nickname:</span> - <input type="text" id="nickInput" /> - <br /> - <span>Email:</span> - <input type="text" id="emailInput" /> - <br /> - <span>Password:</span> - <input type="password" id="passwordInput" /> - <br /> - <input type="submit" id="submit" value="register" /> + </script> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head> +<style type="text/css"> +<!-- +.white a:link { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:visited { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + background-color:#e3e3e3; + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +#header7{ + background-color:#666; + background-image:url(/static/dblue2.png); + background-attachment:fixed; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 60px; +} +#bar7{ + top:32px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 170px; + margin-left: 10%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} +#main { + background-position:center; + width:500px; + margin: 0px auto -1px auto; + top:150px; + height:420px; + z-index:2; + opacity:0.9; + border-top-left-radius:10px; + border-top-right-radius:10px; + -webkit-border-top-left-radius:10px; + -webkit-border-top-right-radius:10px; + -moz-border-radius-topleft:10px; + -moz-border-radius-topright:10px; + border-bottom-left-radius:10px; + border-bottom-right-radius:10px; + -webkit-border-bottom-left-radius:10px; + -webkit-border-bottom-right-radius:10px; + -moz-border-radius-bottomleft:10px; + -moz-border-radius-bottomright:10px; + border:solid 4px #F5F5F5; + position: relative; + background-color: #FFF; + background-position:center; + background-repeat:no-repeat; +} +#logout7{ + top:5px; + position:relative; + font-size:13px; + margin-right: 10px; + float:right; + z-index: 999; + font-family: "Times New Roman", Times, serif; +} +#logo7{ + top:20px; + margin-left: 10%; + margin-right: 10%; + z-index:1000; + float:left; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 78px; + z-index: 1000; +} +#bottombar{ + top: 69px; + left:0px; + position:absolute; + width: 100%; + height: 20px; + z-index: 1000; +} + +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + + background-color:#e3e3e3; + + background-image:url(static/brokenlink.gif); + background-position:center; + + background-repeat:no-repeat; + overflow:hidden; +} +.submit { + + + text-shadow: -1px 1px 1px #ccc; + + font-size:15px; +} +.feild { + height:40px; + width:300px; + border:3px #ccc; + background:#e3e3e3; + margin:10px; + font-size:30px; +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + text-shadow: -1px 1px 1px #ccc; +} + .line { + font-family:Arial, Helvetica, sans-serif; + + letter-spacing: -1px; + color:#000; + font-size:18px; + +} +.line2 { + font-family:Arial, Helvetica, sans-serif; + margin-right:12px; + + + color:#000; + font-size:13px; + +} + + +--> +</style> + +<body> +<div id="rapper7"> +<div id="header7"> + + <div id="bottombar"></div> + + + + <div align="center"> + <p><img src="static/wordlogo2.gif" width="500" height="239"><br> + </p> + </div> + + <div class="white"></div> + <div align="center"><br /> </div> +</div> +</div> +</div> +<div id="main" align="center"> - <div id="confirmationbox" style="display: none"> - <h1>You've registered!</h1> - <span>Please wait as you're redirected to the chat.</span> + <p align="center"><br /> + </p> + <div id="registerbox"> + <p align="right" class="line"> </p> + <p align="right" class="line"> </p> + <p align="center" class="line">Talk with pictures. + <h1 align="center"><br /> + <div id="registerbox"> + <div align="right"> + <p align="right" class="line2">With dump.fm you can share images<br> + from around the web or ones on your</p> + <p align="right" class="line2">computer, in realtime.</p> + <p align="right" class="line2"><br> + <em>We think you'll really dig it.</em></p> + <h1> </h1> + <h1><span>username</span> + <input type="text" class="feild"id="nickInput" /> + <br /> + + <span>password</span> + <input type="password"class="feild" id="passwordInput" /> + </h1> + <h1><span>email</span> + <input type="text" class="feild"id="emailInput" /> + </h1> + <h1> </h1> + <h1> <br /> + + </h1> + <div align="center"> + + <input type="submit" class="submit" id="submit" value="register" /> + </div> + </div> </div> + </div> + <div align="center"></div> + </div> +</div> + </div></div> + +</div> + </h1> + </div> +</div> + +<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onClick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div> - </body> -</html> +</body>
\ No newline at end of file diff --git a/static/reset.css b/static/reset.css index 1b1255d..37522ab 100755 --- a/static/reset.css +++ b/static/reset.css @@ -18,6 +18,7 @@ table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; vertical-align: baseline; background: transparent; + font-family: Arial, Helvetica, sans-serif; } body { line-height: 1; diff --git a/static/rhianamoney.gif b/static/rhianamoney.gif Binary files differnew file mode 100644 index 0000000..99f348a --- /dev/null +++ b/static/rhianamoney.gif diff --git a/static/s.png b/static/s.png Binary files differnew file mode 100644 index 0000000..fdc8c1d --- /dev/null +++ b/static/s.png diff --git a/static/shaq.gif b/static/shaq.gif Binary files differnew file mode 100644 index 0000000..cfdaa11 --- /dev/null +++ b/static/shaq.gif diff --git a/static/slo.png b/static/slo.png Binary files differnew file mode 100644 index 0000000..6ad74e6 --- /dev/null +++ b/static/slo.png diff --git a/static/spex.png b/static/spex.png Binary files differnew file mode 100644 index 0000000..fd0231f --- /dev/null +++ b/static/spex.png diff --git a/static/topb.png b/static/topb.png Binary files differnew file mode 100644 index 0000000..51cc4cc --- /dev/null +++ b/static/topb.png diff --git a/static/topbg.gif b/static/topbg.gif Binary files differnew file mode 100644 index 0000000..9432446 --- /dev/null +++ b/static/topbg.gif diff --git a/static/topbi.gif b/static/topbi.gif Binary files differnew file mode 100644 index 0000000..a032a08 --- /dev/null +++ b/static/topbi.gif diff --git a/static/topgrad.png b/static/topgrad.png Binary files differnew file mode 100644 index 0000000..b43b6cd --- /dev/null +++ b/static/topgrad.png diff --git a/static/uggs.gif b/static/uggs.gif Binary files differnew file mode 100644 index 0000000..a8b763a --- /dev/null +++ b/static/uggs.gif diff --git a/static/up.png b/static/up.png Binary files differnew file mode 100644 index 0000000..b13da1c --- /dev/null +++ b/static/up.png diff --git a/static/wayne.gif b/static/wayne.gif Binary files differnew file mode 100644 index 0000000..13dde42 --- /dev/null +++ b/static/wayne.gif diff --git a/static/wordlogo.gif b/static/wordlogo.gif Binary files differnew file mode 100644 index 0000000..dbef59d --- /dev/null +++ b/static/wordlogo.gif diff --git a/static/wordlogo2.gif b/static/wordlogo2.gif Binary files differnew file mode 100644 index 0000000..b6f22da --- /dev/null +++ b/static/wordlogo2.gif diff --git a/static/yb.png b/static/yb.png Binary files differnew file mode 100644 index 0000000..af2e410 --- /dev/null +++ b/static/yb.png diff --git a/template/chat.st b/template/chat.st index eb4ed1c..3a8f79f 100755 --- a/template/chat.st +++ b/template/chat.st @@ -1,34 +1,30 @@ <html> <head> <title>dump.fm</title> - <link rel="stylesheet" type="text/css" href="static/reset.css"> - <link rel="stylesheet" type="text/css" href="static/pichat.css"> - <link rel="stylesheet" type="text/css" href="static/style.css"> - <link rel="shortcut icon" href="static/favicon.ico"> + <link rel="stylesheet" type="text/css" href="/static/reset.css"> + <link rel="stylesheet" type="text/css" href="/static/pichat.css"> + + <link rel="shortcut icon" href="/static/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> - <script type="text/javascript" src="static/sha1.js"></script> - <script type="text/javascript" src="static/pichat.js"></script> + <script type="text/javascript" src="/static/sha1.js"></script> + <script type="text/javascript" src="/static/pichat.js"></script> <script> jQuery(document).ready(initChat); var Nick = $json_user_nick$; </script> </head> - <body> + +<body> - <div style="z-index: 100;"> + $header()$ - </div> +<div id="chatrap"><div id="logc"> <div id="content"> - <div id="chatbox"> - <div id="messagetabs"> - <div align="right"><a href="log.h"><img src="static/log4.png" width="97" height="39"></a></div> - </div> + + <div id="messagetabs"></div> <div id="rapper"> - <div id="userListicon"> - <div align="left"> - <p>UsrLst</p> - </div> + <div id="loghead"></div> </div> <div id="userList"> $users: { u | @@ -53,16 +49,19 @@ $endif$ </div> </div> + </div> </div> - - <div id="lillogo" align="center"> - <div align="center"> - <div id="binfo"> - <p>dump.fm lets you talk with pictures. beta 0.0127! <img src="static/lillogo.png" width="16" height="16"></p> - </div> + </div> + </div> + </div> - $footer()$ + <div id="footerc"> + <p> + $footer()$</p> + <p> + </p> + </div> </body> </html> diff --git a/template/header.st b/template/header.st index 4d45ffa..00dcba5 100755 --- a/template/header.st +++ b/template/header.st @@ -1,13 +1,133 @@ -<div id="header"> - <a href="/"><img src="/static/dddump.png" height="50" /></a> - <div style="float: right;"> - $if(user_nick)$ - <span>Hi, $user_nick$</span> - <a href="/u/$user_nick$">HOME</a> | - $else$ <a href="/">Login</a> | +<head> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + + </head> +<style type="text/css"> +<!-- +.white a:link { + text-decoration: none; + + color: #D9D9D9; +} +.white a:visited { + text-decoration: none; + + color: #D9D9D9; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + + + color: #fff; +} +.white a:active { + text-decoration: none; + + + color: #D9D9D9; +} +#header7{ + background-image:url(/static/dblue2.png); + background-attachment:inherit; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 69px; +} +#bar7{ + top:31px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + width: 500px; + font-size: 20px; + left: 150px; + margin-left: 11%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} +#logout7{ + top:5px; + position:relative; + font-size:12px; + margin-right: 10px; + float:right; + z-index: 999; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} +#logo7{ + top:20px; + margin-left: 10%; + margin-right: 10%; + z-index:1000; + float:left; +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 78px; + z-index: 1000; +} +p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + + background-color:#e3e3e3; + + background-position:center; + z-index:0; + +} + + +--> +</style> + +<body> +<div id="rapper7"> +<div id="header7"> + + + + + <div id="logo7"> + <div align="center"><img src="http://www.dump.fm/static/wordlogo2.gif" width="155" height="73"></div> + </div> + <div class="white"> + + <div id="bar7"> + <div style="float: left;"> + <div align="center">$if(user_nick)$ + <a href="/u/$user_nick$">Home</a> | + $else$ <a href="/register">Join</a> | $endif$ <a href="/chat">Room A</a> - $if(user_nick)$ | <a href="/logout">Logout</a>$endif$ - </div> + $if(user_nick)$ $endif$ + | Extras | Discover</div> + </div> + </div> </div> -<hr /> + <div id="logout7" class="white"> + <div align="center">$if(user_nick)$ <a href="/logout">Logout</a> $else$ <a href="/" class="btnav">Log In</a>$endif$ + </div> + </div> + <div align="center"><br /> + </div> +</div> +</div> +</div> + +</body>
\ No newline at end of file diff --git a/template/logged_dump.st b/template/logged_dump.st index 51b67c6..706f24b 100755 --- a/template/logged_dump.st +++ b/template/logged_dump.st @@ -1,8 +1,38 @@ + <style type="text/css"> + + .logged-dump { +img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; + } + .content { +img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; + } + +img{ + max-width:650px; + width: expression(this.width > 650 ? 650: true); + max-height:400px; + height: expression(this.width > 400 ? 400: true); + max-width:400px; + body { + background-image: url(static/bg4.png); +} + body,td,th { + font-family: Arial, Helvetica, sans-serif; +} + </style> <div class="logged-dump"> - $if(dump.avatar)$ - <img class="dump-avatar" src="$dump.avatar$" width="75" height="75"> - $endif$ - <div><b>$dump.nick$</b> -- $dump.created_on$</div> + + <div>$dump.created_on$</div> <div class="content">$dump.content$</div> <hr /> </div> diff --git a/template/profile.st b/template/profile.st index 034c648..d0c3edd 100755..100644 --- a/template/profile.st +++ b/template/profile.st @@ -1,48 +1,26 @@ <html> - <head> - <title>$nick$ | PERSONAL DUMP LOG</title> - <link rel="shortcut icon" href="static/favicon.ico"> +<head> + <title>$nick$'s dump.fm</title> + <link rel="shortcut icon" href="/static/favicon.ico"> + <link rel="stylesheet" type="text/css" href="/static/profile.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="/static/pichat.js"></script> - <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> + <script type="text/javascript" src="/static/background.js"></script> +<script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> <style type="text/css"> - #profile { - float: right; - border: 1px solid black; - padding: 10px; - width: 25%; - } - - .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; - } - + </style> - <script> +<script> jQuery(document).ready(initProfile); </script> - </head> - <body> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head> +<body> $header()$ - <h1>$nick$ | PERSONAL DUMP LOG</h1> +<div id="chatrap"> + <div id="profile"> + <h2>$nick$</h2> $if(avatar)$ @@ -55,26 +33,45 @@ <div id="avatar" class="editable">$avatar$</div> $endif$ - <h3>Contact:</h3> + <h3>contact info</h3> <div id="contact" $if(is_home)$class="editable"$endif$>$contact$</div> <br> - <h3>Bio:</h3> + <h3>personal info</h3> <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div> <br> </div> - <div id="log"> - <h2>Log</h2> - - $if(dumps)$ + <div id="log"> + <div id="loghead"> + $nick$'s log + </div><div id="posts"> + <hr align="left" width="70%"> + <p> </p> + <p>$if(dumps)$ $dumps:{ d | $logged_dump(dump=d)$ }$ - $else$ - <h3>No dumps yet!</h3> - $endif$ - + $else$ </p> +<h3>This is your user log, its where all the images you post are saved. <br> + To get started join <a href="/chat">Room A</a> and post a few pictures.</h3> + <p>$endif$ </p> + <p> </p> + <hr align="left" width="70%"> + <p> </p> + <p><img + src="broken.png" + onerror="this.style.display='none'" +/></p> </div> +</div> + <div id="footer"> + <p> + $footer()$</p> + <p> + </p> +</div> +</div> + +<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onclick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div> - $footer()$ - </body> +</body> </html> |
