reverse confidant :: blank.

<div style="width: 400px; margin-bottom: -50px;"><img src="***TAROTCARD***" style="position: relative; z-index: 800; top: 50px; left: 10px; float: left; width: 63px; height: 100px; transform: rotate(-7deg); -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);">
    
    <img src="***CHARACTERICON***" style="position: relative; z-index: 800; top: 0px; right: -30px; float: right; width: 50px; height: 50px; border: solid 6px #fdfdfd; transform: rotate(7deg); -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg);"><div style="position: relative; z-index: 705; margin-top: -6px; margin-right: -100px; float: right; height: 76px; width: 76px; background: #000; transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg);"></div>
    
    <div style="position: relative; z-index: 720; left: 15px; width: 300px; background: #fdfdfd; color: #000; padding: 5px; border: solid 10px #000;  font-weight: bold; font-size: 12pt; transform: rotate(-4deg); -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); text-shadow: 2px 2px 0px #ccc; text-align: center;"><span style="margin-left: -25px;">***CHARACTER NAME***</span></div><div style="position: relative; z-index: 720; left: 30px; top: -12px; width: 238px; background: #fdfdfd; color: #000; padding: 5px; text-align: left; transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg)"><span style="font: italic bold 14px arial;">ARCANA</span> <span style="float: right; margin-top: -10px; margin-right: 8px; font: italic 28px arial black;">***ARCANA***</span></div><div style="position: relative; z-index: 710; left: 100px; top: -45px; width: 250px; height: 35px; background: #fdfdfd; color: #000; border: solid 10px #000; padding: 8px; font-weight: bold; font-size: 10pt; text-transform: uppercase; text-align: right;">

<span style="float: right; margin-top: -20px; margin-right: 15px; font: 50px arial black; letter-spacing: -0.2em;">***#***</span>Rank<br/>
    <span style="position: relative; z-index: 900; float: right; margin-right: -55px; font: bold 16px arial black; color: #fdfdfd; text-shadow: -3px -3px 0px #e7151b, 0px -3px 0px #e7151b, 3px -3px 0px #e7151b, -3px  0px 0px #e7151b, 3px 0px 0px #e7151b, -3px 3px 0px #e7151b, 0px 3px 0px #e7151b, 3px 3px 0px #e7151b; transform: rotate(7deg); -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg);">REVERSED</span>
    <span style="position: relative; z-index: 850; float: left; margin-top: -20px; letter-spacing: 4px; font: bold 14px; color: #e7151b;">★★★★★<span style="color: #aaa;">★★★★★</span></span></div>

<div style="position: relative; z-index: 705; margin-top: -112px; margin-left: 4px; float: left; width: 83px; height: 116px; background: #000; transform: rotate(-9deg); -ms-transform: rotate(-9deg); -webkit-transform: rotate(-9deg);"></div><div style="position: relative; z-index: 705; left: 0px; top: -82px; width: 350px;  margin-left: 50px; background: #000; color: #fdfdfd; font: 11px tahoma, sans-serif; padding: 35px 5px 10px 36px; line-height: 12px;">
    
    ***Lorem ipsum dolor sit amet, in munere euismod quo, alii partem euripidis te vix. No everti menandri nam. Eu mollis oblique eum, evertitur percipitur pro ut, sed meis labore platonem ad. Ius accusam noluisse ea. In quo odio mnesarchum.***
    
</div></div>

(3 comments)

reverse confidant :: blank.

Post a comment in response: