MagiStream

Bump

This is my first CSS and I have no idea what to do!!! But anyways... I'm not sure if I have to use a form, so here goes...

For my colors, could I have just black? I think the colors for each element would look good on a black background. Could the colors for each element be red for fire, blue for water, green for earth, and something like white/silver for air?

For my theme could I do an earth, air, fire, water theme? So just incorporate the four elements in it! The more abstract the art, the better. I'll stick with that for now.

Feel free to do whatever looks best. I'm pretty lenient with anything. THANKS!!!

Okay, so here are a few possible backgrounds. Tell me which one you like best, and I'll build from there

http://www.profilethai.com/download/ori ... dmaple.jpg
http://wallpaper.hdesktop.com/wallpaper ... 00401.jpeg
http://fc01.deviantart.net/images/large ... lpaper.jpg
http://img247.imageshack.us/img247/7042/trp9oi.jpg
http://images1.fanpop.com/images/photos ... 0-1280.jpg

Can I ask for more than one?
1) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Red Pandas.

2) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Western Dragons

3) 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Owls

Thanks!

P.S. - Can the cursor have trails like the site here? But of like Owls, Pandas, and Dragons depending on the CSS?

Merkwerkee wrote:Okay, so here are a few possible backgrounds. Tell me which one you like best, and I'll build from there

http://www.profilethai.com/download/ori ... dmaple.jpg
http://wallpaper.hdesktop.com/wallpaper ... 00401.jpeg
http://fc01.deviantart.net/images/large ... lpaper.jpg
http://img247.imageshack.us/img247/7042/trp9oi.jpg
http://images1.fanpop.com/images/photos ... 0-1280.jpg

So difficult to choose... I can't decide between these two:
http://wallpaper.hdesktop.com/wallpaper ... 00401.jpeg
http://www.profilethai.com/download/ori ... dmaple.jpg

Can you do whichever one is easier for you? THANKS!

WolfeDente wrote:Can I ask for more than one?
1) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Red Pandas.

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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://img21.imageshack.us/img21/1845/wlfdhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(19, 156, 90,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.4);
background-image: url(http://www.colourbox.com/preview/3548211-76712-cat-fur-texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Comic Sans MS !important;
color: #C3BFBF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(19, 156, 90, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.free-desktop-backgrounds.net/free-desktop-wallpapers-backgrounds/free-hd-desktop-wallpapers-backgrounds/532490485.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(13, 111, 64,0.5);
border: 1px groove #002295;
}
.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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(19, 156, 90,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 #000477 !important;
background-color: rgba(11, 88, 51,0.6) !important;
}

2) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Western Dragons

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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://img84.imageshack.us/img84/599/wlfdthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #139c5a;
border-radius: 3em 1em;
background-color: rgba(7, 54, 169,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.4);
background-image: url(http://knalexander.files.wordpress.com/2011/07/greenscale.png) !important;
}
.signature{
display: none;
}
* {
font-family: English !important;
color: #C3BFBF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(7, 54, 169, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
body{
Background-image: url(http://www.ulpv.com/uploads/World-of-Warcraft-Dragon-Wallpaper.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, 0, 79,0.5);
border: 1px groove #139c5a;
}
.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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #139c5a;
}

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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a !important;
background-color: rgba(0, 0, 79,0.6) !important;
}

3) 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Owls

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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://img10.imageshack.us/img10/4791/wlfdnthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(195, 191, 191,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.4);
background-image: url(http://watermarked.cutcaster.com/cutcaster-photo-100669864-Hawk-Feather-Texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: #139c5a !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(195, 191, 191, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.ehdwalls.com/plog-content/images/1440x900/animals/barred_owl_1440x900.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(255, 251, 251,0.5);
border: 1px groove #2554C7;
}
.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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7 !important;
background-color: rgba(255, 245, 245,0.6) !important;
}

Try those, let me know how they work

@Luf: I'll get on yours soonest I can

YAY!!! Thanks!!!

Merkwerkee wrote:

WolfeDente wrote:Can I ask for more than one?
1) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Red Pandas.

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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://img21.imageshack.us/img21/1845/wlfdhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(19, 156, 90,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.4);
background-image: url(http://www.colourbox.com/preview/3548211-76712-cat-fur-texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Comic Sans MS !important;
color: #C3BFBF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(19, 156, 90, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.free-desktop-backgrounds.net/free-desktop-wallpapers-backgrounds/free-hd-desktop-wallpapers-backgrounds/532490485.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(13, 111, 64,0.5);
border: 1px groove #002295;
}
.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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(19, 156, 90,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 #000477 !important;
background-color: rgba(11, 88, 51,0.6) !important;
}

2) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Western Dragons

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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://img84.imageshack.us/img84/599/wlfdthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #139c5a;
border-radius: 3em 1em;
background-color: rgba(7, 54, 169,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.4);
background-image: url(http://knalexander.files.wordpress.com/2011/07/greenscale.png) !important;
}
.signature{
display: none;
}
* {
font-family: English !important;
color: #C3BFBF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(7, 54, 169, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
body{
Background-image: url(http://www.ulpv.com/uploads/World-of-Warcraft-Dragon-Wallpaper.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, 0, 79,0.5);
border: 1px groove #139c5a;
}
.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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #139c5a;
}

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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a !important;
background-color: rgba(0, 0, 79,0.6) !important;
}

