CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19585
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

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

Post by Merkwerkee »

I have school so I haven't had any time to work on these - I'll try and get to them tomorrow/later today.

In between the dentist appointments though - I chipped a tooth eating trail mix >.<
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
aeternavi
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 171
Joined: July 15th, 2016, 8:14:14 pm
Gender: Female

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

Post by aeternavi »

  • You take your time ^-^
    and...what. How did you manage to do that while eating XD
these hatchlings will die unless matured! (1 day)
ImageImageImageImage
ImageImageImageImage
Unless hatched, these eggs will die in 1 day!

Image
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19585
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

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

Post by Merkwerkee »

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

https://www.google.com/search?q=the+5th ... H-GJLXM%3A
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 #54C571;
background-color: rgba(7, 26, 30,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #54C571;
background-color: rgba(7, 26, 30,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (43, 27, 23, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/xxhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #54C571;
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 #54C571;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #54C571; 
margin: auto !important; 
background-color: rgba(17, 45, 3, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #54C571;
background-color: rgba(17, 45, 3, 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(17, 45, 3, 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 #54C571;
background-color: rgba(0, 37, 0,0.4);
background-image: url(http://static.rogerebert.com/uploads/movie/movie_poster/the-5th-wave-2016/large_vXfNCc42KGbD1aOvyA42Lf82fbs.jpg) !important;
} 

* {
font-family: Arial, Geneva, sans-serif !important;
color: #C0C0C0 !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;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #54C571;
}
body{
background-image:url(http://www.theblaze.com/wp-content/uploads/2016/01/Fifth-Wave.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #54C571;
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(12, 9, 10,0.5);
border: 1px groove #54C571 !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 #54C571;
}

.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 #54C571;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(7, 26, 30,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(https://pbs.twimg.com/profile_images/743857601071427584/c76Qj3WU_normal.jpg) no-repeat, url(https://s-media-cache-ak0.pinimg.com/avatars/AlohaGemini_1467410439_30.jpg) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

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


h3{
float: center;
background-image:url(https://s-media-cache-ak0.pinimg.com/30x30/99/8f/ac/998fac02f44a5de44380ace970f05d3f.jpg);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #54C571;
}

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

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

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


There's yours, let me know if you want to change anything (fun fact: the border color is called "Zombie Green")
AncientLies wrote:User:AncientLies
Theme: caverns?
Color:brown,black,and white?
images: anything is fine with me,I'm not picky
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 #370000;
background-color: rgba(195, 88, 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 #370000;
background-color: rgba(195, 88, 23,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (29, 29, 29, 0.6) !important;
transition: background-color .7s !important;
}

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

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


.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 #370000;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000; 
margin: auto !important; 
background-color: rgba(127, 70, 44, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000;
background-color: rgba(127, 70, 44, 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(127, 70, 44, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;/*
border-radius: 5px;
border: 1px groove #370000; 
background-color: rgba(127, 70, 44, 0.3); */
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://i278.photobucket.com/albums/kk106/tiashustle/Laurel.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(73, 61, 38, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #370000;
}
body{
background-image:url(http://luraycaverns.com/img/Dream-Lake.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #370000;
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(73, 61, 38,0.5);
border: 1px groove #370000 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(73, 61, 38,0.5);
border: 1px groove #370000;
}

.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 #370000;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(195, 88, 23,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://hydra-media.cursecdn.com/starbound.gamepedia.com/c/c2/Stalactite_Lamp.png?version=5c99316fb227f1af574b6d8b3d7cfda9) no-repeat, url(http://dcdn.dazzlingrock.com/images/gemstone/yellow-diamond.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 #370000;
}


h3{
float: center;
background-image:url(http://cdn.bulbagarden.net/upload/2/27/Mine_Skull_Fossil.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #370000;
}

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

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

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

AncientLies here's yours, let me know if you want anything changed :wave:
aeternavi wrote:
  • User;; Aeternavi
    Theme;; Swimming .3.
    Colors;; grey, dark blue, light blue (or anything along that spectrum you see fit)

    For this one, ay...the images could be something simple such as a picture of landlines or something underwater such as:
    Spoiler
    Image or even a picture of an olympian like Missy Franklin. Maybe fit the word 'butterfly' somewhere in there. I'm sort of new to CSS coding, so I know i'm kind of vague here.
  • Other;; Thanks a bunch! you're coding looks great!
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 #000080;
background-color: rgba(194, 223, 255,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 #000080;
background-color: rgba(194, 223, 255,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (154, 183, 215, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/aethdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #000080;
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 #000080;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080; 
margin: auto !important; 
background-color: rgba(154, 254, 255, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080;
background-color: rgba(154, 254, 255, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(154, 254, 255, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://www.netanimations.net/water_waves_ocean_ripple_high_quality_animated_gif.gif) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(21, 137, 255, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #000080;
}
body{
background-image:url(https://www.cdn-outlet.com/photos/cms/images/Threesome%20backstroke.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #000080;
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(21, 137, 255,0.5);
border: 1px groove #000080 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(21, 137, 255,0.5);
border: 1px groove #000080;
}

.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 #000080;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(194, 223, 255,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://orig09.deviantart.net/8c1d/f/2012/257/9/6/pixel_water_drop_by_kawiko-d5eot43.png) no-repeat, url(http://stream1.gifsoup.com/view1/1590489/water-background-o.gif) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

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


h3{
float: center;
background-image:url(http://bestanimations.com/Nature/Water/wave-ocean-animated-gif-14.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #000080;
}

.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 #000080; 
background-color: rgba(194, 223, 255,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 #000080 !important;
background-color: rgba(21, 137, 255 ,0.6) !important;
}

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

.inner{
padding: -3px !important; 
margin: -3px !important;}
And finally here's Aeternavi's! Let me know if you want anything changed
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
xxvelvelaxx
Member of The Dark Brotherhood
CreaturesTrade
Posts: 908
Joined: February 13th, 2016, 11:19:48 pm
Gender: Female
Location: My bed

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

Post by xxvelvelaxx »

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

https://www.google.com/search?q=the+5th ... H-GJLXM%3A
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 #54C571;
background-color: rgba(7, 26, 30,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none; 
} 
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-decoration: none !important;
border: 1px groove #54C571;
background-color: rgba(7, 26, 30,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (43, 27, 23, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/xxhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #54C571;
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 #54C571;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #54C571; 
margin: auto !important; 
background-color: rgba(17, 45, 3, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #54C571;
background-color: rgba(17, 45, 3, 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(17, 45, 3, 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 #54C571;
background-color: rgba(0, 37, 0,0.4);
background-image: url(http://static.rogerebert.com/uploads/movie/movie_poster/the-5th-wave-2016/large_vXfNCc42KGbD1aOvyA42Lf82fbs.jpg) !important;
} 

* {
font-family: Arial, Geneva, sans-serif !important;
color: #C0C0C0 !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;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #54C571;
}
body{
background-image:url(http://www.theblaze.com/wp-content/uploads/2016/01/Fifth-Wave.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #54C571;
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(12, 9, 10,0.5);
border: 1px groove #54C571 !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 #54C571;
}

.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 #54C571;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(7, 26, 30,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(https://pbs.twimg.com/profile_images/743857601071427584/c76Qj3WU_normal.jpg) no-repeat, url(https://s-media-cache-ak0.pinimg.com/avatars/AlohaGemini_1467410439_30.jpg) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

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


h3{
float: center;
background-image:url(https://s-media-cache-ak0.pinimg.com/30x30/99/8f/ac/998fac02f44a5de44380ace970f05d3f.jpg);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #54C571;
}

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

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

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


There's yours, let me know if you want to change anything (fun fact: the border color is called "Zombie Green")
AncientLies wrote:User:AncientLies
Theme: caverns?
Color:brown,black,and white?
images: anything is fine with me,I'm not picky
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 #370000;
background-color: rgba(195, 88, 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 #370000;
background-color: rgba(195, 88, 23,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (29, 29, 29, 0.6) !important;
transition: background-color .7s !important;
}

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

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


.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 #370000;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000; 
margin: auto !important; 
background-color: rgba(127, 70, 44, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000;
background-color: rgba(127, 70, 44, 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(127, 70, 44, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;/*
border-radius: 5px;
border: 1px groove #370000; 
background-color: rgba(127, 70, 44, 0.3); */
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #370000;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://i278.photobucket.com/albums/kk106/tiashustle/Laurel.jpg) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(73, 61, 38, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #370000;
}
body{
background-image:url(http://luraycaverns.com/img/Dream-Lake.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #370000;
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(73, 61, 38,0.5);
border: 1px groove #370000 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(73, 61, 38,0.5);
border: 1px groove #370000;
}

.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 #370000;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(195, 88, 23,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://hydra-media.cursecdn.com/starbound.gamepedia.com/c/c2/Stalactite_Lamp.png?version=5c99316fb227f1af574b6d8b3d7cfda9) no-repeat, url(http://dcdn.dazzlingrock.com/images/gemstone/yellow-diamond.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 #370000;
}


h3{
float: center;
background-image:url(http://cdn.bulbagarden.net/upload/2/27/Mine_Skull_Fossil.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #370000;
}

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

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

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

AncientLies here's yours, let me know if you want anything changed :wave:
aeternavi wrote:
  • User;; Aeternavi
    Theme;; Swimming .3.
    Colors;; grey, dark blue, light blue (or anything along that spectrum you see fit)

    For this one, ay...the images could be something simple such as a picture of landlines or something underwater such as:
    Spoiler
    Image or even a picture of an olympian like Missy Franklin. Maybe fit the word 'butterfly' somewhere in there. I'm sort of new to CSS coding, so I know i'm kind of vague here.
  • Other;; Thanks a bunch! you're coding looks great!
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 #000080;
background-color: rgba(194, 223, 255,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 #000080;
background-color: rgba(194, 223, 255,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (154, 183, 215, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/aethdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #000080;
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 #000080;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080; 
margin: auto !important; 
background-color: rgba(154, 254, 255, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080;
background-color: rgba(154, 254, 255, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
} 
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(154, 254, 255, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #000080;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://www.netanimations.net/water_waves_ocean_ripple_high_quality_animated_gif.gif) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(21, 137, 255, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #000080;
}
body{
background-image:url(https://www.cdn-outlet.com/photos/cms/images/Threesome%20backstroke.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #000080;
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(21, 137, 255,0.5);
border: 1px groove #000080 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(21, 137, 255,0.5);
border: 1px groove #000080;
}

.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 #000080;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(194, 223, 255,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://orig09.deviantart.net/8c1d/f/2012/257/9/6/pixel_water_drop_by_kawiko-d5eot43.png) no-repeat, url(http://stream1.gifsoup.com/view1/1590489/water-background-o.gif) no-repeat;
background-position: 2px 2px, 57px 2px; 
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}

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


h3{
float: center;
background-image:url(http://bestanimations.com/Nature/Water/wave-ocean-animated-gif-14.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #000080;
}

.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 #000080; 
background-color: rgba(194, 223, 255,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 #000080 !important;
background-color: rgba(21, 137, 255 ,0.6) !important;
}

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

.inner{
padding: -3px !important; 
margin: -3px !important;}
And finally here's Aeternavi's! Let me know if you want anything changed
itseems to not let my avatar work?
User avatar
waterfall9
CreaturesTrade
Posts: 70
Joined: November 20th, 2015, 12:24:06 am
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: somewhere in a book you haven't read yet (I think)

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

Post by waterfall9 »

Hello, I'm just copying a form...

Username- waterfall9
Theme- not a fandom just random dragons (did i just rhyme?)
Color- Mint green?
Font- Shadows Into Light

Thanks!
ImageImageImageImageImageImageImageImageImageImageImageImageImageImage[/url]
Sig credit to Rosehill,
Hello, I love the colour mint green.
And writing.
And dragons.
And foxes
Thank you.
Image[/center]
User avatar
Amentas
Member of Artificer's Association
CreaturesTrade
Posts: 168
Joined: July 16th, 2016, 9:52:32 pm
Gender: Female

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

Post by Amentas »

Copied the forum from above...

Username:Balerion
Theme- Galaxy
Color-White and blue
images-anything you think looks good.

Thanks so much!
Image


Want free stream catching? Message me and I'll stream catch you anything you need or want. My current stock is in here http://magistream.com/user/Amentas/Orders
Image
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19585
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

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

Post by Merkwerkee »

waterfall9 wrote:Hello, I'm just copying a form...

Username- waterfall9
Theme- not a fandom just random dragons (did i just rhyme?)
Color- Mint green?
Font- Shadows Into Light

Thanks!
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 #F1E68A;
background-color: rgba(118, 62, 0,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 #F1E68A;
background-color: rgba(118, 62, 0,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none; 
} 
.bg1:hover, .bg2:hover{
background-color: rgba (29, 29, 29, 0.6) !important;
transition: background-color .7s !important;
}

.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/wtflhdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #F1E68A;
background-color: rgb(255,255,255);
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 #F1E68A;
background-color: transparent !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #F1E68A; 
margin: auto !important; 
background-color: rgba(185, 163, 23, 0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #F1E68A;
background-color: rgba(185, 163, 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(185, 163, 23, 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 #F1E68A;
background-color: rgba(120, 134, 107,0.4);
background-image: url(http://pre06.deviantart.net/217f/th/pre/i/2012/197/4/e/dragon__s_eye_by_koaltaitemaunga-d57f5k0.png) !important;
} 

* {
font-family: Garamond !important;
color: #98FF98 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(62, 69, 51, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #F1E68A;
}
body{
background-image:url(http://www.pageresource.com/wallpapers/wallpaper/fantasy-dragon.jpg);
background-repeat: no-repeat;
background-color: #F1E68A;
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(62, 69, 51,0.5);
border: 1px groove #F1E68A !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(62, 69, 51,0.5);
border: 1px groove #F1E68A;
}

.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 #F1E68A;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(118, 62, 0,0.3);
}

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://vignette3.wikia.nocookie.net/fireemblem/images/5/5b/Dark_Dragon_Symbol.png/revision/20160608073327) no-repeat, url(http://vignette4.wikia.nocookie.net/2007scape/images/f/f1/Dragon_defender.png/revision/latest?cb=20150205124725) 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 #F1E68A;
}


h3{
float: center;
background-image:url(http://vignette4.wikia.nocookie.net/fireemblem/images/b/bc/Invisible_Dragon_Symbol.png/revision/20160527063958);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #F1E68A;
}

.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 #F1E68A; 
background-color: rgba(118, 62, 0,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 #F1E68A !important;
background-color: rgba(62, 69, 51 ,0.6) !important;
}

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

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

Sorry it took me so long! I've been moving into a new apartment and trying to get a bunch of homework done so there's that. I'll do more when it isn't 3am
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
waterfall9
CreaturesTrade
Posts: 70
Joined: November 20th, 2015, 12:24:06 am
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: somewhere in a book you haven't read yet (I think)

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

Post by waterfall9 »

Thanks soooooo much! I love it and I have it now. But I noticed that it said in my header waterfall19 instead of waterfall9. I can bear with it, but if possible could I have it changed?
ImageImageImageImageImageImageImageImageImageImageImageImageImageImage[/url]
Sig credit to Rosehill,
Hello, I love the colour mint green.
And writing.
And dragons.
And foxes
Thank you.
Image[/center]
User avatar
xxvelvelaxx
Member of The Dark Brotherhood
CreaturesTrade
Posts: 908
Joined: February 13th, 2016, 11:19:48 pm
Gender: Female
Location: My bed

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

Post by xxvelvelaxx »

name: xxvelvelaxx
Theme: Batman x joker x harley
Background image: https://www.google.com/search?q=harley+ ... oS2ne4M%3A
Top image: https://www.google.com/search?client=ta ... R55CiDM%3A
Font color: black
Inside bars color: White
User avatar
xxvelvelaxx
Member of The Dark Brotherhood
CreaturesTrade
Posts: 908
Joined: February 13th, 2016, 11:19:48 pm
Gender: Female
Location: My bed

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

Post by xxvelvelaxx »

xxvelvelaxx wrote:name: xxvelvelaxx
Theme: Batman x joker x harley
Background image: https://www.google.com/search?q=harley+ ... oS2ne4M%3A
Top image: https://www.google.com/search?client=ta ... R55CiDM%3A
Font color: black
Inside bars color: White

Return to “Seller's Gallery”