<div class="MM088" style="background-image: url(https://i.postimg.cc/SsLFmdp9/Gemini-Gen...rh30uk.png);">
<input type="radio" name="MM088" id="MM088-01" checked />
<input type="radio" name="MM088" id="MM088-02" />
<input type="radio" name="MM088" id="MM088-03" />
<div><b>Einarr Svart</b>
<div class="MM088-con"><div>
<div class="MM088-aa">
<div><a href="https://nakamanomi.com/showthread.php?tid=2139">El hombre que Respetaba</a>12 de Primavera, Año 10</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2142">Frikis de la Selva</a> 16 de Primavera, Año 10</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2135">Ecos del pasado</a> 27 de Primavera, Año 15</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2174">El reflejo de un pez</a> Primavera, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2184">Comedy</a> Verano, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2162">El comienzo de una aventura. ¿Nuevos compañeros?</a> Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2251">Rumbo a Samba</a> 20 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2272">Llegamos a Samba</a> 26 de otoño, año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2283">El camino para ser alguien; Parte 1</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2315">El camino para ser alguien; Parte 2</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2589">El camino para ser alguien; Parte 3 [TORRE]</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2584">El camino para ser alguien; Parte 3 [BARCO COMERCIAL]</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2626">El camino para ser alguien; Parte FINAL</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2685">Naufragio de Plumas y Escamas</a> Invierno, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2626">Llegando a la prehistoria. Nueva aventura del dúo rebelde.</a> 48 de Invierno, Año 16</div>
</div>
<div class="MM088-aa">
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
</div>
<div class="MM088-aa">
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
</div>
</div></div>
<i>cronología del Recurso Especial</i>
</div>
<div class="MM088-labs">
<label for="MM088-01"><b>Cronología en Orden</b></label>
<label for="MM088-02"><b>Temas en Desarrollo</b></label>
<label for="MM088-03"><b>Abandonados</b></label>
</div>
</div><a href="https://emmescodes.tumblr.com/" class="miMM"style="color: #a6001f;"></a><link href="https://fonts.googleapis.com/css2?family=Joan&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM088, .MM088 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM088 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM088 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM088 input, .MM088 br { display: none; } .MM088 { --m1: #222; --m2: #111; --m3: #e1e1e1; --m4: #a65a1f; width: 550px; margin: auto; min-height: 100px; background-position: center; background-size: cover; border-top: 15px solid; border-bottom: 15px solid; color: var(--m1); display: flex; justify-content: space-between; font: 10px Lato; outline: 1px solid var(--m2); box-shadow: inset 0 -1px var(--m2), inset 0 1px var(--m2); text-shadow: -1px -1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), 1px 1px var(--m2); padding: 0 20px; } .MM088 > div { width: 250px; border-left: 1px solid var(--m2); border-right: 1px solid var(--m2); display: flex; align-items: center; justify-content: center; padding: 40px 10px; flex-direction: column; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); position: relative; z-index: 1; color: var(--m3); } .MM088 > div::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--m1); opacity: .6; z-index: -1; } .MM088 > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM088 > div > b::before { content: ""; width: 50px; height: 50px; border-radius: 100px; color: var(--m4); z-index: -1; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); animation: moon 4s linear infinite; transform: rotate(45deg); } @keyframes moon { 0% { border-top: 49px solid; border-bottom: 1px solid; } 50% { border-top: 1px solid; border-bottom: 1px solid; } 100% { border-top: 1px solid; border-bottom: 49px solid; } } .MM088-con { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); width: 100%; margin: 15px; padding: 10px; position: relative; } .MM088-con::after, .MM088-con::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--m4); } .MM088-con::after { bottom: -16px; } .MM088-con > div { height: 200px; overflow: hidden; } .MM088-aa { height: 100%; overflow: auto; } .MM088-aa > div { border: 1px solid var(--m2); background: var(--m1); padding: 5px; text-align: center; } .MM088-aa > div ~ div { margin-top: 5px; } .MM088-aa a { display: block; color: var(--m4) !important; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-bottom: -2px; } #MM088-02:checked ~ div .MM088-aa:first-of-type { margin-top: -200px; } #MM088-03:checked ~ div .MM088-aa:first-of-type { margin-top: -400px; } .MM088-aa > div:hover { background: var(--m2); } .MM088-aa a:hover { letter-spacing: 3px; } .MM088 > div > i { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); padding: 2px 5px 3px 10px; letter-spacing: 5px; text-transform: uppercase; font: bold 10px Lato; } .MM088-labs { width: auto !important; padding: 0 !important; } .MM088-labs > label { position: relative; width: 10px; height: 10px; border: 2px solid var(--m4); border-radius: 50%; margin: 5px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--m2), 0 0 0 1px var(--m2); } .MM088-labs > label::before { content: "\e9d9"; font: 0px cappuccicons; color: var(--m3); position: absolute; bottom: 0px; transition: .3s; left: 1px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"], #MM088-02:checked ~ .MM088-labs > label[for*="-02"], #MM088-03:checked ~ .MM088-labs > label[for*="-03"], .MM088-labs > label:hover { width: 14px; height: 14px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"]::before, #MM088-02:checked ~ .MM088-labs > label[for*="-02"]::before, #MM088-03:checked ~ .MM088-labs > label[for*="-03"]::before { font-size: 12px; } .MM088-labs > label > b { position: absolute; color: var(--m3); text-transform: uppercase; background: var(--m1); right: 20px; top: 50%; transform: translateY(-50%); letter-spacing: -5px; background: var(--m1); border: 1px solid var(--m2); padding: 3px 5px; opacity: 0; pointer-events: none; } .MM088-labs > label:hover > b { letter-spacing: 1px; opacity: 1; } .MM088-labs > label > b::before { content: ""; position: absolute; height: 10px; width: 10px; background: var(--m1); position: absolute; right: -4px; top: calc(50% - 5px); transform: rotate(45deg); clip-path: polygon(100% 0, 0 0, 100% 100%); border: 1px solid var(--m2); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>
<input type="radio" name="MM088" id="MM088-01" checked />
<input type="radio" name="MM088" id="MM088-02" />
<input type="radio" name="MM088" id="MM088-03" />
<div><b>Einarr Svart</b>
<div class="MM088-con"><div>
<div class="MM088-aa">
<div><a href="https://nakamanomi.com/showthread.php?tid=2139">El hombre que Respetaba</a>12 de Primavera, Año 10</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2142">Frikis de la Selva</a> 16 de Primavera, Año 10</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2135">Ecos del pasado</a> 27 de Primavera, Año 15</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2174">El reflejo de un pez</a> Primavera, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2184">Comedy</a> Verano, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2162">El comienzo de una aventura. ¿Nuevos compañeros?</a> Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2251">Rumbo a Samba</a> 20 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2272">Llegamos a Samba</a> 26 de otoño, año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2283">El camino para ser alguien; Parte 1</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2315">El camino para ser alguien; Parte 2</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2589">El camino para ser alguien; Parte 3 [TORRE]</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2584">El camino para ser alguien; Parte 3 [BARCO COMERCIAL]</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2626">El camino para ser alguien; Parte FINAL</a> 30 de Otoño, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2685">Naufragio de Plumas y Escamas</a> Invierno, Año 16</div>
<div><a href="https://nakamanomi.com/showthread.php?tid=2626">Llegando a la prehistoria. Nueva aventura del dúo rebelde.</a> 48 de Invierno, Año 16</div>
</div>
<div class="MM088-aa">
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Completado</a> con Nombre Apellido</div>
</div>
<div class="MM088-aa">
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
<div><a href="URL">Tema Abandonado</a> con Nombre Apellido</div>
</div>
</div></div>
<i>cronología del Recurso Especial</i>
</div>
<div class="MM088-labs">
<label for="MM088-01"><b>Cronología en Orden</b></label>
<label for="MM088-02"><b>Temas en Desarrollo</b></label>
<label for="MM088-03"><b>Abandonados</b></label>
</div>
</div><a href="https://emmescodes.tumblr.com/" class="miMM"style="color: #a6001f;"></a><link href="https://fonts.googleapis.com/css2?family=Joan&family=Lato:wght@400;700&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM088, .MM088 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM088 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM088 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM088 input, .MM088 br { display: none; } .MM088 { --m1: #222; --m2: #111; --m3: #e1e1e1; --m4: #a65a1f; width: 550px; margin: auto; min-height: 100px; background-position: center; background-size: cover; border-top: 15px solid; border-bottom: 15px solid; color: var(--m1); display: flex; justify-content: space-between; font: 10px Lato; outline: 1px solid var(--m2); box-shadow: inset 0 -1px var(--m2), inset 0 1px var(--m2); text-shadow: -1px -1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), 1px 1px var(--m2); padding: 0 20px; } .MM088 > div { width: 250px; border-left: 1px solid var(--m2); border-right: 1px solid var(--m2); display: flex; align-items: center; justify-content: center; padding: 40px 10px; flex-direction: column; background: linear-gradient(to top, var(--m1), transparent, var(--m1)); position: relative; z-index: 1; color: var(--m3); } .MM088 > div::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--m1); opacity: .6; z-index: -1; } .MM088 > div > b { position: relative; color: var(--m3); font: 16px Joan; letter-spacing: 2px; z-index: 1; padding: 15px 0; } .MM088 > div > b::before { content: ""; width: 50px; height: 50px; border-radius: 100px; color: var(--m4); z-index: -1; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); animation: moon 4s linear infinite; transform: rotate(45deg); } @keyframes moon { 0% { border-top: 49px solid; border-bottom: 1px solid; } 50% { border-top: 1px solid; border-bottom: 1px solid; } 100% { border-top: 1px solid; border-bottom: 49px solid; } } .MM088-con { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); width: 100%; margin: 15px; padding: 10px; position: relative; } .MM088-con::after, .MM088-con::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--m4); } .MM088-con::after { bottom: -16px; } .MM088-con > div { height: 200px; overflow: hidden; } .MM088-aa { height: 100%; overflow: auto; } .MM088-aa > div { border: 1px solid var(--m2); background: var(--m1); padding: 5px; text-align: center; } .MM088-aa > div ~ div { margin-top: 5px; } .MM088-aa a { display: block; color: var(--m4) !important; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-bottom: -2px; } #MM088-02:checked ~ div .MM088-aa:first-of-type { margin-top: -200px; } #MM088-03:checked ~ div .MM088-aa:first-of-type { margin-top: -400px; } .MM088-aa > div:hover { background: var(--m2); } .MM088-aa a:hover { letter-spacing: 3px; } .MM088 > div > i { border-top: 1px solid var(--m4); border-bottom: 1px solid var(--m4); padding: 2px 5px 3px 10px; letter-spacing: 5px; text-transform: uppercase; font: bold 10px Lato; } .MM088-labs { width: auto !important; padding: 0 !important; } .MM088-labs > label { position: relative; width: 10px; height: 10px; border: 2px solid var(--m4); border-radius: 50%; margin: 5px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--m2), 0 0 0 1px var(--m2); } .MM088-labs > label::before { content: "\e9d9"; font: 0px cappuccicons; color: var(--m3); position: absolute; bottom: 0px; transition: .3s; left: 1px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"], #MM088-02:checked ~ .MM088-labs > label[for*="-02"], #MM088-03:checked ~ .MM088-labs > label[for*="-03"], .MM088-labs > label:hover { width: 14px; height: 14px; } #MM088-01:checked ~ .MM088-labs > label[for*="-01"]::before, #MM088-02:checked ~ .MM088-labs > label[for*="-02"]::before, #MM088-03:checked ~ .MM088-labs > label[for*="-03"]::before { font-size: 12px; } .MM088-labs > label > b { position: absolute; color: var(--m3); text-transform: uppercase; background: var(--m1); right: 20px; top: 50%; transform: translateY(-50%); letter-spacing: -5px; background: var(--m1); border: 1px solid var(--m2); padding: 3px 5px; opacity: 0; pointer-events: none; } .MM088-labs > label:hover > b { letter-spacing: 1px; opacity: 1; } .MM088-labs > label > b::before { content: ""; position: absolute; height: 10px; width: 10px; background: var(--m1); position: absolute; right: -4px; top: calc(50% - 5px); transform: rotate(45deg); clip-path: polygon(100% 0, 0 0, 100% 100%); border: 1px solid var(--m2); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>