diff options
| -rw-r--r-- | static/index.css | 231 | ||||
| -rwxr-xr-x | static/index.html | 152 |
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"> </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> |