From 5a8312ca25868679df1acb3b3fc208482460ee0e Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Tue, 15 Dec 2009 22:09:02 -0500 Subject: New design --- static/BubbleBlueL800x1600.png | Bin 0 -> 13278 bytes static/BubbleBlueR800x1600.png | Bin 0 -> 13282 bytes static/BubbleLtGreyL800x1600.png | Bin 0 -> 9646 bytes static/BubbleLtGreyR800x1600.png | Bin 0 -> 9699 bytes static/BubblePinkL800x1600.png | Bin 0 -> 10265 bytes static/BubblePinkR800x1600.png | Bin 0 -> 10343 bytes static/background.js | 33 +++ static/background13.gif | Bin 0 -> 100 bytes static/background4.gif | Bin 0 -> 92 bytes static/bg-random.gif | Bin 0 -> 43 bytes static/bg55.png | Bin 0 -> 1043 bytes static/bgto.gif | Bin 0 -> 160 bytes static/blink.gif | Bin 0 -> 17510 bytes static/bluego.png | Bin 0 -> 6888 bytes static/britglobe2.gif | Bin 0 -> 93378 bytes static/brokenlink.gif | Bin 0 -> 38861 bytes static/d.png | Bin 0 -> 2073 bytes static/d3d1.gif | Bin 0 -> 16122 bytes static/dblue.png | Bin 0 -> 4141 bytes static/dblue2.png | Bin 0 -> 222 bytes static/dump.css | 103 ++++++++ static/dump.gif | Bin 0 -> 4026 bytes static/dumpbgword.gif | Bin 0 -> 180569 bytes static/dumpd.gif | Bin 0 -> 17785 bytes static/dumpd.png | Bin 0 -> 33510 bytes static/dumpl2.png | Bin 0 -> 6088 bytes static/favicon.ico | Bin 1406 -> 1406 bytes static/footer.png | Bin 0 -> 243 bytes static/footer1.png | Bin 0 -> 190 bytes static/forealz.gif | Bin 0 -> 4985 bytes static/gaga.gif | Bin 0 -> 52895 bytes static/grad2.png | Bin 0 -> 1633 bytes static/header.st | 133 ++++++++++ static/index.html | 310 +++++++++++++++------- static/lil-wayne.jpg | Bin 0 -> 104782 bytes static/logo.png | Bin 0 -> 2706 bytes static/main2.css | 152 ++++++++--- static/mask_shaq.jpg | Bin 0 -> 251039 bytes static/over.png | Bin 0 -> 12633 bytes static/pichat.css | 553 +++++++++++++++++++++++++++++++++++---- static/profile.css | 164 ++++++++++++ static/register.html | 266 +++++++++++++++++-- static/reset.css | 1 + static/rhianamoney.gif | Bin 0 -> 337134 bytes static/s.png | Bin 0 -> 115 bytes static/shaq.gif | Bin 0 -> 118610 bytes static/slo.png | Bin 0 -> 3471 bytes static/spex.png | Bin 0 -> 2404 bytes static/topb.png | Bin 0 -> 266 bytes static/topbg.gif | Bin 0 -> 119 bytes static/topbi.gif | Bin 0 -> 868 bytes static/topgrad.png | Bin 0 -> 319 bytes static/uggs.gif | Bin 0 -> 4436 bytes static/up.png | Bin 0 -> 4951 bytes static/wayne.gif | Bin 0 -> 58068 bytes static/wordlogo.gif | Bin 0 -> 7314 bytes static/wordlogo2.gif | Bin 0 -> 8515 bytes static/yb.png | Bin 0 -> 665 bytes template/chat.st | 47 ++-- template/header.st | 140 +++++++++- template/logged_dump.st | 38 ++- template/profile.st | 91 ++++--- 62 files changed, 1752 insertions(+), 279 deletions(-) create mode 100644 static/BubbleBlueL800x1600.png create mode 100644 static/BubbleBlueR800x1600.png create mode 100644 static/BubbleLtGreyL800x1600.png create mode 100644 static/BubbleLtGreyR800x1600.png create mode 100644 static/BubblePinkL800x1600.png create mode 100644 static/BubblePinkR800x1600.png create mode 100644 static/background.js create mode 100644 static/background13.gif create mode 100644 static/background4.gif create mode 100644 static/bg-random.gif create mode 100644 static/bg55.png create mode 100644 static/bgto.gif create mode 100644 static/blink.gif create mode 100644 static/bluego.png create mode 100644 static/britglobe2.gif create mode 100644 static/brokenlink.gif create mode 100644 static/d.png create mode 100644 static/d3d1.gif create mode 100644 static/dblue.png create mode 100644 static/dblue2.png create mode 100644 static/dump.css create mode 100644 static/dump.gif create mode 100644 static/dumpbgword.gif create mode 100644 static/dumpd.gif create mode 100644 static/dumpd.png create mode 100644 static/dumpl2.png create mode 100644 static/footer.png create mode 100644 static/footer1.png create mode 100644 static/forealz.gif create mode 100644 static/gaga.gif create mode 100644 static/grad2.png create mode 100644 static/header.st mode change 100755 => 100644 static/index.html create mode 100644 static/lil-wayne.jpg create mode 100644 static/logo.png create mode 100644 static/mask_shaq.jpg create mode 100644 static/over.png create mode 100644 static/profile.css create mode 100644 static/rhianamoney.gif create mode 100644 static/s.png create mode 100644 static/shaq.gif create mode 100644 static/slo.png create mode 100644 static/spex.png create mode 100644 static/topb.png create mode 100644 static/topbg.gif create mode 100644 static/topbi.gif create mode 100644 static/topgrad.png create mode 100644 static/uggs.gif create mode 100644 static/up.png create mode 100644 static/wayne.gif create mode 100644 static/wordlogo.gif create mode 100644 static/wordlogo2.gif create mode 100644 static/yb.png mode change 100755 => 100644 template/profile.st diff --git a/static/BubbleBlueL800x1600.png b/static/BubbleBlueL800x1600.png new file mode 100644 index 0000000..3329e11 Binary files /dev/null and b/static/BubbleBlueL800x1600.png differ diff --git a/static/BubbleBlueR800x1600.png b/static/BubbleBlueR800x1600.png new file mode 100644 index 0000000..320a743 Binary files /dev/null and b/static/BubbleBlueR800x1600.png differ diff --git a/static/BubbleLtGreyL800x1600.png b/static/BubbleLtGreyL800x1600.png new file mode 100644 index 0000000..d0728da Binary files /dev/null and b/static/BubbleLtGreyL800x1600.png differ diff --git a/static/BubbleLtGreyR800x1600.png b/static/BubbleLtGreyR800x1600.png new file mode 100644 index 0000000..5c8abad Binary files /dev/null and b/static/BubbleLtGreyR800x1600.png differ diff --git a/static/BubblePinkL800x1600.png b/static/BubblePinkL800x1600.png new file mode 100644 index 0000000..a2e3ccb Binary files /dev/null and b/static/BubblePinkL800x1600.png differ diff --git a/static/BubblePinkR800x1600.png b/static/BubblePinkR800x1600.png new file mode 100644 index 0000000..97c59fb Binary files /dev/null and b/static/BubblePinkR800x1600.png differ 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 + + + + + + + + +
+
+ + + + +
+
+
+
+ +
+
+
$if(user_nick)$  + Home | + $else$ Join | + $endif$ + Room A + $if(user_nick)$ $endif$ + | Extras | Discover
+
+
+
+
+
$if(user_nick)$ Logout $else$ Log In$endif$ +
+
+

