Formal Cronología [ModernBB]

<center><div class="Formalti">Formal Cronología</div><div class="Forta"><div class="Forsub">Tema</div><div class="Forsub">Personajes</div><div class="Forsub">Estado</div><div class="Forcont">—<a href="Link Aquí" style="color:#cc9999">Tema 1</a>
—<a href="Link Aquí" style="color:#cc9999">Tema 1</a>
—<a href="Link Aquí" style="color:#cc9999">Tema 1</a>
—<a href="Link Aquí" style="color:#cc9999">Tema 1</a>
—<a href="Link Aquí" style="color:#cc9999">Tema 1</a></div><div class="Forcont"><center>Nombre del personaje
Nombre del personaje
Nombre del personaje
Nombre del personaje
Nombre del personaje</center></div><div class="Forcont"><center>Activo
Cerrado
Abandonado
Pausado
Activo</center></div>
<div class="Forsub2">Relaciones</div><div class="scr">
<img src="https://i.servimg.com/u/f11/19/63/76/02/formal11.jpg" style="width: 150px;height:150px;border: 1px solid rgb(65, 9, 63);float: left;margin-left: 10px;"><div class="Forre">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div>
<div class="Forre1">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div><img src="https://i.servimg.com/u/f11/19/63/76/02/formal11.jpg" style="width: 150px;height:150px;border: 1px solid rgb(65, 9, 63);">
<img src="https://i.servimg.com/u/f11/19/63/76/02/formal11.jpg" style="width: 150px;height:150px;border: 1px solid rgb(65, 9, 63);float: left;margin: 10px 10px;"><div class="Forre2">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div>
<div class="Forre1">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div><img src="https://i.servimg.com/u/f11/19/63/76/02/formal11.jpg" style="width: 150px;height:150px;border: 1px solid rgb(65, 9, 63);">
</div></div></center><center><a href="https://athenea-owl.tumblr.com" style="color: #616130; font: 8px times;letter-spacing: 1px;text-decoration: none;">Athenea</a></center>

<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<style> .Forta{height: 760px; width: 600px; background-image: url('https://i.servimg.com/u/f11/19/63/76/02/formal10.jpg');} .Formalti{background-color: rgb(65, 9, 63);width: 600px;font-family: Satisfy;font-size: 50px;letter-spacing: 4px;color: #f0d8cf;padding: 30px;height: 80px;} .Forsub{display: inline-block;background-color: rgb(65, 9, 63);width: 185px;font-family: Satisfy;font-size: 22px;letter-spacing: 4px;color: #f0d8cf;padding: 5px;margin: 6px 6px 0px;text-align: center;font-weight: lighter;} .Forcont{background-color: rgba(65, 9, 63, 0.65); height: 290px; width: 185px; font-family: Lora; font-size: 10px; color: #f0d8cf; padding: 12px; text-align: justify; margin: 6px; overflow: auto; display: inline-block;} .Forsub2{background-color: rgb(65, 9, 63); width: 580px; font-family: Satisfy; font-size: 26px; letter-spacing: 4px; color: #f0d8cf; padding: 13px; margin: 5px; text-align: center; height: 40px; font-weight: lighter;} .Forre{background-color: rgba(65, 9, 63, 0.65); height: 150px; width: 418px; font-family: Lora; font-size: 12px; color: #f0d8cf; padding: 12px; text-align: justify; overflow: auto;} .Forre1{background-color: rgba(65, 9, 63, 0.65); height: 150px; width: 418px; font-family: Lora; font-size: 12px; color: #f0d8cf; padding: 12px; text-align: justify; overflow: auto;margin-left: 10px;float: left;} .Forre2{background-color: rgba(65, 9, 63, 0.65); height: 150px; width: 418px; font-family: Lora; font-size: 12px; color: #f0d8cf; padding: 12px; text-align: justify; overflow: auto;margin: 10px 0px 0px;}.scr{width:auto;height: 346px;overflow: auto;} ::-webkit-scrollbar-thumb {background: #330033;} </style>