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?
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?
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
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!!
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!!
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!
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!
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
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!
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!
Re: CSS Shop (Open)
Posted: April 8th, 2017, 2:58:39 pm
by RewinAncient