CSS Shop (Open)

[LaughingIdiot]

Username: LaughingIdiot
Colours: Black, red and gold
Theme: Something that looks like it came out of bestiary book? WAIT!! Could you make it like a comic book if possible? That'd be sick!

Thanks so much for doing this! I am really excited about it, as the other custom CSS you have done looks fantastic!

Spoiler

Code: Select all

ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}

.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #FFD801;
background-color: rgba(43, 27, 23,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none;  
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #FFD801;
background-color: rgba(43, 27, 23,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (70, 62, 63, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/lghngidhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #FFD801;
background-color: rgba(255,0,0,0.3);
height:250px !important;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
margin: auto !important; 
background-color: rgba(78, 0, 0, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(78, 0, 0, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(78, 0, 0, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(80, 69, 55,0.4);
background-image: url(https://img1.etsystatic.com/000/0/5334565/il_fullxfull.333428215.jpg) !important;
} 

* {
font-family: Federo !important;
color: #E41B17 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(0, 0, 0, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #FFD801;
}
body{
background-image:url(http://orig10.deviantart.net/f990/f/2007/132/6/2/marvel_civil_war_vol_6_p_23_24_by_me2fly4u2c4life.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: #FFD801;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
}
span{
background-image: none !important;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(0, 0, 0,0.5);
border: 1px groove #FFD801 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(0, 0, 0,0.5);
border: 1px groove #FFD801;
}

.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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(43, 27, 23,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://orig12.deviantart.net/c8a7/f/2012/228/a/0/pixel_arc_reactor_by_rad_glados-d5bakju.gif) no-repeat, url(https://www.popcultcha.com.au/media/catalog/product/cache/1/thumbnail/44x42/0f396e8a55728e79b48334e699243c07/c/a/captain-america-shield-beast-kingdom-01.png) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

.custom_css_avatar img{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
border: 1px groove #FFD801;
}


h3{
float: center;
background-image:url(http://img.photobucket.com/albums/v294/swg-novy/hourglass.jpg);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #FFD801;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(43, 27, 23,0.3);
background-image: none;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}

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 !important;
transition: font-size .7s;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
background-color: rgba(27, 27, 27, 0.3);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: background-color .7s;
}


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

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #FFD801;}.postlink:visited{border-bottom-color: #FFD801;}

.inner{
padding: -3px !important; 
margin: -3px !important;}


@media screen and (max-width: 960px) {

body{
background-image:url(http://orig10.deviantart.net/f990/f/2007/132/6/2/marvel_civil_war_vol_6_p_23_24_by_me2fly4u2c4life.jpg);
background-repeat: no-repeat;
background-size: 960x 600x;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #EAC117 !important;
background-color: rgba(88, 0, 0 ,0.6) !important;
width: auto;
margin: auto;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #EAC117;
background-color: rgba(88, 0, 0,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

@media screen and (max-width: 480px) {

body{
background-image: none;
background-color: rgba(128, 5, 23, 0.3);
background-repeat: no-repeat;
background-size: 960x 600x;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #EAC117 !important;
background-color: rgba(88, 0, 0 ,0.6) !important;
width: auto;
margin: auto;}

h3{background-image: none;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #EAC117;
background-color: rgba(88, 0, 0,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width: auto;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

There ya go! Let me know if you want anything changed or if I forgot anything

It looks awesome! Thanks so much!!!

[crystalwings]

Hello I didn't see a frm so I'll just copy the one above
username: Crystalwings
Colors: (using the link you provided) Dark Orchid-7D137E, Purple Flower-A74Ac7 I also really like whites and greys with purple so you could use a bit of those colors.
Theme: I'm not sure just what I'm looking for (I'm not picky) I just love different shades of purple. I love simple but elegant at the same time (i'm really girly ) I also like of the crystal like things, to understand what I mean go here http://www.glitter-graphics.com/gallery ... =64&page=1 on page 21 I love the silver glittery one that you could use something similar to underline my name in the header? There is also a second example on page 3.
Out of all the ones I looked at I liked Chess' best, it was so perfect If that helps at all...

Extra Note: Please make sure (even through I messed it up in my username) that my name is Crystalwings with the capital C. Lol sorry, I'm super picky with that and it drives me insane that my username isn't a capital

Also I'm not even sure how to put in the code so the header will appear with everything else, so if you could help me out that would be appreciated!
Thank you so much!

Edit: If you have not already seen this post I would love some music notes (maybe crystal or purple ones) on my page too

[Merkwerkee]

Hello I didn't see a frm so I'll just copy the one above
username: Crystalwings
Colors: (using the link you provided) Dark Orchid-7D137E, Purple Flower-A74Ac7 I also really like whites and greys with purple so you could use a bit of those colors.
Theme: I'm not sure just what I'm looking for (I'm not picky) I just love different shades of purple. I love simple but elegant at the same time (i'm really girly ) I also like of the crystal like things, to understand what I mean go here http://www.glitter-graphics.com/gallery ... =64&page=1 on page 21 I love the silver glittery one that you could use something similar to underline my name in the header? There is also a second example on page 3.
Out of all the ones I looked at I liked Chess' best, it was so perfect, If that helps at all...

Extra Note: Please make sure (even through I messed it up in my username) that my name is Crystalwings with the capital C. Lol sorry, I'm super picky with that and it drives me insane that my username isn't a capital

Also I'm not even sure how to put in the code so the header will appear with everything else, so if you could help me out that would be appreciated!
Thank you so much!

Edit: If you have not already seen this post I would love some music notes (maybe crystal or purple ones) on my page too

SO I totes did not see that bit about music notes. ANYway

Spoiler

Code: Select all

ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}

.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #A74AC7;
background-color: rgba(233, 207, 236,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none;  
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #A74AC7;
background-color: rgba(233, 207, 236,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (200, 162, 200, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i5.glitter-graphics.org/pub/1651/1651545fvmq7we4mn.gif), url(http://i779.photobucket.com/albums/yy76/Merkwerkee/cryhdr.png) !important;
background-repeat: repeat, no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(255,0,0,0.3);
height:250px !important;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7; 
margin: auto !important; 
background-color: rgba(188, 153, 255, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: rgba(188, 153, 255, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(188, 153, 255, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: rgba(237, 201, 175,0.4);
background-image: url(http://data.whicdn.com/images/222874207/large.gif) !important;
} 

* {
font-family: Courier New !important;
color: #7D1B7E !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(255, 255, 194, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #A74AC7;
}
body{
background-image:url(http://devfloat.net/wp-content/uploads/2016/01/Gold-Glitter-Background.jpg);
background-repeat: repeat;
background-color: #A74AC7;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
}
span{
background-image: none !important;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(255, 255, 194,0.5);
border: 1px groove #A74AC7 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(255, 255, 194,0.5);
border: 1px groove #A74AC7;
}

.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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(233, 207, 236,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(https://www.stargazer-products.com/media/amconf/images/452.jpg) no-repeat, url(https://static.birchbox.com/shop/media/catalog/product/cache/1/thumbnail/96x/85e4522595efc69f496374d01ef2bf13/n/a/nailrock_glitter_blue_swatch_480x480.jpg) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

.custom_css_avatar img{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
border: 1px groove #A74AC7;
}


h3{
float: center;
background-image:url(http://dl.glitter-graphics.com/pub/614/614680djq0l440oz.gif);
background-position: center top;
background-repeat: no-repeat;
border-bottom: 1px groove #A74AC7;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
border-radius: 5px;
border: 1px groove #A74AC7; 
background-color: rgba(233, 207, 236,0.3);
background-image: none;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}

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 !important;
transition: font-size .7s;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
background-color: rgba(27, 27, 27, 0.3);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: background-color .7s;
}


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

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #A74AC7;}.postlink:visited{border-bottom-color: #A74AC7;}

.inner{
padding: -3px !important; 
margin: -3px !important;}



@media screen and (max-width: 960px) {

body{
background-image:url(http://devfloat.net/wp-content/uploads/2016/01/Gold-Glitter-Background.jpg);
background-repeat: repeat;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #A74AC7 !important;
background-color: rgba(255, 255, 194 ,0.6) !important;
width: auto;
margin: auto;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(255, 255, 194,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

@media screen and (max-width: 480px) {

body{
background-image: none;
background-color: rgb(27, 27, 27);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #A74AC7!important;
background-color: rgba(255, 255, 194 ,0.6) !important;
width: auto;
margin: auto;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(233, 207, 236,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width: auto;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

Let me know if anything needs changing

[xxvelvelaxx]

I was wondering if you could do a 5th wave one? and the colors can be black, green, and grey

[Merkwerkee]

I was wondering if you could do a 5th wave one? and the colors can be black, green, and grey

You ill have to be a little more specific, or provide some image examples - there are a lot of 5th waves

[xxvelvelaxx]

User:xxvelvela
Theme:5th wave
Color:grey, black, green
images: this for the background?

https://www.google.com/search?q=the+5th ... H-GJLXM%3A

[AncientLies]

User:AncientLies
Theme: caverns?
Color:brown,black,and white?
images: anything is fine with me,I'm not picky

[crystalwings]

Hello I didn't see a frm so I'll just copy the one above
username: Crystalwings
Colors: (using the link you provided) Dark Orchid-7D137E, Purple Flower-A74Ac7 I also really like whites and greys with purple so you could use a bit of those colors.
Theme: I'm not sure just what I'm looking for (I'm not picky) I just love different shades of purple. I love simple but elegant at the same time (i'm really girly ) I also like of the crystal like things, to understand what I mean go here http://www.glitter-graphics.com/gallery ... =64&page=1 on page 21 I love the silver glittery one that you could use something similar to underline my name in the header? There is also a second example on page 3.
Out of all the ones I looked at I liked Chess' best, it was so perfect, If that helps at all...

Extra Note: Please make sure (even through I messed it up in my username) that my name is Crystalwings with the capital C. Lol sorry, I'm super picky with that and it drives me insane that my username isn't a capital

Also I'm not even sure how to put in the code so the header will appear with everything else, so if you could help me out that would be appreciated!
Thank you so much!

Edit: If you have not already seen this post I would love some music notes (maybe crystal or purple ones) on my page too

SO I totes did not see that bit about music notes. ANYway

Spoiler

Code: Select all

ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}

.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #A74AC7;
background-color: rgba(233, 207, 236,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none;  
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #A74AC7;
background-color: rgba(233, 207, 236,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (200, 162, 200, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i5.glitter-graphics.org/pub/1651/1651545fvmq7we4mn.gif), url(http://i779.photobucket.com/albums/yy76/Merkwerkee/cryhdr.png) !important;
background-repeat: repeat, no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(255,0,0,0.3);
height:250px !important;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7; 
margin: auto !important; 
background-color: rgba(188, 153, 255, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: rgba(188, 153, 255, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(188, 153, 255, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
background-color: rgba(237, 201, 175,0.4);
background-image: url(http://data.whicdn.com/images/222874207/large.gif) !important;
} 

* {
font-family: Courier New !important;
color: #7D1B7E !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(255, 255, 194, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #A74AC7;
}
body{
background-image:url(http://devfloat.net/wp-content/uploads/2016/01/Gold-Glitter-Background.jpg);
background-repeat: repeat;
background-color: #A74AC7;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
}
span{
background-image: none !important;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(255, 255, 194,0.5);
border: 1px groove #A74AC7 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(255, 255, 194,0.5);
border: 1px groove #A74AC7;
}

.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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #A74AC7;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(233, 207, 236,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(https://www.stargazer-products.com/media/amconf/images/452.jpg) no-repeat, url(https://static.birchbox.com/shop/media/catalog/product/cache/1/thumbnail/96x/85e4522595efc69f496374d01ef2bf13/n/a/nailrock_glitter_blue_swatch_480x480.jpg) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

.custom_css_avatar img{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
border: 1px groove #A74AC7;
}


h3{
float: center;
background-image:url(http://dl.glitter-graphics.com/pub/614/614680djq0l440oz.gif);
background-position: center top;
background-repeat: no-repeat;
border-bottom: 1px groove #A74AC7;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
border-radius: 5px;
border: 1px groove #A74AC7; 
background-color: rgba(233, 207, 236,0.3);
background-image: none;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}

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 !important;
transition: font-size .7s;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
background-color: rgba(27, 27, 27, 0.3);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: background-color .7s;
}


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

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #A74AC7;}.postlink:visited{border-bottom-color: #A74AC7;}

.inner{
padding: -3px !important; 
margin: -3px !important;}



@media screen and (max-width: 960px) {

body{
background-image:url(http://devfloat.net/wp-content/uploads/2016/01/Gold-Glitter-Background.jpg);
background-repeat: repeat;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #A74AC7 !important;
background-color: rgba(255, 255, 194 ,0.6) !important;
width: auto;
margin: auto;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(255, 255, 194,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

@media screen and (max-width: 480px) {

body{
background-image: none;
background-color: rgb(27, 27, 27);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed !important;}
#page-footer, #page-header, #page-body{
float: none;
width: auto;
margin: auto;
padding: auto;}

#wrap{
border:1px groove #A74AC7!important;
background-color: rgba(255, 255, 194 ,0.6) !important;
width: auto;
margin: auto;}

.headerbar.nonmobile{
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #A74AC7;
background-color: rgba(233, 207, 236,0.3);
height: 250px;
}

.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width: auto;
}


.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}


.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}

}

Let me know if anything needs changing

Wow that's really awesome. thank you so much! The only thing is that with all the blue sparklers In the header I only caught a glimpse of my name which only showed up for a second. Is that just my computer..? Do you mind checking? It probably is but just in case I want to make sure my user name is showing up
Thanks again, I really appreciate it

[aeternavi]

• User;; Aeternavi
  Theme;; Swimming .3.
  Colors;; grey, dark blue, light blue (or anything along that spectrum you see fit)
  
  For this one, ay...the images could be something simple such as a picture of landlines or something underwater such as:
  Spoiler

  or even a picture of an olympian like Missy Franklin. Maybe fit the word 'butterfly' somewhere in there. I'm sort of new to CSS coding, so I know i'm kind of vague here.

• Other;; Thanks a bunch! you're coding looks great!

[xxvelvelaxx]

User:xxvelvela
Theme:5th wave
Color:grey, black, green
images: this for the background?

https://www.google.com/search?q=the+5th ... H-GJLXM%3A

umm how much longer|?