diff options
| -rwxr-xr-x | static/chat.st | 69 | ||||
| -rw-r--r-- | static/header.css | 10 | ||||
| -rwxr-xr-x | static/header.st | 133 | ||||
| -rw-r--r-- | static/mouseover.gif | bin | 0 -> 9569 bytes | |||
| -rw-r--r-- | static/pichat.css | 19 | ||||
| -rw-r--r-- | static/profile.css | 109 | ||||
| -rwxr-xr-x | template/header.st | 122 | ||||
| -rwxr-xr-x | template/profile.st | 45 |
8 files changed, 122 insertions, 385 deletions
diff --git a/static/chat.st b/static/chat.st deleted file mode 100755 index e601350..0000000 --- a/static/chat.st +++ /dev/null @@ -1,69 +0,0 @@ -<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="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> - jQuery(document).ready(initChat); - var Nick = $json_user_nick$; - </script> - </head> - -<body> - - - $header()$ - -<div id="chatrap"><div id="logc"> - <div id="content"> - - <div id="messagetabs"></div> - <div id="rapper"> - <div id="loghead"></div> - </div> - <div id="userList"> - $users: { u | - <div class="username"><img src="/static/cat.jpeg" width="50" height="50">$u$ <br> - <hr> - </div> - }$ - </div> - - <div id="messagePane"> - <div id="messageList"> - $messages: { m | - <div class="msgDiv oldmsg"><b>$m.nick$: </b> - <span class="content">$m.content$<span></div> - }$ - <hr /> - </div> - $if(user_nick)$ - <div id="msgInputDiv"> - <input id="msgInput" class="msgInput" type="input" /> - <input id="msgSubmit" type="submit" value="Send Image URL" - /> - </div> - $endif$ - </div> - </div> - - </div> - </div> - </div> - - </div> - - </div> - <div id="footerc"> - <p> - $footer()$</p> - <p> - </p> - </div> - </body> -</html> diff --git a/static/header.css b/static/header.css index e2357c4..2087142 100644 --- a/static/header.css +++ b/static/header.css @@ -10,10 +10,12 @@ } .white a:hover { text-decoration: none; - text-shadow: -1px 1px 1px #ccc; + text-shadow: -1px 1px 1px #; + background-color:#036aca; - color: #FFF; + + color: #fff; } .white a:active { text-decoration: none; @@ -26,6 +28,7 @@ background-attachment:inherit; margin: 0px auto -1px auto; top: 0px; + position:fixed; width:100%; left: 0px; height: 69px; @@ -37,7 +40,7 @@ width: 500px; font-size: 18px; left: 150px; - margin-left: 2%; + margin-left: 3%; margin-right: 8%; letter-spacing: -1px; z-index: 999; @@ -58,6 +61,7 @@ margin-right: 10%; z-index:1000; float:left; + margin-top: 3px; } #rapper7{ top: 0px; diff --git a/static/header.st b/static/header.st deleted file mode 100755 index cd8be34..0000000 --- a/static/header.st +++ /dev/null @@ -1,133 +0,0 @@ -<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/mouseover.gif b/static/mouseover.gif Binary files differnew file mode 100644 index 0000000..2c6ee3e --- /dev/null +++ b/static/mouseover.gif diff --git a/static/pichat.css b/static/pichat.css index 7130dd7..f7ec7a8 100644 --- a/static/pichat.css +++ b/static/pichat.css @@ -58,7 +58,7 @@ a:active { #messagePane { border: 2px solid #15fff3; -height:80%; +height:78%; padding: 5px; position:fixed; width: 98%; @@ -170,7 +170,7 @@ top:15px; #userList { overflow-x: hidden; - height: 78%; + height: 75%; margin: 0px; position: absolute; padding: 5px; @@ -180,7 +180,7 @@ top:15px; right: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; - font-weight:400; + font-weight:420; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; @@ -194,7 +194,7 @@ top:15px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; min-width:90px; - line-height:15px; + text-overflow:ellipsis; @@ -224,7 +224,7 @@ height:100%; color:#000; text-decoration:none; -background-color:#f5f5f5; +background-color:#f3f3f3; border-top-right-radius:5px; @@ -380,14 +380,12 @@ background-color:#f5f5f5; position:absolute; width:100%; bottom:0px; - font-size:10px; + font-size:7px; font-family:"Times New Roman", Times, serif; background-image:url(/static/footer.png); background-repeat:repeat-x; background-position:top; - height:30px; color: #000; - line-height: 2; } #log { @@ -491,7 +489,10 @@ background-color:#f5f5f5; left: -40px; } -p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } +p { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 7px; +} td { font-family: Arial, Helvetica, sans-serif; letter-spacing:-1px; diff --git a/static/profile.css b/static/profile.css index 2984f43..ff11cac 100644 --- a/static/profile.css +++ b/static/profile.css @@ -2,36 +2,35 @@ float: right; padding: 20px; width: 180px; - margin-top:0px; - background-color:#F7F7F7; +position:absolute; +top:0px; +right:15; + margin-top:15px; + background-color:#f5f5f5; background-image:url(/static/spex.ppng); - border:solid 5px #F5F5F5; + border:solid 1px #999; + + + 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; - margin-right: 5%; + z-index:999; + +min-height:600px; +height:98%; + +line-height:1.6; + } #chatrap{ - top: 80px; - left:0px; - position:absolute; - width: 100%; - margin: 0; + top: 10px; +min-width:800px; + + position:relative; + +width:100%; + padding-bottom:105px; + } #footer { @@ -41,7 +40,7 @@ bottom:0px; font-size:12px; font-family:"Times New Roman", Times, serif; - background-image:url(/static/footer.png); + background-image:url(/static/footer.pg); background-repeat:repeat-x; background-position:top; height:30px; @@ -50,10 +49,13 @@ } #log { - margin-right:5%; - margin-left:5%; - background-color:#FFF; - padding-left: 20px; + + background-color:#f; + +position:absolute; +width:100%; +top:50px; +margin-right:5px; padding-bottom: 20px; padding-top: 15px; min-height: 800px; @@ -69,7 +71,7 @@ -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; - border:solid 5px #F5F5F5; + border:solid 5px #f; } #posts { @@ -91,26 +93,26 @@ - padding: 15px; font-family: Arial, Helvetica, sans-serif; - margin-left:15%; - width:50%; + +margin-right:15px; + + 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-color:#fff; background-image:/static/footer.png; background-position:bottom; - border:solid 1px #0f1e31; + z-index:4; line-height:20px; text-align: left; - margin:15px; + margin-left:15px; } .editable { @@ -124,9 +126,18 @@ text-overflow: ellipsis; } h2 { - color:#000; + letter-spacing:-1px; font-weight:lighter; +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; } img#avatarPic { @@ -138,20 +149,7 @@ 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; + font-size:1px; } body { @@ -160,6 +158,7 @@ } body,td,th { font-family: Arial, Helvetica, sans-serif; + overflow-x:hidden; }@charset "UTF-8"; /* CSS Document */ diff --git a/template/header.st b/template/header.st index ec7c9f9..c6acad4 100755 --- a/template/header.st +++ b/template/header.st @@ -1,102 +1,39 @@ <head> - <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="stylesheet" type="text/css" href="/static/reset.css"> + <link rel="stylesheet" type="text/css" href="/static/header.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"> + <script type="text/javascript"> <!-- -.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:35px; - position:absolute; - font-family: Arial, Helvetica, sans-serif; - width: 500px; - font-size: 18px; - left: 150px; - margin-left: 1%; - margin-right: 8%; - letter-spacing: -1px; - z-index: 999; +function MM_swapImgRestore() { //v3.0 + var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } -#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; +function MM_preloadImages() { //v3.0 + var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); + var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) + if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } -#logo7{ - top:20px; - margin-left: 1%; - 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; - + +function MM_findObj(n, d) { //v4.01 + var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { + d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} + if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; + for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); + if(!x && d.getElementById) x=d.getElementById(n); return x; } +function MM_swapImage() { //v3.0 + var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) + if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} +} +//--> + </script> +</head> +<style type="text/css"> ---> </style> -<body> +<body onLoad="MM_preloadImages('/static/mouseover.gif')"> <div id="rapper7"> <div id="header7"> @@ -104,19 +41,18 @@ body { <div id="logo7"> - <div align="center"><img src="http://www.dump.fm/static/wordlogo2.gif" width="155" height="73"></div> + <div align="center"><a href="/chat" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/static/mouseover.gif',1)"><img src="/static/wordlogo2.gif" name="Image2" width="153" height="73" border="0"></a></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> | + <a href="/u/$user_nick$">Profile</a> | + $else$ <a href="/register">Register</a> | $endif$ <a href="/chat">Room A</a> - $if(user_nick)$ $endif$ - | Extras | Discover</div> + $if(user_nick)$ $endif$</div> </div> </div> </div> diff --git a/template/profile.st b/template/profile.st index d0c3edd..a9dcfd9 100755 --- a/template/profile.st +++ b/template/profile.st @@ -19,6 +19,27 @@ <div id="chatrap"> + <div id="log"> + <div id="loghead"> + $nick$'s log + </div><div id="posts"> + + + <p>$if(dumps)$ + $dumps:{ d | $logged_dump(dump=d)$ }$ + $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> + + <p> </p> + <p><img + src="broken.png" + onerror="this.style.display='none'" +/></p> + </div> + <div id="profile"> <h2>$nick$</h2> @@ -42,27 +63,6 @@ <br> </div> - <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$ </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> @@ -70,8 +70,7 @@ </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> +</div> </body> </html> |
