diff options
| -rw-r--r-- | static/css/directory.css | 375 | ||||
| -rwxr-xr-x | static/css/dump.css | 28 | ||||
| -rwxr-xr-x | static/css/header.css | 2 | ||||
| -rw-r--r-- | static/img/mootquote.png | bin | 19674 -> 0 bytes | |||
| -rw-r--r-- | template/about_us.st | 2 | ||||
| -rw-r--r-- | template/chat.st | 20 | ||||
| -rw-r--r-- | template/error_ie.st | 9 |
7 files changed, 396 insertions, 40 deletions
diff --git a/static/css/directory.css b/static/css/directory.css index a78c7b5..397d43c 100644 --- a/static/css/directory.css +++ b/static/css/directory.css @@ -326,13 +326,386 @@ margin-top:20; letter-spacing:-1px; color:#087cff; - height:40px; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; + margin-top:20px; + + 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; + } + +#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:#f0f9ff; + background-image:url(/static/img/fade-blue.png); + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed; + margin: 0; + + +}@charset "UTF-8"; + #profile { + float: right; + padding: 20px; +width:180; + position:absolute; + top:29px; +left:545; + margin-top:34px; +background-color:#fff; + + + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; + + + line-height:1.5; + } +#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:-7; +margin-bottom:15; +} +#logavatar{ +margin-left:-85; +height:25; +background-image:url(/static/img/leftarrow.png); +width:70; + background-repeat:no-repeat; + background-position:59 4; +margin-top:-20; +z-index:5555; + + +} +#logavatar img{ +image-rendering: -moz-crisp-edges; + max-width:50px; + width: expression(this.width > 50 ? 50: true); + max-height:50px; + height: expression(this.width > 50 ? 50: true); + max-width:50px; + 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; +margin-top:0; +border:1px solid #f0e0d6; + box-shadow:2px 2px 5px #d8dbde; + -webkit-box-shadow:2px 2px 5px #d8dbde; + -moz-box-shadow:2px 2px 5px #d8dbde; + +} +#lolbanner{ +display:none; +margin-top:-22; +margin-bottom:45; +} +#chatrap{ +margin-left:15%; + +} +#pnav{position:absolute; +padding-left:425; +margin-top:35; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} + +#infotxt{ +position:absolute; +top:; + 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 #ccc; +height:22; +margin-left:-30; +color:fff; +text-shadow: 1px 1px 1px #000; +padding-right:8; +text-transform:uppercase; + background-image:url(/static/img/upload.png); +margin-top:-54; +text-indent:5; +} +#pnavo{ +margin-top:-17; +padding:2; +width:85; +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); + + +} + +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +.logged-dump a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} +#pnavn{ +position:absolute; +top:-17; +left:330; +letter-spacing:-2; +text-indent:5; +width:73; +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; + + +} + +#footer +{ + text-align:center; + position:absolute; + width:100%; + bottom:-55px; +line-height:1; + font-size:11px; +word-spacing:6px; +padding-bottom:4; + 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; + padding-top: 20px; + + + +} +#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{ + + max-width:500; + width:auto; +text-overflow: ellipsis-word; + padding: 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; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + margin-top:25px; +margin-left:-300px; text-shadow: 1px 3px 3px #c8cbce; } diff --git a/static/css/dump.css b/static/css/dump.css index de50535..b89f5d7 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -63,12 +63,11 @@ bottom:30; } #effects-msg{ position:fixed; -bottom:68; +bottom:65; z-index:1111; -right:38; +right:35; font-size:15; -color:#999; -text-shadow: #000 1px 1px 1px; +color:#000; } #footerc @@ -102,7 +101,6 @@ color:000; #messagePane { - top:40px; bottom:65px; position:fixed; @@ -141,7 +139,6 @@ bottom:10px; } #msgInput { - width: 99.7%; z-index:100; background-color:#FFF; margin-top: 15px; @@ -149,24 +146,23 @@ bottom:10px; position:relative;border-right:0px; height:35px; font-size:20px; - min-width:500px; + min-width:500px;padding-right:38px;padding-left:1px; box-shadow: 2px 3px 4px #eee; } .msgInput { - min-width:500px; + min-width:500px;width:100%; z-index:100; } #msginputrapper{ margin-right:374; } -#msgSubmit { - +#msgSubmit { position:absolute; display:inline-block; width:120px; height:35px; -right:260px; +right:285px; font-size:20px; top:15px; text-align:center; @@ -177,7 +173,6 @@ border-right:0px; background-color:#ffffff; font-size:12px; color:#000; - } #webcam-button-upload{ border-top-right-radius:10px; @@ -191,7 +186,7 @@ border-right:0px; width:120px; height:35px; background-position:center; -right:20; +right:5px; border:1px solid #000; top:15px; padding-bottom:1; @@ -214,7 +209,7 @@ background-color:#fff; width:120px; height:35px; background-position:center; -right:20; +right:5px; top:15px; padding-bottom:4; text-align:center; @@ -271,7 +266,7 @@ border:1px solid #999; width:120px; height:35px; background-position:center; -right:140; +right:125px; top:15px; padding-bottom:1; text-align:center; @@ -308,10 +303,9 @@ border:1px solid #000; background-position:top right; position:absolute; /* display:inline-block;*/ - display: none; width:40px; height:35px; - right:260px; + right:245px; top:15px; padding-bottom:1; text-align:center; diff --git a/static/css/header.css b/static/css/header.css index 1d6e2ec..69b2124 100755 --- a/static/css/header.css +++ b/static/css/header.css @@ -48,7 +48,7 @@ background-color:#fff; border:1px solid #000; width:100%; min-width:600px; - +left:-1px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; diff --git a/static/img/mootquote.png b/static/img/mootquote.png Binary files differdeleted file mode 100644 index ef15748..0000000 --- a/static/img/mootquote.png +++ /dev/null diff --git a/template/about_us.st b/template/about_us.st index e198330..1b84f04 100644 --- a/template/about_us.st +++ b/template/about_us.st @@ -32,7 +32,7 @@ background-attachment:fixed;" onload=" <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5 style="padding:2px;"> -DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internets; allowing pictures to be used for realtime communication and collaboration. Users can send image URLs (which display instantly in the chat), upload locally from their hard drive or post a pics right from their webcam. Every image gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration. +DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; allowing pictures to be used for realtime communication and collaboration. Users can send image URLs (which display instantly in the chat), upload locally from their hard drive or post a pics right from their webcam. Every image gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration. </center><br></div></h5> </div></div> diff --git a/template/chat.st b/template/chat.st index 8f87697..5b829fc 100644 --- a/template/chat.st +++ b/template/chat.st @@ -18,9 +18,7 @@ <head> <title>dump.fm</title> $head()$ -$if(!user_avatar)$ - <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css"> -$endif$ + <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> <script type="text/javascript" src="/static/webcam/webcam.js"></script> @@ -90,7 +88,6 @@ $messages: { m | }$ <hr /> </div> -$if(user_avatar)$ <div id="msgInputDiv"> <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> <input id="msgSubmit" type="submit" value="Send"/> @@ -102,20 +99,7 @@ $if(user_avatar)$ <div id="trophy" style="display:none;"><a href="javascript:pop('http://www.likeneveralways.com/trash/count/index.php');"class="tooltip" title="Contest Counter"><img src="/static/img/trophyicon.gif"></a></div> </div><div id="effects-msg"class="invisible">click on your face for effects!</div> </div> -$else$ - <div id="msgInputDiv"> - <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> - <input id="msgSubmit" type="submit" value="Send"onClick="showAlert();"/> - - <input id="upload" value="Upload" type="submit"onClick="showAlert();"> - <input id="webcam-button-upload" value="Webcam" type="submit"onClick="showAlert();"> - <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink" onClick="showAlert();"> - <button id="palette-button"><img src="/static/img/palette.gif"></button> - <div id="trophy"style="display:none;"><a href="javascript:pop('http://www.likeneveralways.com/trash/count/index.php');"class="tooltip" title="Contest Counter"onClick="showAlert();"><img src="/static/img/trophyicon.gif"></a></div> - </div> - </div> - $chat_help_bubbles()$ -$endif$ + </div> </div> </div> diff --git a/template/error_ie.st b/template/error_ie.st index a4f5b66..340c4c3 100644 --- a/template/error_ie.st +++ b/template/error_ie.st @@ -1,3 +1,8 @@ -<div id="iesucks"> +<div id="iesucks" style="margin:10%;font-size:15px;font-family:Arial, sans serif;color:black;"> +<center> +<img src="http://coteriemusicblog.files.wordpress.com/2008/02/1.gif"> +<h2> WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude... -</DIV>
\ No newline at end of file +</h2> +</DIV> +</center>
\ No newline at end of file |
