summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--static/form_login/front.css5
-rw-r--r--static/index.css231
-rwxr-xr-xstatic/index.html234
3 files changed, 298 insertions, 172 deletions
diff --git a/static/form_login/front.css b/static/form_login/front.css
index 285dec4..bbb289c 100644
--- a/static/form_login/front.css
+++ b/static/form_login/front.css
@@ -89,9 +89,10 @@ a.signin.menu-open span {
border:1px transparent;
text-align:left;
padding:12px;
- top: 24.5px;
+ top: 23.5px;
right: 0px;
margin-top:5px;
+
margin-right: 0px;
*margin-right: -1px;
color:#789;
@@ -107,7 +108,7 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4,
-webkit-border-radius:4px;
border:1px solid #ACE;
font-size:13px;
- margin:0 0 5px;
+ margin:0 0 5px;border:1px solid;
padding:5px;
width:203px;
}
diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..bae708e
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,231 @@
+
+
+
+body {
+ background:#EEF2FF url(/static/fade-blue.png) top center repeat-x;
+ background-repeat:repeat-x;
+ background-position:top;
+ margin:6%;
+}
+#preload {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+}
+#main {
+ width:460px;
+ margin: 0 auto 0 auto;
+ padding: 19px 0;
+ border-radius: 15px;
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
+ border:solid 2px #000;
+ position: relative;
+ box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+ -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+ -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+}
+#logo-and-text {
+ position: relative;
+ z-index: 20;
+ padding-bottom: 20px;
+}
+
+#horse {
+ position: absolute;
+ z-index: 10;
+ top: 12px;
+ left: 140px;
+}
+#remember{
+
+}
+#customer {
+ position: absolute;
+ left: -90px;
+ top: -75px;
+ z-index: 10;
+
+}
+#info {
+ width:420px;
+ margin: 11px auto -1px auto;
+opacity:0.9;
+height:30;
+ vertical-align: bottom;
+}
+#dumpednow{
+position:absolute;
+height:50px;
+width:420px;
+top:0px;
+}
+
+p {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 24px;
+}
+
+.btnav { border: 0px #000 solid;}
+
+.submit {
+
+ text-shadow: -1px 1px 1px #ccc;
+ font-size:15px;
+}
+
+input {
+ 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;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+#signin-submit {
+ display:inline-block;
+ width:300px;
+ height:33px;
+ font-size:20px;
+ background-image:url(/static/btngrad1.png);
+ font-weight:bold;
+ word-spacing:7;
+ margin-top:12px;
+ text-align:center;
+ z-index:100;
+ font-size:16px;
+ color:#fff;
+ text-shadow:1px 1px 3px #000;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;*/
+ border:solid 1px #eee;
+}
+
+#remembermeInput {
+ width: 15px;
+ height: 15px;
+ margin: 1px;
+}
+
+label {
+ display: block;
+ width: 300px;
+ text-align: right;
+ font-size: 16px;
+ color: #222;
+}
+
+/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/
+
+#jCarouselLite .carousel {
+ padding: 10px 0 0 0;
+ margin: 0 0 20px 10px;
+ position: relative;
+}
+ #jCarouselLite .digg {
+ position: absolute;
+ left: 610px;
+ top: 110px;
+ }
+ #jCarouselLite .main {
+ margin-left: 40px;
+ }
+
+ #jCarouselLite .demo em {
+ color: #FF3300;
+ font-weight: bold;
+ font-size: 60%;
+ font-style: normal;
+ }
+ #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
+ float: left;
+ }
+ #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next {
+ display: block;
+ float: left;
+ width: 30px;
+ height: 143px;
+ text-decoration: none;
+ background: url("/image/imageNavLeft.gif") left 60px no-repeat;
+ }
+ #jCarouselLite .carousel a.next {
+ background: url("/image/imageNavRight.gif") right 60px no-repeat;
+ }
+ #jCarouselLite .carousel a.next:hover {
+ background-image: url("/image/imageNavRightHover.gif");
+ }
+ #jCarouselLite .carousel a.prev:hover {
+ background-image: url("/image/imageNavLeftHover.gif");
+ }
+ #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active {
+ border: none;
+ outline: none;
+ }
+ #jCarouselLite .carousel .jCarouselLite {
+ border: 1px solid black;
+ float: left;
+ background-color: #dfdfdf;
+
+ /* Needed for rendering without flicker */
+ position: relative;
+ visibility: hidden;
+ left: -5000px;
+ }
+ #jCarouselLite .carousel ul {
+ margin: 0;
+ }
+ #jCarouselLite .carousel li img,
+ #jCarouselLite .carousel li p {
+ background-color: #fff;
+ width: 150px;
+ height: 118px;
+ margin: 10px;
+ }
+
+ #jCarouselLite .widget img {
+ cursor: pointer;
+ }
+ #jCarouselLite .mid {
+ margin-left: 80px;
+ width: 400px;
+ height: 300px;
+ }
+ #jCarouselLite .vertical {
+ margin-left: 170px;
+ }
+ #jCarouselLite .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */
+ width: 170px;
+ }
+ #jCarouselLite .imageSlider li img,
+ #jCarouselLite .imageSlider li p,
+ #jCarouselLite .imageSliderExt li img ,
+ #jCarouselLite .imageSliderExt li p {
+ width: 400px;
+ height: 300px;
+ }
+
+/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/
+
+
diff --git a/static/index.html b/static/index.html
index d8e0de1..9606e2a 100755
--- a/static/index.html
+++ b/static/index.html
@@ -4,181 +4,75 @@
<title>dump.fm</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
- <META NAME="description" CONTENT="Talk with pictures!">
- <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/sha1.js"></script>
- <script type="text/javascript" src="/static/js/home.js"></script>
- <script>
- $(document).ready(initLoginForm);
- </script>
- <link rel="stylesheet" type="text/css" href="static/reset.css">
- <link rel="shortcut icon" href="static/favicon.ico">
- <style type="text/css">
- body {
- background:#EEF2FF url(/static/fade-blue.png) top center repeat-x;
- background-repeat:repeat-x;
- background-position:top;
- margin:6%;
- }
- #preload {
- position: absolute;
- left: 0px;
- top: 0px;
- }
- #main {
- width:460px;
- margin: 0 auto 0 auto;
- padding: 19px 0;
- border-radius: 15px;
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border:solid 1px #fff;
- position: relative;
- box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
- -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
- -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
- }
- #logo-and-text {
- position: relative;
- z-index: 20;
- padding-bottom: 20px;
- }
+<META NAME="description" CONTENT="Talk with pictures!">
+<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/sha1.js"></script>
+<script type="text/javascript" src="/static/js/home.js"></script>
+<script type="text/javascript" src="/static/js/jcarousellite_1.0.1.pack.js"></script>
+<script>
+$(document).ready(initLoginForm);
+jQuery(".auto .jCarouselLite").jCarouselLite({
+ auto: 800,
+ speed: 1000
+});
+</script>
+<link rel="stylesheet" type="text/css" href="static/reset.css">
+<link rel="stylesheet" type="text/css" href="static/index.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>
- #horse {
- position: absolute;
- z-index: 10;
- top: 12px;
- left: 140px;
- }
- #remember{
+</head>
+<body>
- }
- #customer {
- position: absolute;
- left: -90px;
- top: -75px;
- z-index: 10;
-
- }
- #info {
- width:420px;
- margin: 11px auto -1px auto;
- opacity:0.9;
- height:30;
- vertical-align: bottom;
- }
-
-
- p {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 24px;
- }
-
- .btnav { border: 0px #000 solid;}
-
- .submit {
-
- text-shadow: -1px 1px 1px #ccc;
- font-size:15px;
- }
-
- input {
- 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;
- }
-
- .no-cursor { cursor: none; }
- .invisible { display: none !important; }
- #cursor-big { position: absolute; z-index: 1000; }
+<div id="main" align="center">
+
+ <img src="/static/flyhorse.gif" id="horse" />
+ <img src="/static/guaranteed_customer_satisfaction.gif" id="customer" />
+
+ <div id="registerbox">
+ <div id="logo-and-text">
+ <a href="/"><img src="/static/dumpmod1.png"></a>
+ <p align="center" class="line">Talk with pictures!</p>
+ <div align="right" class="txt">
+ <br>
+ <div align="center">dump.fm lets you talk with pictures<br>
+ <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
+ </div>
+ </div>
+ </div>
+ <input type="text" id="nickInput" size="17" />
+ <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible">
+ <input type="password" id="passwordInput" size="17" /><br />
- #signin-submit {
- display:inline-block;
- width:300px;
- height:33px;
- font-size:20px;
- background-image:url(/static/btngrad1.png);
- font-weight:bold;
- word-spacing:7;
- margin-top:12px;
- text-align:center;
- z-index:100;
- font-size:16px;
- color:#fff;
- text-shadow:1px 1px 3px #000;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;*/
- border:solid 1px #eee;
- }
- #remembermeInput {
- width: 15px;
- height: 15px;
- margin: 1px;
- }
+ <!-- <br /><a id="signin-submit">Sign In</a> -->
+ <input id="signin-submit" value="Sign In" />
+ <div id="remember"><label>
+ <input checked="checked" type="checkbox" name="rememberme" id="remembermeInput" />
+ Remember Me
+ </label></div>
+ </div>
+</div>
+<div id="info" align="right">
+ <img src="/static/vxhtml.gif">
+ <img src="/static/aol_suck.gif">
+ <img src="/static/html_3_2.gif">
+ <img src="/static/geocities.gif">
+ <img src="/static/valid_html.gif">
+
+</div>
+<div id="dumpednow" style="display:none;">
+ <div class="carousel main"style="display:none;">
+ <a href="#" class="prev">&nbsp;</a>
+ <div style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 420px;display:none;" class="jCarouselLite">
+ $.content$
+ </div></div></div>
+
+</div>
+<div id="preload">
+ <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big">
+</div>
- label {
- display: block;
- width: 300px;
- text-align: right;
- font-size: 16px;
- color: #222;
- }
- </style>
- </head>
- <body>
- <div id="main" align="center">
-
- <img src="/static/flyhorse.gif" id="horse" />
- <img src="/static/guaranteed_customer_satisfaction.gif" id="customer" />
-
- <div id="registerbox">
- <div id="logo-and-text">
- <a href="/"><img src="/static/dumpmod1.png"></a>
- <p align="center" class="line">Talk with pictures!</p>
- <div align="right" class="txt">
- <br>
- <div align="center">dump.fm lets you talk with pictures<br>
- <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
- </div>
- </div>
- <input type="text" id="nickInput" size="17" />
- <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible">
- <input type="password" id="passwordInput" size="17" /><br />
- <input id="signin-submit" value="Sign In" />
- <div id="remember"><label>
- <input checked="checked" type="checkbox" name="rememberme" id="remembermeInput" />
- Remember Me
- </label></div>
- </div>
- </div>
- <div id="info" align="right">
- <img src="/static/vxhtml.gif">
- <img src="/static/aol_suck.gif">
- <img src="/static/html_3_2.gif">
- <img src="/static/geocities.gif">
- <img src="/static/valid_html.gif">
- </div>
<div id="preload">
<img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big">
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 14:05:31 +0000