MagiStream


https://magistream.com/

CSS Shop (Open)

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

Page 53 of 62

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

Posted: January 20th, 2017, 2:18:19 pm
by Khao
Hi Merk! :)

Username: Khao
Colors: Blue, gray and purple (If you find these colors dont pan out well together for this theme you can change them.)
Theme: Galaxy (Like my profile pic)

For my header could you possibly put the Sagittarius constellation in it please?

Thank you so much!! :)

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

Posted: January 31st, 2017, 4:07:50 pm
by Merkwerkee
Asherion wrote:Username: Asherion
Colours: Ice blue, black and Grey
Theme: Underwater
Just do as you want and for my header could you do like a Ice blue version?
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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #CFECEC;
    background-color: rgba(44, 53, 57,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #CFECEC;
    background-color: rgba(44, 53, 57,0.3) !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://i779.photobucket.com/albums/yy76/Merkwerkee/ashhdr.png) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px groove #CFECEC;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    background-color: transparent !important;
    background-image: none;
}
#page-header .navbar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    margin: auto !important;
    background-color: rgba(0, 6, 36, 0.1) !important;
    background-image: none !important;
}
#page-body{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 6, 36, 0.1);
    width: 100% !important;
}
#page-header{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100% !important;
    padding-bottom: 5px;
}


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://static.pexels.com/photos/6644/sea-water-ocean-waves.jpg) !important;
}

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

#wrap{
    background-image: none;
    background-color: rgba(4, 13, 17 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #CFECEC;
}
body{
    background-image:url(https://whybecausescience.files.wordpress.com/2013/06/mid-oceanic-ridge-photo.png);
    background-repeat: no-repeat;
    background-color: black;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove #CFECEC !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove #CFECEC;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    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://static.greatbigcanvas.com/images/square/bigstock/abstract-water-with-bubbles,2278258.jpg?max=128) no-repeat, url(http://images2.wikia.nocookie.net/__cb20130309193453/moonclan-warriors/images/d/d4/Water-symbol.png) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

.custom_css_avatar img{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}


h3{
    background-image:url(https://data.gov.in/sites/default/files/water-resource-256X256.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #CFECEC;
}

.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 #CFECEC;
    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 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #CFECEC !important;
    background-color: rgba(4, 13, 17  ,0.6) !important;
}

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

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

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

Posted: February 1st, 2017, 1:22:28 am
by Icefall
Merkwerkee wrote:
Asherion wrote:Username: Asherion
Colours: Ice blue, black and Grey
Theme: Underwater
Just do as you want and for my header could you do like a Ice blue version?
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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #CFECEC;
    background-color: rgba(44, 53, 57,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #CFECEC;
    background-color: rgba(44, 53, 57,0.3) !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://i779.photobucket.com/albums/yy76/Merkwerkee/ashhdr.png) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px groove #CFECEC;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    background-color: transparent !important;
    background-image: none;
}
#page-header .navbar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    margin: auto !important;
    background-color: rgba(0, 6, 36, 0.1) !important;
    background-image: none !important;
}
#page-body{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 6, 36, 0.1);
    width: 100% !important;
}
#page-header{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100% !important;
    padding-bottom: 5px;
}


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://static.pexels.com/photos/6644/sea-water-ocean-waves.jpg) !important;
}

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

