MH9.- No Imgs (expediente)

<div class="MH9" style="color: #72a277;"><input type="radio" name="MH9" id="MH901" checked><input type="radio" name="MH9" id="MH902"><input type="radio" name="MH9" id="MH903"><div class="ttMH9"><b>N</b><div><strong>Nombre</strong><span>Apellido</span></div><span class="botMH9"><label for="MH901">01</label><label for="MH902">02</label><label for="MH903">03</label></span></div><div class="ddMH9">
<span>Edad Aquí</span>
<span>Ocupación</span>
<span>Nacionalidad</span>
<span>Grupo</span>
<span>Rango</span>
<span>Played by</span><div class="unoMH9"><span>Gingerbread liquorice tart dessert lemon drops danish cake. Jujubes cupcake tart dragée. Sesame snaps cheesecake icing.</span></div><div class="dosMH9"><strong>Resumen</strong><div>Ice cream caramels sugar plum pie carrot cake danish muffin chocolate bar. Carrot cake jelly chocolate cake chocolate powder.

Biscuit macaroon brownie topping donut muffin. Chocolate soufflé pastry oat cake pastry toffee cotton candy brownie candy. Jelly beans lollipop carrot cake sugar plum tart liquorice halvah liquorice. Sesame snaps dragée soufflé croissant.

Sugar plum lollipop sweet roll powder. Jelly-o pudding tiramisu pudding carrot cake tiramisu oat cake soufflé. Jelly chocolate cake cupcake powder jelly-o sweet wafer pudding. Chocolate cake lemon drops gingerbread donut. Sweet toffee jelly-o cookie carrot cake marzipan apple pie gingerbread jujubes.

Fruitcake sweet gingerbread chupa chups sesame snaps icing chupa chups jelly. Icing topping chocolate cake toffee jelly topping. Chupa chups cotton candy chocolate cake pastry jelly ice cream liquorice.</div></div><div class="tresMH9"><strong>Extra</strong><div>Carrot cake jelly chocolate cake chocolate powder.

Biscuit macaroon brownie topping donut muffin. Chocolate soufflé pastry oat cake pastry toffee cotton candy brownie candy.

Jelly beans lollipop carrot cake sugar plum tart liquorice halvah liquorice. Sesame snaps dragée soufflé croissant.</div></div></div></div><a class="miMH9" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>

<link href="https://fonts.googleapis.com/css?family=Quicksand:400,700|Source+Sans+Pro&display=swap" rel="stylesheet"><style>.MH9, .MH9 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MH9 {width: 400px; margin: auto; text-align: center; font: 12px Source Sans Pro; background: #fff; border-radius: 30px; overflow: hidden; position: relative; border: 3px solid;} .ttMH9 {position: relative; padding-left: 40%;} .ttMH9 > div {box-shadow: inset 0 0 0 200px; padding: 40px 0; -webkit-text-fill-color: #FFF;} .ttMH9 > div > strong {display: block; font: 30px Quicksand; letter-spacing: 1px;} .ttMH9 > b {position: absolute; left: 20%; top: 50%; transform: translate(-50%, -50%); font-size: 55px; width: 50px; height: 50px; border-radius: 50%; border: 3px solid; line-height: 20px; text-shadow: 2px 2px #FFF, -2px 2px #FFF, 2px -2px #FFF, -2px -2px #FFF;} .ddMH9 {position: relative; padding-right: 60%;} .ddMH9 > span {display: block; box-shadow: inset 0 0 0 50px; -webkit-text-fill-color: #FFF; padding: 15px 0; letter-spacing: 2px;} .ddMH9 > div {position: absolute; left: 40%; right: 0; top: 50%; transform: translateY(-50%); padding: 30px; display: none;} .ddMH9 > div > span {color: #444;} .unoMH9:before {content:"“";} .unoMH9:after{content:"”";} .unoMH9::before, .unoMH9::after {font-size: 70px; display: block; line-height: 30px; margin-top: 30px;} .botMH9 {font-size: 0px;} .MH9 input, .ddMH9 > br {display: none;} .botMH9 > label {width: calc(100% / 3); display: inline-block; font-size: 30px; box-shadow: inset 0 0 0 100px; -webkit-text-fill-color: #FFF; opacity: .6; transition: .3s; padding: 10px 0; cursor: pointer; margin: 0; color: inherit;} #MH901:checked ~ div label[for="MH901"], #MH902:checked ~ div label[for="MH902"], #MH903:checked ~ div label[for="MH903"] {opacity: 1;} #MH901:checked ~ div .unoMH9, #MH902:checked ~ div .dosMH9, #MH903:checked ~ div .tresMH9 {display: block;} .ddMH9 > div > strong {display: block; padding: 10px 0 10px 1px; font-size: 15px; letter-spacing: 2px;} .ddMH9 > div > strong::before, .ddMH9 > div > strong::after {content: ""; display: inline-block; width: 30px; border-bottom: 2px solid; vertical-align: middle; margin: 0 5px;} .ddMH9 > div ~ div {transform: none; top: 0; bottom: 0; padding: 10px;} .ddMH9 > div > div {height: calc(100% - 59px); overflow: auto; color: #444; text-align: justify; hyphens: auto; padding-right: 3px; margin: 10px; background: #0001; border: 10px solid transparent; border-radius: 0 0 15px;} .ddMH9 > span:nth-of-type(even) {opacity: .8;} .miMH9 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMH9:hover {letter-spacing: 10px;} .MH9 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MH9 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>