3) 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Owls

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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://img10.imageshack.us/img10/4791/wlfdnthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(195, 191, 191,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.4);
background-image: url(http://watermarked.cutcaster.com/cutcaster-photo-100669864-Hawk-Feather-Texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: #139c5a !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(195, 191, 191, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.ehdwalls.com/plog-content/images/1440x900/animals/barred_owl_1440x900.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(255, 251, 251,0.5);
border: 1px groove #2554C7;
}
.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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7 !important;
background-color: rgba(255, 245, 245,0.6) !important;
}

Try those, let me know how they work

@Luf: I'll get on yours soonest I can

Is it possible to change The background (The very back background) for Red Pandas? The white looks a little weird...Also on that one can you change the lettering/font colour to Royal blue instead of silver. It is really hard to read.

For Dragons and the Red Pandas, can you make the headers Royal Blue font? You cant read the SIlver lettering that says Fourm, Shops, etc.

WolfeDente wrote:

Merkwerkee wrote:

WolfeDente wrote:Can I ask for more than one?
1) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Red Pandas.

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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://img21.imageshack.us/img21/1845/wlfdhdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(19, 156, 90,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(19, 156, 90,0.4);
background-image: url(http://www.colourbox.com/preview/3548211-76712-cat-fur-texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: Comic Sans MS !important;
color: #2554c7 !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(19, 156, 90, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.scenicreflections.com/files/The_Red_Panda_Wallpaper__yvt2.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(13, 111, 64,0.5);
border: 1px groove #002295;
}
.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 #2554C7;
background-color: rgba(19, 156, 90,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(19, 156, 90,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 #000477 !important;
background-color: rgba(11, 88, 51,0.6) !important;
}

2) Colours: 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Western Dragons

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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://img84.imageshack.us/img84/599/wlfdthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #139c5a;
border-radius: 3em 1em;
background-color: rgba(7, 54, 169,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
background-color: rgba(7, 54, 169,0.4);
background-image: url(http://knalexander.files.wordpress.com/2011/07/greenscale.png) !important;
}
.signature{
display: none;
}
* {
font-family: English !important;
color: #C3BFBF !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(7, 54, 169, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
body{
Background-image: url(http://www.ulpv.com/uploads/World-of-Warcraft-Dragon-Wallpaper.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, 0, 79,0.5);
border: 1px groove #139c5a;
}
.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 #139c5a;
background-color: rgba(7, 54, 169,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #139c5a;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #139c5a;
}

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 #139c5a;
background-color: rgba(7, 54, 169,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 #139c5a !important;
background-color: rgba(0, 0, 79,0.6) !important;
}

3) 139c5a (Special Green) , 2554c7 (Royal Blue), 696565 (Grey/Silver)
Theme: Owls

Code: Select all

.bg2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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://img10.imageshack.us/img10/4791/wlfdnthdr.png);
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border: 1px groove #2554C7;
border-radius: 3em 1em;
background-color: rgba(195, 191, 191,0.3);
}
#page-footer .navbar{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-footer{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.3);
width: 100% !important;
}
input.button2{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
background-color: rgba(195, 191, 191,0.4);
background-image: url(http://watermarked.cutcaster.com/cutcaster-photo-100669864-Hawk-Feather-Texture.jpg) !important;
}
.signature{
display: none;
}
* {
font-family: FontleroyBrown !important;
color: #139c5a !important;
text-align: center !important;
}
#wrap{
background-image: none;
background-color: rgba(195, 191, 191, 0.4) !important;
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
body{
Background-image: url(http://www.ehdwalls.com/plog-content/images/1440x900/animals/barred_owl_1440x900.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(255, 251, 251,0.5);
border: 1px groove #2554C7;
}
.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 #2554C7;
background-color: rgba(195, 191, 191,0.3);
}
.icon-gold{
-moz-border-radius: 3em 1em;
-webkit-border-radius: 3em 1em;
border-radius: 3em 1em;
border: 1px groove #2554C7;
}
.custom_css_avatar img{
-moz-border-radius: 1em 3em;
-webkit-border-radius: 1em 3em;
border-radius: 1em 3em;
border: 1px groove #2554C7;
}

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 #2554C7;
background-color: rgba(195, 191, 191,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 #2554C7 !important;
background-color: rgba(255, 245, 245,0.6) !important;
}

Try those, let me know how they work

@Luf: I'll get on yours soonest I can

Is it possible to change The background (The very back background) for Red Pandas? The white looks a little weird...Also on that one can you change the lettering/font colour to Royal blue instead of silver. It is really hard to read.

For Dragons and the Red Pandas, can you make the headers Royal Blue font? You cant read the SIlver lettering that says Fourm, Shops, etc.

The royal blue will be even harder, but it is done. I don't know what you mean by whitespace in the background - there shouldn't be any - but I changed the picture anyway

As for the bit about headers - you can't read the letters that say forum, shops, etc. because it isn't there. I'm not a good enough artist to put them all there at the proper height.
Or even an even height.

Thank you soo much....I love them! (Also thank you so much for the Ferrets too. I will Love them forever and ever.)