CSS Shop (Open)
Moderator: Hall of the Arts Moderators
Forum rules
Hall of the Arts rules
Hall of the Arts rules
-
- MagiStream Donor
- Creatures • Trade
- Posts: 1977
- Joined: July 10th, 2009, 5:03:01 pm
- Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Re: CSS Shop (Open)
Hey! Are you still open for this? I'd love to get a new CSS
-
- MagiStream Donor
- Creatures • Trade
- Posts: 19604
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
Whovian wrote:Username: Whovian
Theme: Space
Colors: Blues and purples work?
If you have time of course
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}*/
.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(44, 53, 57,0.5) !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(44, 53, 57,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1lHqfIb7luY2gtcnQRbue1dqlfk1IDmN2) !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(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF;
background-color:rgba(80, 69, 55,0.4);
background-image:url(http://en.es-static.us/upl/2014/11/pleiades-Greg-Hogsn-10-31-2016-e1478047327110.jpg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #F0FFFF !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 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://wallpaperplay.com/walls/full/8/c/2/12870.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(21, 27, 84 ,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(21, 27, 84 ,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(44, 53, 57,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://timssan.com/wp-content/plugins/netreviews/includes/images/stars/gold/star-gold-256.png) no-repeat, url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/Star_icon-72a7cf.svg/256px-Star_icon-72a7cf.svg.png) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #F0FFFF;
}
h3{
background-image:url(http://www.clipartroo.com/images/89/black-and-white-stars-watermark-clipart-89619.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(44, 53, 57,0.3);
background-image:none;
margin-top:3px;
margin-bottom:3px;
width:100%;
}
dl.left-box{
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em;
float:right;
}
h2{
display:none;
}
a:link, a.postlink:link{
text-decoration:none !important;
transition:font-size .7s;
}
a:visited, a.postlink:visited{
color:darkred;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #F0FFFF !important;
background-color:rgba(21, 27, 84,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;
}
MoonFox wrote:Hello. If this is still open I absolutely love the one you did for Twister4eva, and was wondering if you could do one based on my art as well. Of course, you don’t have too if it’s to much of hassle.
Anyway, here’s my art:Spoiler
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}*/
.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 #E0B0FF;
background-color:rgba(44, 53, 57,0.5) !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 #E0B0FF;
background-color:rgba(44, 53, 57,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1Ot6xHmfuoJVtu7KDxhK318XnsxniDAnH) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E0B0FF;
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 #E0B0FF;
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 #E0B0FF;
margin:auto !important;
background-color:rgba(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E0B0FF;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E0B0FF;
background-color:rgba(80, 69, 55,0.4);
background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #E0B0FF !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 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #E0B0FF;
}
body{
background-image:url(https://i.imgur.com/27WVIgF.png);
background-repeat:no-repeat;
background-color:#E0B0FF;
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(21, 27, 84 ,0.5);
border:1px groove #E0B0FF !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(21, 27, 84 ,0.5);
border:1px groove #E0B0FF;
}
.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 #E0B0FF;
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://www.shareicon.net/data/256x256/2015/11/19/674540_moon_512x512.png) no-repeat, url(http://moonsuncalendar.com/img/phases/waning-gibbous.png) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #E0B0FF;
}
h3{
background-image:url(http://clipart-library.com/img/1670140.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #E0B0FF;
}
.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 #E0B0FF;
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;
-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(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E0B0FF !important;
background-color:rgba(21, 27, 84,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#E0B0FF;
}
.postlink:visited{
border-bottom-color:#E0B0FF;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
HorseFreak4ever wrote:HorseFreak4ever
Colors: Black, Grey and white (maybe something Ombre?)
Theme: Equestrian
Anything else?: Maybe add a pixelated silkie chicken hiding somewhere? lol
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}*/
.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 #E1E1E1;
background-color:rgba(40, 40, 40,0.5) !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 #E1E1E1;
background-color:rgba(40, 40, 40,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1SI_Cz0upFjyJ9sQ4WI2f8oMvOeoJ5azD) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E1E1E1;
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 #E1E1E1;
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 #E1E1E1;
margin:auto !important;
background-color:rgba(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E1E1E1;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E1E1E1;
background-color:rgba(80, 69, 55,0.4);
background-image:url(http://www.lacavalieremasquee.com/wp-content/uploads/2013/04/payton-adams-horses-black-white-04.jpg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #E1E1E1 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(0, 0, 0 , 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 #E1E1E1;
}
body{
background-image:url(https://i.pinimg.com/originals/44/1a/b0/441ab084214ee5cad82026cd134ae190.jpg);
background-repeat:no-repeat;
background-color:black;
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(0, 0, 0 ,0.5);
border:1px groove #E1E1E1 !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 0, 0 ,0.5);
border:1px groove #E1E1E1;
}
.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 #E1E1E1;
margin-left:3px;
margin-right:3px;
background-color:rgba(40, 40, 40,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://www.shareicon.net/data/256x256/2015/10/31/664723_animal_512x512.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/15/641310_horse_512x512.png) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #E1E1E1;
}
h3{
background-image:url(https://res-5.cloudinary.com/crunchbase-production/image/upload/c_thumb,h_256,w_256,f_auto,g_faces,z_0.7,q_auto:eco/u7ct9qjzssjxiznoqw8o);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #E1E1E1;
}
.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 #E1E1E1;
background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E1E1E1 !important;
background-color:rgba(0, 0, 0,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#E1E1E1;
}
.postlink:visited{
border-bottom-color:#E1E1E1;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
xxavrilxx wrote:Username: xxavrilxx
Theme: In This Moment (Theyre a band)
Colors: Choose what you think is best! Darker colors? Red? Black?
Anything else? They're a pretty dark, vulgar heavy metal band to say the least! They're in my signature and the leader singer is my profile picture. Once you look into some of their images, itll be easier to create something with it.
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}*/
.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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1-PqTIXE8JNkSJZzsmsruR_2Po0sHAgnI) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
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 #FFFFEA;
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 #FFFFEA;
margin:auto !important;
background-color:rgba(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(80, 69, 55,0.4);
background-image:url(http://townsquare.media/site/366/files/2014/10/In-This-Moment-630x420.jpg?w=980&q=75) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #FFFFEA !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(0, 0, 0 , 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 #FFFFEA;
}
body{
background-image:url(https://cdn.mos.cms.futurecdn.net/89Ja7NMsj578hQZMfbkcV4.jpg);
background-repeat:no-repeat;
background-color:black;
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(0, 0, 0 ,0.5);
border:1px groove #FFFFEA !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 0, 0 ,0.5);
border:1px groove #FFFFEA;
}
.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 #FFFFEA;
margin-left:3px;
margin-right:3px;
background-color:rgba(40, 40, 40,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://www.freeiconspng.com/uploads/crown-png-4.png) no-repeat, url(https://ichef.bbci.co.uk/images/ic/256x256/p053nspj.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 #FFFFEA;
}
h3{
background-image:url(https://images.vexels.com/media/users/3/143022/isolated/lists/bea743b2f1c3f59b23db1cea7f2d972d-crown-illustration.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #FFFFEA;
}
.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 #FFFFEA;
background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA !important;
background-color:rgba(0, 0, 0,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#FFFFEA;
}
.postlink:visited{
border-bottom-color:#FFFFEA;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
@Seabra: Sure, no problem. Let me know what you'd like
The Shattered Compass
I do free CSS
Sig Set By Incandescence
-
- MagiStream Donor
- Creatures • Trade
- Posts: 1497
- Joined: October 29th, 2018, 5:10:19 pm
- Gender: Literally just six cats of varying gender identities sharing a suit of human skin
- Location: In my mind
Re: CSS Shop (Open)
If you’re still making them, could I have an owl background. Kind of spooky
Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky
Let me know if it’s possible? Thank you for your time!
Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky
Let me know if it’s possible? Thank you for your time!
\Not all who Wander are lost/
http://magistream.com/46-waynal/222336- ... tures.html
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
-
- MagiStream Donor
- Creatures • Trade
- Posts: 3809
- Joined: July 13th, 2009, 6:07:00 pm
- Gender: Male
- Location: USA
Re: CSS Shop (Open)
Hi merk, I don't know if it is just my phone or something but some of the background isn't loading. Maybe needs an update?
*
was on hiatus for an extend time but gonna be back here
*
Gold Mining Welcome
*
-
- MagiStream Donor
- Creatures • Trade
- Posts: 19604
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
javalady wrote:If you’re still making them, could I have an owl background. Kind of spooky
Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky
Let me know if it’s possible? Thank you for your time!
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}*/
.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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
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 #FFFFEA;
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 #FFFFEA;
margin:auto !important;
background-color:rgba(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(80, 69, 55,0.4);
background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #FFFFEA !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(0, 0, 0 , 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 #FFFFEA;
}
body{
background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
background-repeat:no-repeat;
background-color:black;
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(0, 0, 0 ,0.5);
border:1px groove #FFFFEA !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 0, 0 ,0.5);
border:1px groove #FFFFEA;
}
.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 #FFFFEA;
margin-left:3px;
margin-right:3px;
background-color:rgba(40, 40, 40,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #FFFFEA;
}
h3{
background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #FFFFEA;
}
.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 #FFFFEA;
background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA !important;
background-color:rgba(0, 0, 0,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#FFFFEA;
}
.postlink:visited{
border-bottom-color:#FFFFEA;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
@Loki: Here's the link to your background - let me know if you cannot see it http://orig00.deviantart.net/15b3/f/201 ... uframa.jpg
The Shattered Compass
I do free CSS
Sig Set By Incandescence
-
- MagiStream Donor
- Creatures • Trade
- Posts: 3809
- Joined: July 13th, 2009, 6:07:00 pm
- Gender: Male
- Location: USA
Re: CSS Shop (Open)
I can see it.
*
was on hiatus for an extend time but gonna be back here
*
Gold Mining Welcome
*
-
- MagiStream Donor
- Creatures • Trade
- Posts: 1497
- Joined: October 29th, 2018, 5:10:19 pm
- Gender: Literally just six cats of varying gender identities sharing a suit of human skin
- Location: In my mind
Re: CSS Shop (Open)
Looks good! But it’s missing about me and magistream at top?Merkwerkee wrote:javalady wrote:If you’re still making them, could I have an owl background. Kind of spooky
Username:Javalady
Colors:gothic toned
Theme:owls in flight spooky
Let me know if it’s possible? Thank you for your time!Let me know if you want anything changed!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}*/ .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 #FFFFEA; background-color:rgba(40, 40, 40,0.5) !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 #FFFFEA; background-color:rgba(40, 40, 40,0.5) !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.7) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; 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 #FFFFEA; 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 #FFFFEA; margin:auto !important; background-color:rgba(0, 6, 36, 0.1) !important; background-image:none !important } #page-body{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; background-color:rgba(0, 6, 36, 0.1); width:100% !important; margin-top:5px; margin-bottom:5px; text-decoration:none !important; } #page-footer{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba(0, 6, 36, 0.1); width:100% !important; } #page-header{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; width:100% !important; padding-bottom:5px } input.button2{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; background-color:rgba(80, 69, 55,0.4); background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important; } *{ font-family: "Bookman Old Style", Bookman, sans-serif !important; font-size: 12px; color: #FFFFEA !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba(0, 0, 0 , 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 #FFFFEA; } body{ background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w); background-repeat:no-repeat; background-color:black; 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(0, 0, 0 ,0.5); border:1px groove #FFFFEA !important; } dl.codebox{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba(0, 0, 0 ,0.5); border:1px groove #FFFFEA; } .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 #FFFFEA; margin-left:3px; margin-right:3px; background-color:rgba(40, 40, 40,0.3); } .icon-gold{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:transparent !important; background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat; background-position:2px, 57px 2px; background-size:13px,12px; } .icon-gold img{ opacity:0.0; margin-top:0 !important; font-color:transparent !important; margin-bottom:0 !important; } .custom_css_avatar img{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px groove #FFFFEA; } h3{ background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #FFFFEA; } .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 #FFFFEA; background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:background-color .7s; } blockquote{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA !important; background-color:rgba(0, 0, 0,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#FFFFEA; } .postlink:visited{ border-bottom-color:#FFFFEA; } .inner{ padding:-3px !important; margin:-3px !important; }
@Loki: Here's the link to your background - let me know if you cannot see it http://orig00.deviantart.net/15b3/f/201 ... uframa.jpg
\Not all who Wander are lost/
http://magistream.com/46-waynal/222336- ... tures.html
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
-
- MagiStream Donor
- Creatures • Trade
- Posts: 19604
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
Spoiler
Code: Select all
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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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 #FFFFEA;
background-color:rgba(40, 40, 40,0.5) !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.7) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
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 #FFFFEA;
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 #FFFFEA;
margin:auto !important;
background-color:rgba(0, 6, 36, 0.1) !important;
background-image:none !important
}
#page-body{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
margin-top:5px;
margin-bottom:5px;
text-decoration:none !important;
}
#page-footer{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 6, 36, 0.1);
width:100% !important;
}
#page-header{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
width:100% !important;
padding-bottom:5px
}
input.button2{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA;
background-color:rgba(80, 69, 55,0.4);
background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important;
}
*{
font-family: "Bookman Old Style", Bookman, sans-serif !important;
font-size: 12px;
color: #FFFFEA !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba(0, 0, 0 , 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 #FFFFEA;
}
body{
background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w);
background-repeat:no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center;
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(0, 0, 0 ,0.5);
border:1px groove #FFFFEA !important;
}
dl.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba(0, 0, 0 ,0.5);
border:1px groove #FFFFEA;
}
.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 #FFFFEA;
margin-left:3px;
margin-right:3px;
background-color:rgba(40, 40, 40,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat;
background-position:2px, 57px 2px;
background-size:13px,12px;
}
.icon-gold img{
opacity:0.0;
margin-top:0 !important;
font-color:transparent !important;
margin-bottom:0 !important;
}
.custom_css_avatar img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px groove #FFFFEA;
}
h3{
background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #FFFFEA;
}
.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 #FFFFEA;
background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
transition:background-color .7s;
}
blockquote{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFEA !important;
background-color:rgba(0, 0, 0,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#FFFFEA;
}
.postlink:visited{
border-bottom-color:#FFFFEA;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
The problem with the header is that all the links you see are actually artistic elements on the picture itself. I've never had particularly good luck getting them to line up so I don't put them on there. The word "Magistream" is the same way; the links still exist, if you click on the right spot you will go where it leads, but the words aren't there because I'm not a visual artist.javalady wrote: Looks good! But it’s missing about me and magistream at top?
If you want a specific header, send me the image and I will put it on the profile for you. Otherwise what I got is what you get
The Shattered Compass
I do free CSS
Sig Set By Incandescence
-
- MagiStream Donor
- Creatures • Trade
- Posts: 1497
- Joined: October 29th, 2018, 5:10:19 pm
- Gender: Literally just six cats of varying gender identities sharing a suit of human skin
- Location: In my mind
Re: CSS Shop (Open)
I totally love it! Thank you so much!!!Merkwerkee wrote:Did a tiny update to the bakground, JavaladySpoiler
Code: Select all
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 #FFFFEA; background-color:rgba(40, 40, 40,0.5) !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 #FFFFEA; background-color:rgba(40, 40, 40,0.5) !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.7) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1lIGkeq92BYoMDy1Wn1ulQlh0UKgFIH0D) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; 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 #FFFFEA; 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 #FFFFEA; margin:auto !important; background-color:rgba(0, 6, 36, 0.1) !important; background-image:none !important } #page-body{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; background-color:rgba(0, 6, 36, 0.1); width:100% !important; margin-top:5px; margin-bottom:5px; text-decoration:none !important; } #page-footer{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba(0, 6, 36, 0.1); width:100% !important; } #page-header{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; width:100% !important; padding-bottom:5px } input.button2{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA; background-color:rgba(80, 69, 55,0.4); background-image:url(http://img.posterlounge.de/images/wbig/lu-mixa-eule-augenblick-sw-edition-1287357.jpg) !important; } *{ font-family: "Bookman Old Style", Bookman, sans-serif !important; font-size: 12px; color: #FFFFEA !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba(0, 0, 0 , 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 #FFFFEA; } body{ background-image:url(https://static1.squarespace.com/static/5bc4ae748d97401dc0785f2a/5bc4c3d8e5e5f0b373ce435d/5bc8c50ef4e1fcf5a1dedd7a/1540049867025/08+Snowy+Owl+in+Flight.jpg?format=2500w); background-repeat:no-repeat; background-color:black; padding-top:15px !important; background-position: center; 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(0, 0, 0 ,0.5); border:1px groove #FFFFEA !important; } dl.codebox{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba(0, 0, 0 ,0.5); border:1px groove #FFFFEA; } .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 #FFFFEA; margin-left:3px; margin-right:3px; background-color:rgba(40, 40, 40,0.3); } .icon-gold{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:transparent !important; background:url(https://sitejerk.com/images/snowy-owl-png-1.png) no-repeat, url(https://files.gamebanana.com/img/ico/sprays/owl1_copy.png) no-repeat; background-position:2px, 57px 2px; background-size:13px,12px; } .icon-gold img{ opacity:0.0; margin-top:0 !important; font-color:transparent !important; margin-bottom:0 !important; } .custom_css_avatar img{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px groove #FFFFEA; } h3{ background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/06415d94-6bf0-4020-9611-4dd4fff7a211/d7galmk-0e444410-b750-415e-ab43-89a8816cf5e1.png/v1/fill/w_1024,h_768,strp/flying_owl_png____by_summerwinterdreams_d7galmk-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvMDY0MTVkOTQtNmJmMC00MDIwLTk2MTEtNGRkNGZmZjdhMjExXC9kN2dhbG1rLTBlNDQ0NDEwLWI3NTAtNDE1ZS1hYjQzLTg5YTg4MTZjZjVlMS5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.-BP1xmpVmhRhvO48orm1z8xDVIZj1VGcwsPBkwg7cWM); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #FFFFEA; } .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 #FFFFEA; background-color:rgba(40, 40, 40,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(27, 27, 27, 0.3); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:background-color .7s; } blockquote{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #FFFFEA !important; background-color:rgba(0, 0, 0,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#FFFFEA; } .postlink:visited{ border-bottom-color:#FFFFEA; } .inner{ padding:-3px !important; margin:-3px !important; }
The problem with the header is that all the links you see are actually artistic elements on the picture itself. I've never had particularly good luck getting them to line up so I don't put them on there. The word "Magistream" is the same way; the links still exist, if you click on the right spot you will go where it leads, but the words aren't there because I'm not a visual artist.javalady wrote: Looks good! But it’s missing about me and magistream at top?
If you want a specific header, send me the image and I will put it on the profile for you. Otherwise what I got is what you get
\Not all who Wander are lost/
http://magistream.com/46-waynal/222336- ... tures.html
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
WISH LIST: All new Christmas creatures 2020, and the list goes on xD
0/25 thank you!
-
- MagiStream Donor
- Creatures • Trade
- Posts: 6867
- Joined: April 16th, 2010, 8:58:00 am
- Gender: Female
Re: CSS Shop (Open)
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.
One themed around Black and Tan Shiba Inus,
and
One themed around Any/Red shibas.