MM069.- La Niña Bonita (registros)

<div class="MM069"><div>

<div class="MM069-img re" style="background-image: url(https://i.postimg.cc/VN1xmDD0/p2.png);"></div>

<div class="MM069-ho"></div>

<div class="MM069-rt"><b>Normativa</b>Oat cake fruitcake liquorice marzipan. Topping bonbon jelly-o. Cotton candy candy canes bonbon toffee powder macaroon toffee.

Fruitcake soufflé tart cake danish. Lemon drops soufflé gummies chocolate cake. Halvah cotton candy cotton candy. Cake carrot cake oat cake lollipop sweet dessert liquorice cookie.</div>

<div class="MM069-rt"><b>Formulario</b><textarea rows="2" disabled=""><i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a></textarea></div>

<div class="MM069-ho"></div>
<div class="MM069-gr">Registros</div>
<div class="MM069-ho"></div>

<div class="MM069-rt"><div><b>A - B - C - D - E</b>

<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>

<b>F - G - H - I - J - K</b>

<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>

<b>L - M - N - Ñ - O - P</b>

<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>

<b>Q - R - S - T - U</b>

<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>

<b>V - W - X - Y - Z</b>

<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a>
<i>Nombre del Físico</i> es <a href="URL">Nombre Personaje</a></div></div>

</div><a href="https://emmescodes.tumblr.com/" class="MM069-MM">emme</a></div><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet"><style>@font-face { font-family: 'PinkS'; src: url(//dl.dropbox.com/s/z30jel1s8hrvpa1/PinkS.otf); } .MM069, .MM069 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM069 input, .MM069 br { display: none; } .MM069 { --mm-a0: #fff3e6; --mm-a1: #f2d6c1; --mm-a2: #d7b6ac; --mm-a3: #99ac9e; --mm-a4: #788d83; --mm-a5: #51484d; --mm-a6: repeating-linear-gradient(to left, var(--mm-a3), var(--mm-a3) 10px, var(--mm-a4) 10px, var(--mm-a4) 11px, var(--mm-a3) 11px, var(--mm-a3) 21px, var(--mm-a4) 21px, var(--mm-a4) 23px ); --mm-a7: repeating-linear-gradient(45deg, var(--mm-a1), var(--mm-a1) 10px, var(--mm-a0) 10px, var(--mm-a0) 11px, var(--mm-a1) 11px, var(--mm-a1) 21px, var(--mm-a0) 21px, var(--mm-a0) 23px ); } .MM069 { width: 450px; margin: 0 auto 20px; text-align: center; font: 10px Raleway; color: var(--mm-a5); background: var(--mm-a7); padding: 60px; border: 1px solid var(--mm-a1); box-shadow: 0 20px 20px -20px var(--mm-a5); position: relative; } .MM069 > div { background: var(--mm-a0); border: 1px solid var(--mm-a2); padding: 10px; box-shadow: 0 10px 20px -10px var(--mm-a5); border-radius: 5px; display: flex; flex-direction: column; } .MM069-fx { display: flex; } .MM069-img { min-width: 120px; min-height: 200px; border: 1px solid var(--mm-a2); border-radius: 5px; margin-left: -21px; background-color: var(--mm-a0); box-shadow: 0 5px 10px -5px; background-position: center; background-size: cover; } .MM069-ho { margin: 10px -10px; border-top: 1px solid var(--mm-a2); } .MM069-rt { border: 1px solid var(--mm-a2); background: var(--mm-a1); padding: 8px; border-radius: 5px; position: relative; box-shadow: 0 5px 10px -5px var(--mm-a5); text-shadow: 1px -1px var(--mm-a0), -1px 1px var(--mm-a0), -1px -1px var(--mm-a0), 1px 1px var(--mm-a0); } .MM069-gr { margin: 0 -21px; padding: 15px 10px 10px; border-radius: 5px; font: 50px/24px PinkS; background: var(--mm-a6); color: var(--mm-a0); box-shadow: 0 5px 10px -5px var(--mm-a5); border: 1px solid var(--mm-a4); text-shadow: 1px 1px var(--mm-a4), -1px 1px var(--mm-a4), 1px -1px var(--mm-a4), -1px -1px var(--mm-a4); } .MM069-rt > b { position: absolute; text-transform: uppercase; font-size: 8px; top: -5px; left: 8px; letter-spacing: 2px; } .MM069-rt > div > b, .MM069-MM { background: var(--mm-a6); color: var(--mm-a0); box-shadow: 0 5px 10px -5px var(--mm-a5); border: 1px solid var(--mm-a4); text-shadow: 1px 1px var(--mm-a4), -1px 1px var(--mm-a4), 1px -1px var(--mm-a4), -1px -1px var(--mm-a4); } .MM069-img.re { min-height: 100px; margin: 0 -21px; } .MM069-tt.re { border-radius: 5px; margin: 0 auto 10px -21px; } .MM069-rt { margin: 10px -21px 10px 10px; text-align: justify; padding: 20px; } .MM069-rt > div { max-height: 180px; overflow: auto; border-left: 1px solid var(--mm-a2); } .MM069-rt > div > i { background: var(--mm-a0); padding: 5px; display: inline-block; border-radius: 0 5px 5px 0; font-weight: bold; border: 1px solid var(--mm-a2); letter-spacing: 1px; border-left: none; } .MM069-rt > div > b { padding: 7px 7px 5px 10px; display: inline-block; border-radius: 0 5px 5px 0; letter-spacing: 3px; border-left: 0; } .MM069 textarea { border: 1px solid var(--mm-a2); background: var(--mm-a0); width: 100%; padding: 10px; text-align: center; border-radius: 5px; color: var(--mm-a5); } .MM069-rt > br, .MM069-rt > div > br { display: block; } .MM069-MM { position: absolute; bottom: 0; left: 50%; padding: 5px 5px 5px 10px; color: var(--mm-a0) !important; transform: translate(-50%, 50%); font-weight: bold; letter-spacing: 5px; border-radius: 5px; }.MM069-MM:hover { letter-spacing: 7px; } </style>