Skip to content

Instantly share code, notes, and snippets.

@ikkiteru
Last active April 15, 2018 04:17
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 ikkiteru/d5f9e0de3420de8dae20ad1800dd1927 to your computer and use it in GitHub Desktop.
Save ikkiteru/d5f9e0de3420de8dae20ad1800dd1927 to your computer and use it in GitHub Desktop.
roleplay. mondays
delightful : layout gallery
2018 edition
"mondays"
designed and coded
by lisett
images are not mine.
---
reminders:
- do not remove the credit
- comment when using
- do not copy, steal or redistribute this code
and claim it as your own
- do not use as base code or use snippets
you may:
- tweak the layout's colors, images, etc.
---
if you have any other questions, please message me through this link:
http://www.asianfanfics.com/profile/view/664800
<div style="width:704px;margin:auto;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:.5px;">
<div style="width:702px;float:left;margin:30px 0px;">
<div style="width:702px;height:450px;float:left;border:1px solid #EEE;background-color:#FAFAFA;overflow:hidden;">
<div style="width:702px;height:470px;float:left;overflow:auto;">
<div style="width:903px;float:left;">
<div style="width:200px;height:450px;border-right:1px solid #EEE;float:left;overflow:hidden;">
<div style="width:220px;height:450px;float:left;overflow:auto;">
<div style="width:200px;float:left;">
<div style="width:160px;padding:20px;float:left;">
<div style="font-size:24px;letter-spacing:1px;line-height:24px;"><em><strong>mondays.</strong></em></div>
<p><strong>A Twitter Based Roleplay</strong></p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p style="margin:3px 0px 15px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">About the roleplay :</span></strong></p>
<p>&mdash; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;"><a href="http://url" rel="nofollow" style="color:#333333;"><strong>Go to <em>twitter</em>&nbsp;Base&nbsp;&rarr;</strong></a></div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p style="text-align:center;"><img alt="YfCCLSp.png" src="http://i.imgur.com/YfCCLSp.png" style="height:50px;width:50px;margin-right:3px;border:1px solid rgb(238,238,238);" title="ADMIN" /><img alt="" src="http://78.media.tumblr.com/0dde2490b0fbaaefea3d27b9b531f53d/tumblr_ot5x0spvZg1w5c954o3_250.png" style="width:50px;margin-right:3px;height:50px;border:1px solid rgb(238,238,238);" title="ADMIN" /><img alt="" src="http://i.imgur.com/YfCCLSp.png" style="width:50px;height:50px;border:1px solid rgb(238,238,238);" title="ADMIN" /><br />
<img alt="tumblr_ot5x0spvZg1w5c954o3_250.png" src="http://78.media.tumblr.com/0dde2490b0fbaaefea3d27b9b531f53d/tumblr_ot5x0spvZg1w5c954o3_250.png" style="height:50px;width:50px;margin-right:3px;border:1px solid rgb(238,238,238);" title="ADMIN" /><img alt="" src="http://i.imgur.com/YfCCLSp.png" style="width:50px;margin-right:3px;height:50px;border:1px solid rgb(238,238,238);" title="ADMIN" /><img alt="" src="http://78.media.tumblr.com/0dde2490b0fbaaefea3d27b9b531f53d/tumblr_ot5x0spvZg1w5c954o3_250.png" style="width:50px;height:50px;border:1px solid rgb(238,238,238);" title="ADMIN" /></p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p style="margin:3px 0px 15px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">Updates :</span></strong></p>
<p><strong>&mdash; 00/00/00 :&nbsp;</strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa.</p>
<p><strong>&mdash; 00/00/00 :&nbsp;</strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa.</p>
<p><strong>&mdash; 00/00/00 :&nbsp;</strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa.</p>
</div>
</div>
</div>
</div>
<div style="width:300px;height:450px;border-right:1px solid #EEE;float:left;overflow:hidden;">
<div style="width:320px;height:450px;float:left;overflow:auto;">
<div style="width:300px;float:left;">
<div style="width:260px;padding:20px;float:left;">
<p style="margin:3px 0px 15px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">Rules &amp; guidelines :</span></strong></p>
<p><strong>1.</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>2.</strong>&nbsp;Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p>
<p><strong>3.</strong>&nbsp;venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<p><strong>4.</strong>&nbsp;Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p>
<p><strong>5.</strong> Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
<p><strong>6.</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div style="width:260px;padding:20px;float:left;border-top:1px solid #EEE;">
<p style="margin:3px 0px 15px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">How to Join :</span></strong></p>
<p><strong>1.</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>2.</strong>&nbsp;Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<p style="margin-left:15px;border-left:1px solid #EEE;padding:0px 10px;"><strong>to join, comment:</strong><br />
<strong>&bull;</strong> Username:<br />
<strong>&bull;</strong> Password:<br />
<strong>&bull;</strong> Faceclaim:</p>
<p><strong>3.</strong>&nbsp;Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
<p><b>4.</b>&nbsp;Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</p>
<p><strong>5.&nbsp;</strong>Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus.</p>
</div>
<div style="width:260px;padding:20px;float:left;border-top:1px solid #EEE;">
<p style="margin:3px 0px 15px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">Events&nbsp;:</span></strong></p>
<p><strong>&bull; <em>Event name</em>&nbsp;: month 00 &mdash; month 00</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>&bull; <em>Event name</em>&nbsp;: month 00 &mdash; month 00</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>&bull; <em>Event name</em>&nbsp;: month 00 &mdash; month 00</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
<div style="width:200px;height:450px;float:left;border-right:1px solid #EEE;overflow:hidden;">
<div style="width:200px;height:414px;float:left;overflow:hidden;">
<div style="width:220px;height:414px;float:left;overflow:auto;">
<div style="width:200px;float:left;">
<div style="width:170px;padding:15px;float:left;border-bottom:1px solid #EEE;">
<p style="margin:3px 0px 0px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">Previews :</span></strong></p>
</div>
<img alt="" src="http://i.imgur.com/YfCCLSp.png" style="width:200px;height:200px;float:left;" /><img alt="" src="http://78.media.tumblr.com/0dde2490b0fbaaefea3d27b9b531f53d/tumblr_ot5x0spvZg1w5c954o3_250.png" style="width:200px;height:200px;float:left;border-top:1px solid #EEE;" /><img alt="" src="http://i.imgur.com/YfCCLSp.png" style="width:200px;height:200px;float:left;border-top:1px solid #EEE;" /><img alt="" src="http://78.media.tumblr.com/0dde2490b0fbaaefea3d27b9b531f53d/tumblr_ot5x0spvZg1w5c954o3_250.png" style="width:200px;height:200px;float:left;border-top:1px solid #EEE;" /><img alt="" src="http://i.imgur.com/YfCCLSp.png" style="width:200px;height:200px;float:left;border-top:1px solid #EEE;" /></div>
</div>
</div>
<div style="width:170px;height:10px;padding:15px;float:left;border-top:1px solid #EEE;"><strong>Scroll for <em>lists</em> &rarr;</strong></div>
</div>
<div style="width:200px;height:450px;float:left;overflow:hidden;">
<div style="width:220px;height:450px;float:left;overflow:auto;">
<div style="width:200px;float:left;">
<div style="width:160px;padding:20px;float:left;">
<p style="margin:3px 0px 0px;"><strong><span style="border:1px solid #EEE;padding:3px 6px;">Status : <u>Admin</u> /&nbsp;<span style="background-color:#ecf0f1;">&nbsp;taken&nbsp;</span>&nbsp;/&nbsp;<em>reserved</em></span></strong></p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p><strong><span style="border:1px solid #EEE;padding:3px 6px;">masterlist :</span></strong></p>
<p>&mdash;<strong> ♂ Males:<br />
Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name,&nbsp;name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.</p>
<p>&mdash;<strong> ♀ Females:<br />
Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name,&nbsp;name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.<br />
<strong>Group:</strong>&nbsp; Name, name, name, and name.</p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p><strong><span style="border:1px solid #EEE;padding:3px 6px;">Wishlist :</span></strong></p>
<p>&mdash;<strong> admin wishes for:&nbsp;</strong>Name, name, name, and name.<br />
&mdash;<strong> admin wishes for:&nbsp;</strong>Name, name, name, and name.<br />
&mdash;<strong> admin wishes for:&nbsp;</strong>Name, name, name, and name.<br />
&mdash;<strong> admin wishes for:&nbsp;</strong>Name, name, name, and name.</p>
</div>
<div style="width:170px;padding:15px;float:left;border-top:1px solid #EEE;">
<p><strong><span style="border:1px solid #EEE;padding:3px 6px;">Couple list :</span></strong></p>
<p><strong>&bull; Name &amp; name<br />
&bull; Name &amp; name<br />
&bull; Name &amp; name<br />
&bull; Name &amp; name<br />
&bull; Name &amp; name<br />
&bull; Name &amp; name</strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%;float:left;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#999;text-align:right;"><a href="http://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-roleplay-layouts-gallery-layout" style="color:#999999;">delightful 2018 :</a></div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment