MM027.- Luxury Render Edition (expediente)

<div class="MM027"><div><div class="MM027-img"><b style="-webkit-mask-image: url(https://i.postimg.cc/FsjxSQnj/Elle.png);"></b><img src="https://i.postimg.cc/FsjxSQnj/Elle.png"></div>

<div class="MM027-sr"><strong><b>Apellido</b>
<i txt="Nombre"></i></strong>

<span><i class="th th-diamond"></i><hr><b>Básico</b></span>

<div class="MM027-dd">
<div><b>Nombre:</b><hr><i>Info Aquí</i></div>
<div><b>Edad:</b><hr><i>Info Aquí</i></div>
<div><b>Nacionalidad:</b><hr><i>Info Aquí</i></div>
<div><b>Ocupación:</b><hr><i>Info Aquí</i></div>
<div><b>Grupo:</b><hr><i>Info Aquí</i></div>
<div><b>PB:</b><hr><i>Info Aquí</i></div>
</div>

<span><i class="th th-diamond"></i><hr><b>Resumen</b></span>
<div class="MM027-txt">Gummies sweet apple pie cookie chocolate bar chupa chups cotton candy pudding dragée. Cake pudding pudding ice cream marzipan croissant danish chocolate. Wafer gummi bears cake liquorice. Brownie sesame snaps sesame snaps gingerbread topping tart cupcake.

Wafer cupcake gummies sugar plum tootsie roll jelly beans halvah. Croissant ice cream sweet ice cream carrot cake. Fruitcake dragée sesame snaps jelly-o lollipop ice cream chupa chups.

Cheesecake donut chocolate bar jelly-o candy canes tootsie roll. Cheesecake pudding apple pie soufflé. Carrot cake biscuit tootsie roll candy muffin bear claw. Powder donut apple pie jujubes ice cream jelly beans jelly beans jelly dragée.</div>

</div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM027, .MM027 * { box-sizing: border-box; scrollbar-color: var(--mm-co) #0002 !important; scrollbar-width: thin; } @font-face { font-family: Latter; src: url(https://dl.dropbox.com/s/1338msvqxs7bnjl/Latter.ttf); } .MM027 br { display: none; } .MM027 { --mm-bri: url(https://i.postimg.cc/rFZK6tqR/01.gif); --mm-co: #862628; --mm-01: #111; --mm-txt: #DDD; } .MM027 { background: var(--mm-01); width: 500px; margin: 30px auto 0; font: 12px Calibri; text-align: center; box-shadow: 30px 30px 30px -30px #0006; border-radius: 30px; color: var(--mm-txt); padding: 20px; } .MM027 > div { height: 300px; background: var(--mm-bri); border-radius: 15px; border: 2px solid transparent; position: relative; box-shadow: inset 0 0 0 500px var(--mm-01); } .MM027-img { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: flex-end; z-index: 1; } .MM027-img img { height: calc(100% + 20px); border-radius: 0 0 0 13px; } .MM027-img b { background: var(--mm-bri); position: absolute; height: calc(100% + 22px); width: 100%; z-index: -1; -webkit-mask-size: auto 100%; -webkit-mask-repeat: no-repeat; bottom: 0; left: 2px; border-radius: 0 0 0 13px; } .MM027-sr { height: calc(100% - 20px); margin: 10px 10px 0 170px; position: relative; z-index: 5; overflow-y: auto; overflow-x: hidden; padding-right: 5px; } .MM027-sr > strong { display: flex; height: 100%; align-items: center; justify-content: flex-end; padding: 20px; } @font-face { font-family: Kenyan; src: url(https://dl.dropbox.com/s/eetkpx0cmy77jlu/kenyan%20coffee%20rg.ttf); } .MM027-sr > strong b { font: bold 60px Kenyan; color: #222; text-shadow: -5px 5px #000; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } .MM027-sr > strong i { position: absolute; margin: 30px -10px 0 0; font: 50px Latter; letter-spacing: 1px; text-transform: lowercase; } .MM027-sr > strong i::after, .MM027-sr > strong i::before { content: attr(txt); color: transparent; } .MM027-sr > strong i::after { position: absolute; top: 0; left: 0; background: var(--mm-bri); -webkit-background-clip: text; } .MM027-sr > strong i::before { text-shadow: -3px 3px var(--mm-co), -15px -10px #0009; } .MM027-txt, .MM027-dd { border: 2px solid var(--mm-01); background: #111D; border-radius: 8px; padding: 5px 0 5px 3px; } .MM027-dd > div { display: flex; align-items: center; } .MM027-dd > div ~ div { margin-top: 10px; } .MM027 hr { flex: 1; margin: 0 5px; border: none; height: 2px; background: var(--mm-bri); } .MM027-dd > div::before { content: ""; display: inline-block; height: 8px; width: 8px; background: var(--mm-bri); border-radius: 50%; margin: 0 5px 0 3px; } .MM027-sr > span { display: flex; align-items: center; margin: 30px 0 10px; font-size: 30px; } .MM027-sr > span b { font: 20px Kenyan; text-transform: uppercase; letter-spacing: 5px; background: var(--mm-bri); color: transparent; -webkit-background-clip: text; margin-right: -5px; } .MM027-sr > span i { padding: 8px; background: var(--mm-bri); border-radius: 50%; color: var(--mm-01); border: 2px solid; background-clip: padding-box; font-size: 20px; margin-right: -8px; text-shadow: 1px 1px var(--mm-co), -1px 1px var(--mm-co), 1px -1px var(--mm-co), -1px -1px var(--mm-co); } .MM027-sr > span hr { border: 2px solid var(--mm-01); height: 6px; border-left: none; } .MM027-txt { text-align: justify; padding-left: 7px; } .MM027-txt br { display: block; margin: 5px; } .MM027 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM027 div::-webkit-scrollbar-thumb { background: var(--mm-bri) !important; } .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>