CSS Shop (Open)

[SwanRaven]

http://static.zerochan.net/full/45/16/108345.jpg
This work for the background? I can find better wallpapers of one or the other, but not both together.

At least, not ones that would be able to be expanded to the necessary size easily

Sorry but I cant see the image.

That's okay, but that means I can only to one person in the background (as per my disclaimer, I'm not an artist I'm a coder)

Ok then Maybe Just Death The Kid as a Background and Maka as the header. I really don't care what the picture is.

[Kiysa]

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img42.imageshack.us/img42/5712/aidhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #4C7D7E;
border-radius: 3em 1em;
background-color: rgba(255,0,0,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(98, 25, 0,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(98, 25, 0,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(98, 25, 0,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(58, 58, 58,0.4);
background-image: url(http://www.freewebs.com/zeldafan20071/HylianSymbol.gif) !important;
background-repeat: repeat;
}
.signature{
display: none;
}
* {
font-family: Journal !important;
color: white !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(72, 148, 43, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
}
body{
Background-image: url(http://www.pcdesktopwallpaper.com/albums/wallpapers-video-games/The-Legend-of-Zelda-002.jpg);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(0, 62, 110,0.5);
border: 1px groove #245556;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #4C7D7E;
}

h3{
display: none;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #4C7D7E;
background-color: rgba(78, 137, 117,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark green;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2ex 2ex !important;
-webkit-border-radius: 2ex 2ex !important;
border-radius: 2ex 2ex !important;
border:1px groove cadet blue4 !important;
background-color: rgba(37, 65, 23,0.6) !important;
}

There you go - I changed the font too, because I forgot to do that in the last one

Thank you! *huggles CSS*

[Merkwerkee]

Username: RukiaAlbarn
Colours: Black, Red, and Gray
Theme: Death The Kid and Maka Albarn (Soul Eater)
Special Requests: Just both of them on either side just them none of the other characters if possible.

Thank you.

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://imageshack.us/f/138/rukhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove red;
border-radius: 3em 1em;
background-color: rgba(98, 98, 98,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.4);
background-image: url(http://t0.gstatic.com/images?q=tbn:ANd9GcTlQS6Ult-5IZD1QqCyFwPKTiP4pLiT8ST5a_2brnQBqsoH4K34CRc73AIj) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: #DEDEDE !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(5, 5, 5, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
body{
Background-image: url(http://fc02.deviantart.net/fs71/i/2011/236/1/b/death_the_kid_wallpaper_by_greybeardlegend-d47p4vk.png);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(8, 8, 8,0.5);
border: 1px groove red;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove red;
}

h3{
display: none;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius:2em 2em !important;
border:1px groove red !important;
background-color: rgba(0,0,0,0.6) !important;
}

Let me know how that works for you

[SwanRaven]

I like it but one of the spoilers is not working and the words in some spoilers are not showing up correctly. I dont want to be rude but I just think it needs a little editing.

[Merkwerkee]

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://imageshack.us/f/138/rukhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove red;
border-radius: 3em 1em;
background-color: rgba(98, 98, 98,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(60, 60, 60,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.4);
background-image: url(http://t0.gstatic.com/images?q=tbn:ANd9GcTlQS6Ult-5IZD1QqCyFwPKTiP4pLiT8ST5a_2brnQBqsoH4K34CRc73AIj) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: #DEDEDE !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(5, 5, 5, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
body{
Background-image: url(http://fc02.deviantart.net/fs71/i/2011/236/1/b/death_the_kid_wallpaper_by_greybeardlegend-d47p4vk.png);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(8, 8, 8,0.5);
border: 1px groove red;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove red;
}

h3{
display: none;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
background-color: rgba(98, 98, 98,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

.blockquote{
-moz-border-radius: 10px 10px !important;
-webkit-border-radius: 10px 10px !important;
border-radius:10px 10px !important;
border:1px groove red !important;
background-color: rgba(0,0,0,0.6) !important;
}

Yeah, it's the blockquote thing messing up. It seems random as to how it works for any given person - try this new code; if it doesn't work, remove the last piece of code in your profile (blockquote{})

[SwanRaven]

It still does not work but thank you for trying its alright sorry about that.

[ellebellie]

Username: ellebellie
Colours: Gold, Black, White, and Red.
Theme: Hunger Games
Anything else? Could you use this for the background, and this for the header?

[Chess]

Nope. Same problem as last time, there's only a bunch of spoilers. I don't know what the heck is wrong with it; it seems to work for everyone else's.

[Merkwerkee]

Nope. Same problem as last time, there's only a bunch of spoilers. I don't know what the heck is wrong with it; it seems to work for everyone else's.

Are you sure it's not broken code in your About Me section? I had one spoiler that wasn't working because I'd missed 1/2 of a [size] tag. Removing it fixed the problem

Username: ellebellie
Colours: Gold, Black, White, and Red.
Theme: Hunger Games
Anything else? Could you use this for the background, and this for the header?

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img834.imageshack.us/img834/300/elhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove white;
border-radius: 3em 1em;
background-color: rgba(255,0,0,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(228, 34, 23,0.4);
background-image: url(http://www.screenok.com/images/wallpapers/fire%20flames-854040.jpeg) !important;
}
.signature{
display: none;
}
* {
font-family: Deja Vu Serif !important;
color: red !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(255, 255,255, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
body{
Background-image: url(http://i3.kym-cdn.com/entries/icons/original/000/009/580/HG2.jpg);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(8, 8, 8,0.5);
border: 1px groove gold;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove white;
}

h3{
display: none;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark red;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove white !important;
background-color: rgba(0,0,0,0.6) !important;
}

Try that, and let me know how it works

[ellebellie]

Username: ellebellie
Colours: Gold, Black, White, and Red.
Theme: Hunger Games
Anything else? Could you use this for the background, and this for the header?

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
float: left;
width: 96% !important;
padding: 0px;
margin: 0px;
background-image: none;
-moz-transform:translate(-2em, 0em);
transform:translate(-2em, 0em);
-webkit-transform:translate(-2em, 0em);
}
.bg1{
text-align: center !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
float: right;
width: 96% !important;
padding: 0px;
margin-right: -5px;
background-image: none;
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em);
}
.headerbar{
background-image: url(http://img834.imageshack.us/img834/300/elhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove white;
border-radius: 3em 1em;
background-color: rgba(255,0,0,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
padding: 15px;
margin-left: -20px;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3) !important;
padding: 0px;
margin-left: 0px;
background-image: none;
}
#page-body{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove gold;
background-color: rgba(228, 34, 23,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(228, 34, 23,0.4);
background-image: url(http://www.screenok.com/images/wallpapers/fire%20flames-854040.jpeg) !important;
}
.signature{
display: none;
}
* {
font-family: Deja Vu Serif !important;
color: red !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(255, 255,255, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove red;
}
body{
Background-image: url(http://i3.kym-cdn.com/entries/icons/original/000/009/580/HG2.jpg);
background-size: 100% !important;
background-attachment: fixed !important;
}
span{
background: none;
display: none !important;
color: transparent;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(8, 8, 8,0.5);
border: 1px groove gold;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove white;
}

h3{
display: none;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove white;
background-color: rgba(255, 228, 43,0.3);
background-image: none;
}

dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
} 
a:link, a.postlink:link{
text-decoration: none;
}
a:visited, a.postlink:visited{
color: dark red;
text-decoration: none;
}
a:hover, a.postlink:hover{
font-size: 16px;
text-decoration: none;
background-color: transparent;
}

blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove white !important;
background-color: rgba(0,0,0,0.6) !important;
}

Try that, and let me know how it works

OH MY GOSH! It's FANTASTIC!!! Thank you SO much!