+
+
+
+ + + \ No newline at end of file diff --git a/static/index.html b/static/index.html old mode 100755 new mode 100644 index 1daa65f..fb5224e --- a/static/index.html +++ b/static/index.html @@ -1,99 +1,227 @@ - - - - - dump.fm - - + + - - - - -
- - + + + + + + +
+ + \ No newline at end of file diff --git a/static/lil-wayne.jpg b/static/lil-wayne.jpg new file mode 100644 index 0000000..34c6481 Binary files /dev/null and b/static/lil-wayne.jpg differ diff --git a/static/logo.png b/static/logo.png new file mode 100644 index 0000000..a52b0c9 Binary files /dev/null and b/static/logo.png differ 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 new file mode 100644 index 0000000..4c04e8b Binary files /dev/null and b/static/mask_shaq.jpg differ diff --git a/static/over.png b/static/over.png new file mode 100644 index 0000000..f80754b Binary files /dev/null and b/static/over.png differ 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 @@ - - - dump.fm Registration - + + - - -
-

Register

- Nickname: - -
- Email: - -
- Password: - -
- + + + + + + + + +
+
+ +
+ + + +
+


+

+
+ +
+

+
+
+
+
- +
+ + + + + + + +
- - + \ 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 new file mode 100644 index 0000000..99f348a Binary files /dev/null and b/static/rhianamoney.gif differ diff --git a/static/s.png b/static/s.png new file mode 100644 index 0000000..fdc8c1d Binary files /dev/null and b/static/s.png differ diff --git a/static/shaq.gif b/static/shaq.gif new file mode 100644 index 0000000..cfdaa11 Binary files /dev/null and b/static/shaq.gif differ diff --git a/static/slo.png b/static/slo.png new file mode 100644 index 0000000..6ad74e6 Binary files /dev/null and b/static/slo.png differ diff --git a/static/spex.png b/static/spex.png new file mode 100644 index 0000000..fd0231f Binary files /dev/null and b/static/spex.png differ diff --git a/static/topb.png b/static/topb.png new file mode 100644 index 0000000..51cc4cc Binary files /dev/null and b/static/topb.png differ diff --git a/static/topbg.gif b/static/topbg.gif new file mode 100644 index 0000000..9432446 Binary files /dev/null and b/static/topbg.gif differ diff --git a/static/topbi.gif b/static/topbi.gif new file mode 100644 index 0000000..a032a08 Binary files /dev/null and b/static/topbi.gif differ diff --git a/static/topgrad.png b/static/topgrad.png new file mode 100644 index 0000000..b43b6cd Binary files /dev/null and b/static/topgrad.png differ diff --git a/static/uggs.gif b/static/uggs.gif new file mode 100644 index 0000000..a8b763a Binary files /dev/null and b/static/uggs.gif differ diff --git a/static/up.png b/static/up.png new file mode 100644 index 0000000..b13da1c Binary files /dev/null and b/static/up.png differ diff --git a/static/wayne.gif b/static/wayne.gif new file mode 100644 index 0000000..13dde42 Binary files /dev/null and b/static/wayne.gif differ diff --git a/static/wordlogo.gif b/static/wordlogo.gif new file mode 100644 index 0000000..dbef59d Binary files /dev/null and b/static/wordlogo.gif differ diff --git a/static/wordlogo2.gif b/static/wordlogo2.gif new file mode 100644 index 0000000..b6f22da Binary files /dev/null and b/static/wordlogo2.gif differ diff --git a/static/yb.png b/static/yb.png new file mode 100644 index 0000000..af2e410 Binary files /dev/null and b/static/yb.png differ 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 @@ dump.fm - - - - + + + + - - + + - + + -
+ $header()$ -
+
-
-
-
-
+ +
-
-
-

