|
|
| (11 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | '''Test your crap here.''' | | '''Test your crap here.''' |
| | ---- | | ---- |
| − |
| |
| − | {{#css:
| |
| − | table.msgblock {
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − |
| |
| − | table.msgblock > tr > td,
| |
| − | table.msgblock > * > tr > td {
| |
| − | margin: 0;
| |
| − | padding: 0.5em 1em;
| |
| − | width: 50%;
| |
| − | max-width: 50%;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − |
| |
| − | table.msgblock > tr:first-child > td,
| |
| − | table.msgblock > * > tr:first-child > td {
| |
| − | border-top: 1px solid;
| |
| − | padding-top: 1em;
| |
| − | }
| |
| − | table.msgblock > tr:last-child > td,
| |
| − | table.msgblock > * > tr:last-child > td {
| |
| − | border-bottom: 1px solid;
| |
| − | padding-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − | table.msgblock > tr > td.ic,
| |
| − | table.msgblock > * > tr > td.ic {
| |
| − | background-color: #def;
| |
| − | border-left: 1px solid;
| |
| − | border-color: #08a;
| |
| − | }
| |
| − | table.msgblock > tr > td.ooc,
| |
| − | table.msgblock > * > tr > td.ooc {
| |
| − | background-color: #fed;
| |
| − | border-right: 1px solid;
| |
| − | border-color: #a60;
| |
| − | }
| |
| − |
| |
| − | td.ic > p.pm {
| |
| − | color: #048;
| |
| − | }
| |
| − | td.ooc > p.pm {
| |
| − | color: #830;
| |
| − | }
| |
| − | }}
| |
| − |
| |
| − | <table class="msgblock">
| |
| − | <tr>
| |
| − | <td class="ic">This is a test of the emergency broadcast system.</td>
| |
| − | <td class="ooc">And we're the gatekeepers.</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="ic">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus nulla ut gravida molestie. Nunc maximus cursus molestie. Integer et eros posuere, ornare diam et, faucibus nisi. Nulla tortor augue, lacinia ut faucibus ut, dignissim finibus urna. Aliquam sed tortor non tellus accumsan fermentum eu vitae purus. Etiam quis ullamcorper quam. Maecenas volutpat odio id ante fringilla, id viverra dolor scelerisque. Mauris pretium luctus suscipit. Pellentesque accumsan turpis vitae mauris bibendum euismod. Ut velit nisl, aliquam id turpis ac, auctor feugiat tellus. Nullam imperdiet nisi sit amet lectus pharetra, et ultricies urna faucibus. Mauris eu nibh turpis. Proin dignissim ornare leo sed blandit.
| |
| − |
| |
| − | Etiam nisl orci, sagittis eu sapien eu, semper rutrum diam. Aenean id massa interdum, lobortis dui laoreet, hendrerit enim. Pellentesque auctor orci ut condimentum mollis. Praesent a lectus at justo facilisis feugiat. Quisque malesuada tincidunt enim, sit amet condimentum erat egestas sed. Integer luctus tempor nisl. Pellentesque in rhoncus sem. Integer accumsan fringilla nisl vitae molestie. Cras eu mi non libero sagittis tristique non gravida risus. Sed quis massa ut lectus dictum dignissim. Nulla molestie volutpat ligula at ornare. Curabitur finibus tellus elit, quis tincidunt libero pellentesque quis. Donec eros lorem, vestibulum vel commodo vel, bibendum vel sapien. Nunc et dolor in odio venenatis tristique. Nunc venenatis non leo posuere bibendum.
| |
| − |
| |
| − | Maecenas et quam ac augue bibendum dictum vitae et nulla. Cras semper enim ac tortor venenatis, at dignissim ante laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut sodales porta quam. Donec nisl lectus, sagittis vel finibus eget, rutrum in mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vehicula sagittis magna id tincidunt. Nulla dapibus non ligula id malesuada. Donec a mi ac dolor fringilla laoreet et ut augue. Ut eget felis id nulla imperdiet elementum. Nunc posuere vel purus non dignissim. Sed laoreet ante eu velit ultricies accumsan. Nulla tempus vitae velit nec semper. Cras orci eros, vehicula eu tortor sed, bibendum eleifend justo. Vivamus id nibh a urna bibendum volutpat.
| |
| − |
| |
| − | Curabitur viverra porta cursus. Nulla volutpat, lectus id porta porta, dolor sapien venenatis dui, sed ultrices lorem quam et eros. Duis efficitur, lorem ac tempus elementum, eros quam gravida dui, at vestibulum urna purus id purus. Morbi pellentesque efficitur ante eget lobortis. Nullam id aliquam risus. Integer pretium, ligula vestibulum consectetur aliquam, nibh augue molestie ex, eu auctor tellus erat non lorem. Praesent quis dapibus metus. Praesent non ligula vitae enim volutpat porttitor. Nulla sed nisi id mauris suscipit sagittis at vitae turpis. Sed aliquet ullamcorper diam nec hendrerit. Suspendisse in tellus et sapien aliquam auctor.
| |
| − |
| |
| − | <p class="pm">(GM > Maxwell) "Fortune is at it again."</p>
| |
| − |
| |
| − | <p class="pm">(Maxwell > GM) "OH COME ON."</p>
| |
| − |
| |
| − | Maecenas scelerisque turpis diam, in gravida neque sollicitudin nec. Nulla facilisi. Phasellus ac turpis eget turpis aliquet porta. Aenean pellentesque leo in eleifend pulvinar. Maecenas eu libero convallis, vehicula sapien in, sollicitudin massa. Ut ipsum nisi, egestas at dui quis, dignissim placerat leo. Proin accumsan tortor vitae porttitor luctus. Maecenas metus neque, convallis non nisi ut, convallis facilisis justo. Pellentesque ultrices dolor tellus, in interdum purus lobortis quis. Morbi lectus urna, eleifend eget gravida egestas, pulvinar eget magna. In quis facilisis erat, vel eleifend orci.
| |
| − | </td>
| |
| − | <td class="ooc">No. Just... no!
| |
| − |
| |
| − | This is awful! D:
| |
| − |
| |
| − | <p class="pm">(GM > Maxwell) Roll 1d20 to not get ticked off by bad news</p>
| |
| − |
| |
| − | <p class="pm">(Maxwell > GM) 2.</p>
| |
| − |
| |
| − | Horrible, evil, evil!</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="ic">Damn if that wasn't a pain to set up though.</td>
| |
| − | <td class="ooc">No kidding.</td>
| |
| − | </table>
| |
