CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
Khao
MagiStream Donor
Member of The Dark Brotherhood
CreaturesTrade
Posts: 175
Joined: November 20th, 2016, 1:46:58 pm
Gender: Female
Location: 'Murica

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

Post 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!! :)
Please feel free to mine my tabs! I need the help, you need the gold! You can go through all of them. Darling, we're all mad here
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19573
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

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

Post 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;}
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
Icefall
MagiStream Donor
Member of Artificer's Association
CreaturesTrade
Posts: 1399
Joined: February 2nd, 2016, 3:56:23 pm
Gender: Male
Location: NSW, Australia

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

Post 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:
0/25 Gifts Thank you all so much
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19573
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

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

Post 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!
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
Khao
MagiStream Donor
Member of The Dark Brotherhood
CreaturesTrade
Posts: 175
Joined: November 20th, 2016, 1:46:58 pm
Gender: Female
Location: 'Murica

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

Post 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
Please feel free to mine my tabs! I need the help, you need the gold! You can go through all of them. Darling, we're all mad here
User avatar
sunsprite
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 1075
Joined: October 22nd, 2016, 9:07:24 pm
Location: snoozing somewhere

Re: CSS Shop (Open)

Post 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:
xxxxxxpreviously delspresso
[supply my orange rabbitsune addiction]
User avatar
RewinAncient
MagiStream Donor
CreaturesTrade
Posts: 7346
Joined: July 24th, 2009, 12:01:49 pm

Re: CSS Shop (Open)

Post 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
Image
This Ancient's always buying Rewins and Whales
Image
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19573
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post 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!
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
sunsprite
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 1075
Joined: October 22nd, 2016, 9:07:24 pm
Location: snoozing somewhere

Re: CSS Shop (Open)

Post 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
xxxxxxpreviously delspresso
[supply my orange rabbitsune addiction]
User avatar
RewinAncient
MagiStream Donor
CreaturesTrade
Posts: 7346
Joined: July 24th, 2009, 12:01:49 pm

Re: CSS Shop (Open)

Post by RewinAncient »

OHMAIGAWD I LOVE IT!! :bounce: :bounce: :bounce:
Image
This Ancient's always buying Rewins and Whales
Image
Post Reply

Return to “Seller's Gallery”