|
|
|
|
Overlays
We removed overlays from being a default part of the Spruz platform, since when using them you need to know what you are doing or it will cause you problems. (such as covering links from being clicked on in the footer) We would like to give developers a chance to look at how they are built, be able to add them to your site if you want, learn techniques from them, and customize them to your needs. So here are all the old Overlays in Custom Modifier format.
/*Overlay Plastic Black||This adds a black plastic overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; left: -18px; width: 77px; height: 167px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -20px; left: 0; width: 100%; height: 167px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; right: -21px; width: 109px; height: 167px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; left: -18px; width: 23px; height: 41px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/hol5.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; right: -21px; width: 25px; height: 41px; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/fol1.png); background-repeat: no-repeat; position: absolute; bottom: -16px; left: -21px; width: 85px; height: 77px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -16px; left: 0; width: 100%; height: 77px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: -16px; right: -18px; width: 124px; height: 77px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; left: -21px; width: 26px; height: 46px; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/black/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; right: -18px; width: 25px; height: 46px; }
#login-area { padding: 0 80px 0 20px; }
#page-header-custom { height: 137px; min-height: 137px; }
#page-footer-custom { height: 47px; min-height: 47px; }
/*Overlay Plastic Blue||This adds a blue plastic overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; left: -18px; width: 77px; height: 167px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -20px; left: 0; width: 100%; height: 167px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; right: -21px; width: 109px; height: 167px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; left: -18px; width: 23px; height: 41px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/hol5.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; right: -21px; width: 25px; height: 41px; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/fol1.png); background-repeat: no-repeat; position: absolute; bottom: -16px; left: -21px; width: 85px; height: 77px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -16px; left: 0; width: 100%; height: 77px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: -16px; right: -18px; width: 124px; height: 77px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; left: -21px; width: 26px; height: 46px; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/blue/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; right: -18px; width: 25px; height: 46px; }
#login-area { padding: 0 80px 0 20px; }
#page-header-custom { height: 137px; min-height: 137px; }
#page-footer-custom { height: 47px; min-height: 47px; }
/*Overlay Plastic Red||This adds a red plastic overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; left: -18px; width: 77px; height: 167px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -20px; left: 0; width: 100%; height: 167px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -20px; right: -21px; width: 109px; height: 167px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; left: -18px; width: 23px; height: 41px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/hol5.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 147px; right: -21px; width: 25px; height: 41px; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/fol1.png); background-repeat: no-repeat; position: absolute; bottom: -16px; left: -21px; width: 85px; height: 77px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -16px; left: 0; width: 100%; height: 77px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: -16px; right: -18px; width: 124px; height: 77px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; left: -21px; width: 26px; height: 46px; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/plastic/red/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 61px; right: -18px; width: 25px; height: 46px; }
#login-area { padding: 0 80px 0 20px; }
#page-header-custom { height: 137px; min-height: 137px; }
#page-footer-custom { height: 47px; min-height: 47px; }
/*Overlay Crisp Rounded||This adds a rounded crisp overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -18px; left: 0; width: 12px; height: 150px; }
#header-ol2 { background-color: transparent; background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -18px; left: 0; width: 100%; height: 150px; overflow: hidden; margin: 0; padding: 0; }
#header-ol2 span { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/hol2.png); background-repeat: repeat-x; background-position: 0 0; margin: 0 12px 0; z-index: 50; width: auto; height: 150px; padding: 0; display: block; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -18px; right: 0; width: 12px; height: 150px; }
#header-ol4 { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; left: 250px; width: 104px; height: 130px; display: none; }
#header-ol5 { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: -11px; width: 11px; height: 100%; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/fol1.png); background-repeat: no-repeat; position: absolute; left: 0; bottom: -18px; width: 12px; height: 76px; z-index: 51; margin: 0; }
#footer-ol2 { background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; left: 0; bottom: -18px; width: 100%; height: 76px; overflow: hidden; padding: 0; }
#footer-ol2 span { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/fol2.png); background-repeat: repeat-x; margin: 0 12px 0; z-index: 50; width: auto; height: 76px; padding: 0; display: block; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/crisp/rounded/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; right: 0; bottom: -18px; width: 12px; height: 76px; padding: 0; }
#footer-ol4 { background-image: none; background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: none; background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#login-area { padding: 0 20px 0 20px; }
#master-table-container { border-top: 10px solid #454545; }
/*Overlay Fantasy||This adds a fantasy overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -4px; left: -5px; width: 83px; height: 90px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/hol2.gif); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -2px; left: 0; width: 100%; height: 5px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -4px; right: -6px; width: 83px; height: 90px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; left: 250px; width: 104px; height: 130px; display: none; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/hol5.png); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: -11px; width: 11px; height: 100%; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/fol1.png); background-repeat: no-repeat; position: absolute; left: -2px; bottom: -2px; width: 42px; height: 45px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/fol2.gif); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; left: 0; bottom: -1px; width: 100%; height: 2px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; right: -3px; bottom: -2px; width: 42px; height: 45px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/fantasy/yellow-green/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#login-area { padding: 0 20px 0 20px; }
/*Overlay Halloween||This adds a Halloween overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -17px; left: -16px; width: 167px; height: 140px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -17px; left: 0; width: 100%; height: 132px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -16px; right: -17px; width: 245px; height: 161px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; left: 250px; width: 104px; height: 130px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/hol5.png); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: -11px; width: 11px; height: 100%; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/fol1.png); background-repeat: no-repeat; position: absolute; left: -15px; bottom: -15px; width: 265px; height: 95px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; left: 0; bottom: -15px; width: 100%; height: 14px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; right: -17px; bottom: -15px; width: 144px; height: 68px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/halloween/murder_in_the_mirror/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#login-area { padding: 0 20px 0 20px; }
/*Overlay Silver Metal||This adds a silver metal overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -14px; left: -21px; width: 184px; height: 163px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -5px; left: 0; width: 100%; height: 146px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -14px; right: -22px; width: 196px; height: 163px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 149px; left: -21px; width: 25px; height: 165px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/hol5.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 149px; right: -22px; width: 27px; height: 165px; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/fol1.png); background-repeat: no-repeat; position: absolute; bottom: -25px; left: -21px; width: 184px; height: 95px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -18px; left: 0; width: 100%; height: 79px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: -25px; right: -22px; width: 196px; height: 95px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 70px; left: -21px; width: 25px; height: 158px; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/metal/silver/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: 70px; right: -22px; width: 27px; height: 152px; }
#login-area { padding: 0 20px 0 20px; }
#master-table-container { padding-top: 5px; }
/*Overlay Snowy||This adds a snowy overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/nature/chill/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -13px; left: -10px; width: 74px; height: 113px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/nature/chill/hol2.png); background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 50; top: -18px; left: 25%; width: 148px; height: 53px; overflow: hidden; margin: 0; padding: 0; display: none; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/nature/chill/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -13px; right: -10px; width: 67px; height: 124px; }
#header-ol4 { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; left: 250px; width: 104px; height: 130px; display: none; }
#header-ol5 { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: -11px; width: 11px; height: 100%; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/nature/chill/fol1.png); background-repeat: no-repeat; position: absolute; left: -10px; bottom: -10px; width: 103px; height: 52px; z-index: 51; margin: 0; }
#footer-ol2 { background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; left: 0; bottom: -18px; width: 100%; height: 76px; overflow: hidden; padding: 0; display: none; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/nature/chill/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; right: -10px; bottom: -10px; width: 96px; height: 54px; padding: 0; }
#footer-ol4 { background-image: none; background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: none; background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#login-area { padding: 0 20px 0 20px; }
/*Overlay Paper||This adds a paper overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -10px; left: 0; width: 38px; height: 160px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -10px; left: 0; width: 100%; height: 160px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -10px; right: 0px; width: 38px; height: 160px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol4.png); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; left: -11px; width: 11px; height: 100%; display: none; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol5.png); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: -11px; width: 11px; height: 100%; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/fol1.png); background-repeat: no-repeat; position: absolute; bottom: -13px; left: 0; width: 38px; height: 72px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -13px; left: 0; width: 100%; height: 72px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; bottom: -13px; right: 0px; width: 38px; height: 72px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#site-left-border { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol4.png); background-repeat: repeat-y; width: 11px; }
#site-left-border-width { width: 11px; }
#site-right-border { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/paper/brown/hol5.png); background-repeat: repeat-y; background-position: right 0; width: 11px; }
#site-right-border-width { width: 11px; }
#login-area { padding: 0 20px 0 20px; }
/*Overlay Spiral||This adds a spiral overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsidel.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; top: -12px; z-index: 52; left: 0; width: 20px; height: 160px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 138px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsider.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0; position: absolute; z-index: 52; top: -12px; right: 0px; width: 20px; height: 160px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/hol4.gif); background-repeat: repeat-x; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: -12px; left: 0; width: 100%; height: 14px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/hol4.gif); background-repeat: repeat-x; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: 130px; left: 0; width: 100%; height: 14px; }
#page-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/hol4.gif); background-repeat: repeat-x; background-position: 0 0; margin: 0; position:fixed; top:0; left:0; width: 100%; height: 14px; display: none; }
#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsidel.gif); background-repeat: repeat-y; position: absolute; bottom: -12px; left: 0; width: 20px; height: 160px; z-index: 52; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -1px; left: 0; width: 100%; height: 47px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsider.gif); background-repeat: repeat-y; margin: 0; position: absolute; z-index: 52; bottom: -12px; right: 0px; width: 20px; height: 160px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/fol4.gif); background-repeat: repeat-x; margin: 0; position: absolute; left: 0; z-index: 51; bottom: -12px; width: 100%; height: 14px; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#site-left-border { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsidel.gif); background-repeat: repeat-y; width: 20px; }
#site-left-border-width { width: 20px; }
#site-right-border { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/spiral/black/olsider.gif); background-repeat: repeat-y; width: 20px; }
#site-right-border-width { width: 20px; }
#login-area { padding: 0 20px 0 20px; }
/*Overlay Windshield||This adds a windshield overlay over the header and footer of your site.*/
#header-ol1 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/hol1.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -7px; left: -9px; width: 11px; height: 173px; }
#header-ol2 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/hol2.png); background-repeat: repeat-x; background-position: 0 0; position: absolute; z-index: 50; top: -10px; left: 0; width: 100%; height: 73px; margin: 0; }
#header-ol3 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/hol3.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -7px; right: -9px; width: 80px; height: 173px; }
#header-ol4 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/hol4.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 50; top: 0; right: 200px; width: 200px; height: 123px; }
#header-ol5 { background-color: transparent; background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/hol5.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; position: absolute; z-index: 51; top: -7px; left: 2px; width: 210px; height: 137px; }#footer-ol1 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/fol1.png); background-repeat: no-repeat; position: absolute; left: -9px; bottom: -11px; width: 58px; height: 100px; z-index: 51; margin: 0; }
#footer-ol2 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/fol2.png); background-repeat: repeat-x; margin: 0; position: absolute; z-index: 50; bottom: -15px; left: 0; width: 100%; height: 73px; }
#footer-ol3 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/fol3.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; right: -9px; bottom: -11px; width: 58px; height: 100px; }
#footer-ol4 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/fol4.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; left: -21px; width: 26px; height: 46px; display: none; }
#footer-ol5 { background-image: url(http://my.spruz.com/user/51956/gallery/overlay/windshield/black/fol5.png); background-repeat: no-repeat; margin: 0; position: absolute; z-index: 51; top: -62px; right: -18px; width: 25px; height: 46px; display: none; }
#login-area { padding: 0 20px 0 20px; }
| Author: | David |
| Published: | Feb 11th 2011 |
| Modified: | Feb 11th 2011 |
|
|
|
|
|
|
|
|
|
|
|
|
|