diff options
| author | Scott Ostler <sostler@ubuntu.(none)> | 2009-12-15 22:09:02 -0500 |
|---|---|---|
| committer | Scott Ostler <sostler@ubuntu.(none)> | 2009-12-15 22:09:02 -0500 |
| commit | 5a8312ca25868679df1acb3b3fc208482460ee0e (patch) | |
| tree | ea10033604aad870d3eb1fe849a47999919d7164 /static/index.html | |
| parent | 3e3015be26c5d73a864a693e9694b5dee26e8a31 (diff) | |
New design
Diffstat (limited to 'static/index.html')
| -rw-r--r--[-rwxr-xr-x] | static/index.html | 310 |
1 files changed, 219 insertions, 91 deletions
diff --git a/static/index.html b/static/index.html index 1daa65f..fb5224e 100755..100644 --- a/static/index.html +++ b/static/index.html @@ -1,99 +1,227 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>dump.fm</title> - <link rel="stylesheet" type="text/css" href="static/main2.css" /> - <link rel="shortcut icon" href="static/favicon.ico" /> +<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/sha1.js"></script> <script type="text/javascript" src="static/home.js"></script> + <script type="text/javascript" src="static/background.js"></script> <script> $(document).ready(initHome); - </script> - <style type="text/css"> - <!-- - a:link { - text-decoration: none; - - } - a:visited { - text-decoration: none; - border: 0px; - } - a:hover { - text-decoration: none; - border: 0px; - } - a:active { - text-decoration: none; - border: 0px; - } - img{border: 0px;} - #apDiv7 { - position:absolute; - left:151px; - top:-106px; - width:351px; - height:66px; - z-index:4; - font-weight: bold; - line-height: 18px; - font-size: 14px; - } - #apDiv8 { - position:absolute; - left:964px; - top:131px; - width:416px; - height:140px; - z-index:4; - } - --> - </style> - </head> - <body> - <div id="header"> - <div id="apDiv2"> + </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"></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; + background-color:#e3e3e3; + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +#header7{ + background-color:#666; + background-image:url(/static/dblue2.png); + background-attachment:fixed; + margin: 0px auto -1px auto; + top: 0px; + width:100%; + left: 0px; + height: 60px; +} +#bar7{ + top:32px; + position:absolute; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + width: 500px; + font-size: 20px; + left: 170px; + margin-left: 10%; + margin-right: 8%; + letter-spacing: -1px; + z-index: 999; +} +#main { + background-position:center; + width:500px; + margin: 0px auto -1px auto; + top:150px; + height:380px; + z-index:2; + opacity:0.9; + 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; + border:solid 4px #F5F5F5; + position: relative; + background-color: #FFF; + background-position:center; + background-repeat:no-repeat; +} +#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; +} +#bottombar{ + top: 69px; + left:0px; + position:absolute; + width: 100%; + 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-color:#e3e3e3; + + background-image:url(static/brokenlink.gif); + background-position:center; + + background-repeat:no-repeat; + overflow:hidden; +} +.submit { + + + text-shadow: -1px 1px 1px #ccc; + + font-size:15px; +} +.feild { + height:40px; + width:300px; + border:3px #ccc; + background:#e3e3e3; + margin:10px; + font-size:30px; +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + text-shadow: -1px 1px 1px #ccc; +} + .line { + font-family:Arial, Helvetica, sans-serif; + + letter-spacing: -1px; + color:#000; + font-size:18px; + +} + + +--> +</style> + +<body> +<div id="rapper7"> +<div id="header7"> + + <div id="bottombar"></div> + + + <div align="center"> - <img src="static/dfm.png" width="384" height="136" /><br /> - <div id="about"> - <p align="left"><a href="getstarted"> - <img src="static/getstarted.gif" width="262" height="94" /></a></p> - <p align="left"><br /> - </p> - </div> - <div id="txt"> - <div align="right">Talk with pictures.</div> - </div> - <div id="signin"> - <div align="right"> - <div id="registerbox"> - <h1>Sign In!<br /> - <span>Nickname</span> - <input type="text" id="nickInput" size="17" /> - <br /> - <span>Password</span> - <input type="password" id="passwordInput" size="17" /> - <br /> - <input type="submit" id="loginSubmit" value="YEAH!!!" /> - </h1> - </div> - </div> - </div> - <div class="info" id="info"> - <div align="center" class="info"> © 2009 dump.fm - * About Us - * Contact - * Blog - * Goodies - * Help - * Terms - * Privacy - </div> - </div> + <p><img src="static/wordlogo2.gif" width="500" height="239"><br> + </p> </div> + + <div class="white"></div> + <div align="center"><br /> + </div> +</div> +</div> +</div> +<div id="main" align="center"> + + <p align="center"><br /> + </p> + <div id="registerbox"> + <p align="right" class="line"> </p> + <p align="right" class="line"> </p> + <p align="center" class="line">Talk with pictures. </p> + <h1 align="center"> </h1> + <h1 align="center"><br /> + u + <input type="text" class="feild"id="nickInput" size="17" /> + <br /> + p + <input type="password" class="feild" id="passwordInput" size="17" /> + </h1> + <h1 align="center"> <br /> + <input type="submit" class="submit" id="loginSubmit" value="Log In" /> + </h1> + <p align="center"> </p> + <p> </p> + <div align="right" class="txt"> + <div align="center"><span class="txt"><a href="http://dump.fm/register" class="txt">Register</a></span></div> + </div> + <div align="center"></div> + </div> +</div> </div></div> - <br /> - </body> -</html> + +</div> + </h1> + </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> + +</body>
\ No newline at end of file |
