[dohtml]
<center><div class='dSbg'><div class='dSlyr'>hello darkness</div><div class='dSlyr2'>my old friend</div><div class='dSgif1'></div></div>
<div class='dSbg2'><div class='dStextb'>
TEXT <b>TEXT</b> <i>TEXT</i><P>
</div></div><div class='dSbottom'><div class='dStagging'><center>@[character name]</center></div></div><div class='skcred'><a href="http://cttw.jcink.net/index.php?showuser=18286">sarahkik</a></div></center>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
<style>
.dSbg {
background:url(https://files.jcink.net/uploads/frozenmemoirs//backgroundbig.png);
background-position: top center;
height: 200px;
width:450px;
border: 3px solid #000;
box-shadow: 0px 0px 5px #000;
background-attachment: fixed;
min-width:450px;
}
.dSlyr {
font-family: 'UnifrakturMaguntia', cursive;
font-size: 65px;
color: #fff;
padding:5px;
position: relative;
margin-top:60px;
text-shadow: 0px 3px 0px #000;
mix-blend-mode: overlay;
}
.dSlyr2 {
font-family: 'calibri';
font-size: 10px;
color: #fff;
text-shadow: 0px 1px 0px #000;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 8px;
}
.dSgif1 {
background-image: url(https://33.media.tumblr.com/662bfb886264d1e9812250e25c22a5b6/tumblr_nfcv7zpbYt1syrodeo1_500.gif);
height: 120px;
width: 120px;
border-radius: 100px;
border: 3px solid #000;
margin-top: 20px;
padding:5px;
background-position: center;background-repeat: no-repeat;background-size:cover;
box-shadow: 0px 0px 15px #000;
position:relative;
z-index: 2;
}
.dSbg2 {
background-image: url(https://files.jcink.net/uploads2/d3monsskin//background.png);
border: 3px solid #000;
border-top: none;
width: 450px;
height: 470px;
position: relative;
z-index: 1;
box-shadow: 0px 0px 10px #000 inset;
box-shadow: 0px 0px 5px #000;
}
.dStextb {
background-color: #161616;
width: 350px;
height: 310px;
overflow: auto;
font-family: 'Playfair Display', serif;
font-size: 11px;
color: #777;
border: 1px solid #000;
padding: 20px;
position: absolute;
margin-top:90px!important;
margin:30px;
text-align:justify;
box-shadow: 0px 0px 5px #000;
}
.dStextb b, .dStextb i {
color: #ccc;
}
.dStextb::-webkit-scrollbar {width: 0px; background: #0f0f0f;}
.dStextb ::-webkit-scrollbar-track {background: #0f0f0f;}
.dStextb::-webkit-scrollbar-thumb {background: #000; border: 5px solid #0f0f0f;}
.dSbottom {
background:url(https://files.jcink.net/uploads/frozenmemoirs//backgroundbig.png) fixed 0%;
background-position: center;
height: 50px;
width:450px;
border: 3px solid #000;
border-top:none;
box-shadow: 0px 0px 5px #000;
}
.skcred, .skcred a {
font-family: 'calibri';
font-size: 8px;
padding-top:2px;
text-transform: uppercase;
letter-spacing: 5px;
text-decoration: none;
}
.dStagging {
font-family: 'Playfair Display', serif;
font-size: 11px;
color: #fff!important;
text-transform: uppercase;
opacity: .8;
border-radius: 3px;
position: absolute;
margin-top:13px;
margin-left: 165px;
text-decoration: none;
}
.dStagging a {
font-family: 'Playfair Display', serif;
font-size: 11px;
color: #fff!important;
text-transform: uppercase;
opacity: .8;
text-decoration: none;
}
</style>[/dohtml]
