diff options
Diffstat (limited to 'static')
| -rwxr-xr-x | static/about.html | 275 | ||||
| -rwxr-xr-x | static/browser.css | 6 | ||||
| -rwxr-xr-x | static/header.css | 66 | ||||
| -rw-r--r-- | static/home4.gif | bin | 115 -> 125 bytes | |||
| -rw-r--r-- | static/image_draw.gif | bin | 192 -> 169 bytes | |||
| -rwxr-xr-x | static/index.html | 54 | ||||
| -rwxr-xr-x | static/js/home.js | 2 | ||||
| -rwxr-xr-x | static/pichat.css | 18 | ||||
| -rwxr-xr-x | static/profile.css | 54 | ||||
| -rw-r--r-- | static/text.gif | bin | 94 -> 112 bytes |
10 files changed, 332 insertions, 143 deletions
diff --git a/static/about.html b/static/about.html index 85adbad..0a0e634 100755 --- a/static/about.html +++ b/static/about.html @@ -1,10 +1,11 @@ -<head> - <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"> - <script type="text/javascript"> -<!-- +</html><head> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> + <script type="text/javascript" src="/static/js/underscore-min.js"></script> + <script type="text/javascript" src="/static/js/sha1.js"></script> + <script type="text/javascript" src="/static/js/home.js"></script> + + <script> +$(document).ready(initLoginForm); 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; } @@ -26,73 +27,229 @@ 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> + </script> + <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"><title>dump.fm</title></head> + + <style type="text/css"> -#apDiv1{ - margin-top:100px; + + +<!-- +.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; + background-color:#e3e3e3; + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} + +#main { + width:660px; + margin: 0px auto -1px auto; + height:672px; +padding-top:12; + 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; + border:solid 1px #fff; + position: relative; + box-shadow: 5px 5px 100px #c8cbce; +-webkit-box-shadow: 5px 5px 100px #c8cbce; +-moz-box-shadow: 5px 5px 100px #c8cbce; +} +#horse { + width:460px; +opacity:0.9; + height:372px; +padding-top:1; + position: relative; +background:url(/static/flyhorse.gif); + background-position:right -10; + background-repeat:no-repeat; + +} +#babe { + width:460px; +opacity:0.9; + height:372px; +padding-top:1; + + position: relative; +background:url(/static/wowalk.gi); + background-position:77 120; + background-repeat:no-repeat; + +} +#bottombar{ + top: 69px; + left:0px; + position:absolute; width: 100%; - font-size:12px; - color:#323232; - letter-spacing:2px; + height: 20px; + z-index: 1000; +} +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + +margin:5%; } -#footerc -{ +.submit { + + text-shadow: -1px 1px 1px #ccc; + font-size:15px; +} +.feild { + height:40px; + width:300px; + border:3px #000; + background:#e3e3e3; + margin:10px; + color:#000; + + font-size:30px; + +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; +line-height:1.2; + text-shadow:1px 1px 0.5px #ccc; + word-spacing: 3px; +} + .line { + font-family:Arial, Helvetica, sans-serif; + letter-spacing:0px; +line-height:-1; + + color:#000; + font-size:17px; +} +#nickInput {color:#000; +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +#signin-submit { + display:inline-block; + width:300px; +height:37px; +font-size:20px; +background-image:url(/static/btngrad1.png); +font-weight:bold; +word-spacing:7; +padding-top:6px; text-align:center; - position:absolute; - width:100%; - bottom:0px; -line-height:2.5; - font-size:11px; -word-spacing:8px; -height:28px; - color: #000; + z-index:100; + font-size:18px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,1); + 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 1px #eee; } -</style> -<body onLoad="MM_preloadImages('/static/mouseover.gif')"> -<div id="rapper7"> -<div id="header7"> +--> - +</style> - <div id="logo7"> - <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="154" height="73" border="0"></a></div> +<body> +<div id="rapper7"> +<div id="header7"> + <div id="bottombar"></div> + <div align="center"> +<br> </div> - <div class="white"> - <div id="bar7"> - <div style="float: left;"> - <div align="center">$if(user_nick)$ - <a href="/u/$user_nick$">Profile</a> | - $else$ <a href="/register">Register</a> | - $endif$ - <a href="/chat">Room A</a> - $if(user_nick)$ $endif$</div> - </div> - </div> + <div class="white"></div> + <div align="center"><br /></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 id="main" align="center"> -<div id="apDiv1"> - <div align="center"><img src="/static/dumpteam.png" width="600" height="467"><br> - Ryder Ripps - Lead Vocals<br> - Scott Ostler - Drum Machines/Vocoder<br> - Tim Baker - Keytar<br> - Stefan Moore - Chick Magnet</div> -</div> + <p align="center"> + + <div id="registerbox"> + <div align="center"><img src="/static/dumpteam.png"></div> + </p> + + <p align="center" class="line">Talk with pictures!</p> + <div align="right" class="txt"> +<br> + <div align="center">dump.fm is fun website that lets people talk to each other using pictures.<br> + A team of four dudes are working on it... they are known as Brokencyde.... <br> + </div> + </div> + <h1 align="center"> </h1> + <h1 align="center"> + + <p align="center"> </p> + <p> </p> + + <div align="center"></div> + </div> </div> -<div id="footerc"> - <div align="center">@2010 dump.fm <a href="/">About Us</a> <a href="/">Blog</a> <a href="/">Goodies</a> <a href="/">Help</a> <a href="/">Terms</a> <a href="/">Privacy</a></div> + </div></div> + </div> + </h1> + </div> </div> -</body>
\ No newline at end of file + + + +</body> +</html> diff --git a/static/browser.css b/static/browser.css index 30ea714..1585fcb 100755 --- a/static/browser.css +++ b/static/browser.css @@ -57,12 +57,12 @@ color:000; border: 2px solid #c8cbce; -top:56px; +top:40px; bottom:65px; position:fixed; - width: 99%; + width: 99.4%; background-color:#FFF; -left:0.3%; +left:0.1%; z-index:5; } diff --git a/static/header.css b/static/header.css index 786632d..67b59c7 100755 --- a/static/header.css +++ b/static/header.css @@ -40,53 +40,70 @@ background-repeat:repeat-x; } #bar7{ - top:24px; + top:12px; position:absolute; - font-family: Arial, Helvetica, sans-serif; font-size: 16px; -height:30; +height:22; word-spacing:2; width:365; color:#fff; text-indent:14; -line-height:1.8; - text-shadow: 1px 1px 0px #000; - left: 290px; +line-height:2; + left: 140px; margin-left: 1.2%; margin-right: 8%; letter-spacing:.2px; z-index: 999; } +#bar7 img{ +margin-top:2; +} +#bar7 a{ + text-decoration: none; + text-shadow: 1px 1px 1px #000; + font-size:13; +font-weight:bold; + color: #fff; +} +#bar7 a:hover{ + text-decoration: none; + text-shadow: 1px 1px 1px #000; +font-weight:bold; + color: #fff; +} #logout7{ - top:2px; + top:-2px; position:relative; font-size:12px; - margin-right: 5px; + margin-right: 3px; float:right; z-index: 999; - line-height:1.5; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } -#logout7 a{font-size:12px; +#logout7 a{font-size:11px;text-shadow: 1px 1px 4px #000; } -#logout7 a:hover{font-size:12px; +#logout7 a:hover{font-size:11px; } #logo7{ - margin-left: -2px; + margin-left: 3px; margin-right: 10%; - z-index:1000; + z-index:1050; float:left; - margin-top: -5px; + margin-top: -1px; } -#logo7 a{font-size:60; - text-shadow: 2px 1px 1px #000; +#logo7 a{font-size:40; + + text-shadow: 2px 3px 1px #f0e, 3px -2px 1px #f0e; +letter-spacing:-4; color:#fff; font-weight:bold; } #logo7 a:hover{ - text-shadow: 2px 1px 1px #cce12e; + + text-shadow: 2px 3px 1px #f0e, 3px 3px 1px #fff; + color:#fff; } @@ -127,9 +144,9 @@ width:auto; #landscape{ position:absolute; width:auto; -left:15; -margin-left:25%; -top:-35; + +margin-left:55%; +top:-38; opacity:0.8; z-index:2; } @@ -137,8 +154,8 @@ z-index:2; position:absolute; width:auto; left:190; -margin-left:9%; -top:-14; +margin-left:29%; +top:-19; z-index:3; } @@ -186,7 +203,7 @@ border:px solid #000; height: 26px; position: absolute; z-index: 10; -margin-top2; +margin-top:0; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); border-top-left-radius:5px; border-top-right-radius:5px; @@ -215,5 +232,6 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY #lastli{ -margin-left:-700; +margin-left:-7000; +height:0.1; } diff --git a/static/home4.gif b/static/home4.gif Binary files differindex 153d3de..baf313f 100644 --- a/static/home4.gif +++ b/static/home4.gif diff --git a/static/image_draw.gif b/static/image_draw.gif Binary files differindex f4d91fa..aaf947c 100644 --- a/static/image_draw.gif +++ b/static/image_draw.gif diff --git a/static/index.html b/static/index.html index ecb4f82..dd04249 100755 --- a/static/index.html +++ b/static/index.html @@ -36,7 +36,8 @@ function MM_swapImage() { //v3.0 <style type="text/css"> -<!-- + + .white a:link { text-decoration: none; text-shadow: -1px 1px 1px #ccc; @@ -83,9 +84,18 @@ padding-top:12; -webkit-box-shadow: 5px 5px 100px #c8cbce; -moz-box-shadow: 5px 5px 100px #c8cbce; } +#info { + width:460px; + margin: 0px auto -1px auto; + height:372px; +padding-top:10; +padding-left:53; + + position: relative; + +} #horse { width:460px; -opacity:0.9; height:372px; padding-top:1; position: relative; @@ -95,14 +105,32 @@ background:url(/static/flyhorse.gif); } #babe { + + +} +#customer { + width:150px; +opacity:; +left:-90; +padding-top:160; +margin-top:-100; + +z-index:2; + position: absolute; +background:url(/static/guaranteed_customer_satisfaction.gif); + background-repeat:no-repeat; + +} +#riskfreee { width:460px; -opacity:0.9; - height:372px; -padding-top:1; +opacity:; +left:-80; +padding-top:570; +margin-top:-100; - position: relative; -background:url(/static/4a.gif); - background-position:40 132; + position: absolute; +background:url(/static/guarantee_risk_free.pn); + background-position:fixed; background-repeat:no-repeat; } @@ -198,7 +226,9 @@ padding-top:6px; border:solid 1px #eee; } ---> + + + </style> <body> @@ -214,12 +244,12 @@ padding-top:6px; </div> </div> </div> -<div id="main" align="center"><div id="horse"><div id="babe"> +<div id="main" align="center"><div id="horse"><div id="babe"><div id="customer"></div><div id="riskfree"></div> <p align="center"> <div id="registerbox"> - <div align="center"><a href="/chat")"><img src="/static/dumpmod1.png" border="0"></a></div> + <div align="center"><a href="/")"><img src="/static/dumpmod1.png" border="0"></a></div> </p> <p align="center" class="line">Talk with pictures!</p> @@ -250,7 +280,7 @@ padding-top:6px; </div> </h1> - </div> + <div id="info"> <img src="/static/vxhtml.gif"> <img src="/static/html_3_2.gif"> <img src="/static/validator-w3-org_vh40.gif"><img src="/static/geocities.gif"> <img src="/static/valid_html.gif" border="0"></div> </div> diff --git a/static/js/home.js b/static/js/home.js index 441a992..fa754ee 100755 --- a/static/js/home.js +++ b/static/js/home.js @@ -163,4 +163,4 @@ function login() { success: onSuccess, error: onError }); -};
\ No newline at end of file +}; diff --git a/static/pichat.css b/static/pichat.css index 21eb798..3886f95 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -59,12 +59,12 @@ color:000; #messagePane { border: 2px solid #c8cbce; -top:54px; +top:40px; bottom:65px; position:fixed; - width: 99%; + width: 99.3%; background-color:#FFF; -left:0.3%; +left:0.2%; z-index:5; } @@ -100,11 +100,11 @@ bottom:10px; width: 100%; z-index:100; background-color:#FFF; - margin-top: 15px; + margin-top: 16px; left:-3px; position:relative; border:2px solid #c8cbce; -height:36px; +height:35px; font-size:20px; min-width:500px; box-shadow: 2px 3px 4px #eee; @@ -116,7 +116,10 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, min-width:500px; z-index:100; } +#msginputrapper{ +margin-right:239; +} #msgSubmit { position:absolute; @@ -145,7 +148,7 @@ top:15px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; - border-radius:2px; + border-radius:5px; position:absolute; display:inline-block; width:120px; @@ -153,7 +156,8 @@ height:35px; background-position:center; right:0; top:15px; -text-indent:4; +padding-bottom:1; +text-indent:3; text-align:center; z-index:100; cursor:pointer; diff --git a/static/profile.css b/static/profile.css index 0c6c71e..f3a2714 100755 --- a/static/profile.css +++ b/static/profile.css @@ -28,8 +28,8 @@ background-color:#fff; } #pnav{position:absolute; -padding-left:150; -margin-top:-10; +padding-left:270; +margin-top:0; background-position:top; font-weight:bold; margin-left:0; @@ -39,58 +39,37 @@ text-align:left; } #pnavo{ -margin-top:20; -border:1px solid #ccc; +margin-top:-18; padding:2; -width:85; +width:105; letter-spacing:-2; -text-indent:2; +text-indent:6; background-image:url(/static/grad2.png); height:32; text-transform:capitalize; - border-top-left-radius:3px; - border-top-right-radius:3px; - -webkit-border-top-left-radius:3px; - -webkit-border-top-right-radius:3px; - -moz-border-radius-topleft:3px; - -moz-border-radius-topright:3px; - border-bottom-left-radius:3px; - border-bottom-right-radius:3px; - -webkit-border-bottom-left-radius:3px; - -webkit-border-bottom-right-radius:3px; - -moz-border-radius-bottomleft:3px; - -moz-border-radius-bottomright:3px; + background-image:url(/static/upload.png); + } #pnavn{ position:absolute; -top:20; -left:285; +top:-1; +left:395; letter-spacing:-2; text-indent:5; width:96; height:32; padding:2; -border:1px solid #ccc; - background-image:url(/static/grad2.png); - border-top-left-radius:3px; - border-top-right-radius:3px; - -webkit-border-top-left-radius:3px; - -webkit-border-top-right-radius:3px; - -moz-border-radius-topleft:3px; - -moz-border-radius-topright:3px; - border-bottom-left-radius:3px; - border-bottom-right-radius:3px; - -webkit-border-bottom-left-radius:3px; - -webkit-border-bottom-right-radius:3px; - -moz-border-radius-bottomleft:3px; - -moz-border-radius-bottomright:3px; +border:1px; + background-image:url(/static/upload.png); + + } #pnav a { font-size: 30px; - color:#000; + color:#fff; text-transform:lowercase; - text-shadow: -1px 1px 0px #fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; } pnav a:link { text-decoration: none; @@ -103,7 +82,8 @@ a:visited { #pnav a:hover { text-decoration: none; color: #fff; - text-shadow: -1px 1px 0px #000; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + } a:active { diff --git a/static/text.gif b/static/text.gif Binary files differindex de915d6..c6958c7 100644 --- a/static/text.gif +++ b/static/text.gif |
