diff options
Diffstat (limited to 'static/css/index.css')
| -rw-r--r-- | static/css/index.css | 175 |
1 files changed, 71 insertions, 104 deletions
diff --git a/static/css/index.css b/static/css/index.css index f64b448..61b45ad 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -10,8 +10,24 @@ body { #video{ display:none; } +#idgi{ +background-image:url(/static/img/idgi.png); +background-position:top center; + background-repeat:no-repeat; +top:0; +margin-top:10px;display:none; +width:100%; + +height:100%; +position:fixed; +} +#rapper{ +margin-top:6%; +} #content{ -margin:6%; + background:url(/static/img/cloudbg.png); +background-position:top center; + background-repeat:no-repeat; } #preload { position: absolute; @@ -57,19 +73,38 @@ width:150; .active { background-position: right 12px; } +#logo7{ + margin-left: 3px; + margin-right: 10%; + z-index:1050; + float:left; + margin-top: -4px; +} +#logo7 a{font-size:42; +font-weight:bold; + + + + text-shadow: 2px 3px 1px #f0e, 3px 3px 1px #fff; +letter-spacing:-4; +color:#fff; + +} +#logo7 a:hover{ + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; +color:#fff; +} #main { width:460px; margin: 0 auto 0 auto; padding: 19px 0; - border-radius: 15px; + position: relative; -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; + box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff; } #logo-and-text { position: relative; @@ -80,25 +115,47 @@ width:150; #horse { position: absolute; z-index: 10; - top: 12px; + top:-39px; left: 140px; } #remember{ } -#customer { +#furie1 { position: absolute; - left: -90px; - top: -75px; + left: -220px; + top: 130px; + z-index: 10; + +} +#furie2 { + position: absolute; + left:315px; + top: 185px; z-index: 10; } #info { width:420px; - margin: 11px auto -1px auto; + margin:30px auto -1px auto; opacity:0.9; -height:30; vertical-align: bottom; + text-align:center; + width:100%; + bottom:0px; + + font-size:11px; +word-spacing:6px; +line-height:2; color: #666; +} + +#info a{ +color:#666; +text-decoration:none; +} +#info a:hover{ +color:#f0e; +text-decoration:none; } #dumpednow{ position:absolute; @@ -118,6 +175,7 @@ p { text-shadow: -1px 1px 1px #ccc; font-size:15px; + z-index: 11; } input { @@ -183,95 +241,4 @@ label { 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 _____________________________________________*/ - |