Moved index CSS to file

2 files changed, 246 insertions, 137 deletions

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 a819eda..a864b40 100755
--- a/static/index.html
+++ b/static/index.html
@@ -8,6 +8,7 @@
 <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);
 function MM_swapImgRestore() { //v3.0
@@ -31,147 +32,16 @@ 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];}
 }
+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>
-<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 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;
-}
-
-
-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;
-}
-
-
-</style>
 </head>
 <body>
 
@@ -210,8 +80,16 @@ label {
     <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>