Reag kódok

<div class="MM042" style="color: #3a9399;"><div class="MM042-l"><span style="background-image: url(https://i.giphy.com/media/LOFT5Jd31ON1b5kLtP/giphy.webp);"></span><i></i>
<b>Valaki&Valaki</b><i></i></div>

<div class="MM042-r"><div style="background-image: url(https://funzine.hu/wp-content/uploads/2021/02/marvel02-850x478.jpg);"></div>
Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege.
Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege.
[color=#00FFFF]-Ide jön a reag szövege. Ide jön a reag szövege. [/color]-Ide jön a reag szövege. Ide jön a reag szövege.
Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege.
</div>

</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">...</a><style>.MM042, .MM042 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; transition: .5s; } .MM042 br { display: none; } .MM042 { width: 600px; margin: auto; background: #111; display: flex; min-height: 500px; font: 14px Calibri; } .MM042-l { box-shadow: inset 0 0 0 300px; display: flex; flex-direction: column; align-items: center; padding: 30px; } .MM042-l > span { width: 130px; height: 130px; border-style: solid; padding: 8px; border-radius: 50%; background-position: center; background-clip: content-box; background-size: cover; border-width: 5px; border-color: #1110 #111; position: relative; margin-bottom: -2px; } .MM042-l > span::before { content: ""; border: 1px solid #111; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; } .MM042-l > b { color: #111; text-align: center; padding: 5px 10px; font-size: 16px; border-top: 1px solid; border-bottom: 1px solid; max-width: 130px; } .MM042-l > i { border-left: 1px solid #111; height: 20px; } .MM042-l > i ~ i { flex: 1; } .MM042-r { margin: 40px; flex: 1; text-align: justify; -webkit-text-fill-color: #AAA; } .MM042-r * { -webkit-text-fill-color: initial; filter: brightness(1.5); } .MM042-r > div { border: 10px solid; height: 200px; background-clip: content-box; margin-bottom: 30px; background-position: center; background-size: cover; position: relative; filter: brightness(1) !important; } .MM042-r > div::before { content: ""; position: absolute; width: 30px; height: 30px; left: calc(50% - 15px); bottom: -20px; transform: rotate(45deg); clip-path: polygon(100% 0, 0% 100%, 100% 100%); box-shadow: inset 0 0 0 20px; border-radius: 6px; } .MM042-r br { display: block; } .MM042-r br + br { margin: 5px; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>

<div class="postBox" style="border: 1px solid #FFF;">
   <div class="postBox-header" style="background-color: teal;"><div class="postBox-image" style="background: url(KÉPLINK); background-size: 200px 150px;"></div><div class="postBox-title"><div class="postBox-with" style="color:#FFF;">Valaki & Valaki</div><div class="postBox-other" style="color:#111;"><a href="ZENELINK" target="_blank" style="color:#FFF;">Dalcím</a> <i class="cp cp-crown-o"></i> <a href="RUHALINK" target="_blank" style="color:#FFF;">Outfit</a> <i class="cp cp-crown-o"></i> Megjegyzés</div></div></div>
   <div id="postBox-txt" style="border-top: 12px solid teal; border-bottom: 12px solid teal;">
   [b]Ide jön a reag szövege.[/b] Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. [i]Ide jön a reag szövege.[/i] Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. [u]Ide jön a reag szövege.[/u] Ide jön a reag szövege.
   Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. [strike]Ide jön a reag szövege.[/strike] Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege.
   [color=#00FFFF]- Ide jön a reag szövege. Ide jön a reag szövege.[/color] - Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege. Ide jön a reag szövege.
   </div>
   </div>
   <div class="codeTemplate"><a href="https://stardustcodes.tumblr.com/ " target="_blank">...</a></div>

   <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&family=Poppins:wght@300;400;600;900&display=swap" rel="stylesheet"><link href="https://icons.cappuccicons.com/cpf.css" rel="stylesheet">

   <style>.postBox {margin: 5px auto; width: 450px; background: #111; padding: 12px;} .postBox-header {width: 450px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .postBox-image{clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%); width: 200px; height: 150px;} .postBox-title{width: 240px; height: 140px; padding: 5px; display: flex; flex-wrap: wrap; align-content: center;} .postBox-with{width: 240px; padding: 5px; text-align: right; font-family: poppins; font-weight: bolder; font-size: 20px; line-height: 120%;} .postBox-other{width: 240px; padding: 5px; text-align: right; font-family: poppins; font-weight: lighter; font-size: 11px; color: #fff; line-height: 110%;} .postBox-other a{text-decoration: none;} .postBox-other a:hover{letter-spacing: 3px;} #postBox-txt{padding: 40px; font-family: poppins; font-size: 12px; color: #888; text-align: justify; line-height: 150%;} .codeTemplate {margin: 0 auto; width: 80px; text-align: center;} .codeTemplate a{text-decoration: none; font-family: inconsolata; font-weight: lighter; font-size: 10px; color: #888;} .codeTemplate a:hover{letter-spacing: 3px; color: #ccc; font-weight: bold;}</style>

< i class="cp cp-crown-o">< /i>