#wrap{
    background-image: none;
    background-color: rgba(4, 13, 17 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #CFECEC;
}
body{
    background-image:url(https://whybecausescience.files.wordpress.com/2013/06/mid-oceanic-ridge-photo.png);
    background-repeat: no-repeat;
    background-color: black;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove #CFECEC !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove #CFECEC;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #CFECEC;
    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://static.greatbigcanvas.com/images/square/bigstock/abstract-water-with-bubbles,2278258.jpg?max=128) no-repeat, url(http://images2.wikia.nocookie.net/__cb20130309193453/moonclan-warriors/images/d/d4/Water-symbol.png) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

.custom_css_avatar img{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}


h3{
    background-image:url(https://data.gov.in/sites/default/files/water-resource-256X256.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #CFECEC;
}

.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 #CFECEC;
    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 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #CFECEC !important;
    background-color: rgba(4, 13, 17  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
Thank you so much I love it :t-swoon:

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

Posted: February 7th, 2017, 3:58:35 pm
by Merkwerkee
Khao wrote:Hi Merk! :)

Username: Khao
Colors: Blue, gray and purple (If you find these colors dont pan out well together for this theme you can change them.)
Theme: Galaxy (Like my profile pic)

For my header could you possibly put the Sagittarius constellation in it please?

Thank you so much!! :)
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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #614051;
    background-color: rgba(43, 56, 86,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #614051;
    background-color: rgba(43, 56, 86,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover, .navbar:hover{
    background-color: rgba(0, 0, 0, 0.6) !important;
    transition: background-color .7s !important;
}

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


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Hs-2009-25-e-full_jpg.jpg/170px-Hs-2009-25-e-full_jpg.jpg) !important;
}

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

#wrap{
    background-image: none;
    background-color: rgba(245, 255, 107 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #614051;
}
body{
    background-image:url(http://7127-presscdn-0-30.pagely.netdna-cdn.com/wp-content/uploads/2015/01/screen-shot-2015-01-07-at-10-57-05-am.png);
    background-repeat: no-repeat;
    background-color: black;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(87, 74, 43 ,0.5);
    border: 1px groove #614051 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(87, 74, 43 ,0.5);
    border: 1px groove #614051;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #614051;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(43, 56, 86,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://is3-ssl.mzstatic.com/image/thumb/Purple122/v4/20/d5/e8/20d5e806-9f68-cc5d-cca6-747d268119fc/source/256x256bb.jpg) no-repeat, url(https://is1-ssl.mzstatic.com/image/thumb/Purple71/v4/dd/06/76/dd067611-8bb0-b4ce-26be-99d09bc715bf/source/256x256bb.jpg) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

.custom_css_avatar img{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}


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

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

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #614051 !important;
    background-color: rgba(87, 74, 43  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
I completely missed the bit about Sagittarius, and if you want me to replace the header with one of your choosing at a later date I can. Let me know what you think!

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

Posted: February 14th, 2017, 5:34:10 pm
by Khao
Merkwerkee wrote:
Khao wrote:Hi Merk! :)

Username: Khao
Colors: Blue, gray and purple (If you find these colors dont pan out well together for this theme you can change them.)
Theme: Galaxy (Like my profile pic)

For my header could you possibly put the Sagittarius constellation in it please?

Thank you so much!! :)
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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #614051;
    background-color: rgba(43, 56, 86,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #614051;
    background-color: rgba(43, 56, 86,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover, .navbar:hover{
    background-color: rgba(0, 0, 0, 0.6) !important;
    transition: background-color .7s !important;
}

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


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Hs-2009-25-e-full_jpg.jpg/170px-Hs-2009-25-e-full_jpg.jpg) !important;
}

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

#wrap{
    background-image: none;
    background-color: rgba(245, 255, 107 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #614051;
}
body{
    background-image:url(http://7127-presscdn-0-30.pagely.netdna-cdn.com/wp-content/uploads/2015/01/screen-shot-2015-01-07-at-10-57-05-am.png);
    background-repeat: no-repeat;
    background-color: black;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(87, 74, 43 ,0.5);
    border: 1px groove #614051 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(87, 74, 43 ,0.5);
    border: 1px groove #614051;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #614051;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(43, 56, 86,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://is3-ssl.mzstatic.com/image/thumb/Purple122/v4/20/d5/e8/20d5e806-9f68-cc5d-cca6-747d268119fc/source/256x256bb.jpg) no-repeat, url(https://is1-ssl.mzstatic.com/image/thumb/Purple71/v4/dd/06/76/dd067611-8bb0-b4ce-26be-99d09bc715bf/source/256x256bb.jpg) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

.custom_css_avatar img{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}


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

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

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #614051 !important;
    background-color: rgba(87, 74, 43  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
I completely missed the bit about Sagittarius, and if you want me to replace the header with one of your choosing at a later date I can. Let me know what you think!

I love it Merk! Thank you so much! It's okay, I can live without it

Re: CSS Shop (Open)

Posted: March 31st, 2017, 6:18:58 pm
by sunsprite
Hello again!
May I have another CSS please?
My other request wasn't very clear, sorry about that. >.<

Username - IceRiver
Colors - Violets, blues, and other sunset/night colors
Theme - Something like arctic terrains and snowy forests.

Also, for the background, could you use something like this? : X

Thank you so much if this is done! :t-swoon:

Re: CSS Shop (Open)

Posted: April 7th, 2017, 4:22:55 pm
by RewinAncient
Hiya Merk! Dunno if you remember me, it's been so long.

Username: RewinAncient
Colors: If it's possible to incorporate these colors? #3090C7, #38ACEC, #FDD017, #FFE87C (used from the website you provided)
Theme: Rewin dragon and Rewin Ancient theme like my profile (I do believe it's time for an updated one)

If there's one thing I would be eternally grateful for, it would be the inclusion of Rewin dragons all over within the profile. That is all

Re: CSS Shop (Open)

Posted: April 8th, 2017, 2:16:02 am
by Merkwerkee
IceRiver wrote:Hello again!
May I have another CSS please?
My other request wasn't very clear, sorry about that. >.<

Username - IceRiver
Colors - Violets, blues, and other sunset/night colors
Theme - Something like arctic terrains and snowy forests.

Also, for the background, could you use something like this? : X

Thank you so much if this is done! :t-swoon:
Spoiler

Code: Select all

/*dl.left-box.details{border-right: 1px groove #C12267;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted #C12267;} */
ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}


.bg2{
    transition: background-color .7s !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(21, 27, 84, 0.6) !important;
    transition: background-color .7s !important;
}

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


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://heavenhappens.files.wordpress.com/2012/12/sunset-in-chile.jpg) !important;
}

* {
    font-family: Garamond !important;
    color: #F87217 !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;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 5px groove #C12267;
}
body{
    background-image:url(https://s-media-cache-ak0.pinimg.com/originals/3e/c9/a2/3ec9a240bcd80a095d6102bb735c31a2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #C12267;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(87, 27, 126 ,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://image.flaticon.com/icons/png/128/124/124563.png) no-repeat, url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/orange-fiesta-icons-natural-wonders/052944-orange-fiesta-icon-natural-wonders-sun9-sc37.png) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

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


h3{
    background-image:url(http://www.iconsdb.com/icons/preview/black/snowflake-52-xxl.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #C12267;
}

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

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    color: #E4287C;
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #C12267 !important;
    background-color: rgba(21, 27, 84  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
RewinAncient wrote:Hiya Merk! Dunno if you remember me, it's been so long.

Username: RewinAncient
Colors: If it's possible to incorporate these colors? #3090C7, #38ACEC, #FDD017, #FFE87C (used from the website you provided)
Theme: Rewin dragon and Rewin Ancient theme like my profile (I do believe it's time for an updated one)

If there's one thing I would be eternally grateful for, it would be the inclusion of Rewin dragons all over within the profile. That is all
Spoiler

Code: Select all

/*dl.left-box.details{border-right: 1px groove #FDD017;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted #FDD017;} */
ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}


.bg2{
    transition: background-color .7s !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #FDD017;
    background-color: rgba(48, 144, 199 ,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #FDD017;
    background-color: rgba(48, 144, 199 ,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(56, 172, 236, 0.6) !important;
    transition: background-color .7s !important;
}

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


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #FDD017;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://s-media-cache-ak0.pinimg.com/736x/61/93/10/619310c9dc117e7395c6cd6570de3825.jpg) !important;
}

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

#wrap{
    background-image: none;
    background-color: rgba(56, 172, 236 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 5px groove #FDD017;
}
body{
    background-image:url(http://i779.photobucket.com/albums/yy76/Merkwerkee/bckgrondrwin.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FDD017;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(56, 172, 236 ,0.5);
    border: 1px groove #FDD017 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(56, 172, 236 ,0.5);
    border: 1px groove #FDD017;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #FDD017;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(48, 144, 199 ,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(http://magistatic.com/i/9358fa9898be871059d1b58577edb1cd6a91524e.gif) no-repeat, url(http://magistatic.com/i/2f80b418ce80a079b224d55665840b106cfefafa.gif) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

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


h3{
    background-image:url(http://magistatic.com/i/c57b2392565a777696ee65aeb8cdd55aa99c01af.gif);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #FDD017;
}

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

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    color: #E4287C;
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #FDD017 !important;
    background-color: rgba(56, 172, 236  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
That is probably more effort for a CSS than I've done since I coded my own first CSS. Let me know if there's anything y'all would like changed!

Re: CSS Shop (Open)

Posted: April 8th, 2017, 9:55:16 am
by sunsprite
Merkwerkee wrote:
IceRiver wrote:Hello again!
May I have another CSS please?
My other request wasn't very clear, sorry about that. >.<

Username - IceRiver
Colors - Violets, blues, and other sunset/night colors
Theme - Something like arctic terrains and snowy forests.

Also, for the background, could you use something like this? : X

Thank you so much if this is done! :t-swoon:
Spoiler

Code: Select all

/*dl.left-box.details{border-right: 1px groove #C12267;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted #C12267;} */
ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}


.bg2{
    transition: background-color .7s !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(21, 27, 84, 0.6) !important;
    transition: background-color .7s !important;
}

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


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://heavenhappens.files.wordpress.com/2012/12/sunset-in-chile.jpg) !important;
}

* {
    font-family: Garamond !important;
    color: #F87217 !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;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 5px groove #C12267;
}
body{
    background-image:url(https://s-media-cache-ak0.pinimg.com/originals/3e/c9/a2/3ec9a240bcd80a095d6102bb735c31a2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #C12267;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(87, 27, 126 ,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://image.flaticon.com/icons/png/128/124/124563.png) no-repeat, url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/orange-fiesta-icons-natural-wonders/052944-orange-fiesta-icon-natural-wonders-sun9-sc37.png) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
    margin-top:0 !important;
    font-color: transparent !important;
    margin-bottom:0 !important;}

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


h3{
    background-image:url(http://www.iconsdb.com/icons/preview/black/snowflake-52-xxl.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #C12267;
}

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

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

a:visited, a.postlink:visited{
    color: #E4287C;
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #C12267 !important;
    background-color: rgba(21, 27, 84  ,0.6) !important;
}

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

.inner{
    padding: -3px !important;
    margin: -3px !important;}
That is probably more effort for a CSS than I've done since I coded my own first CSS. Let me know if there's anything y'all would like changed!
It looks amazing! Thank you so much! <3

Re: CSS Shop (Open)

Posted: April 8th, 2017, 2:58:39 pm
by RewinAncient
OHMAIGAWD I LOVE IT!! :bounce: :bounce: :bounce:
All times are UTC-04:00
Page 53 of 62

Powered by phpBB® Forum Software © phpBB Limited