CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
Seabra
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 1977
Joined: July 10th, 2009, 5:03:01 pm
Gender: Literally just six cats of varying gender identities sharing a suit of human skin

Re: CSS Shop (Open)

Post by Seabra »

Hey! Are you still open for this? I'd love to get a new CSS <3
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19604
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

Whovian wrote:Username: Whovian
Theme: Space
Colors: Blues and purples work?

If you have time of course
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #F0FFFF;
    background-color:rgba(44, 53, 57,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #F0FFFF;
    background-color:rgba(44, 53, 57,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lHqfIb7luY2gtcnQRbue1dqlfk1IDmN2) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://en.es-static.us/upl/2014/11/pleiades-Greg-Hogsn-10-31-2016-e1478047327110.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #F0FFFF !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(21, 27, 84 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #F0FFFF;
}


body{
    background-image:url(https://wallpaperplay.com/walls/full/8/c/2/12870.jpg);
    background-repeat:no-repeat;
    background-color:#F0FFFF;
    padding-top:15px !important;
    background-position: left;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(21, 27, 84 ,0.5);
    border:1px groove #F0FFFF !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(21, 27, 84 ,0.5);
    border:1px groove #F0FFFF;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(44, 53, 57,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://timssan.com/wp-content/plugins/netreviews/includes/images/stars/gold/star-gold-256.png) no-repeat, url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/Star_icon-72a7cf.svg/256px-Star_icon-72a7cf.svg.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #F0FFFF;
}

h3{
    background-image:url(http://www.clipartroo.com/images/89/black-and-white-stars-watermark-clipart-89619.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #F0FFFF;
}

.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 #F0FFFF;
    background-color:rgba(44, 53, 57,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF !important;
    background-color:rgba(21, 27, 84,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#F0FFFF;
}

.postlink:visited{
    border-bottom-color:#F0FFFF;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know how you like it! Sorry it took me so long ^^'
MoonFox wrote:Hello. If this is still open I absolutely love the one you did for Twister4eva, and was wondering if you could do one based on my art as well. Of course, you don’t have too if it’s to much of hassle.


Anyway, here’s my art:
Spoiler
http://imgur.com/a/Suz0zvr

I just put the link because I have problems with the images :t-shrug:
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #E0B0FF;
    background-color:rgba(44, 53, 57,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #E0B0FF;
    background-color:rgba(44, 53, 57,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1Ot6xHmfuoJVtu7KDxhK318XnsxniDAnH) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #E0B0FF !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(21, 27, 84 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #E0B0FF;
}


body{
    background-image:url(https://i.imgur.com/27WVIgF.png);
    background-repeat:no-repeat;
    background-color:#E0B0FF;
    padding-top:15px !important;
    background-position: left;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(21, 27, 84 ,0.5);
    border:1px groove #E0B0FF !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(21, 27, 84 ,0.5);
    border:1px groove #E0B0FF;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(44, 53, 57,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://www.shareicon.net/data/256x256/2015/11/19/674540_moon_512x512.png) no-repeat, url(http://moonsuncalendar.com/img/phases/waning-gibbous.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #E0B0FF;
}

h3{
    background-image:url(http://clipart-library.com/img/1670140.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #E0B0FF;
}

.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 #E0B0FF;
    background-color:rgba(44, 53, 57,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E0B0FF !important;
    background-color:rgba(21, 27, 84,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#E0B0FF;
}

.postlink:visited{
    border-bottom-color:#E0B0FF;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you'd like anything changed! :wave:
HorseFreak4ever wrote:HorseFreak4ever
Colors: Black, Grey and white (maybe something Ombre?)
Theme: Equestrian

Anything else?: Maybe add a pixelated silkie chicken hiding somewhere? lol

Thank you so much! <3
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #E1E1E1;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #E1E1E1;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1SI_Cz0upFjyJ9sQ4WI2f8oMvOeoJ5azD) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://www.lacavalieremasquee.com/wp-content/uploads/2013/04/payton-adams-horses-black-white-04.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #E1E1E1 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #E1E1E1;
}


body{
    background-image:url(https://i.pinimg.com/originals/44/1a/b0/441ab084214ee5cad82026cd134ae190.jpg);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: left;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #E1E1E1 !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #E1E1E1;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://www.shareicon.net/data/256x256/2015/10/31/664723_animal_512x512.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/15/641310_horse_512x512.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #E1E1E1;
}

h3{
    background-image:url(https://res-5.cloudinary.com/crunchbase-production/image/upload/c_thumb,h_256,w_256,f_auto,g_faces,z_0.7,q_auto:eco/u7ct9qjzssjxiznoqw8o);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #E1E1E1;
}

.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 #E1E1E1;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E1E1E1 !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#E1E1E1;
}

.postlink:visited{
    border-bottom-color:#E1E1E1;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Here you are! Let me know if you'd like me to change anything
xxavrilxx wrote:Username: xxavrilxx
Theme: In This Moment (Theyre a band)
Colors: Choose what you think is best! Darker colors? Red? Black?
Anything else? They're a pretty dark, vulgar heavy metal band to say the least! They're in my signature and the leader singer is my profile picture. Once you look into some of their images, itll be easier to create something with it.
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1-PqTIXE8JNkSJZzsmsruR_2Po0sHAgnI) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://townsquare.media/site/366/files/2014/10/In-This-Moment-630x420.jpg?w=980&q=75) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFFFEA !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFEA;
}


body{
    background-image:url(https://cdn.mos.cms.futurecdn.net/89Ja7NMsj578hQZMfbkcV4.jpg);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: left;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://www.freeiconspng.com/uploads/crown-png-4.png) no-repeat, url(https://ichef.bbci.co.uk/images/ic/256x256/p053nspj.jpg) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #FFFFEA;
}

h3{
    background-image:url(https://images.vexels.com/media/users/3/143022/isolated/lists/bea743b2f1c3f59b23db1cea7f2d972d-crown-illustration.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFEA;
}

.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 #FFFFEA;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFEA;
}

.postlink:visited{
    border-bottom-color:#FFFFEA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
I know you said dark, but these were the pictures I could find. Let me know how you like it

@Seabra: Sure, no problem. Let me know what you'd like
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
javalady
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 1497
Joined: October 29th, 2018, 5:10:19 pm
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: In my mind

Re: CSS Shop (Open)

Post by javalady »

If you’re still making them, could I have an owl background. Kind of spooky

Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky

Let me know if it’s possible? Thank you for your time!
\Not all who Wander are lost/ http://magistream.com/46-waynal/222336- ... tures.html

WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!


ImageImageImageImage
User avatar
LokiWolfbane
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 3809
Joined: July 13th, 2009, 6:07:00 pm
Gender: Male
Location: USA

Re: CSS Shop (Open)

Post by LokiWolfbane »

Hi merk, I don't know if it is just my phone or something but some of the background isn't loading. Maybe needs an update?
Image

*
was on hiatus for an extend time but gonna be back here
*
Gold Mining Welcome
*
Image
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19604
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

javalady wrote:If you’re still making them, could I have an owl background. Kind of spooky

Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky

Let me know if it’s possible? Thank you for your time!
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFFFEA !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFEA;
}


body{
    background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: left;
 /*   background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #FFFFEA;
}

h3{
    background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFEA;
}

.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 #FFFFEA;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFEA;
}

.postlink:visited{
    border-bottom-color:#FFFFEA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you want anything changed!

@Loki: Here's the link to your background - let me know if you cannot see it http://orig00.deviantart.net/15b3/f/201 ... uframa.jpg
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
LokiWolfbane
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 3809
Joined: July 13th, 2009, 6:07:00 pm
Gender: Male
Location: USA

Re: CSS Shop (Open)

Post by LokiWolfbane »

I can see it.
Image

*
was on hiatus for an extend time but gonna be back here
*
Gold Mining Welcome
*
Image
User avatar
javalady
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 1497
Joined: October 29th, 2018, 5:10:19 pm
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: In my mind

Re: CSS Shop (Open)

Post by javalady »

Merkwerkee wrote:
javalady wrote:If you’re still making them, could I have an owl background. Kind of spooky

Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky

Let me know if it’s possible? Thank you for your time!
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFFFEA !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFEA;
}


body{
    background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: left;
 /*   background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #FFFFEA;
}

h3{
    background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFEA;
}

.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 #FFFFEA;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFEA;
}

.postlink:visited{
    border-bottom-color:#FFFFEA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you want anything changed!

@Loki: Here's the link to your background - let me know if you cannot see it http://orig00.deviantart.net/15b3/f/201 ... uframa.jpg
Looks good! But it’s missing about me and magistream at top?
\Not all who Wander are lost/ http://magistream.com/46-waynal/222336- ... tures.html

WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!


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

Re: CSS Shop (Open)

Post by Merkwerkee »

Spoiler

Code: Select all

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFFFEA !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFEA;
}


body{
    background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #FFFFEA;
}

h3{
    background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFEA;
}

.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 #FFFFEA;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFEA;
}

.postlink:visited{
    border-bottom-color:#FFFFEA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Did a tiny update to the bakground, Javalady
javalady wrote: Looks good! But it’s missing about me and magistream at top?
The problem with the header is that all the links you see are actually artistic elements on the picture itself. I've never had particularly good luck getting them to line up so I don't put them on there. The word "Magistream" is the same way; the links still exist, if you click on the right spot you will go where it leads, but the words aren't there because I'm not a visual artist.

If you want a specific header, send me the image and I will put it on the profile for you. Otherwise what I got is what you get
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
javalady
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 1497
Joined: October 29th, 2018, 5:10:19 pm
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: In my mind

Re: CSS Shop (Open)

Post by javalady »

Merkwerkee wrote:
Spoiler

Code: Select all

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFEA;
    background-color:rgba(40, 40, 40,0.5) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(0, 0, 0, 0.7) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-size:cover !important;
    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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 6, 36, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFFFEA !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 0, 0 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFEA;
}


body{
    background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
    background-repeat:no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 0, 0 ,0.5);
    border:1px groove #FFFFEA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,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 #FFFFEA;
}

h3{
    background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFEA;
}

.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 #FFFFEA;
    background-color:rgba(40, 40, 40,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius: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:darkred;
    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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFEA !important;
    background-color:rgba(0, 0, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFEA;
}

.postlink:visited{
    border-bottom-color:#FFFFEA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Did a tiny update to the bakground, Javalady
javalady wrote: Looks good! But it’s missing about me and magistream at top?
The problem with the header is that all the links you see are actually artistic elements on the picture itself. I've never had particularly good luck getting them to line up so I don't put them on there. The word "Magistream" is the same way; the links still exist, if you click on the right spot you will go where it leads, but the words aren't there because I'm not a visual artist.

If you want a specific header, send me the image and I will put it on the profile for you. Otherwise what I got is what you get
I totally love it! Thank you so much!!!
\Not all who Wander are lost/ http://magistream.com/46-waynal/222336- ... tures.html

WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!


ImageImageImageImage
User avatar
WolfeDente
MagiStream Donor
Member of The Herbalist's Guild Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 6867
Joined: April 16th, 2010, 8:58:00 am
Gender: Female

Re: CSS Shop (Open)

Post by WolfeDente »

I would love a couple themes if that's alright!

One themed around Black and Tan Shiba Inus,

and

One themed around Any/Red shibas.
Wishlist Here <3
To Hatchling only Please!:
ImageImageImageImageImage

Return to “Seller's Gallery”