Simple Cronología [PhpBB y ModernBB]

<center><div class="Scro"><div class="Simg"><div class="Sti">Simple Cronología</div><div class="Sfra">La simple historia de mi vida...</div><div class="Sbo"><a href="/">Expediente</a><a href="/">Mensaje Privado</a></div></div><div class="Stext"><div class="Snu"><a href="/">Título del Tema 1</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div><div class="Snu"><a href="/">Título del Tema 2</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div><div class="Snu"><a href="/">Título del Tema 3</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div><div class="Snu"><a href="/">Título del Tema 4</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div><div class="Snu"><a href="/">Título del Tema 5</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div><div class="Snu"><a href="/">Título del Tema 6</a><div class="snute">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div>
</div><div class="Scre"><a href="https://athenea-owl.tumblr.com/">Athenea</a></div></div></center>

<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<style>.Scro{width: 550px;height: 700px;background: black;text-align: center;} .Simg{background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/6f131d22-7974-4793-9db3-2160376b5c72/dcykm1p-8123a977-c7e4-4d13-b36d-8faf36ce1f32.jpg/v1/fill/w_1159,h_690,q_70,strp/kda_akali_by_wlop_dcykm1p-pre.jpg');width: 550px;height: 250px;-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);background-size: cover; background-position: center;} .Sti{font-family: Lora;font-size: 28px;padding: 50px 15px 15px;font-weight: bold;color: white;letter-spacing: 2px;} .Sfra{font-family: helvetica;font-size: 10px;font-style: italic;color: white;letter-spacing: 1px;padding: 10px;} .Sbo a{font-family: calibri;text-transform: uppercase;font-size: 10px;border: 1px solid;border-radius: 5px;padding: 5px;margin: 10px;color: #f0d8cf;text-decoration: none;} .Stext{font-family: calibri;font-size: 11px;color: white;text-align: center;padding: 8px;height: 425px;overflow: auto;} .Snu{font-family: calibri; font-size: 12px; color: white; display: inline-block; padding: 5px; margin: 5px; width: 230px; height: 120px; background: #121212; box-shadow: 0px 2px 0px 0px #722c66; border-right: 15px solid #722d66;} .Scre{font-family: calibri;font-size: 8px; text-transform: uppercase;color: #f0d8cf;background: #722d66;letter-spacing: 4px;text-decoration: none;} .Snu a{color: #f0d8cf; font-size: 11px; font-family: lora; font-weight: bold; padding: 1px; border-bottom: 1px solid;text-align: center;text-decoration: none;} .snute {text-align: justify; font-size: 10px; padding: 5px;line-height: 14px;text-decoration: none;}</style>