User:Wholecanesugar/Sandbox: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
Line 24:
<div style="display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px;">
<div style="flex: 1; margin: 10px; min-width: 210px; border: 1px solid #0063a1; padding: 0 20px 15px 20px; box-shadow: 0 2px 2px #c8d6e0; border-radius: 5px;
<h3 style="padding:15px 15px 15px 0px; border-radius: 5px 5px 0px 0px; font-size:130%; color:#0063a1;">[[File:Icon-pawbullet-green.gif|text-bottom]] Research obscure information</h3>
<hr style="margin:auto; color:#0063a1; margin-bottom:15px;"></hr>
<p style="text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lectus tincidunt, eleifend ligula viverra, rutrum diam. Ut commodo eleifend mauris eu imperdiet. Ut pellentesque porttitor lacus in faucibus. Phasellus finibus viverra risus ut convallis. In ac risus at magna pulvinar tempus. Etiam sit amet aliquet elit, vel facilisis eros. Curabitur condimentum id arcu at mollis. Quisque molestie mollis dictum. Pellentesque risus nibh, tincidunt vel libero ut, fringilla iaculis felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div style="flex: 1; margin: 10px; min-width: 210px; border: 1px solid #0063a1; padding: 0 20px 15px 20px; box-shadow: 0 2px 2px #c8d6e0; border-radius: 5px;
<h3 style="padding:15px 15px 15px 0px; border-radius: 5px 5px 0px 0px; font-size:130%; color:#0063a1;">[[File:Icon-pawbullet-dblue.gif|text-bottom]] Become a bearchivist</h3>
<hr style="margin:auto; color:#0063a1; margin-bottom:15px;"></hr>
<p style="text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lectus tincidunt, eleifend ligula viverra, rutrum diam. Ut commodo eleifend mauris eu imperdiet. Ut pellentesque porttitor lacus in faucibus. Phasellus finibus viverra risus ut convallis. In ac risus at magna pulvinar tempus. Etiam sit amet aliquet elit, vel facilisis eros. Curabitur condimentum id arcu at mollis. Quisque molestie mollis dictum. Pellentesque risus nibh, tincidunt vel libero ut, fringilla iaculis felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
| |||