MagiStream


https://magistream.com/

CSS Shop (Open)

https://magistream.com/viewtopic.php?t=139094

Page 57 of 62

Re: CSS Shop (Open)

Posted: November 16th, 2017, 8:53:12 am
by Nexosa
Hello c:
I would like a CSS if still possible
Username:Nexosa
Theme: galaxy
Colors: darker purple, grey, black

Re: CSS Shop (Open)

Posted: December 16th, 2017, 10:35:43 pm
by Merkwerkee
KARMA wrote:Username: KARMA
Theme: Loki kind of theme? (From marvel)
Colors: maybe like a blackish grey looking color kind of base with gold looking color linings all along like the lines of the contacts, badges, metals, etc, and the text colors to be more of a green color. For the banner under the header (the magistream world) be black with gold looking color lining? The header can stay the same ^w^ Any other details is fine and take your time! No rush :D

For any questions feel free to pm me uwu

Edit: if would like to know, the text green color I use is 00BF00 ^_^
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}*/

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 #FFD801;
    background-color:rgba( 0, 0, 0 ,0.4) !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 #FFD801;
    background-color:rgba( 0, 0, 0 ,0.4) !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.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1b3NL3R4lm0ym-JgcR5qgBHnS7RSvpluW) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFD801;
    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 #FFD801;
    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 #FFD801;
    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 #FFD801;
    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 #FFD801;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://vignette.wikia.nocookie.net/marvelmovies/images/b/bb/Loki_Avengers_enemy.jpg/revision/latest/top-crop/width/240/height/240?cb=20111226014556) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #00BF00 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #FFD801;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://vignette.wikia.nocookie.net/thor/images/b/bf/Loki_ttdw_poster.png/revision/latest?cb=20150514212501);
    background-repeat:no-repeat;
    background-color:#FFD801;
    padding-top:15px !important;
    background-position: center;
    /*background-size: 100% 100%;*/
    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( 44, 53, 57 ,0.5);
    border:1px groove #FFD801 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #FFD801;
}

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

dl.left-box.details{
    -moz-border-radius: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 #FFD801;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba( 0, 0, 0 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(http://godofmischief.org/wp-content/uploads/2014/09/loki-fanvid-36x36.jpg) no-repeat, url(https://lh3.googleusercontent.com/-rvS4CUoDjvE/AAAAAAAAAAI/AAAAAAAAATM/S78pGDmxGyc/s36-p-k-no/photo.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 #FFD801;
}

h3{
    background-image:url(https://www.ssegold.com/files/items/Seimos%20Pike.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFD801;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #FFD801;
    background-color:rgba( 0, 0, 0 ,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: #C9BE62;
    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 #FFD801 !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
There you go - let me know if you want anything changed!
Nexosa wrote:Hello c:
I would like a CSS if still possible
Username:Nexosa
Theme: galaxy
Colors: darker purple, grey, black
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}*/

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 #461B7E;
    background-color:rgba( 0, 0, 0 ,0.4) !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 #461B7E;
    background-color:rgba( 0, 0, 0 ,0.4) !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.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1OmTE9IvBINXWBUqP2w0nCyyuS8SZpawu) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #461B7E;
    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 #461B7E;
    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 #461B7E;
    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 #461B7E;
    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 #461B7E;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://emerginggrowth.com/wp-content/uploads/2016/04/Home-Background-Galaxy.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #9E7BFF !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #461B7E;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://newevolutiondesigns.com/images/freebies/galaxy-wallpaper-36.jpg);
    background-repeat:no-repeat;
    background-color:#461B7E;
    padding-top:15px !important;
    background-position: center;
    background-size: 100% 100%;
    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( 44, 53, 57 ,0.5);
    border:1px groove #461B7E !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #461B7E;
}

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

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Blue_Star.svg/120px-Blue_Star.svg.png) no-repeat, url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/glowing-purple-neon-icons-natural-wonders/113730-glowing-purple-neon-icon-natural-wonders-star6-ps.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 #461B7E;
}

