diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-05-04 18:16:30 -0400 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-05-04 18:16:30 -0400 |
| commit | 93a514a67c0560918469e367c1146e6bf0876030 (patch) | |
| tree | 2fa6e6daf57d2194acd83c5e0d4895d4c56e9ec2 /static | |
| parent | ffc8c21f28e4d26c32620ea67b7fb0c2aa321cfd (diff) | |
sostler prod commit
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/index.css | 30 | ||||
| -rw-r--r-- | static/css/pages.css | 4 | ||||
| -rw-r--r-- | static/css/profiletest.css | 516 | ||||
| -rw-r--r-- | static/css/register.css | 2 | ||||
| -rw-r--r-- | static/css/win.css | 11 | ||||
| -rw-r--r-- | static/js/pichat.js | 10 | ||||
| -rw-r--r-- | static/register.html | 55 |
7 files changed, 577 insertions, 51 deletions
diff --git a/static/css/index.css b/static/css/index.css index 1b99c1e..bf15dc4 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -7,6 +7,9 @@ body { background-position:top; } +#passwordreset{ + +} #video{ display:none; } @@ -178,7 +181,26 @@ p { font-size:15px; z-index: 11; } - +#submit{ +cursor:pointer; + display:inline-block; + width:300px; + height:33px; + font-size:20px; + background-image:url(/static/img/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:12px; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; +} input { height:40px; width:300px; @@ -246,4 +268,10 @@ margin-bottom:7px; } #remember{margin-top:-6px;} #remember a{text-decoration:none;font-size:13px;margin-left:14px;color:#f0e;} +#furie3 { + position: absolute; + left:385px; + top:240px; + z-index: 10; +} diff --git a/static/css/pages.css b/static/css/pages.css index c16d34c..875a9c3 100644 --- a/static/css/pages.css +++ b/static/css/pages.css @@ -108,10 +108,10 @@ top:80; } .invisible { display: none !important; } body{ - background-color:#ffffee; - background-image:url(/static/img/chanbg.png); + background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x; background-repeat:repeat-x; background-position:top; + background-position:top; background-attachment:fixed; margin: 0; diff --git a/static/css/profiletest.css b/static/css/profiletest.css new file mode 100644 index 0000000..0092a09 --- /dev/null +++ b/static/css/profiletest.css @@ -0,0 +1,516 @@ +#activestuff{ + +position:absolute; +left:-225; +border:2px solid #ccc; +width:160px; +margin-top:34; +background-color:#fff; +padding:10; +height:400px; +} +#newfavs{ +border:2px solid #ccc; +margin-top:22; +margin-bottom:10; +padding:3; + 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; +} +#newfavs img{width:4%; + +} + +#newdogs{ +border:2px solid #ccc; +margin-bottom:-8; +padding:3; + 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; +} + + +#edit-toggle{ +position:absolute; +top:0; +right:0; +height:auto; +background-image:url(/static/img/upload.png); +width:auto; +padding:2; +color:#fff; +text-align:center; +background-color:#0c8fff; +border-bottom:1px solid #f0e0d6; +border-left:1px solid #f0e0d6; + box-shadow:5px 5px 5px #d8dbde; + -webkit-box-shadow:5px 5px 5px #d8dbde; + -moz-box-shadow:5px 5px 5px #d8dbde; + +} +#edit-toggle a{font-size:12; +letter-spacing:; + +color:#fff; +} +#edit-toggle a:hover{font-size:12; +letter-spacing:; + +} + + #profile { + float: right; + padding: 20px; +width:auto; + position:absolute; + top:29px; +image-rendering: -moz-crisp-edges; +left:545; +max-width:180; + margin-top:34px; +background-color:#fff; + overflow: hidden; + text-overflow: ellipsis; + height:auto; + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; +border:1px solid #f0e0d6; + line-height:1.5; + } +#lolbanner{ +position:absolute; +top:5; +margin-left:22; +} +#profile h3{ +margin-top:12; +line-height:2; +color:#fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +#profile h2{ +text-indent:-10; +margin-top:-5; +margin-bottom:15; +} +#logavatar{ +margin-left:-49; +height:22; +background-image:url(/static/img/leftarrow.png); + background-repeat:no-repeat; + background-position:22 1; +margin-top:-22; + +} +#profile h7{ +margin-top:12; +font-size:140%; +letter-spacing:1.5; +color:blue; +text-transform:uppercase; +font-weight:bold; +display:inline-block; +line-height:1.5; +bottom:0; +padding-bottom:10; +position:absolute; +text-shadow:#EEF2FF -1px -1px 1; +} + +#logavatar img{ + max-width:20px; + width: expression(this.width > 20 ? 20: true); + max-height:20px; + height: expression(this.width > 20 ? 20: true); + max-width:20px; +margin-top:0; + box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde; + +} +#chatrap{ + width:550; +left:300; + + margin-left:auto; + margin-right: auto ; +} + + +} + +#upload{ +display:inline-block; + width:181px; + height:33px; + font-size:20px; + background-image:url(/static/img/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:15; +margin-bottom:0; +margin-left:-2; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; + +} +#pnav{position:absolute; +padding-left:270; +margin-top:15; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} +#pnavo{ +margin-top:-18; +padding:2; +width:105; +letter-spacing:-2; +text-indent:6; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; +height:32; +text-transform:capitalize; + background-image:url(/static/img/upload.png); + + +} +#pnavn{ +position:absolute; +top:-1; +left:395; +letter-spacing:-2; +text-indent:5; +width:96; +height:32; +padding:2; +border:1px; + background-image:url(/static/img/upload.png); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} +a:active { + text-decoration: none; + color: #000; +} +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:-50px; +padding-bottom:4; +line-height:1; + font-size:11px; +word-spacing:6px; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; +} +#footer a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + + +#log +{ + position:absolute; + + top:57px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.content2 img{ + max-width:5000px; + width: expression(this.width > 5000 ? 5000: true); + max-height:4000px; + height: expression(this.width > 5000 ? 5000: true); + border:0px; + z-index:4; + } +.logged-dump{ +width:500; + max-width:500px; +text-overflow: ellipsis-word; + padding: 18px 18px 6px 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #f0e0d6; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + + + #newuser + { + border-top-left-radius: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:15px; +border:1px solid black; + box-shadow: 0 0 10px #d8dbde, 1px 1px 1px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 1px 1px 1px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 1px 1px 1px #d8dbde; +padding:20; +line-height:1.5; +height:auto; +margin-top:-100px; + width:600; + + background-image:url(/static/img/hearts.gif); +margin-left:40} + + #newuser a{font-size:28; +line-height:3; + text-shadow: 1px 1px 1px #000; +letter-spacing:-1; +color:#f0e; + + +} +.logged-dump a:hover { + text-decoration: none; + color: #00F; +} +#newuser h1{font-size:20; +letter-spacing:-2; +color:#fff; +text-indent:250; text-shadow: 1px 1px 1px #000; +display:none; +text-transform:uppercase; + +} +#newuser h3{font-size:18; +letter-spacing:-1; +color:#000; + text-shadow: 1px 1px 1px #ccc; +text-transform:uppercase; + +} +#newuser h2{font-size:35; +margin-top:-10; +color:#000; + text-shadow: 0px 2px px #f0e; +text-transform:lowercase; +letter-spacing:5; +text-align:center; + +} +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/img/welcomebar.gif); +} +.invisible { display: none !important; } +body,td,th { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/img/chanbg.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + + +}@charset "UTF-8"; diff --git a/static/css/register.css b/static/css/register.css index 4339cc9..57691a5 100644 --- a/static/css/register.css +++ b/static/css/register.css @@ -167,7 +167,7 @@ line-height:1; #submit { - + cursor:pointer; display:inline-block; width:300px; height:35px; diff --git a/static/css/win.css b/static/css/win.css index 6b59e51..21f235c 100644 --- a/static/css/win.css +++ b/static/css/win.css @@ -1,15 +1,6 @@ /* CSS Document */ - -body { - font-family: Arial, Helvetica, sans-serif; - background-color:#ffffee; - background-image:url(/static/img/chanbg.png); - background-repeat:repeat-x; - background-position:1 10; -background-attachment:fixed; - margin: 0; -} + #content { font-family: Arial, Helvetica, sans-serif; diff --git a/static/js/pichat.js b/static/js/pichat.js index ab95c77..d8f71c6 100644 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -182,7 +182,7 @@ function buildMessageDiv(msg, isLoading) { var loadingClass = isLoading ? ' loading' : ''; var containsImageClass = LastMsgContainsImage ? ' contains-image' : ''; return '<div class="msgDiv dump ' + loadingClass + containsImageClass + '" ' + msgId + '>' - + '<span class="nick"><b><a href="/u/' + nick + ' ">' + nick + '</a></b>' + + '<span class="nick"><b><a href="/' + nick + ' ">' + nick + '</a></b>' + ' <img src="'+Imgs.chatThumbDot+'" class="chat-thumb" onclick="Tag.favorite(this)"> ' + '</span>' + buildMsgContent(msg.content) @@ -192,12 +192,12 @@ function buildMessageDiv(msg, isLoading) { function buildUserDiv(user) { if (user.avatar) { return '<div class="username">' - + '<a href="/u/' + escapeHtml(user.nick) + '" target="_blank">' + + '<a href="/' + escapeHtml(user.nick) + '" target="_blank">' + '<img src="' + user.avatar + '" width="50" height="50">' + escapeHtml(user.nick) + '</a></div>'; } else { return '<div class="username">' - + '<a href="/u/' + escapeHtml(user.nick) + '" target="_blank">' + + '<a href="/' + escapeHtml(user.nick) + '" target="_blank">' + '<img src="/static/img/noinfo.png" width="50" height="50">' + escapeHtml(user.nick) + '</a></div>'; } @@ -207,7 +207,7 @@ function buildUserDiv(user) { function buildGrowlDataAndPopDatShit(msg) { var nick = escapeHtml(msg.nick); - nick = '<a href="/u/' + nick + ' " style="color:pink">' + nick + '</a>:' + nick = '<a href="/' + nick + ' " style="color:pink">' + nick + '</a>:' var msg = buildMsgContent(msg.content) growl(nick, msg) } @@ -489,7 +489,7 @@ function initProfile() { t.html(buildMsgContent(t.text())); }); initLogThumb() - if (window.location.href == 'http://dump.fm/u/scottbot') { + if (window.location.href == 'http://dump.fm/scottbot') { $('body').append($('<embed src="/static/tunes/busters.mid" autostart="true" hidden="true">')); } }; diff --git a/static/register.html b/static/register.html index 644ad2b..00540d7 100644 --- a/static/register.html +++ b/static/register.html @@ -7,55 +7,46 @@ $(document).ready(initRegister); </script> <link rel="stylesheet" type="text/css" href="static/css/reset.css"> - <link rel="stylesheet" type="text/css" href="static/css/register.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>dump.fm - register</title></head> - - + <link rel="stylesheet" type="text/css" href="static/css/index.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> <body> -<div id="rapper7"> -<div id="header7"> - <div id="bottombar"></div> - <div align="center"> -<br> - </div> - <div class="white"></div> - <div align="center"><br /></div> -</div> -</div> -</div> -<div id="main" align="center"> +<div id="rapper"></div> +<div id="content" style="z-index:77;"> - <p align="center"> +<div id="main" align="center"> - <div id="registerbox"> + <div id="passwordreset"> <img src="/static/img/furie3.png" id="furie3" /> - <a href="/"><img src="static/img/fundump.png"></a> - <div align="right"> - <h1> </h1> - <h1><span>username</span> + <div id="passwordreset"> + <div id="logo-and-text"> + <a href="/"><img src="/static/img/dumpclearlogo2.png"></a> + <div align="center"> + <label style="text-align:left;margin-bottom:-8px;">username</label> <input type="text" class="field"id="nickInput" /> - <br /> + <br> - <span>password</span> + <label style="text-align:left;margin-bottom:-8px;">password</label> <input type="password" class="field" id="passwordInput" /> - <br /> - <span>password2x</span> + <br> + <label style="text-align:left;margin-bottom:-8px;">password2x</label> <input type="password" class="field" id="passwordInput2" /> - </h1> - <h1><span>email</span> + <label style="text-align:left;margin-bottom:-8px;">email</label> <input type="text" class="field"id="emailInput" /> </h1> </form> - <h1><br /> + <br> - </h1> + <div align="center"> <input type="submit" class="submit" id="submit" value="Register!" /> </div> |