UsrLst

-
+
$users: { u | @@ -53,16 +49,19 @@ $endif$
+
- - +
- $footer()$ +
+

+ $footer()$

+

+

+
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 @@ - + + \ 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 @@ +
- $if(dump.avatar)$ - - $endif$ -
$dump.nick$ -- $dump.created_on$
+ +
$dump.created_on$
$dump.content$
diff --git a/template/profile.st b/template/profile.st old mode 100755 new mode 100644 index 034c648..d0c3edd --- a/template/profile.st +++ b/template/profile.st @@ -1,48 +1,26 @@ - - $nick$ | PERSONAL DUMP LOG - + + $nick$'s dump.fm + + - + + - - - + + $header()$ -

$nick$ | PERSONAL DUMP LOG

+
+
+

$nick$

$if(avatar)$ @@ -55,26 +33,45 @@
$avatar$
$endif$ -

Contact:

+

contact info

$contact$

-

Bio:

+

personal info

$bio$

-
-

Log

- - $if(dumps)$ +
+
+ $nick$'s log +
+
+

 

+

$if(dumps)$ $dumps:{ d | $logged_dump(dump=d)$ }$ - $else$ -

No dumps yet!

- $endif$ - + $else$

+

This is your user log, its where all the images you post are saved.
+ To get started join Room A and post a few pictures.

+

$endif$

+

 

+
+

 

+

+
+ +
+ +
- $footer()$ - + -- cgit v1.2.3-70-g09d2