h3{
    background-image:url(https://vignette.wikia.nocookie.net/animal-jam-clans-1/images/3/30/Tumblr_mfcumoaXtd1rpnqlso1_500.png/revision/latest?cb=20160806234823);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #461B7E;
}

.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 #461B7E;
    background-color:rgba( 0, 0, 0 ,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: #DCFF7A;
    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 #461B7E !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#461B7E;
}

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

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

Re: CSS Shop (Open)

Posted: December 17th, 2017, 1:30:01 am
by crystalwings
Crystalwings: I'm sorry this took so long! Here's your updated CSS
Ahh! Yay! Thank you so much Merkwerkee!! I'm glad you were able to bring back my header, I missed my CSS :t-glomp:

Re: CSS Shop (Open)

Posted: December 17th, 2017, 4:01:31 am
by Nexosa
Merkwerkee wrote:
Nexosa wrote:Hello c:
I would like a CSS if still possible
Username:Nexosa
Theme: galaxy
Colors: darker purple, grey, black
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}*/

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 #461B7E;
    background-color:rgba( 0, 0, 0 ,0.4) !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 #461B7E;
    background-color:rgba( 0, 0, 0 ,0.4) !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.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1OmTE9IvBINXWBUqP2w0nCyyuS8SZpawu) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #461B7E;
    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 #461B7E;
    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 #461B7E;
    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 #461B7E;
    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 #461B7E;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://emerginggrowth.com/wp-content/uploads/2016/04/Home-Background-Galaxy.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #9E7BFF !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #461B7E;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://newevolutiondesigns.com/images/freebies/galaxy-wallpaper-36.jpg);
    background-repeat:no-repeat;
    background-color:#461B7E;
    padding-top:15px !important;
    background-position: center;
    background-size: 100% 100%;
    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( 44, 53, 57 ,0.5);
    border:1px groove #461B7E !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #461B7E;
}

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

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Blue_Star.svg/120px-Blue_Star.svg.png) no-repeat, url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/glowing-purple-neon-icons-natural-wonders/113730-glowing-purple-neon-icon-natural-wonders-star6-ps.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 #461B7E;
}

