diff options
| -rw-r--r-- | static/bgnav.jpg | bin | 0 -> 715 bytes | |||
| -rw-r--r-- | static/header.css | 7 | ||||
| -rwxr-xr-x | static/index.html | 8 | ||||
| -rw-r--r-- | static/pichat.css | 95 | ||||
| -rw-r--r-- | static/profile.css | 124 | ||||
| -rwxr-xr-x | template/chat.st | 35 | ||||
| -rwxr-xr-x | template/profile.st | 41 |
7 files changed, 170 insertions, 140 deletions
diff --git a/static/bgnav.jpg b/static/bgnav.jpg Binary files differnew file mode 100644 index 0000000..0913e21 --- /dev/null +++ b/static/bgnav.jpg diff --git a/static/header.css b/static/header.css index da1afaf..d981931 100644 --- a/static/header.css +++ b/static/header.css @@ -1,11 +1,12 @@ .white a:link { text-decoration: none; + font-size:16px; color: #fff; } .white a:visited { text-decoration: none; - + font-size:16px; color: #fff; } .white a:hover { @@ -40,11 +41,11 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY height: 69px; } #bar7{ - top:33px; + top:30px; position:absolute; font-family: Arial, Helvetica, sans-serif; width: 500px; - font-size: 15px; + font-size: 18px; left: 150px; margin-left: 2%; margin-right: 8%; diff --git a/static/index.html b/static/index.html index 5373ebd..c5331b5 100755 --- a/static/index.html +++ b/static/index.html @@ -1,6 +1,5 @@ </html><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/jquery-1.3.2.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> @@ -216,9 +215,10 @@ onchange="this.beenchanged = true;"/> <p align="center"> </p> <p> </p> <div align="right" class="txt"> - <div align="center"><span class="txt"><a href="/register" class="txt">Register</a></span></div> + <div align="center"></div> + <div align="center"><a href="javascript:void(0);" onclick="javascript:alert('dump.fm is invite only, you must be really really really really really really cool. ok?');return false;" style="text-decoration:line-through;">Register</a></div> </div> - <div align="center"> </div> + <div align="center"></div> </div> </div> </div></div> @@ -231,4 +231,4 @@ onchange="this.beenchanged = true;"/> </body> -</html> +</html>
\ No newline at end of file diff --git a/static/pichat.css b/static/pichat.css index 2d099d8..9c337e1 100644 --- a/static/pichat.css +++ b/static/pichat.css @@ -6,26 +6,7 @@ body { } -a { - font-size: 12px; - color: #000; -} -a:link { - text-decoration: none; -} -a:visited { - text-decoration: none; - color: #000; -} -a:hover { - text-decoration: underline; - color:#000; - -} -a:active { - text-decoration: none; - color: #000; -} + #content{ z-index: 3; @@ -45,7 +26,7 @@ a:active { #footerc { text-align:center; - position:absolute; + position:fixed; width:100%; bottom:0px; line-height:2.5; @@ -55,6 +36,22 @@ height:28px; color: #000; } +#footerc a { + font-size: 11px; + color: #000; +} +#footerc a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footerc a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + #messagePane { border: 2px solid #c8cbce; @@ -113,22 +110,11 @@ bottom:5px; height:36px; font-size:20px; min-width:500px; - 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; - box-shadow: 2px 3px 4px #c8cbce; --webkit-box-shadow: 2px 3px 4px #c8cbce; --moz-box-shadow: 2px 3px 4px #c8cbce; -filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); + + box-shadow: 2px 3px 4px #eee; +-webkit-box-shadow: 2px 3px 4px #eee; +-moz-box-shadow: 2px 3px 4px #eee; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true); } .msgInput { min-width:500px; @@ -185,7 +171,7 @@ top:15px; min-width: 150px; width:11%; float:right; - right: 5%; + right: 6%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:420; @@ -373,19 +359,7 @@ background-color:#f3f3f3; margin: 0; padding-bottom:105px; } -#footerc -{ - text-align:center; - position:absolute; - width:100%; - bottom:0px; - font-size:7px; - font-family:"Times New Roman", Times, serif; - background-image:url(/static/footer.png); - background-repeat:repeat-x; - background-position:top; - color: #000; -} + #log { border: 2px #F1F1F1; @@ -492,6 +466,25 @@ p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px; } +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} td { font-family: Arial, Helvetica, sans-serif; letter-spacing:-1px; diff --git a/static/profile.css b/static/profile.css index dec02ae..4b9e2b4 100644 --- a/static/profile.css +++ b/static/profile.css @@ -3,14 +3,14 @@ padding: 20px; width: 180px; position:absolute; - top:0px; - right:35; - margin-top:15px; + top:17px; + left:560; + margin-top:9px; background-color:#f5f5f5; - background-image:url(/static/spex.ppng); + background-image:url(/static/spexx.png); border:solid 1px #999; text-overflow: ellipsis-word; - background-position:center; + background-position:top; z-index:999; min-height:600px; border-top-left-radius:5px; @@ -25,47 +25,92 @@ -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; - box-shadow: 3px 4px 10px #c8cbce; --webkit-box-shadow: 3px 4px 10px #c8cbce; --moz-box-shadow: 3px 3px 10px #c8cbce; + box-shadow: -3px 4px 10px #c8cbce; +-webkit-box-shadow: -3px 4px 10px #c8cbce; +-moz-box-shadow: -10px -3px 10px #c8cbce; line-height:1.6; } #chatrap{ - top: 10px; -min-width:800px; + width:600 ; + margin-left: auto ; + margin-right: auto ; - position:relative; - -width:100%; } +#pnav{position:absolute; +background:#fff; +height:25px; +padding-left:11; +font-size:20px; +margin-top:-28; +background-image:url(/static/bgnav.jpg); +background-position:top; +font-weight:bold; +width:260; +text-align:left; +border:1px solid #087cff; +left:-70; +letter-spacing:2px; + 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; + box-shadow: 3px 4px 10px #c8cbce; +-webkit-box-shadow: 3px 4px 10px #c8cbce; +-moz-box-shadow: 15px 15px 10px #c8cbce; +} +#pnav a { + font-size: 12px; + color: #000; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #f0e; +} +a:active { + text-decoration: none; + color: #000; +} #footer { text-align:center; - position:absolute; + position:relative; width:100%; - bottom:0px; + bottom:-30px; +line-height:3.8; font-size:12px; - font-family:"Times New Roman", Times, serif; - background-image:url(/static/footer.pg); - background-repeat:repeat-x; - background-position:top; - height:30px; - color: #333; - line-height: 2; +word-spacing:8px; +height:28px; + color: #000; + } #log { position:absolute; - width:100%; + top:50px; margin-right:5px; - - padding-top: 15px; + padding-top: 25px; min-height: 800px; @@ -92,34 +137,17 @@ width:100%; text-overflow: ellipsis-word; padding: 15px; font-family: Arial, Helvetica, sans-serif; - -margin-right:35; - - - font-size: 12px; text-transform: uppercase; - - line-height:15px; background-color:#fff; - 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:1px solid #999; +margin-top:-2; z-index:4; +width:600; line-height:20px; text-align: left; - margin-left:35; + } .editable { @@ -150,7 +178,7 @@ margin-right:35; letter-spacing:-1px; color:#087cff; height:48px; - font-size:33px; + font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; @@ -189,7 +217,7 @@ color:#087cff; } body,td,th { font-family: Arial, Helvetica, sans-serif; - overflow-x:hidden; + }@charset "UTF-8"; /* CSS Document */ diff --git a/template/chat.st b/template/chat.st index 47a91b2..c5f176e 100755 --- a/template/chat.st +++ b/template/chat.st @@ -11,14 +11,14 @@ </head> <body> $banner()$ - <div id="chatrap"><div id="logc"> - <div id="content"> +<div id="chatrap"><div id="logc"> + <div id="content"> - <div id="messagetabs"></div> - <div id="rapper"> + <div id="messagetabs"></div> + <div id="rapper"> <div id="loghead"></div> </div> - <div id="userList"> + <div id="userList"> $users: { u | <div class="username"><a href="/u/$u.nick$"> $if(u.avatar)$<img src="$u.avatar$" width="50" height="50">$endif$ @@ -26,26 +26,37 @@ </div> }$ </div> - <div id="messagePane"> + <div id="messagePane"> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg"><b><a href="/u/$m.nick$">$m.nick$</a>: </b> - <span class="content">$m.content$<span></div> + <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" /> + <input id="msgSubmit" type="submit" value="Send Image URL" + /> </div> $endif$ - </div> - </div> + </div> + </div> + </div> </div> - <div id="footerc"> - $footer()$ </div> + + </div> + + </div> + <div id="footerc"> + <p> + $footer()$</p> + <p> + </p> + </div> </body> + </html> diff --git a/template/profile.st b/template/profile.st index 25ea88f..cd216e0 100755 --- a/template/profile.st +++ b/template/profile.st @@ -3,8 +3,8 @@ <title>$nick$'s dump.fm</title> $head()$ <link rel="stylesheet" type="text/css" href="/static/profile.css"> - <script type="text/javascript" src="/static/background.js"></script> - <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> + <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> + <script> jQuery(document).ready(initProfile); </script> @@ -16,16 +16,16 @@ <div id="log"> <div id="loghead"> - $nick$'s log + </div> <br> - <div style="text-align: left;"> - $if(prev)$ - <a href="/u/$nick$/$prev$">PREV DUMPS</a> - $endif$ - + <div id="pnav"> $if(next)$ - <a href="/u/$nick$/$next$">MORE DUMPS</a> + <a href="/u/$nick$/$next$"><- OLD DUMPS</a> + $endif$ + + $if(prev)$ + <a href="/u/$nick$/$prev$">NEW DUMPS -></a> $endif$ </div> @@ -34,27 +34,24 @@ $if(dumps)$ $dumps:{ d | $logged_dump(dump=d)$ }$ $else$ + <h3> </h3> + <h3> </h3> + <h3> </h3> <h3>This is your user log, it's 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> $endif$ <p> </p> - - - $if(prev)$ - <a href="/u/$nick$/$prev$">PREV DUMPS</a> - $endif$ - + <div id="pnav"> $if(next)$ - <a href="/u/$nick$/$next$">MORE DUMPS</a> + <a href="/u/$nick$/$next$"><- OLD DUMPS</a> + $endif$ + + $if(prev)$ + <a href="/u/$nick$/$prev$">NEW DUMPS -></a> $endif$ <br><br> - - <p> </p> - <p><img - src="broken.png" - onerror="this.style.display='none'" - /></p> +</div> </div> |
