Skip to content

Instantly share code, notes, and snippets.

@jukeboxes

jukeboxes/bingo Secret

Created June 9, 2017 07:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jukeboxes/d785449f0cf6ba625262f1396748c9d7 to your computer and use it in GitHub Desktop.
Save jukeboxes/d785449f0cf6ba625262f1396748c9d7 to your computer and use it in GitHub Desktop.
bingo
<div style="width:522px;margin:auto;">
<div style="height:480px;width:522px;float:left;margin:15px 0px;border:1px solid #516ba1;">
<div style="height:478px;width:240px;background-color:#516ba1;float:left;">
<div style="height:438px;width:200px;float:left;margin:20px;">
<div style="width:inherit;float:left;margin:30px 0px 0px;">
<div style="float:left;margin:0px 45px;border:9px solid #40547f;border-radius:100%;"><img alt="main" src="https://68.media.tumblr.com/74c1488d6c70ee7dfbeea87c86d002aa/tumblr_oodpsmtnyb1tio5dpo6_r1_250.png" style="height:90px;width:90px;border-radius:100%;" /></div>
</div>
<div style="width:inherit;float:left;margin:10px 0px 0px;">
<p style="font-family:georgia;font-size:18px;font-style:normal;font-weight:bold;text-align:center;letter-spacing:-1px;margin:0px 0px 0px;color:#fff;line-height:110%;">character name</p>
</div>
<div style="width:inherit;float:left;margin:0px 0px 0px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#fff;line-height:110%;">Aliquam sit amet massa bibendum, rhoncus neque eget, maximus sapien. Phasellus eget metus sodales, ornare dolor quis, varius dolor. Nullam a lacus eu arcu euismod convallis nec et ante. Nulla vitae dolor nec leo fermentum dignissim sit amet vitae lectus.</p>
</div>
<div style="width:inherit;float:left;margin:0px 0px 0px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:10px 5px 2px;color:#fff;line-height:110%;">mood <span style="float:right;">47%</span></p>
<div style="width:198px;float:left;margin:0px 0px 5px;border-width:1px 1px;border-style:solid;border-color:#fff;padding:1px 0px;border-radius:10px;">
<div style="height:5px;width:47%;background-color:#fff;float:left;margin:0px 1px;border-radius:10px;">&nbsp;</div>
</div>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:10px 5px 2px;color:#fff;line-height:110%;">muse <span style="float:right;">12%</span></p>
<div style="width:198px;float:left;margin:0px 0px 5px;border-width:1px 1px;border-style:solid;border-color:#fff;padding:1px 0px;border-radius:10px;">
<div style="height:5px;width:12%;background-color:#fff;float:left;margin:0px 1px;border-radius:10px;">&nbsp;</div>
</div>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:10px 5px 2px;color:#fff;line-height:110%;">writing quality <span style="float:right;">64%</span></p>
<div style="width:198px;float:left;margin:0px 0px 5px;border-width:1px 1px;border-style:solid;border-color:#fff;padding:1px 0px;border-radius:10px;">
<div style="height:5px;width:64%;background-color:#fff;float:left;margin:0px 1px;border-radius:10px;">&nbsp;</div>
</div>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:10px 5px 2px;color:#fff;line-height:110%;">reply speed <span style="float:right;">91%</span></p>
<div style="width:198px;float:left;margin:0px 0px 5px;border-width:1px 1px;border-style:solid;border-color:#fff;padding:1px 0px;border-radius:10px;">
<div style="height:5px;width:91%;background-color:#fff;float:left;margin:0px 1px;border-radius:10px;">&nbsp;</div>
</div>
</div>
<div style="width:inherit;float:left;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:20px 0px;color:#000;line-height:110%;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/20124/" title="Created by pixels. Do not use without permission."><span style="color:#fff;">created by pixels</span></a></p>
</div>
</div>
</div>
<div style="height:478px;width:280px;background-color:#fafafa;float:left;">
<div style="height:inherit;width:inherit;float:left;">
<div style="height:inherit;width:inherit;float:left;">
<div style="height:inherit;width:inherit;float:left;overflow:hidden;">
<div style="height:495px;width:299px;float:left;overflow:auto;">
<div style="width:282px;float:left;padding:0px 0px 17px;">
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:10px 10px 0px;border:1px solid #eee;">
<div style="float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#000;line-height:110%;">character full name here<i>!</i></p>
<div style="height:2px;width:240px;background-color:#eee;float:left;margin:10px 0px;">
<div style="height:2px;width:90px;background-color:#516ba1;float:left;">&nbsp;</div>
<div style="height:2px;width:10px;background-color:#516ba1;float:left;margin-left:2px;">&nbsp;</div>
<div style="height:2px;width:10px;background-color:#516ba1;float:left;margin-left:2px;">&nbsp;</div>
<div style="height:2px;width:10px;background-color:#516ba1;float:left;margin-left:2px;">&nbsp;</div>
<div style="height:2px;width:10px;background-color:#516ba1;float:left;margin-left:2px;">&nbsp;</div>
</div>
<div style="background-color:#fff;float:left;margin:0px 0px 0px;border:1px solid #ccc;"><img alt="main" src="https://68.media.tumblr.com/5a9c09fb636982f9d714c634f68992b8/tumblr_onhyr8n4Ci1tio5dpo9_250.png" style="height:88px;width:88px;margin:1px;" /></div>
<div style="height:92px;width:138px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#000;line-height:110%;">shorthand info</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b>age</b> // 00 ]</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b>date of birth</b> // ddmmyyyy ]</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b>orientation</b> // here ]</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b>marital status</b> // here ]</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b>occupation</b> // here ]</p>
<div style="width:136px;background-color:#f7f7f7;float:left;margin:10px 0px;border:1px solid #eee;border-radius:5px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;">user profile</p>
</div>
</div>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="icon_ic___30.png" src="http://static.tumblr.com/up5wuvr/06Loozc1v/icon_ic___30.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">history<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 1 day ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;">Etiam vulputate, eros ac aliquam imperdiet, justo sapien faucibus magna, vitae malesuada justo nibh ut ex. Aenean porttitor erat lectus, dapibus commodo nisi tincidunt accumsan. Fusce at lobortis justo. Nunc non nibh vel odio pharetra dignissim quis vitae magna. Proin lobortis mattis metus, nec venenatis urna dictum id. Ut ut massa malesuada, pharetra est sed, sollicitudin purus. Proin laoreet eu enim tempus efficitur.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;">Nullam egestas eros nec condimentum feugiat. Proin ullamcorper ante augue, a interdum tortor maximus nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus tempus, bibendum nibh efficitur, fermentum odio. Curabitur elementum ex nibh, in pharetra orci condimentum viverra. Quisque eu nibh massa. Donec ornare euismod mi, non ullamcorper nisi eleifend id. Morbi a enim sit amet nibh vulputate vulputate vitae tristique purus. Integer eleifend commodo turpis. Pellentesque eget tellus eget nisi consectetur aliquet et in nisi. Curabitur eleifend mollis orci, sit amet tincidunt purus elementum quis. Maecenas id ligula lectus. Etiam dignissim finibus viverra. Mauris elementum elit blandit tellus semper, sed sollicitudin turpis lacinia.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;">Donec vitae nibh fringilla, fringilla arcu a, sodales leo. Nunc gravida pharetra eros vel blandit. Nullam nec facilisis turpis. Etiam hendrerit mi sed felis eleifend, sed porta tortor scelerisque. Donec magna augue, porttitor et pulvinar non, egestas ac est. Sed cursus porta leo, consectetur dapibus lectus posuere ut. Sed tempor mauris et congue ullamcorper. Fusce et sapien imperdiet, imperdiet ex sed, finibus nisl. Pellentesque semper, turpis a tempor ultricies, sapien augue imperdiet nulla, eu rhoncus augue ante eget tortor. Pellentesque sodales dolor quam, vitae convallis erat maximus id. Pellentesque molestie metus tristique, placerat neque ut, facilisis urna. Integer pellentesque velit nec ipsum pharetra, in dignissim erat varius. Aliquam vitae elit vitae neque suscipit porttitor. Nunc egestas nisl lorem, sit amet lobortis urna mollis et.</p>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="icon_ic___14.png" src="http://static.tumblr.com/up5wuvr/vrtoozbqy/icon_ic___14.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">personality<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 1 day ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;">Pellentesque et velit justo. Sed dapibus dolor sit amet metus finibus, eu tempus lectus eleifend. Mauris imperdiet, turpis a varius posuere, ligula tellus suscipit augue, lacinia venenatis nunc massa vitae metus. Vestibulum at enim sollicitudin tortor laoreet condimentum. Curabitur mattis cursus mauris, non tempor velit tincidunt eu. Donec tortor nisi, euismod vestibulum vehicula quis, tempus condimentum neque. Etiam id tempor orci. Sed odio lacus, blandit in erat nec, finibus congue erat. Cras placerat dignissim est, et tincidunt enim pretium et.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;">Praesent condimentum fringilla ex, in laoreet lorem hendrerit sed. Sed suscipit suscipit suscipit. Pellentesque auctor convallis hendrerit. Phasellus blandit dui nec augue fermentum, bibendum vehicula urna convallis. Cras cursus imperdiet orci non consectetur. Mauris lacus est, congue eget augue tincidunt, iaculis venenatis tortor. Sed tincidunt lacinia ipsum, in porta urna consectetur ac. Duis aliquam consectetur justo volutpat imperdiet. Duis eget cursus leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris ac risus nec ante lobortis pharetra eget id orci.</p>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="vi7IbBK.png" src="http://i.imgur.com/vi7IbBK.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">tracker<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 3 days ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 3px;color:#888;line-height:110%;"><span style="float:left;font-weight:bold;color:#000;">who</span> where <span style="float:right;letter-spacing:1px;">status</span></p>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="w6XaBsD.png" src="http://i.imgur.com/w6XaBsD.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">lover<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 6 days ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="float:right;margin:0px 0px 0px 5px;border:1px solid #ccc;padding:1px;"><img alt="lover" src="https://68.media.tumblr.com/d8ac67b8e7640a2658eda86f323d0aee/tumblr_onhysp4M241tio5dpo3_250.png" style="height:80px;width:80px;" /></div>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px 0px;color:#888;line-height:110%;"><b style="color:#000;">name:</b> <span style="float:right;">here.</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;"><b style="color:#000;">date:</b> <span style="float:right;">here.</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px 5px;color:#888;line-height:110%;"><b style="color:#000;">status:</b> <span style="float:right;">here.</span></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;">Mauris hendrerit augue purus, id varius arcu iaculis eu. Suspendisse semper lectus ac condimentum tempus. Donec accumsan urna ac ligula egestas, a consectetur elit pharetra. Vestibulum fringilla egestas hendrerit. Nunc congue nisl ac dignissim mollis. Proin at felis quam. Quisque molestie lacus eget viverra lobortis.</p>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="D6wmH7X.png" src="http://i.imgur.com/D6wmH7X.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">out of character<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 1 week ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">I.</b> In non nibh eget eros interdum maximus.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">II.</b> Mauris accumsan lacinia magna vitae convallis. Pellentesque leo arcu, interdum id gravida nec, tincidunt at leo.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">III.</b> Suspendisse condimentum lorem sit amet ipsum congue pretium.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">IV.</b> Nullam aliquam ex purus, a efficitur mauris imperdiet eget.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">V.</b> Nam quis augue libero.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">VI.</b> Aenean quis tortor nec nunc placerat vehicula. Curabitur tristique vestibulum nisi varius ultrices. Nullam non lorem ut nulla rhoncus venenatis ac semper risus.</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#888;line-height:110%;"><b style="color:#000;">VII.</b> Ut viverra pulvinar neque ac commodo. Nunc tempor sodales dui. Fusce aliquet, odio vitae varius varius, purus tellus placerat mauris, sed volutpat ligula turpis at urna.</p>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="WUSKB81.png" src="http://i.imgur.com/WUSKB81.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">scenarios<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 2 weeks ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#000;line-height:110%;">scenario title // <span style="font-style:italic;font-weight:normal;color:#888;">genre, rating, status, etc.</span></p>
<div style="width:235px;float:left;margin:0px 5px 5px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;border-left:1px solid #eee;padding-left:5px;">Nulla sapien enim, semper id nisi quis, mollis interdum augue. Phasellus orci augue, tincidunt sit amet felis eget, tincidunt semper eros. Quisque aliquet mollis mollis. Cras vehicula justo ex, vel mattis libero ornare non. Integer venenatis congue libero, ac sagittis ipsum fermentum sit amet. Praesent quis tristique arcu, eu imperdiet tortor. Curabitur euismod urna vitae ligula posuere efficitur. Duis id arcu at sapien interdum facilisis eu sit amet lorem. Sed venenatis tempor lorem, et scelerisque diam consequat eu. Nam ac ipsum cursus, ullamcorper massa eget, pulvinar sem. In ut interdum nulla. Ut tincidunt, nulla a feugiat egestas, risus urna laoreet nulla, sed varius nibh elit sed elit. Cras elementum sapien a turpis gravida, sit amet lacinia ipsum mollis.</p>
</div>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:5px 0px;color:#000;line-height:110%;">scenario title // <span style="font-style:italic;font-weight:normal;color:#888;">genre, rating, status, etc.</span></p>
<div style="width:235px;float:left;margin:0px 5px 5px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;border-left:1px solid #eee;padding-left:5px;">In ut laoreet sem, in porttitor arcu. Suspendisse potenti. Aliquam eget sapien ligula. Etiam mollis cursus varius. Morbi non dapibus nisi, non accumsan est. In a hendrerit odio. Cras est enim, molestie non sagittis vitae, fringilla at quam. Sed turpis magna, suscipit id elit sed, varius bibendum tellus. In hac habitasse platea dictumst. Praesent egestas condimentum lectus, eu lacinia mauris lobortis ut.</p>
</div>
</div>
</div>
</div>
<div style="width:inherit;float:left;margin:0px 0px 50px;">
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border:1px solid #eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="height:38px;width:38px;background-color:#f7f7f7;float:left;border-radius:100%;"><img alt="cXz03dv.png" src="http://i.imgur.com/cXz03dv.png" style="height:38px;width:38px;border-radius:100%;" /></div>
<div style="height:38px;width:192px;float:left;margin-left:10px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:9px 0px -3px;color:#000;line-height:110%;">scenarios<i>!</i></p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">posted 4 weeks ago</p>
</div>
</div>
</div>
<div style="width:260px;background-color:#fff;float:left;margin:0px 10px 0px;border-width:0px 1px 1px;border-style:solid;border-color:#eee;">
<div style="width:240px;float:left;margin:10px;">
<div style="width:238px;float:left;">
<div style="height:20px;width:20px;float:left;margin:10px 10px;">
<div style="height:20px;width:20px;margin:0px;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/236941685&amp;color=516ba1&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></div>
</div>
<div style="height:20px;width:188px;float:left;margin:10px 10px 10px 0px;">
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;font-weight:bold;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:1px 0px;color:#000;line-height:110%;">now playing . . .</p>
<p style="font-family:'lao ui', calibri, arial, sans-serif;font-size:8px;text-align:justify;text-transform:uppercase;letter-spacing:.5px;margin:0px 0px;color:#888;line-height:110%;">♫ alcoholics &ndash; skizzy mars ♫</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment