Re: CSS Shop (Open)
Posted: February 19th, 2019, 5:46:55 am
Hey! Are you still open for this? I'd love to get a new CSS
Whovian wrote:Username: Whovian
Theme: Space
Colors: Blues and purples work?
If you have time of course
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
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!
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.
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;
}
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!
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;
}
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
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?
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