Cronología - Owen Yang

[Owen Yang]

<div style="width: 500px;background: linear-gradient(#F75C3B, #1C1817);height: auto;position: relative;top: 0px;
    left: 0px;padding: 20px 23px;box-sizing: border-box;margin: auto;"><div class="owen1">South Blues <n> año 15 - 16 </n></div>
<div style="width:500px; height: 10px;"></div>
<div style="width:450px; height: auto; background: #FBFBFB; border-style: solid; border-width: 2px; border-color: #EEEEEE;" >
<div id="owentext">
<div class="owendia" style="color: #F75C3B; border-bottom: 5px solid #F75C3B;">Día 33, Verano <n> Arte Marcial... ¿Al desnudo? [Social - Helena]</n></div>


<div class="recuerdo-toggle"><input type="checkbox" id="rec1"><label for="rec1">¡Recuerdo!</label><div class="mensaje-oculto"></div></div>
<div class="recuerdo-toggle"><input type="checkbox" id="rec2"><label for="rec2">Nuevo conocimiento adquirido:</label><div class="mensaje-oculto">"Existencia de razas aparte de las humanas:Minks".
Resumen de conocimiento:"Si hay un animal con aspecto humanoide capaz de hablar, es un Mink"</div></div>
<div class="recuerdo-toggle"><input type="checkbox" id="rec3"><label for="rec3">Delitos cometidos:</label><div class="mensaje-oculto">

• Estafa.
  

</div></div>
<div class="owendia">Día 2  <n> Primavera Isla X </n> </div>
<div class="recuerdo-toggle"><input type="checkbox" id="rec2"><label for="rec2">¡Recuerdo 2!</label><div class="mensaje-oculto">Otro recuerdo distinto</div></div>
<div class="owendia">Día 3 <n> Primavera Isla X </n> </div>
<div class="recuerdo-toggle"><input type="checkbox" id="rec3"><label for="rec3">¡Recuerdo 3!</label><div class="mensaje-oculto">Otro recuerdo distinto</div></div>
<div class="owendia">Día 3 <n> Primavera Isla X </n> </div>
<div class="owendia">Día 3 <n> Primavera Isla X </n>  </div>
</div>
</div><div class="timportante"><n> Tema más importante </n></div><div style="width:610px; height: 20px;"></div>
</div>
<style type="text/css">#owentext {width:410px; color: #000000; text-align: justify; font-size: 12px; line-height: 1.2; padding:35px 20px;} .owen1 {width: 300px;font: 35px 'Noto Serif', serif;color: #fff;text-transform: uppercase;text-shadow: 0 0 8px #FFFFFF;position: initial;margin-bottom: 35px;padding-left: 0px;text-align: center;}.owen1 n {font: 14px calibri; display: block; letter-spacing: 8px; margin-top: -5px; text-transform: uppercase;} .timportante {text-align:center; width: 450px; height: 30px; font: 20px 'Noto Serif', serif; color: #fff; text-transform: lowercase; background: #FBFBFB; color: #000000; padding-top: 10px; border-style: solid; border-width: 2px; border-color: #EEEEEE;}.timportante n {font: 10px calibri; display: block; letter-spacing: 5px; margin-top: -5px; text-transform: uppercase; padding-top: 5px;} .owendia {width: 410px; height: 25px; font: 25px 'Noto Serif', serif; color: #1C1817; text-shadow: 0 0 8px #FFFFFF; padding-top: 0px; border-bottom: 5px solid #1C1817; margin-bottom:5px;} .owendia n {font: 10px calibri; display: block; letter-spacing: 5px; margin-top: 5px; text-transform: uppercase;}.recuerdo-toggle input{display:none;}.recuerdo-toggle .mensaje-oculto{display:none;margin-top:6px;}.recuerdo-toggle input:checked~.mensaje-oculto{display:block;}.recuerdo-toggle{margin:5px 0;} .owentext > br{display:none;} .recuerdo-toggle > label{cursor:pointer;}</style><link href='https://fonts.googleapis.com/css?family=Pacifico|Fjalla+One|Palanquin' rel='stylesheet' type='text/css'>