CSS Shop (Open)

Creatures · Post by **Merkwerkee** » June 5th, 2016, 11:02:36 am

PeterCamenzind wrote:username: PeterCamenzind
colours: Black, Gray, Dark Blue
theme: well, something to fit my avatar - dark, gloomy, necromancery, goth etc. If you throw a raven somewhere, that would be most ideal.

Thank you 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 #010740;
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 #010740;
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://i779.photobucket.com/albums/yy76/Merkwerkee/ptcmdhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #010740;
border-radius: 9px;
background-color: rgba(0,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 #010740;
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 #010740; 
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 #010740;
background-color: rgba(43, 27, 23, 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(43, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(43, 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 #010740;
background-color: rgba(227, 228, 250,0.4);
background-image: url(http://www.magichourtravelscapes.com/images/medium2/Gothic-Vaults.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(59, 49, 49 , 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
}
body{
background-image:url(http://boblucan.bloger.cz/obrazky/boblucan.bloger.cz/gothic-castle.jpg);
background-repeat: no-repeat;
background-size: 100%
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(59, 49, 49 ,0.5);
border: 1px groove #010740 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(59, 49, 49 ,0.5);
border: 1px groove #010740;
}

.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 #010740;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(227, 228, 250,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://www.i2clipart.com/cliparts/7/f/4/1/clipart-candle-7f41.png) no-repeat, url(http://cdn.mysitemyway.com/icons-watermarks/simple-black/classica/classica_skull/classica_skull_simple-black_128x128.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 #010740;
}


h3{
float: center;
background-image:url(http://66.media.tumblr.com/ac05553f9433c88b9d76efd82632aee4/tumblr_inline_neisfzHhYg1qk1or3.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #010740;
}

.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 #010740; 
background-color: rgba(227, 228, 250,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;
font-size: 12px;
background-color: transparent;
transition: font-size .7s;
}


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

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

Let me know if you want anything changed

Creatures · Post by **PeterCamenzind** » June 5th, 2016, 3:15:03 pm

This is so rad - like, absolutely perfect. It even makes the Sylphs in my signature look sinister.

Thanks a lot.

Creatures · Post by **HopingFaith** » June 23rd, 2016, 12:21:38 pm

Thank you for doing this, I'd love to order a custom made CSS.

Username: HopingFaith
Theme: Seriously, I have no idea. Feel free to do what you think is best! I'd like it to be girly / cute if possible.
Colors: Pink, purple, beige... Whatever works for you.
Thank you so much!

Creatures · Post by **Merkwerkee** » June 27th, 2016, 4:29:56 pm

HopingFaith wrote:Thank you for doing this, I'd love to order a custom made CSS.
Username: HopingFaith
Theme: Seriously, I have no idea. Feel free to do what you think is best! I'd like it to be girly / cute if possible.
Colors: Pink, purple, beige... Whatever works for you.
Thank you so much!

I tried my best, let me know if you want anything changed

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 #FFE5B4;
background-color: rgba(198, 174, 199,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 #FFE5B4;
background-color: rgba(198, 174, 199,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/hpnfthdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FFE5B4;
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 #FFE5B4;
background-color: rgba(198, 174, 199,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFE5B4; 
background-color: rgba(198, 174, 199,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFE5B4;
background-color: rgba(253, 215, 228, 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(253, 215, 228, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFE5B4; 
background-color: rgba(253, 215, 228, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFE5B4;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://freedesignfile.com/upload/2014/03/Pink-flower-with-halation-background-art.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(255, 243, 255, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFE5B4;
}
body{
background-image:url(http://hdwallfusion.com/wallpapers/flowers/flower-high-resolution-image-free.jpg);
background-repeat: no-repeat;
background-color: #FFE5B4;
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, 243, 255,0.5);
border: 1px groove #FFE5B4 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(255, 243, 255,0.5);
border: 1px groove #FFE5B4;
}

.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 #FFE5B4;
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;
background: url(http://www.abeka.com/BookImages/ClipArt/255653/46x46y50fx50fh/255653-Bright-Pink-Flower-without-stem-color-png.png) no-repeat, url(http://vignette2.wikia.nocookie.net/pikmin/images/1/12/Pink_flower.png/revision/latest?cb=20140307000958) 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 #FFE5B4;
}


h3{
float: center;
background-image:url(http://www.lib.ru.ac.th/iso/images/icon_flower.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #FFE5B4;
}

.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 #FFE5B4; 
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;
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;
font-size: 12px;
background-color: transparent;
transition: font-size .7s;
}


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

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

Creatures · Post by **HopingFaith** » June 28th, 2016, 11:37:31 am

It is amazing! I absolutely adore it! Thank you so so so much!

Creatures · Post by **xxvelvelaxx** » July 3rd, 2016, 7:12:50 pm

username: xxvelvelaxx
colors: cream, red, gold
theme: kitsune/fox god in japan

Creatures · Post by **Merkwerkee** » July 4th, 2016, 4:28:38 pm

xxvelvelaxx wrote:username: xxvelvelaxx
colors: cream, red, gold
theme: kitsune/fox god in japan

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 #EAC117;
background-color: rgba(251, 246, 217,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 #EAC117;
background-color: rgba(251, 246, 217,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/velvhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #EAC117;
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 #EAC117;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #EAC117; 
margin: auto !important; 
background-color: rgba(255, 255, 204, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #EAC117;
background-color: rgba(255, 255, 204, 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(255, 255, 204, 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 #EAC117;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://rs470.pbsrc.com/albums/rr66/Tipigal/animated_Firemed.gif~c200) !important;
} 

* {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
color: #E41B17 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(88, 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 #EAC117;
}
body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: #EAC117;
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(88, 0, 0,0.5);
border: 1px groove #EAC117 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(88, 0, 0,0.5);
border: 1px groove #EAC117;
}

.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 #EAC117;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(251, 246, 217,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://middleislandfd.org/internet/wp-content/uploads/2011/07/fire.png) no-repeat, url(http://www.camdencountyfiremarshal.com/images/fire.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 #EAC117;
}


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;
border-bottom: 1px groove #EAC117;
}

.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 #EAC117; 
background-color: rgba(251, 246, 217,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(128, 5, 23, 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 #EAC117 !important;
background-color: rgba(88, 0, 0 ,0.6) !important;
}

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

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



@media screen and (max-width: 1131px) {body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.jpg);
background-repeat: no-repeat;
background-color: #EAC117;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
} }

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

body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.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;}

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

}

Let me know if you want anything changed!

Creatures · Post by **xxvelvelaxx** » July 4th, 2016, 4:38:11 pm

Merkwerkee wrote:

xxvelvelaxx wrote:username: xxvelvelaxx
colors: cream, red, gold
theme: kitsune/fox god in japan

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 #EAC117;
background-color: rgba(251, 246, 217,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 #EAC117;
background-color: rgba(251, 246, 217,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/velvhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #EAC117;
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 #EAC117;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #EAC117; 
margin: auto !important; 
background-color: rgba(255, 255, 204, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #EAC117;
background-color: rgba(255, 255, 204, 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(255, 255, 204, 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 #EAC117;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://rs470.pbsrc.com/albums/rr66/Tipigal/animated_Firemed.gif~c200) !important;
} 

* {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
color: #E41B17 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(88, 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 #EAC117;
}
body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: #EAC117;
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(88, 0, 0,0.5);
border: 1px groove #EAC117 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(88, 0, 0,0.5);
border: 1px groove #EAC117;
}

.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 #EAC117;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(251, 246, 217,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://middleislandfd.org/internet/wp-content/uploads/2011/07/fire.png) no-repeat, url(http://www.camdencountyfiremarshal.com/images/fire.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 #EAC117;
}


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;
border-bottom: 1px groove #EAC117;
}

.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 #EAC117; 
background-color: rgba(251, 246, 217,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(128, 5, 23, 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 #EAC117 !important;
background-color: rgba(88, 0, 0 ,0.6) !important;
}

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

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



@media screen and (max-width: 1131px) {body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.jpg);
background-repeat: no-repeat;
background-color: #EAC117;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
} }

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

body{
background-image:url(http://pre05.deviantart.net/730e/th/pre/i/2011/087/5/e/kitsune_wallpaper_by_dabbersdoodle-d3cp8cb.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;}

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

}

Let me know if you want anything changed!

i love it!!!!!!

Creatures · Post by **LaughingIdiot** » July 5th, 2016, 9:56:00 pm

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!

Creatures · Post by **Merkwerkee** » July 7th, 2016, 2:44:23 pm

LaughingIdiot wrote: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

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)