Skip to content

Instantly share code, notes, and snippets.

@TRXSH
Last active May 29, 2020 23:38
Show Gist options
  • Save TRXSH/4f8562fc88ac3b78dba71194a271ffc8 to your computer and use it in GitHub Desktop.
Save TRXSH/4f8562fc88ac3b78dba71194a271ffc8 to your computer and use it in GitHub Desktop.
CTRL + F to find the code you're looking for.
01. main
02. room
03. etc
<div style="margin:auto;width:655px;height:655px;font-family:'times new roman', serif;">
<div style="float:left;width:655px;height:555px;margin-top:50px;font-size:10px;line-height:11px;color:#333;text-align:justify;background:#f8f8f8;">
<div style="float:left;width:555px;height:455px;margin-left:50px;margin-top:50px;opacity:.999;">
<div style="float:left;width:555px;line-height:20px;font-size:30px;font-weight:900;text-transform:uppercase;text-align:right;border-bottom:1px solid #e5e5e5;padding-bottom:10px;letter-spacing:-1px;">crenshaw</div>
<div style="float:left;width:555px;height:150px;border-bottom:1px solid #e5e5e5;"><img alt="" src="https://i.imgur.com/3Osg9xe.jpg" style="width:555px;height:150px;" /></div>
<div style="float:left;width:170px;height:172px;margin-left:25px;margin-top:-152px;opacity:.99;border:1px solid #e5e5e5;background:#fff;">
<div style="float:left;width:140px;height:142px;overflow:hidden;margin-top:15px;margin-left:15px;">
<div style="float:left;width:157px;height:142px;overflow:auto;">
<div style="float:left;width:140px;height:142px;color:#333;">
<div style="float:left;width:140px;font-weight:900;font-size:14px;text-transform:uppercase;font-family:'times new roman', serif;">may the force</div>
<div style="float:left;width:140px;margin-top:8px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui.<br />
<br />
Integer vel porta velit. Sed a nulla non risus tincidunt mollis. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui.</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:555px;margin-top:-15px;height:261px;border-bottom:1px solid #888;">
<div style="float:left;width:515px;margin-left:25px;margin-right:25px;margin-bottom:5px;">
<div style="float:left;width:200px;height:255px;overflow:hidden;">
<div style="float:left;width:217px;height:255px;overflow:auto;">
<div style="float:left;width:200px;height:255px;">
<div style="float:left;width:200px;border-bottom:1px solid #9A9CCA;">
<div style="float:left;width:200px;margin-top:3px;height:14px;font-family:'times new roman';line-height:90%;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">&nbsp;</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">01</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-bottom:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman';line-height:90%;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">GUIDE</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">02</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-bottom:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman';line-height:90%;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">RULES</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">03</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;"><span style="background:#475692;color:#fff;font-weight:900;font-size:9px;padding:1px 4px;">ONE</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate.<br />
<br />
<span style="background:#475692;color:#fff;font-weight:900;font-size:9px;padding:1px 4px;">TWO</span> Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
<span style="background:#475692;color:#fff;font-weight:900;font-size:9px;padding:1px 4px;">THREE</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
<span style="background:#475692;color:#fff;font-weight:900;font-size:9px;padding:1px 4px;">FOUR</span> Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-bottom:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman';line-height:90%;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">misc</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">04</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:170px;height:255px;overflow:hidden;margin-left:15px;">
<div style="float:left;width:187px;height:255px;overflow:auto;">
<div style="float:left;width:170px;height:255px;line-height:9px;text-transform:uppercase;color:#fff;font-weight:700;">
<div style="float:left;width:170px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/V5cyG5b.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">DON&#39;T</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
<div style="float:left;width:170px;margin-top:10px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/GUYSCOE.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">BE</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
<div style="float:left;width:170px;margin-top:10px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/KSyDFfD.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">AFRAID</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:110px;height:255px;margin-left:15px;overflow:hidden;">
<div style="float:left;width:127px;height:255px;overflow:auto;">
<div style="float:left;width:110px;height:255px;">
<div style="float:left;width:110px;border-top:1px solid #9A9CCA;padding-top:10px;">
<div style="float:left;width:110px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:-1px;font-family:'times new roman';line-height:90%;">APPLICATION</div>
<div style="float:left;width:110px;margin-top:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui.</div>
</div>
<div style="float:left;width:110px;margin-top:15px;border-top:1px solid #9A9CCA;padding-top:10px;">
<div style="float:left;width:110px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:-1px;font-family:'times new roman';line-height:90%;">EVENT</div>
<div style="float:left;width:110px;margin-top:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Aenean varius turpis condimentum bibendum vulputate.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mi non elit euismod ultricies sit amet non dui. Aenean varius turpis condimentum bibendum vulputate.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:655px;height:15px;padding-top:5px;font-weight:bold;font-family:'times new roman', serif;font-size:8px;letter-spacing:1px;text-align:center;opacity:.99;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/28307/trxsh-atelier" style="color:#444444;" title="xoxo, verasce">TRXSH ATELIER</a></div>
</div>
</div>
<div style="margin:auto;width:655px;height:305px;font-family:'times new roman', serif;">
<div style="float:left;width:655px;height:255px;margin-top:20px;font-size:10px;line-height:11px;color:#333;text-align:justify;background:#f8f8f8;">
<div style="float:left;width:555px;height:255px;margin-left:55px;margin-top:30px;opacity:.999;">
<div style="float:left;width:555px;line-height:10px;font-size:20px;font-weight:900;text-transform:uppercase;text-align:right;border-bottom:1px solid #e5e5e5;padding-bottom:10px;letter-spacing:0px;">crenshaw</div>
<div style="float:left;width:555px;height:150px;border-bottom:1px solid #e5e5e5;"><img alt="" src="https://i.imgur.com/RtLPVzd.jpg" style="width:555px;height:150px;" /></div>
<div style="float:left;width:170px;height:172px;margin-left:25px;margin-top:-152px;opacity:.99;border:1px solid #e5e5e5;background:#fff;">
<div style="float:left;width:140px;height:142px;overflow:hidden;margin-top:15px;margin-left:15px;">
<div style="float:left;width:157px;height:142px;overflow:auto;">
<div style="float:left;width:140px;height:142px;color:#333;">
<div style="float:left;width:140px;font-weight:900;font-size:14px;text-transform:uppercase;font-family:'times new roman', serif;">boulevard</div>
<div style="float:left;width:140px;margin-top:8px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui.<br />
<br />
Integer vel porta velit. Sed a nulla non risus tincidunt mollis. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:655px;height:15px;padding-top:5px;font-weight:bold;font-family:'times new roman', serif;font-size:8px;letter-spacing:1px;text-align:center;opacity:.99;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/28307/trxsh-atelier" style="color:#999;" title="xoxo, verasce">TRXSH ATELIER</a></div>
</div>
<div style="margin:auto;width:470px;height:405px;font-family:'times new roman', serif;">
<div style="float:left;width:470px;height:305px;margin-top:50px;font-size:10px;line-height:11px;color:#333;text-align:justify;background:#f8f8f8;">
<div style="float:left;width:450px;height:255px;margin-left:20px;margin-top:20px;opacity:.999;">
<div style="float:left;width:430px;margin-top:15px;height:261px;">
<div style="float:left;width:390px;margin-left:25px;margin-right:25px;margin-bottom:5px;">
<div style="float:left;width:200px;height:255px;overflow:hidden;">
<div style="float:left;width:217px;height:255px;overflow:auto;">
<div style="float:left;width:200px;height:255px;">
<div style="float:left;width:200px;border-top:1px solid #9A9CCA;">
<div style="float:left;width:200px;margin-top:15px;height:14px;font-family:'times new roman', serif;line-height:90%;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">ETC</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">01</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-top:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman';line-height:90%;margin-top:15px;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">P.S.</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">02</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-top:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman', serif;line-height:90%;margin-top:15px;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">NOTES</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">03</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate.<br />
<br />
Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
<div style="float:left;width:200px;border-top:1px solid #9A9CCA;margin-top:15px;">
<div style="float:left;width:200px;height:14px;font-family:'times new roman';line-height:90%;margin-top:15px;">
<div style="float:left;width:175px;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-1px;">misc</div>
<div style="float:left;width:25px;height:18px;text-align:right;font-weight:900;font-size:18px;letter-spacing:-1px;">04</div>
</div>
<div style="float:left;width:200px;margin:10px 0px 8px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius turpis condimentum bibendum vulputate. Phasellus euismod nisl convallis nibh aliquam tincidunt. Proin in mi non elit euismod ultricies sit amet non dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:170px;height:255px;overflow:hidden;margin-left:15px;">
<div style="float:left;width:187px;height:255px;overflow:auto;">
<div style="float:left;width:170px;height:255px;line-height:9px;text-transform:uppercase;color:#fff;font-weight:700;">
<div style="float:left;width:170px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/V5cyG5b.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">CALL</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
<div style="float:left;width:170px;margin-top:10px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/GUYSCOE.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">ME</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
<div style="float:left;width:170px;margin-top:10px;">
<div style="float:right;width:165px;height:95px;"><img alt="" src="https://i.imgur.com/KSyDFfD.jpg" style="width:165px;height:95px;" /></div>
<div style="float:left;width:170px;height:14px;margin-top:-20px;"><span style="background:#475692;padding:2px 4px;border-bottom:1px solid #fff;">MONSTER</span></div>
<div style="float:right;width:160px;height:1px;background:#475692;margin-top:2px;">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:470px;height:15px;padding-top:5px;font-weight:bold;font-family:'times new roman', serif;font-size:8px;letter-spacing:1px;text-align:center;opacity:.99;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/28307/trxsh-atelier" style="color:#888;" title="xoxo, verasce">TRXSH ATELIER</a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment