MM032.- Golden (expediente - búsqueda)

<div class="MM032"><div class="MM032-tt">Nombre Apellido</div><div class="MM032-img" style="background-image: url(https://i.postimg.cc/xdLGpCbK/Gold.png);"></div>

<div class="MM032-fx"><div class="MM032-le">
<span class="sf sf-calendar"><b>Edad</b></span>
<span class="sf sf-location"><b>Nacionalidad</b></span>
<span class="sf sf-certificate"><b>Ocupación</b></span>
<span class="sf sf-push-pin"><b>Raza</b></span>
<span class="sf sf-band-aid"><b>PB</b></span>
</div>

<div class="MM032-ri"><div>

<div class="MM032-sub">01<hr>Resumen</div><div class="MM032-txt">Gummi bears tart liquorice toffee liquorice. Cake candy canes tart lollipop tart. Jujubes cake liquorice.

Croissant wafer tiramisu. Liquorice sugar plum cotton candy. Powder tiramisu chocolate cake ice cream halvah sweet roll.

Cotton candy tiramisu pastry. Sweet roll pastry powder wafer lemon drops sugar plum chocolate cake toffee. Danish oat cake pie. Soufflé chocolate cake caramels tart.

Apple pie topping pastry. Fruitcake biscuit sweet soufflé powder jujubes pudding soufflé. Jelly dessert liquorice gingerbread icing wafer oat cake jujubes.</div>

<div class="MM032-sub">02<hr>Extras</div><div class="MM032-txt">Gummi bears tart liquorice toffee liquorice. Cake candy canes tart lollipop tart. Jujubes cake liquorice.

Croissant wafer tiramisu. Liquorice sugar plum cotton candy. Powder tiramisu chocolate cake ice cream halvah sweet roll.</div>

</div></div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Bellefair&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><style>.MM032, .MM032 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; } .MM032 br { display: none; } .MM032 { --mm-01: #b89456; --mm-02: #FFF; --mm-03: #666; --mm-04: #a67820; --mm-img: url(https://i.pinimg.com/564x/d1/e6/a2/d1e6a280ae20c0e2de613a34da1ff8f7.jpg); width: 400px; margin: 1px auto; border: 8px solid var(--mm-02); outline: 1px solid var(--mm-01); box-shadow: inset 0 0 0 1px, inset 0 0 20px -5px; text-align: center; background-image: var(--mm-img); background-position: center; color: var(--mm-04); font: 12px Lato; } .MM032-tt { background: var(--mm-02); padding: 10px 15px 7px; border: 1px solid; font: 18px Bellefair; margin: 0 20px; border-top: none; box-shadow: 0 10px 20px -10px; } .MM032-img { margin: 5px 20px; height: 150px; border: 4px solid var(--mm-02); outline: 1px solid; box-shadow: inset 0 0 0 1px; background-color: var(--mm-01); background-position: center; background-size: cover; } .MM032-fx { display: flex; margin: 0 20px; } .MM032-le { margin-bottom: 20px; } .MM032-le > span { background: var(--mm-02); border: 1px solid; height: 50px; width: 50px; position: relative; display: flex; align-items: center; justify-content: center; font-size: 20px; } .MM032-le > span ~ span { margin-top: 5px; } .MM032-le b { position: absolute; left: 100%; top: -1px; bottom: -1px; font-size: 12px; background-image: var(--mm-img); padding: 0; display: flex; align-items: center; letter-spacing: -7px; z-index: 10; opacity: 0; color: var(--mm-02); border: 1px solid var(--mm-04); text-shadow: 1px -1px var(--mm-04), -1px 1px var(--mm-04), -1px -1px var(--mm-04), 1px 1px var(--mm-04), 0 0 10px var(--mm-04); box-shadow: inset 0 0 10px var(--mm-04); } .MM032-le span:hover b { padding: 0 20px; letter-spacing: 3px; opacity: 1; } .MM032-ri { background: var(--mm-02); border: 1px solid; border-bottom: none; margin-left: 5px; flex: 1; position: relative; } .MM032-ri > div { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; overflow: auto; padding-right: 10px; } .MM032-sub { font: 16px Bellefair; display: flex; align-items: center; } .MM032-sub hr { flex: 1; border-bottom: 1px solid var(--mm-04); margin: 0 5px; } .MM032-sub ~ .MM032-sub { margin-top: 20px; } .MM032-txt { text-align: justify; padding: 10px; color: var(--mm-03); } .MM032-txt br { display: block; } .MM032-txt br + br { margin: 5px; } .MM032 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM032 div::-webkit-scrollbar-thumb { background: var(--mm-01) !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>