Re: CSS Shop (Open)
Posted: February 8th, 2020, 7:47:46 pm
Hello, love my back ground a lot, just wondering if we could change around the colors? the background red and black and the text the blue? might be a little easier to see then.
WolfeDente wrote:I would love a couple themes if that's alright!
One themed around Black and Tan Shiba Inus,
and
One themed around Any/Red shibas.
Code: Select all
/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/
.panel.bg2:nth-child(4) {
display: none;
}
ul.navlinks{
padding-bottom:1px;
margin-bottom:1px;
border-bottom:transparent !important;
}
.bg2{
transition:background-color .7s !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:3px double #F0FFFF;
background-color:rgba(185, 173, 58,0.4) !important;
float:left;
text-decoration:none !important;
padding:3px;
margin:3px;
background-image:none;
}
.bg1{
transition:background-color .7s !important;
text-align:center !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
text-decoration:none !important;
border:1px groove #F0FFFF;
background-color:rgba(185, 173, 58,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(255, 255, 148, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1jvLf-df_ifMgPwi0yo_TuWizti2cC5G2) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-size:cover !important;
background-color:rgb(255,255,255);
height:250px !important
}
.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px
}
.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}
.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom:2px;
}
#page-footer .navbar{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-color:transparent !important;
background-image:none
}
#page-header .navbar{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
margin:auto !important;
background-color:rgba(225, 213, 98, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-color:rgba(225, 213, 98, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(225, 213, 98, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-color:rgba(80, 69, 55,0.4);
background-image:url(https://pbs.twimg.com/profile_images/2730442675/d9603186f066b382e639bfa89e70a268.jpeg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #0C090A !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(12, 9, 10 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #F0FFFF;
}
body{
background-image:url(https://i.pinimg.com/originals/b0/25/91/b0259160470279036c3085bec0068857.jpg);
background-repeat:no-repeat;
background-color:#F0FFFF;
padding-top:15px !important;
background-position: left;
background-size: cover;
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(255, 255, 148,0.5);
border:1px groove #F0FFFF !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(255, 255, 148,0.5);
border:1px groove #F0FFFF;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background:none;
}
dl.left-box.details{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
text-align:center !important;
}
.jumpbox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
margin-left:3px;
margin-right:3px;
background-color:rgba(185, 173, 58,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://ih1.redbubble.net/image.918591658.4539/flat,128x,075,f-pad,128x128,f8f8f8.jpg) no-repeat, url(https://ih1.redbubble.net/image.487776602.2776/flat,128x,075,f-pad,128x128,f8f8f8.u2.jpg) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #F0FFFF;
}
h3{
background-image:url(https://i.pinimg.com/originals/8c/2b/10/8c2b10fab077d91f114d4f6d9dbd05a1.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #F0FFFF;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
border-radius:5px;
border:1px groove #F0FFFF;
background-color:rgba(185, 173, 58,0.3);
background-image:none;
margin-top:3px;
margin-bottom:3px;
width:100%;
}
dl.left-box{
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em;
float:right;
}
h2{
display:none;
}
a:link, a.postlink:link{
text-decoration:none !important;
transition:font-size .7s;
}
a:visited, a.postlink:visited{
color:darkred;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(255, 255, 148, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF !important;
background-color:rgba(255, 255, 148,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#F0FFFF;
}
.postlink:visited{
border-bottom-color:#F0FFFF;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
PinkPeach wrote:Hello yet again! I recently changed my name and I need a new CSS to go with it. Would you be willing to do that for me please?
I need something that looks fruity and pink, like pink peaches
Just general pink cuteness, thank you again! I'm not picky
Code: Select all
/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/
.panel.bg2:nth-child(4) {
display: none;
}
ul.navlinks{
padding-bottom:1px;
margin-bottom:1px;
border-bottom:transparent !important;
}
.bg2{
transition:background-color .7s !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:3px double #FDEEF4;
background-color:rgba(209, 127, 136,0.4) !important;
float:left;
text-decoration:none !important;
padding:3px;
margin:3px;
background-image:none;
}
.bg1{
transition:background-color .7s !important;
text-align:center !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
text-decoration:none !important;
border:1px groove #FDEEF4;
background-color:rgba(209, 127, 136,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(159, 77, 86, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1lQQDHlf9l1hnILJ38nE-Lz7I4LdJfY-w) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
background-size:cover !important;
background-color:rgb(255,255,255);
height:250px !important
}
.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px
}
.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}
.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom:2px;
}
#page-footer .navbar{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
background-color:transparent !important;
background-image:none
}
#page-header .navbar{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
margin:auto !important;
background-color:rgba(209, 127, 136, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
background-color:rgba(209, 127, 136, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(209, 127, 136, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
background-color:rgba(209, 127, 136,0.4);
background-image:url(https://64.media.tumblr.com/avatar_1e6733daeb30_128.pnj) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #FFE9C2 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(209, 127, 136, 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #FDEEF4;
}
body{
background-image:url(https://as2.ftcdn.net/jpg/01/69/38/95/500_F_169389588_NQb5xpsr0qt6HZ2JdgZ9dpJkF4OsszU5.jpg);
background-color:#FDEEF4;
padding-top:15px !important;
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(159, 77, 86,0.5);
border:1px groove #FDEEF4 !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(159, 77, 86,0.5);
border:1px groove #FDEEF4;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background:none;
}
dl.left-box.details{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
text-align:center !important;
}
.jumpbox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4;
margin-left:3px;
margin-right:3px;
background-color:rgba(209, 127, 136,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://images.vexels.com/media/users/3/185253/isolated/lists/746f720fb51984cf48c6e40613b5efd2-orange-fruit-flat.png) no-repeat, url(https://cdn130.picsart.com/234042549020212.png?type=webp&to=crop&r=256) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #FDEEF4;
}
h3{
background-image:url(https://icons.veryicon.com/png/128/food--drinks/fruit-linglong-fruit-store/peach-16.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #FDEEF4;
}
.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 #FDEEF4;
background-color:rgba(209, 127, 136,0.3);
background-image:none;
margin-top:3px;
margin-bottom:3px;
width:100%;
}
dl.left-box{
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em;
float:right;
}
h2{
display:none;
}
a:link, a.postlink:link{
text-decoration:none !important;
transition:font-size .7s;
}
a:visited, a.postlink:visited{
color: #EDFFC2;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(159, 77, 86, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FDEEF4 !important;
background-color:rgba(159, 77, 86,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#FDEEF4;
}
.postlink:visited{
border-bottom-color:#FDEEF4;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}