Cronología estilo diario [ModernBB]

<center><div style="border-bottom: 20px ridge #a47c48; border-top: 20px ridge #a47c48; width: 550px; height: 240px; background: url(https://i.servimg.com/u/f11/19/63/76/02/cronod11.jpg)"><div class="tit">Cronología Diario</div></div><div class="boton"><a href="/">Link 1</a><a href="/">Link 2</a><a href="/">Link 3</a><a href="/">Link 4</a></div><center><table><tbody><tr><td><div class="pag1"><div class="titpag"><a href="/">Título 1</a></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac nisi ligula. Proin venenatis, metus at iaculis congue, augue risus ornare enim, eget pretium diam arcu vitae ligula. Proin tristique dolor quis ipsum ornare ultricies. Vestibulum lacinia eros at ipsum aliquet maximus. Donec interdum auctor nisi at tincidunt.

<div class="titpag"><a href="/">Título 2</a></div>
Aliquam ultricies molestie volutpat. Nulla consectetur, elit tempor scelerisque venenatis, erat eros gravida quam, ac porta tellus risus sit amet felis. Nam leo augue, vulputate aliquam dolor sed, varius posuere nisi. Pellentesque sit amet neque pellentesque, maximus metus quis, lacinia est. Suspendisse potenti. Proin vitae commodo risus. Mauris luctus non odio eget pharetra.

<div class="titpag"><a href="/">Título 3</a></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac nisi ligula. Proin venenatis, metus at iaculis congue, augue risus ornare enim, eget pretium diam arcu vitae ligula. Proin tristique dolor quis ipsum ornare ultricies. Vestibulum lacinia eros at ipsum aliquet maximus. Donec interdum auctor nisi at tincidunt. Suspendisse maximus ullamcorper neque et feugiat. Vivamus tempor enim a ante sollicitudin, non tincidunt odio blandit.

</div></td><td><div class="pag2"><div class="titpag"><a href="/">Título 4</a></div>
Aliquam ultricies molestie volutpat. Nulla consectetur, elit tempor scelerisque venenatis, erat eros gravida quam, ac porta tellus risus sit amet felis. Nam leo augue, vulputate aliquam dolor sed, varius posuere nisi. Pellentesque sit amet neque pellentesque, maximus metus quis, lacinia est. Suspendisse potenti. Proin vitae commodo risus. Mauris luctus non odio eget pharetra.

<div class="titpag"><a href="/">Título 5</a></div>
Aliquam ultricies molestie volutpat. Nulla consectetur, elit tempor scelerisque venenatis, erat eros gravida quam, ac porta tellus risus sit amet felis. Nam leo augue, vulputate aliquam dolor sed, varius posuere nisi. Pellentesque sit amet neque pellentesque, maximus metus quis, lacinia est. Suspendisse potenti. Proin vitae commodo risus. Mauris luctus non odio eget pharetra.

<div class="titpag"><a href="/">Título 6</a></div>
Aliquam ultricies molestie volutpat. Nulla consectetur, elit tempor scelerisque venenatis, erat eros gravida quam, ac porta tellus risus sit amet felis. Nam leo augue, vulputate aliquam dolor sed, varius posuere nisi. Pellentesque sit amet neque pellentesque, maximus metus quis, lacinia est. Suspendisse potenti. Proin vitae commodo risus. Mauris luctus non odio eget pharetra.
</div></td></tr></table></center><a href="https://athenea-owl.tumblr.com" style="color: #dbc36d; font: 8px times; text-transform: uppercase;">Athenea</a></div></center>

<style>.tit {color: #a47c48; font: 50px georgia; opacity: 0.9; width: 550px; margin-top: 135px;} .boton a {font: 13px times; color: #dcc251; background: #6b4d2f; width: 136px; padding: 4px; text-align:center; margin: 1px; display: inline-block;text-decoration: none;} a:hover{color: #dcc251;text-decoration: none!important;} .pag1 {background: beige; width: 270px; height: 440px; padding: 20px; font: 10px helvetica; text-align: justify; box-shadow: -5px 0px 0px #555; border-left: 10px ridge #a47c48; overflow: auto; color: #666; border-top: 2px solid #a47c48; border-bottom: 2px solid #a47c48;} .pag2 {background: beige; width: 270px; height: 440px; padding: 20px; font: 10px helvetica; text-align: justify; box-shadow: 5px 0px 0px #555; border-right: 10px ridge #a47c48; overflow: auto; color: #666; border-top: 2px solid #a47c48; border-bottom: 2px solid #a47c48;} .titpag a{color: #5b3a18; font: 15px georgia; opacity: 0.8; border-bottom: 3px ridge #dcc251; text-align: left; font-weight: bold; display: block; text-decoration: none;} ::-webkit-scrollbar{ background: #dacab5; width: 3px;} ::-webkit-scrollbar-thumb {background:  #6b4d2f;}</style>