/********* Post con imagen  y sin datos **************/
<div class="bt40-postrol" style="background:#222; border-color:#5A9652; color:#ccc;"><div class="bt40-psdatos" style="border-color:#5A9652;background:linear-gradient(#222 30%, #5A9652 100%);"></div><div class="bt40-pscont"><div class="bt40-pstit" style="background:#222; color:#5A9652;">Sylvie Laufeydottir</div><div class="bt40-pstext"><div class="bt40-pol"><img src="https://placehold.jp/120x120.png"/></div>¡Teeeeeexto!.</div></div></div><a href="bettyleg.tumblr.com" class="bettcred">BETTYLEG</a>

<link href="https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Encode+Sans+SC:wght@900&family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>@font-face {font-family: 'Stay Girly'; src: url('https://dl.dropbox.com/s/tyxl4agbo7gfiu2/Suki%20Yaki%20-%20Personal%20Use.otf?dl=0');src: url('https://dl.dropbox.com/s/nb6dnwu8ealdkjw/Hometown_Personal_Use.ttf?dl=0') format('truetype'); font-weight: normal;font-style: normal;}.bt40-postrol{width:420px; margin:10px auto 40px; padding:20px; fefefe; display:flex; flex-wrap:wrap; border:1px solid #5A9652; font-family: 'Noto Sans KR', sans-serif;  border-radius:20px; overflow:hidden; box-shadow:20px 20px 0px #5A9652ba;} .bt40-psdatos{width:50px; border:1px solid #5A9652; border-radius:10px; min-height:300px; box-sizing:border-box; } .bt40-pscont{ width:calc(100% - 50px); min-height:300px;} .bt40-pstit{padding:20px 10px; margin-left:-20px; margin-top:20px;font-family: 'Stay Girly';font-weight:500; font-size:35px; line-height:35px;} .bt40-pstext{padding:25px; text-align:justify; } .bt40-pstext{font-size:12px; line-height:18px;}.bt40-psdt{display:flex; margin:30px 20px 10px; justify-content:flex-end; align-items:center; width:400px;} .bt40-psdt>div{display:flex; overflow:hidden; width:20px; margin:0px 10px;-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s; align-items:center; cursor:help;} .bt40-psdt>div > div{font-size:11px; text-align:center; min-width:130px; width:130px; line-height:12px;} .bt40-psdt>div:hover{width:130px;-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40-psdt>div>i{display:flex; width:20px; justify-content:center;min-width:22px; font-size:14px;}.bt40-pol{margin:15px 15px 0px 0px; float:left; border:10px solid #ccc; border-bottom-width:30px; position:relative;}.bt40-pol,.bt40-pol > img{width:120px; height:120px;} .bt40-pol:after{content:""; display:block; position:absolute; top:-20px; width:80px; height:15px; background:#888; right:20px; transform:rotate(0deg)} .bettcred{width:300px; margin:-5px auto 10px; text-align:center; font-size:10px; color:#888; text-decoration:none; font-family:arial; font-weight:700; display:block; letter-spacing:2px;}</style>

/******************  POST DE ROL *************************/
<div class="bt40-postrol" style="background:#222; border-color:#5A9652; color:#ccc;"><div class="bt40-psdatos" style="border-color:#5A9652;background:linear-gradient(#222 30%, #5A9652 100%);"></div><div class="bt40-pscont"><div class="bt40-pstit" style="background:#222; color:#5A9652;">Glorious Purpose</div><div class="bt40-pstext">She shut one door! With her mind! I need my paddles! I need my paddles! Why do we even need weapons anyway? We have her. Let’s burn that lab to the ground. Don’t take it so personally, okay? I don’t like most people. He’s in the vast majority. I need my paddles!<br/><br/>You shouldn't like things because people tell you you're supposed to. You’re right. You are a freak…. Who would you rather be friends with: Bowie or Kenny Rogers? Nancy, seriously, you're gonna be so cool now, it's ridiculous. Friends don't lie. You are such a nerd. No wonder you only hang out with boys.</div></div><div class="bt40-psdt"><div><i class="fa fa-atom" style="color:#5A9652"></i><div>Ironman</div></div><div><i class="fa fa-thumbtack" style="color:#5A9652"></i><div>Torre Avengers</div></div><div><i class="fa fa-calendar-alt" style="color:#5A9652"></i><div>2010</div></div></div></div><a class="bettcred" href="bettyleg.tumblr.com">BETTYLEG</a>

<link href="https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Encode+Sans+SC:wght@900&family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>@font-face {font-family: 'Stay Girly'; src: url('https://dl.dropbox.com/s/tyxl4agbo7gfiu2/Suki%20Yaki%20-%20Personal%20Use.otf?dl=0');src: url('https://dl.dropbox.com/s/nb6dnwu8ealdkjw/Hometown_Personal_Use.ttf?dl=0') format('truetype'); font-weight: normal;font-style: normal;}.bt40-postrol{width:420px; margin:10px auto 40px; padding:20px; fefefe; display:flex; flex-wrap:wrap; border:1px solid #5A9652; font-family: 'Noto Sans KR', sans-serif;  border-radius:20px; overflow:hidden; box-shadow:20px 20px 0px #5A9652ba;} .bt40-psdatos{width:50px; border:1px solid #5A9652; border-radius:10px; min-height:300px; box-sizing:border-box; } .bt40-pscont{ width:calc(100% - 50px); min-height:300px;} .bt40-pstit{padding:20px 10px; margin-left:-20px; margin-top:20px;font-family: 'Stay Girly';font-weight:500; font-size:35px; line-height:35px;} .bt40-pstext{padding:25px; text-align:justify; } .bt40-pstext{font-size:12px; line-height:18px;}.bt40-psdt{display:flex; margin:30px 20px 10px; justify-content:flex-end; align-items:center; width:400px;} .bt40-psdt>div{display:flex; overflow:hidden; width:20px; margin:0px 10px;-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s; align-items:center; cursor:help;} .bt40-psdt>div > div{font-size:11px; text-align:center; min-width:130px; width:130px; line-height:12px;} .bt40-psdt>div:hover{width:130px;-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40-psdt>div>i{display:flex; width:20px; justify-content:center;min-width:22px; font-size:14px;}.bt40-pol{margin:15px 15px 0px 0px; float:left; border:10px solid #ccc; border-bottom-width:30px; position:relative;}.bt40-pol,.bt40-pol > img{width:120px; height:120px;} .bt40-pol:after{content:""; display:block; position:absolute; top:-20px; width:80px; height:15px; background:#888; right:20px; transform:rotate(0deg)} .bettcred{width:300px; margin:-5px auto 10px; text-align:center; font-size:10px; color:#888; text-decoration:none; font-family:arial; font-weight:700; display:block; letter-spacing:2px;}</style>