CSS Shop (Open)

[SynthDetective]

Hm, the background image seems to be further down on the page, leaving the rest of the page mainly green? I don't know if it's the wrongdoings of my phone, since I can't check on computer right now, but that does look weird. Other than that, this looks really freaking awesome~

I think it's your phone because it looks okay on my screen.

I will freely admit that my CSSs are not customized for mobile phones

Yeah, i guessed it probably is my phone. I'll check it once i get to a computer.
Thank you very much for this. Its very pretty

[MarcoGore]

Id love one if thats alright? ^^

username: MarcoGore
colours: Celestial colours: Blues, purples, white as a minor/accent colour.
theme: Id like it maybe based off either Andromeda or if possible the Hubble Deep Field

Thanks in advance

[SynthDetective]

Okay, now that I got to a computer I can properly thank you. Now it looks as it's supposed to be, so I guess the problem was my phone. It is very very pretty. I really love the colour contrasts. Thank you very very much for this~

[Merkwerkee]

Id love one if thats alright? ^^

username: MarcoGore
colours: Celestial colours: Blues, purples, white as a minor/accent colour.
theme: Id like it maybe based off either Andromeda or if possible the Hubble Deep Field

Thanks in advance

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 white;
background-color: rgba(30, 30, 30,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 white;
background-color: rgba(30, 30, 30,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/mrcghdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove white;
border-radius: 9px;
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(30, 30, 30,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white; 
background-color: rgba(30, 30, 30,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(21, 27, 84, 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(21, 27, 84, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white; 
background-color: rgba(21, 27, 84, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(127, 70, 44,0.4);
background-image: url(http://40.media.tumblr.com/e25d35c8048bd0e6f9c553f95358bc85/tumblr_inline_ny2rlsqO4S1tzhl5u_1280.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: #FFF6D3 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(38, 38, 38, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
}
body{
background-image:url(http://www.nasa.gov/sites/default/files/thumbnails/image/hs-2015-02-a-hires_jpg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: white;
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(38, 38, 38,0.5);
border: 1px groove white !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(38, 38, 38,0.5);
border: 1px groove white;
}

.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 white;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(127, 70, 44,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://adplan.imvustylez.net/img/credit.png) no-repeat, url(https://www.astro.umd.edu/~miller/star.gif) 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 white;
}


h3{
float: center;
background-image:url(http://www.psychicjoystar.com/~media/elements/AnimatedClipart/space/animations/star__twinklingA.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove white;
}

.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 white; 
background-color: rgba(127, 70, 44,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
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(38, 38, 38 ,0.6) !important;
}

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

Let me know how you like it - I went digging through NASA's library of hi-res pictures to get a background and suchlike.

@Golden: You're quite welcome. As a fun fact, the yellow of the text and outlines in your profile is called "rubber ducky yellow"

[MarcoGore]

Id love one if thats alright? ^^

username: MarcoGore
colours: Celestial colours: Blues, purples, white as a minor/accent colour.
theme: Id like it maybe based off either Andromeda or if possible the Hubble Deep Field

Thanks in advance

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 white;
background-color: rgba(30, 30, 30,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 white;
background-color: rgba(30, 30, 30,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/mrcghdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove white;
border-radius: 9px;
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(30, 30, 30,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white; 
background-color: rgba(30, 30, 30,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(21, 27, 84, 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(21, 27, 84, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white; 
background-color: rgba(21, 27, 84, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(127, 70, 44,0.4);
background-image: url(http://40.media.tumblr.com/e25d35c8048bd0e6f9c553f95358bc85/tumblr_inline_ny2rlsqO4S1tzhl5u_1280.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: #FFF6D3 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(38, 38, 38, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
}
body{
background-image:url(http://www.nasa.gov/sites/default/files/thumbnails/image/hs-2015-02-a-hires_jpg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: white;
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(38, 38, 38,0.5);
border: 1px groove white !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(38, 38, 38,0.5);
border: 1px groove white;
}

.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 white;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(127, 70, 44,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://adplan.imvustylez.net/img/credit.png) no-repeat, url(https://www.astro.umd.edu/~miller/star.gif) 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 white;
}


h3{
float: center;
background-image:url(http://www.psychicjoystar.com/~media/elements/AnimatedClipart/space/animations/star__twinklingA.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove white;
}

.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 white; 
background-color: rgba(127, 70, 44,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
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(38, 38, 38 ,0.6) !important;
}

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

Let me know how you like it - I went digging through NASA's library of hi-res pictures to get a background and suchlike.

Ahhh thank you! Its absolutely beautiful.

[SynthDetective]

Hello. I recently got my username changed, so is there any chance you could replace GoldenVampire with SynthDetective in the header of te hella cool CSS you recently made for me?

[Merkwerkee]

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(21, 27, 84,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/syndhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FFD801;
border-radius: 9px;
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(21, 27, 84,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, 137, 117, 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, 137, 117, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(78, 137, 117, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

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(http://www.animateit.net/data/media/august2009/rwcycle.gif) !important;
} 

* {
font-family: Garamond !important;
color: #FFD801 !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(0, 0, 54, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
}
body{
background-image:url(http://www.freewallpaperfullhd.com/wp-content/uploads/2015/06/wallpapers/wormhole_in_space_2-wallpaper-2560x1600.jpg);
background-repeat: no-repeat;
background-color: #FFD801;
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, 54,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, 54,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(80, 69, 55,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
}

.icon-gold img{opacity:0.9 !important;
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(https://cdn3.iconfinder.com/data/icons/space-5/512/stars-128.png);
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(80, 69, 55,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
}


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, 54 ,0.6) !important;
}

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

Let me know how you like it[/quote]

I don't actually tend to hang on to editable files of headers I make - you know, with the various layers and such - so I sort of did yours over again. Still okay?

[SynthDetective]

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(21, 27, 84,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/syndhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FFD801;
border-radius: 9px;
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(21, 27, 84,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, 137, 117, 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, 137, 117, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(78, 137, 117, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

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(http://www.animateit.net/data/media/august2009/rwcycle.gif) !important;
} 

* {
font-family: Garamond !important;
color: #FFD801 !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(0, 0, 54, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
}
body{
background-image:url(http://www.freewallpaperfullhd.com/wp-content/uploads/2015/06/wallpapers/wormhole_in_space_2-wallpaper-2560x1600.jpg);
background-repeat: no-repeat;
background-color: #FFD801;
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, 54,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, 54,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(80, 69, 55,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
}

.icon-gold img{opacity:0.9 !important;
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(https://cdn3.iconfinder.com/data/icons/space-5/512/stars-128.png);
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(80, 69, 55,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
}


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, 54 ,0.6) !important;
}

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

Let me know how you like it

I don't actually tend to hang on to editable files of headers I make - you know, with the various layers and such - so I sort of did yours over again. Still okay?

It's cool, but it does seem like the image quality of the header is very low. Would it be possible to have it in a higher resolution? It looks very grainy

[Merkwerkee]

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(21, 27, 84,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/syndthdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FFD801;
border-radius: 9px;
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(21, 27, 84,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, 137, 117, 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, 137, 117, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(78, 137, 117, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

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(http://www.animateit.net/data/media/august2009/rwcycle.gif) !important;
} 

* {
font-family: Garamond !important;
color: #FFD801 !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(0, 0, 54, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
}
body{
background-image:url(http://www.freewallpaperfullhd.com/wp-content/uploads/2015/06/wallpapers/wormhole_in_space_2-wallpaper-2560x1600.jpg);
background-repeat: no-repeat;
background-color: #FFD801;
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, 54,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, 54,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(80, 69, 55,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
}

.icon-gold img{opacity:0.9 !important;
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(https://cdn3.iconfinder.com/data/icons/space-5/512/stars-128.png);
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(80, 69, 55,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
}


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, 54 ,0.6) !important;
}

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

Let me know how you like it

I don't actually tend to hang on to editable files of headers I make - you know, with the various layers and such - so I sort of did yours over again. Still okay?

It's cool, but it does seem like the image quality of the header is very low. Would it be possible to have it in a higher resolution? It looks very grainy

[SynthDetective]

I'm confused. Did a message get lost somewhere? Or is my phone acting up again?