CSS Shop (Open)

Creatures · March 30th, 2012, 1:42:14 am

I would like a profile with the colors azure blue, black, and white. but whatever looks good is fine

I would like the theme to be 'dragons' with preferably this picture: http://th03.deviantart.net/fs70/PRE/i/2 ... 4nnq4g.jpg
or this:
http://fc03.deviantart.net/fs71/i/2011/ ... 413ycj.jpg
or this:
http://fc08.deviantart.net/fs70/f/2011/ ... 4dbevh.jpg
or this:
http://th07.deviantart.net/fs71/PRE/f/2 ... 4qnbu0.jpg
or any blue dragon that look good to you

Also, can the font be the one that I am writing in now, but if that's not possible, it's fine

Thank-you.

Creatures · Post by **Silvereil** » March 30th, 2012, 1:31:11 pm

Merkwerkee wrote:

jam4455588 wrote:I just copied GothicAngel's form. I hope you don't mind.

Username: jam4455588
Theme: Kind of a celestial dragon theme.
Colors: Umm... Maybe colors similar to a few in the background of my avatar?
Anything else?: Maybe a bit of text at the top? If not, then just at least one celestial dragon somewhere if possible.

No promises. At all. I'm incapable of using MS sprites for anything, pretty much - I do headers in paint, but maybe.....

Also, I'm only guessing about the colors in your avatar - I can't hardly see it at all

Code: Select all

