CSS Shop (Open)

Creatures · Post by **Merkwerkee** » January 13th, 2016, 10:45:01 pm

MSolara wrote:
FOR F--- that was fast!

*Auroragasm* I love it!!! Thank you very very much!!

I'm in the mood

I'd change mine again except I dunno what to change it to. Something with darker colors, hopefully, the current one is a bit bright for when I've got a headache

/enormously fickle

Creatures · Post by **MageLorelei** » January 14th, 2016, 11:29:42 am

Merkwerkee wrote:

MageLorelei wrote: Pick me, pick me!
Username:MageLorelei
Colors: orange, red and yellow- fiery colors.
Theme: Fire please and thank you.

Spoiler

Code: Select all

.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #FDD017;
background-color: rgba(123, 0, 0,0.3) !important;
float: left;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
border: 1px groove #FDD017;
background-color: rgba(123, 0, 0,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/maeg.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FDD017;
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 #FDD017;
background-color: rgba(123, 0, 0,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017; 
background-color: rgba(123, 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 #FDD017;
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017; 
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017;
background-color: rgba(127, 70, 44,0.4);
background-image: url(https://media.giphy.com/media/WzLsZENLbKeBO/giphy.gif) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(83, 0, 0, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017;
}
body{ 
Background-image: url(https://newevolutiondesigns.com/images/freebies/fire-art-wallpaper-2.jpg); 
background-repeat: no-repeat;
background-color: black;
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(83, 0, 0,0.5);
border: 1px groove #FDD017 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(83, 0, 0,0.5);
border: 1px groove #FDD017;
}

.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 #FDD017;
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;
}

.icon-gold img{opacity:0.9 !important;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important}


h3{
float: center;
background-image:url(http://www.allacrost.org/staff/user/roots/art/edits/fire.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
}

.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 #FDD017; 
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 #FDD017 !important;
background-color: rgba(87, 27, 126 ,0.6) !important;
}

.custom_css_rank, h3{
    border-bottom: 1px groove #FDD017;
    }

There ya go! Let me know how you like it/if I forgot to change anything

Much fire! So pretty! Much nice! Thank you so much!!

Creatures · Post by **Merkwerkee** » January 14th, 2016, 11:56:05 am

Merkwerkee wrote:

MageLorelei wrote: Pick me, pick me!
Username:MageLorelei
Colors: orange, red and yellow- fiery colors.
Theme: Fire please and thank you.

Spoiler

Code: Select all

.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #FDD017;
background-color: rgba(123, 0, 0,0.3) !important;
float: left;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
border: 1px groove #FDD017;
background-color: rgba(123, 0, 0,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/maeg.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FDD017;
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 #FDD017;
background-color: rgba(123, 0, 0,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017; 
background-color: rgba(123, 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 #FDD017;
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017; 
background-color: rgba(193, 27, 23, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017;
background-color: rgba(127, 70, 44,0.4);
background-image: url(https://media.giphy.com/media/WzLsZENLbKeBO/giphy.gif) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(83, 0, 0, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FDD017;
}
body{ 
Background-image: url(https://newevolutiondesigns.com/images/freebies/fire-art-wallpaper-2.jpg); 
background-repeat: no-repeat;
background-color: black;
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(83, 0, 0,0.5);
border: 1px groove #FDD017 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(83, 0, 0,0.5);
border: 1px groove #FDD017;
}

.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 #FDD017;
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;
}

.icon-gold img{opacity:0.9 !important;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important}


h3{
float: center;
background-image:url(http://www.allacrost.org/staff/user/roots/art/edits/fire.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
}

.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 #FDD017; 
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 #FDD017 !important;
background-color: rgba(73, 61, 38,0.6) !important;
}

.custom_css_rank, h3{
    border-bottom: 1px groove #FDD017;
    }

There ya go! Let me know how you like it/if I forgot to change anything

WHOOPS that was a mistake. Try it now, it should look better

Creatures · Post by **Pok** » January 24th, 2016, 8:39:19 am

Hey Merk, decided to take you up on that offer

Username: FrauFyrebird
Colours: Black (text background), white, grey or anything else you feel like using
Theme: I'm going for a simple look (seemed like I have totally forgotten how to do that.

)

Much thanks in advance!

(I may try experimenting with it in future, so I hope you don't mind too much)

Creatures · Post by **Merkwerkee** » January 24th, 2016, 2:39:57 pm

FrauFyrebird wrote:Hey Merk, decided to take you up on that offer

Username: FrauFyrebird
Colours: Black (text background), white, grey or anything else you feel like using
Theme: I'm going for a simple look (seemed like I have totally forgotten how to do that. )

Much thanks in advance!

(I may try experimenting with it in future, so I hope you don't mind too much)

Spoiler

Code: Select all

dl.left-box.details{border-right: 1px groove white;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted white;}
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(25, 25, 25,0.3) !important;
float: left;
/*  width: 96% !important; */ 
padding: 3px;
margin: 3px;
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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
border: 1px groove white;
background-color: rgba(25, 25, 25,0.3) !important;
float: right;
/* width: 96% !important; */
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; /*
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em); */
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/frauhdr.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(25, 25, 25,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(25, 25, 25,0.3) !important;
/*
padding: 3px;
margin: 3px;

*/
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(34, 34, 34, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(34, 34, 34, 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(34, 34, 34, 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(80, 69, 55,0.4);
background-image: url(http://41.media.tumblr.com/tumblr_lqguuuQWgJ1qzwhyzo1_500.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(12, 12, 12, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
}
body{
background-image:url(https://wallpaperscraft.com/image/white_white_patterns_lines_light_11374_1600x1200.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(12, 12, 12,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(12, 12, 12,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(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 white;
}


h3{
float: center;
background-image:url(https://pbs.twimg.com/profile_images/2173516694/BlackStar_normal.PNG);
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(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 white !important;
background-color: rgba(12, 12, 12 ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }

Let me know how you like it.

And I'm not charging for them - if you wanna modify them, be my guest. It's just vaguely irritating when someone gets one from me then immediately uses one they got from someone else - like, why did you waste my time on this, then. I actually offer a guide for people who'd like to try their hand and it - or at least, I used to. I'll have to see if I still have it after my hard drive died

Creatures · Post by **Pok** » January 24th, 2016, 6:18:48 pm

Merkwerkee wrote:

FrauFyrebird wrote:Hey Merk, decided to take you up on that offer

Username: FrauFyrebird
Colours: Black (text background), white, grey or anything else you feel like using
Theme: I'm going for a simple look (seemed like I have totally forgotten how to do that. )

Much thanks in advance!

(I may try experimenting with it in future, so I hope you don't mind too much)

Spoiler

Code: Select all

dl.left-box.details{border-right: 1px groove white;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted white;}
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(25, 25, 25,0.3) !important;
float: left;
/*  width: 96% !important; */ 
padding: 3px;
margin: 3px;
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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
border: 1px groove white;
background-color: rgba(25, 25, 25,0.3) !important;
float: right;
/* width: 96% !important; */
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; /*
-moz-transform:translate(2em, 0em);
transform:translate(2em, 0em);
-webkit-transform:translate(2em, 0em); */
} 

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/frauhdr.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(25, 25, 25,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(25, 25, 25,0.3) !important;
/*
padding: 3px;
margin: 3px;

*/
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
background-color: rgba(34, 34, 34, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(34, 34, 34, 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(34, 34, 34, 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(80, 69, 55,0.4);
background-image: url(http://41.media.tumblr.com/tumblr_lqguuuQWgJ1qzwhyzo1_500.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(12, 12, 12, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove white;
}
body{
background-image:url(https://wallpaperscraft.com/image/white_white_patterns_lines_light_11374_1600x1200.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(12, 12, 12,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(12, 12, 12,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(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 white;
}


h3{
float: center;
background-image:url(https://pbs.twimg.com/profile_images/2173516694/BlackStar_normal.PNG);
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(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 white !important;
background-color: rgba(12, 12, 12 ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }

Let me know how you like it.

And I'm not charging for them - if you wanna modify them, be my guest. It's just vaguely irritating when someone gets one from me then immediately uses one they got from someone else - like, why did you waste my time on this, then. I actually offer a guide for people who'd like to try their hand and it - or at least, I used to. I'll have to see if I still have it after my hard drive died

It's awesome! Thank you!

Edit: I preferred the line to the right of my user details hidden, because there wasn't one on the left

Easy fix.

Creatures · Post by **Lia** » January 29th, 2016, 12:51:38 am

Username: Pareidolia
Colours: Black (I would prefer this to be most of it, like the background), silver, and pinkish brown (like my avatar)
Theme: stars/constellations/the like

Thank you so much!

Creatures · Post by **Merkwerkee** » January 29th, 2016, 11:53:09 pm

Pareidolia wrote:Username: Pareidolia
Colours: Black (I would prefer this to be most of it, like the background), silver, and pinkish brown (like my avatar)
Theme: stars/constellations/the like

Thank you so much!

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

.headerbar.nonmobile{
background-image: url(http://s11.postimg.org/guzqgi97n/parehdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #C0C0C0;
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 #C0C0C0;
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0; 
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0; 
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
background-color: rgba(12, 9, 10,0.4);
background-image: url(http://g01.a.alicdn.com/kf/HTB1NLsMIpXXXXabaXXXq6xXFXXX1/1-Piece-Vintage-Glow-In-the-Dark-Sky-Luckies-Star-Map-Poster-Noctilucent-Constellation-Wallpaper-Sticker.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: rgb(243, 189, 177) !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(12, 9, 10, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
}
body{
background-image:url(http://astronomer.wpengine.netdna-cdn.com/wp-content/uploads/2010/04/Hydra-Whole.jpg);
background-repeat: no-repeat;
background-color: #C0C0C0;
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(12, 9, 10,0.5);
border: 1px groove #C0C0C0 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(12, 9, 10,0.5);
border: 1px groove #C0C0C0;
}

.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 #C0C0C0;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(12, 9, 10,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 #C0C0C0;
}


h3{
float: center;
background-image:url(http://www.netanimations.net/Bright-animated-star-shining-at-night-gif.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #C0C0C0;
}

.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 #C0C0C0; 
background-color: rgba(12, 9, 10,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 #C0C0C0 !important;
background-color: rgba(12, 9, 10 ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }

Let me know how you like it and if you want anything changed

Creatures · Post by **Lia** » January 30th, 2016, 2:29:20 pm

Merkwerkee wrote:

Pareidolia wrote:Username: Pareidolia
Colours: Black (I would prefer this to be most of it, like the background), silver, and pinkish brown (like my avatar)
Theme: stars/constellations/the like

Thank you so much!

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

.headerbar.nonmobile{
background-image: url(http://s11.postimg.org/guzqgi97n/parehdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #C0C0C0;
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 #C0C0C0;
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0; 
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0; 
background-color: rgba(12, 9, 10, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
background-color: rgba(12, 9, 10,0.4);
background-image: url(http://g01.a.alicdn.com/kf/HTB1NLsMIpXXXXabaXXXq6xXFXXX1/1-Piece-Vintage-Glow-In-the-Dark-Sky-Luckies-Star-Map-Poster-Noctilucent-Constellation-Wallpaper-Sticker.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: rgb(243, 189, 177) !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(12, 9, 10, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #C0C0C0;
}
body{
background-image:url(http://astronomer.wpengine.netdna-cdn.com/wp-content/uploads/2010/04/Hydra-Whole.jpg);
background-repeat: no-repeat;
background-color: #C0C0C0;
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(12, 9, 10,0.5);
border: 1px groove #C0C0C0 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(12, 9, 10,0.5);
border: 1px groove #C0C0C0;
}

.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 #C0C0C0;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(12, 9, 10,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 #C0C0C0;
}


h3{
float: center;
background-image:url(http://www.netanimations.net/Bright-animated-star-shining-at-night-gif.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #C0C0C0;
}

.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 #C0C0C0; 
background-color: rgba(12, 9, 10,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 #C0C0C0 !important;
background-color: rgba(12, 9, 10 ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }

Let me know how you like it and if you want anything changed

I love it! Thank you so much!

Creatures · Post by **Chess** » April 11th, 2016, 11:06:55 pm

Merky! I'd like another one!

I didn't see a form, but other people were using one, so...

Username: Chess
Colours: A kind of creamy beige like "SeaShell" (#FFF5EE) and light blue like Coral Blue (#AFDCEC). Sorry, I don't know what you mean by the color values.

Okay, so here's how I've imagined it:
-Really simple - Main color (background) is seashell
-

Spoiler

Code: Select all

[img]http://screenshot.net/w1p5pig.jpg[/img]

This in the background, kind of at the bottom of the page
-

Spoiler

Code: Select all

[img]http://screenshot.net/q9lm6s0.jpg[/img]

This somewhere in the header
-"Chess" in pretty simple letters

If this is too specific, I apologize - feel free to take creative liberties with it.

Thank you!

MagiStream

CSS Shop (Open)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)

Re: CSS Shop (Open; Current backlog: 0)