h3{
    background-image:url(https://vignette.wikia.nocookie.net/animal-jam-clans-1/images/3/30/Tumblr_mfcumoaXtd1rpnqlso1_500.png/revision/latest?cb=20160806234823);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #461B7E;
}

.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 #461B7E;
    background-color:rgba( 0, 0, 0 ,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: #DCFF7A;
    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 #461B7E !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#461B7E;
}

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

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

Re: CSS Shop (Open)

Posted: December 22nd, 2017, 8:06:47 am
by Icefall
Username: Icefall
Theme: Burnt paper with mockingjay bird in the middle
Colors: Ember, black and brown

Re: CSS Shop (Open)

Posted: December 23rd, 2017, 8:49:34 pm
by Themod444
Hello! Your CSS Codes look great~
Username: Themod444
Theme: Dragons
Colours: Pink, Yellow, Tuquoise -On the lighter/softer spectrum, if possible
Thank you in advanced!

Re: CSS Shop (Open)

Posted: December 27th, 2017, 11:03:52 pm
by LaughingIdiot
Hello again! :D
Username: LaughingIdiot
Theme: Ice/Frost Fantasy
Colours: Dull greys and light blues, stormy icy colours, artists choice!

Re: CSS Shop (Open)

Posted: January 1st, 2018, 5:37:28 pm
by DeathsJackal
Hello, any chance you could make me a CSS? ^.^
Username: DeathsJackal
Theme: Dark/grayscale forest (foggy?)
Colours: Black/Silver (and white maybe?)

Thanks in advance, I really appreciate the work you put into these things! They all look amazing :D

Re: CSS Shop (Open)

Posted: January 3rd, 2018, 10:07:14 pm
by Merkwerkee
Icefall wrote:Username: Icefall
Theme: Burnt paper with mockingjay bird in the middle
Colors: Ember, black and brown
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}*/

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 #8A4117;
    background-color:rgba( 73, 61, 38 ,0.4) !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 #8A4117;
    background-color:rgba( 73, 61, 38 ,0.4) !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.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1VgcOFpJZqQ1isGI7eSI_aiMTC5_sYW_Z) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #8A4117;
    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 #8A4117;
    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 #8A4117;
    margin:auto !important;
    background-color:rgba(43, 27, 23, 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 #8A4117;
    background-color:rgba(43, 27, 23, 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(43, 27, 23, 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 #8A4117;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://acimg.auctivacommerce.com/imgdata/0/2/0/4/2/7/webimg/4707619.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #C58917 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #8A4117;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image: url(https://img00.deviantart.net/4172/i/2014/154/2/5/the_hunger_games__mockingjay_part_1_png_by_allheartsgoboom-d7ky2ry.png), url(https://wallpapercave.com/wp/eS61t7y.jpg) ;
    background-repeat:no-repeat, no-repeat;
    background-color:#8A4117;
    padding-top:15px !important;
    background-position: center, center;
  /*  background-size: 100% 100%;*/
    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( 44, 53, 57 ,0.5);
    border:1px groove #8A4117 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #8A4117;
}

.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 #8A4117;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba( 73, 61, 38 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://78.media.tumblr.com/avatar_467903f66dd5_128.pnj) no-repeat, url(https://pm1.narvii.com/6323/32f0bf1b1b8eced2e0b3411629e7fd834671c41b_128.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 #8A4117;
}

h3{
    background-image:url(https://78.media.tumblr.com/avatar_0461e20eca63_128.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #8A4117;
}

.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 #8A4117;
    background-color:rgba( 73, 61, 38 ,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: #806517;
    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 #8A4117 !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#8A4117;
}

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you'd like anything changed - I did my best with the background but it might not have worked as intended
Themod444 wrote:Hello! Your CSS Codes look great~
Username: Themod444
Theme: Dragons
Colours: Pink, Yellow, Tuquoise -On the lighter/softer spectrum, if possible
Thank you in advanced!
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}*/

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 #7FFFD4;
    background-color:rgba(  243, 229, 171 ,0.4) !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 #7FFFD4;
    background-color:rgba(  243, 229, 171 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(255, 235, 248 , 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1n3m6hUCjhY20v6M_M76egphzn8OjRxZa) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #7FFFD4;
    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 #7FFFD4;
    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 #7FFFD4;
    margin:auto !important;
    background-color:rgba( 215, 255, 255 , 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 #7FFFD4;
    background-color:rgba( 215, 255, 255 , 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( 215, 255, 255 , 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 #7FFFD4;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://t4.ftcdn.net/jpg/01/05/40/35/240_F_105403579_PVcZQxrw08Pu8O82M4f1l0qLA3wrQeKg.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #CA8F8C !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 255, 255, 211 , 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 #7FFFD4;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image: url(https://magic.wizards.com/sites/mtg/files/images/featured/EN_NicolBolas_Header.jpg);
    background-repeat:no-repeat, no-repeat;
    background-color:#7FFFD4;
    padding-top:15px !important;
    background-position: center, center;
  /*  background-size: 100% 100%;*/
    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( 255, 255, 211 ,0.5);
    border:1px groove #7FFFD4 !important;
}

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

.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 #7FFFD4;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(  243, 229, 171 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://s3.amazonaws.com/pickacarrot2/park_seed/ab15288f1cdc975c4d8fab523547218750e21e7f_4eeb7bfba95b4eae558d7f587ee9cdb4aa1e7e3f_60c80cf43645d5572673bef219958f884b7e2c70.jpg) no-repeat, url(https://78.media.tumblr.com/avatar_21fdd0dc0ce4_128.pnj) 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 #7FFFD4;
}

h3{
    background-image:url(https://cdn6.aptoide.com/imgs/1/f/7/1f7cb63dce3f34002c0fcbd110410fc3_icon.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #7FFFD4;
}

.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 #7FFFD4;
    background-color:rgba(243, 229, 171 ,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: #43C6DB;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(255, 255, 211, 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 #7FFFD4 !important;
    background-color:rgba(255, 255, 211,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#7FFFD4;
}

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Oh Globz, I hope this worked
LaughingIdiot wrote:Hello again! :D
Username: LaughingIdiot
Theme: Ice/Frost Fantasy
Colours: Dull greys and light blues, stormy icy colours, artists choice!
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}*/

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 #7FFFD4;
    background-color:rgba(65, 56, 57 ,0.4) !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 #7FFFD4;
    background-color:rgba(65, 56, 57 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(81, 87, 86, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=11QchVPiKUzTfTme38A2qqMPRAux7sX9R) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #7FFFD4;
    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 #7FFFD4;
    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 #7FFFD4;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 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 #7FFFD4;
    background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #7FFFD4;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://likegif.com/wp-content/uploads/2013/12/nature-animation-gif-snowing-gif.gif) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #E0FFFF !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #7FFFD4;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image: url(https://78.media.tumblr.com/7724b5662fc33f0d680c6e655229fd48/tumblr_nf9cepBbjc1tu9oufo6_500.gif);
    background-repeat:no-repeat, no-repeat;
    background-color:#7FFFD4;
    padding-top:15px !important;
    background-position: center, center;
    background-size: 100% 100%;
    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( 44, 53, 57 ,0.5);
    border:1px groove #7FFFD4 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #7FFFD4;
}

.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 #7FFFD4;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(65, 56, 57 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-natural-wonders/049079-3d-transparent-glass-icon-natural-wonders-star5.png) no-repeat, url(https://www.shareicon.net/data/128x128/2015/08/06/81009_jewel_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 #7FFFD4;
}

h3{
    background-image:url(http://www.cranmore.com/Portals/_default/Skins/Cranmore2016/img/snow-flake.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #7FFFD4;
}

.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 #7FFFD4;
    background-color:rgba(65, 56, 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: #43C6DB;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 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 #7FFFD4 !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#7FFFD4;
}

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you want anything changed
DeathsJackal wrote:Hello, any chance you could make me a CSS? ^.^
Username: DeathsJackal
Theme: Dark/grayscale forest (foggy?)
Colours: Black/Silver (and white maybe?)

Thanks in advance, I really appreciate the work you put into these things! They all look amazing :D
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}*/

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 #FFFFFF;
    background-color:rgba(65, 56, 57 ,0.4) !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 #FFFFFF;
    background-color:rgba(65, 56, 57 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(81, 87, 86, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1Ik5TbWNdLHz_7H7Zfe4jdW8iJg8Atb54) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    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 #FFFFFF;
    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 #FFFFFF;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 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 #FFFFFF;
    background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #FFFFFF;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://emmatakesaphotograph.files.wordpress.com/2011/11/treee-line-bw.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #C0C0C0 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 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 #FFFFFF;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image: url(https://static.pexels.com/photos/45222/forest-fog-nature-winter-45222.jpeg);
    background-repeat:no-repeat, no-repeat;
    background-color:#FFFFFF;
    padding-top:15px !important;
    background-position: center, center;
    background-size: 100% 100%;
    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( 44, 53, 57 ,0.5);
    border:1px groove #FFFFFF !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #FFFFFF;
}

.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 #FFFFFF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(65, 56, 57 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://openclipart.org/image/2400px/svg_to_png/188786/chestnut.png) no-repeat, url(https://imagesbyheatherm.files.wordpress.com/2009/08/scary-tree.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 #FFFFFF;
}

h3{
    background-image:url(https://images.vexels.com/media/users/3/131434/isolated/lists/5473275bffc5a871e7c8ffda8934fa32-maple-leaf-line-silhouette.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFFF;
}

.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 #FFFFFF;
    background-color:rgba(65, 56, 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: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 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 #FFFFFF !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

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

Re: CSS Shop (Open)

Posted: January 4th, 2018, 12:26:28 am
by Tyrannogon
Would I be able to get one please? ^.^
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
All times are UTC-04:00
Page 57 of 62

Powered by phpBB® Forum Software © phpBB Limited