* {font-family: FontleroyBrown !important;
color: #232300 !important;}

body{background-image:url(http://i299.photobucket.com/albums/mm292/Dragongirl1270/celwhite.png);
background-repeat:repeat;
background-attachment:fixed;
background-size: cover;
padding: 0 !important;
}

#wrap{background-color: rgba(255, 140, 181,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid #659EC7 !important;
border-left: 1px solid #659EC7 !important;
border-top: 1px solid #659EC7 !important;
border-bottom: 1px solid #659EC7 !important;}

#page-body{background-color:rgba(152, 175, 199,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(152, 175, 199,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(152, 175, 199,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(52, 75, 99,0.4);
background-image: none;
border:1px solid #FF8CB5}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(52, 75, 99,0.4);
background-image:none;
border:1px solid #FF8CB5}

.headerbar{background-image:url(http://img694.imageshack.us/img694/5539/jmhdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #FF8CB5}

.bg2, .bg1{background-color: rgba(52, 75, 99, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid #FF8CB5;
margin-bottom:15px;
float:none !important}

a:link, a.postlink:link{color:#232300;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#232300;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color: #FF9454 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color:#232300;
text-decoration:underline;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color: #659EC7}

input.button2{background-image:url(http://www.dreamstime.com/black-and-white-scales-pattern-thumb7240970.jpg);
background-color:#FFFFFF;
border:1px solid #000000 !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(152, 175, 199,0.4);
font-size:1.5em;
color: #232300;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#232300}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: #232300 !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(13, 0, 0,0.5) ;
border-radius:8px;
border:1px solid #659EC7 !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color:#232300;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #232300}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #232300}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #232300;
border-top:none;
border-right:none;
background-color:#c7b299;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(199,178,153,0.3)}

.custom_css_avatar img{border:3px double #232300}

.icon-gold span{color:#232300 !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #659EC7;
margin-left:3px
background-color: rgba(255, 140, 181,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(255, 140, 181,0.6);}

code{color:#232300 !important}

I'm not 100% sure on this one, so do let me know what's up with it.....

edit: slight fix

That's fine. I'll try it out and see. This is my first CSS, so, I'm sure I'd be pretty happy with it. So, thank you for making an attempt at it!

Edit: I love it!!! Thanks!!!

Creatures · Post by **Merkwerkee** » March 30th, 2012, 3:11:01 pm

Kiysa wrote:Lol, also copied da form...

Username: Kiysa
Theme: Assassin's Creed
Colors: Red, black, and a lil' bit o' white
Anything Else?: If you could fit the saying, We work
in the dark to serve the light, and the shadows are where we strike.
We are assassins. "Nothing is true, everything is permitted."
in there somewhere, then that would be great.

Code: Select all

* {color: #FFFFFF !important;
font-family: English !important;}

body{background-image:url(http://wallpapers.wallpapersdepo.net/free-wallpapers/1631/Assassins-Creed-2-Enzio.jpg);
background-repeat:repeat;
background-size: cover;
background-attachment:fixed;
padding: 0 !important;
}

#wrap{background-color: rgba(173, 7, 3,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid black !important;
border-left: 1px solid black !important;
border-top: 1px solid black !important;
border-bottom: 1px solid black !important;}

#page-body{background-color:rgba(0, 0, 0,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(0, 0, 0,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(0, 0, 0,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(226, 14, 3,0.4);
background-image: none;
border:1px solid black}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(226, 14, 3,0.4);
background-image:none;
border:1px solid black}

.headerbar{background-image:url(http://img855.imageshack.us/img855/6639/kiysahdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid black}

.bg2, .bg1{background-color: rgba(226, 14, 3, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid black;
margin-bottom:15px;float:none !important}

a:link, a.postlink:link{color:#FFFFFF;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#000000;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color:#FF0000 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color:#FFFFFF;
text-decoration:underline;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color:#FF0000}

input.button2{background-image:url(http://i229.photobucket.com/albums/ee123/lizisaanimallover/damaskcolourscheme.jpg);
background-color:#FFFFFF;
border:1px solid #000000 !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(152, 175, 199,0.4);
font-size:1.5em;
color: #FFFFFF;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#FFFFFF}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: white !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(0, 0, 0,0.5) ;
border-radius:8px;
border:1px solid dark red !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color:#FFFFFF;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #FFFFFF}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #FFFFFF}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #FFFFFF;
border-top:none;
border-right:none;
background-color:#c7b299;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(199,178,153,0.3)}

.custom_css_avatar img{border:3px double #FFFFFF}

.icon-gold span{color:#FFFFFF !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #6D7B8D;
margin-left:3px
background-color: rgba(0,0,0,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(0,0,0,0.6);}

code{color:#AD0703 !important}

As ever, let me know if I derped

azurecrystaldragon wrote:I would like a profile with the colors azure blue, black, and white. but whatever looks good is fine

I would like the theme to be 'dragons' with preferably this picture: http://th03.deviantart.net/fs70/PRE/i/2 ... 4nnq4g.jpg
or this:
http://fc03.deviantart.net/fs71/i/2011/ ... 413ycj.jpg
or this:
http://fc08.deviantart.net/fs70/f/2011/ ... 4dbevh.jpg
or this:
http://th07.deviantart.net/fs71/PRE/f/2 ... 4qnbu0.jpg
or any blue dragon that look good to you

Also, can the font be the one that I am writing in now, but if that's not possible, it's fine

Thank-you.

Code: Select all

* {color: #000000 !important;}

body{background-image:url(http://th07.deviantart.net/fs71/PRE/f/2012/053/0/3/a_distant_sadness_by_spaceweaver-d4qnbu0.jpg);
background-repeat:repeat;
background-size: cover;
background-attachment:fixed;
padding: 0 !important;
}

#wrap{background-color: rgba(37, 88, 126,0.4);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px
border-right: 1px solid white !important;
border-left: 1px solid white !important;
border-top: 1px solid white !important;
border-bottom: 1px solid white !important;}

#page-body{background-color:rgba(106, 222, 255,0.4);
background-image: none;
width:100%;
padding:25px;
margin-left:-25px;
padding-bottom:10px}

#page-header{background-color:  rgba(106, 222, 255,0.4);
background-image: none;
width:100%;
-moz-border-radius-topright:26px;
-webkit-border-top-right-radius:26px;
border-top-right-radius:26px;
-moz-border-radius-topleft:26px;
-webkit-border-top-left-radius:26px;
border-top-left-radius:26px;
padding:25px;
margin-left:-25px;
padding-bottom:0px}

#page-footer{background-color:  rgba(106, 222, 255,0.4);
background-image:none;
width:100%;
padding:25px;
padding-top:0;
margin-left:-25px;
-moz-border-radius-bottomright:26px;
-webkit-border-bottom-right-radius:26px;
border-bottom-right-radius:26px;
-moz-border-radius-bottomleft:26px;
-webkit-border-bottom-left-radius:26px;
border-bottom-left-radius:26px}

#page-header .navbar{-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px;
-webkit-border-bottom-left-radius:16px;
border-bottom-left-radius:16px;
background-color:  rgba(56, 172, 236,0.4);
background-image: none;
border:1px solid blue}

#page-footer .navbar{-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background-color: rgba(56, 172, 236,0.4);
background-image:none;
border:1px solid blue}

.headerbar{background-image:url(http://img42.imageshack.us/img42/9288/azcrysdrghdr.png);
background-repeat:no-repeat;
background-color:#c8b495;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #6ADEFF}

.bg2, .bg1{background-color: rgba(52, 75, 99, 0.4);
background-image: none;
background-repeat:repeat;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
width:100% !important;
padding:10px;margin-left:-10px !important;
border:1px solid black;
margin-bottom:15px;float:none !important}

a:link, a.postlink:link{color:#000000;
text-decoration:underline;
border:none}

a:visited, a.postlink:visited{color:#000000;
text-decoration:underline;
border:none}

a:hover, a.postlink:hover{background-color:transparent;
color:#ED7839 !important;
font-size: 20px !important;;
text-decoration:none;
border:none}

a:active, a.postlink:active{color:#000000;
text-decoration:underline;
border:none}

a.fontsize{display:none}

a.button2:hover, input.button2:hover{color:#ED7839}

input.button2{background-image:url(http://images5.cpcache.com/nocache/product_zoom/614147375v2147483647_480x480_Front_Color-White_padToSquare-true.jpg);
background-color:#FFFFFF;
border:1px solid #000000 !important;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

span{background-image:none !important}

h2{display:none}

h3{background-image: none;
border-bottom-color: rgba(152, 175, 199,0.4);
font-size:1.5em;
color: #000000;
text-align:center;
background-repeat:no-repeat;
padding:16px;
padding-left:0px;
padding-right:0px}

ul.navlinks, .custom_css_rank{border-bottom-color:#000000}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{background-image:none}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd{color: #000000 !important}

.spoiler .inner{-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color: rgba(0, 38, 76 ,0.5) ;
border-radius:8px;
border:1px solid dark blue !important;
padding-left:10px;padding-bottom:10px}

.codebox{-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}

.custom_css_signature .spoiler .codebox{margin-left:-7px !important}

.signature{max-height:100%}

.copyright{color:#000000;
font-size:90%}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right{background-image:none;
background-color:transparent}

.border-bottom{display:none}

.custom_css_rank{border:none}

dl.left-box{float:left;
width:20% !important;
padding:10px}

dl.left-box.details{width:70% !important}

dl.left-box.details{border-left:1px solid #000000}

.jumpbox{display:none}

dl.left-box.details dt{font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted #000000}

dt{font-weight:bold}

dl.left-box.details dd{padding:3px;margin-left:20px !important}
.icon-gold{border:1px solid #000000;
border-top:none;
border-right:none;
background-color:#c7b299;
padding:11px;
padding-left:6px;
margin-top:-6px;
margin-left:11px;background:none; 
rgba(199,178,153,0.3)}

.custom_css_avatar img{border:3px double #000000}

.icon-gold span{color:#000000 !important}

blockquote{-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #6D7B8D;
margin-left:3px
background-color: rgba(48, 110, 255 ,0.6);}
.spoiler blockquote{margin-left:-7px;
background-color: rgba(48, 110, 255 ,0.6);}

code{color:#000000 !important}

same disclaimer as ever

Creatures · Post by **peanut4th** » March 30th, 2012, 3:34:42 pm

Hmm... CSS? I need a cool one of those...

Username: peanut4th
Theme: Can you use some art from 52-living-art/138068-peanut-adopt-open.html ? In the header, could you use a similar peanut? Just with my name instead of whatever else? Oh, I also like Mist Stalkers. I would like one of those.
Colors: Green, yellow, and whatever works with those two colors...
Other: That, I cannot think of...

Creatures · Post by **Kiysa** » March 30th, 2012, 4:11:23 pm

Merkwerkee wrote:
Kiysa wrote:Lol, also copied da form...

Username: Kiysa
Theme: Assassin's Creed
Colors: Red, black, and a lil' bit o' white
Anything Else?: If you could fit the saying, We work
in the dark to serve the light, and the shadows are where we strike.
We are assassins. "Nothing is true, everything is permitted."
in there somewhere, then that would be great.
As ever, let me know if I derped

Nope, no derps; I love it! I'll definitely come back when I
want a change of CSS. Thanks!

Creatures · Post by **Merkwerkee** » March 30th, 2012, 10:26:43 pm

peanut4th wrote:Hmm... CSS? I need a cool one of those...

Username: peanut4th
Theme: Can you use some art from 52-living-art/138068-peanut-adopt-open.html ? In the header, could you use a similar peanut? Just with my name instead of whatever else? Oh, I also like Mist Stalkers. I would like one of those.
Colors: Green, yellow, and whatever works with those two colors...
Other: That, I cannot think of...

I'm afraid I can't do your request

I'm sorry

Creatures · Post by **peanut4th** » March 31st, 2012, 12:55:47 am

S'okay, I might end up making one myself if I can figure out how the heck you're supposed to...

Creatures · Post by **Merkwerkee** » March 31st, 2012, 6:24:04 pm

Creatures · April 1st, 2012, 2:15:01 am

Thank-you!
It's wonderful!

Creatures · Post by **csy0836** » April 2nd, 2012, 6:49:42 am

Username : csy0836
Colour : Lemon Lime
Theme : Lime ...yes, fruit.

Sorry for short, but I'd want to get quite random one...

Thanks!

MagiStream

CSS Shop (Open)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)

Re: CSS Shop (as it were)