No problem, you are far from the first repeat requestercrystalwings wrote:username: Crystalwings
Colors: (using the link you provided) Dark Orchid-7D137E, Purple Flower-A74Ac7 (purples)
Theme: I'm am now referring to my keep as Crystal Caves (which is what I want in the header)
Header: This photo if possible;and put Crystal Caves somewhere on it in a fancy (but readable font)Spoiler
And as a background;In the all about me box, is it possible to put an image. If yes (and if you think it doesn't look funny, you could use thisSpoiler
If its not possible (or it looks funny just use a light purple-maybe the purple flower color above)Spoiler
Thank you so much I know I have already asked you for one, but I have finally figured out an actually theme I would like I would really appreciate you do this for me I really did try my best to do it myself.... Lets just say it didn't turn out very well
Thank you!!
I did a little experimentation with this code because of reasons, so let me know if anything needs changing or looks funky
Spoiler
Code: Select all
dl.left-box.details{
background-image: url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
margin-top: 5px;
}
ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}
.bg2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px double #7D1B7E;
background-color: rgba(128, 5, 23,0.3) !important;
float: left;
text-decoration: none !important;
padding: 3px;
margin: 3px;
background-image: none;
}
.bg1{
text-align: center !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none !important;
border: 1px groove #7D1B7E;
background-color: rgba(128, 5, 23,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
}
.bg1:hover, .bg2:hover{
background-color: rgba(45, 0, 46, 0.6) !important;
transition: background-color .7s !important;
}
.headerbar.nonmobile{
background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/cryshdr.png) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px groove #7D1B7E;
background-size: cover !important;
background-color: rgb(255,255,255);
height:250px !important;
}
.headerbar.nonmobile img{
opacity:0.0;
height:250px;
width:850px;
}
.header_nav.nonmobile{
margin-top:-51px;
margin-left:2px
}
.header_nav.nonmobile img{
opacity:0.0;
margin-top:-4px;
margin-bottom: 2px;
}
#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #7D1B7E;
background-color: transparent !important;
background-image: none;
}
#page-header .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #7D1B7E;
margin: auto !important;
background-color: rgba(40, 47, 76, 0.3) !important;
background-image: none !important;
}
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #7D1B7E;
background-color: rgba(40, 47, 76, 0.3);
width: 100% !important;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none !important;
}
#page-footer{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(40, 47, 76, 0.3);
width: 100% !important;
}
#page-header{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100% !important;
padding-bottom: 5px;
}
input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #7D1B7E;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://www.treasuremountainmining.com/catalog/images/EB0112QAU1E.jpg) !important;
}
* {
font-family: Garamond !important;
color: #BB5EDB !important;
text-align: center !important;
text-decoration: none !important;
}
#wrap{
background-image: none;
background-color: rgba(75, 0, 130, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 20px !important;
border-radius: 5px;
margin: auto;
border: 1px groove #7D1B7E;
}
body{
background-image:url(http://static.tumblr.com/f6376e76f4127a30dc9ae9642a4b0d85/k6daz6k/Hrgne4mcc/tumblr_static_4a7ketwvmz40w4k0okgkgk4sc.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: #7D1B7E;
padding-top: 15px !important;
background-position: center;
background-attachment: fixed !important;
}
span{
background-image: none !important;
}
.spoiler .inner{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(75, 0, 130,0.5);
border: 1px groove #7D1B7E !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(75, 0, 130,0.5);
border: 1px groove #7D1B7E;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
background: none;
}
dl.left-box.details{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
text-align: center !important;
}
.jumpbox{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #7D1B7E;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(128, 5, 23,0.3);
}
.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background:url(https://ae01.alicdn.com/kf/HTB1Lf7uLpXXXXcnXpXXq6xXFXXXx/Natural-Brazilian-Amethyst-Crystal-Stone-Bead-Square-Shape-polished-crystal-beads-4mm-Full-Hole-DIY-Jewelry.jpg_50x50.jpg) no-repeat, url(http://thumbnail.image.rakuten.co.jp/@0_mall/masuki/cabinet/ikou_20090729_002/img10614544125.jpg?_ex=50x50) no-repeat;
background-position: 2px 2px, 57px 2px;
background-size: 13px 13px, 12px 12px;
}
.icon-gold img{opacity:0.0;
margin-top:0 !important;
font-color: transparent !important;
margin-bottom:0 !important;}
.custom_css_avatar img{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px groove #7D1B7E;
}
h3{
background-image:url(https://cdn0.iconfinder.com/data/icons/weather-meteorology-4/64/weather-rain-storm-48.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #7D1B7E;
}
.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 #7D1B7E;
background-color: rgba(128, 5, 23,0.3);
background-image: none;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}
dl.left-box{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
float: right;
}
h2{
display: none;
}
a:link, a.postlink:link{
text-decoration: none !important;
transition: font-size .7s;
}
a:visited, a.postlink:visited{
color: 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: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove #7D1B7E !important;
background-color: rgba(75, 0, 130 ,0.6) !important;
}
.custom_css_rank{
border-bottom: transparent;
}
.postlink{border-bottom-color: #7D1B7E;}.postlink:visited{border-bottom-color: #7D1B7E;}
.inner{
padding: -3px !important;
margin: -3px !important;}