Skip to content

Instantly share code, notes, and snippets.

@TRXSH
Created May 26, 2020 01:18
Show Gist options
  • Save TRXSH/bb57eb917b71ae20f24d4133c7556512 to your computer and use it in GitHub Desktop.
Save TRXSH/bb57eb917b71ae20f24d4133c7556512 to your computer and use it in GitHub Desktop.
<div style="margin:auto;width:330px;height:560px;">
<div style="float:left;width:330px;margin-top:20px;font-family:Arial;color:#eee;font-size:11px;">
<div style="float:left;width:320px;height:520px;margin-left:10px;">
<div style="float:left;width:320px;height:520px;padding:1px;border-radius:5px;border-top:1px solid #5758BB;border-bottom:1px solid #5758BB;border-right:1px solid #888;border-left:1px solid #888;">
<div style="float:left;width:316px;height:516px;border-radius:5px;background:#111;">&nbsp;</div>
</div>
<div style="float:left;margin-top:-512px;margin-left:11px;width:300px;height:500px;border:1px solid #333;overflow:hidden;opacity:.99999;border-radius:3px;"><img alt="4rXHPeS.jpg" src="https://i.imgur.com/4rXHPeS.jpg" style="width:300px;height:500px;" /></div>
</div>
<div style="float:left;width:270px;height:40px;margin-top:-490px;margin-left:40px;opacity:.9;text-align:right;font-family:'times new roman';">
<div style="float:left;width:270px;height:30px;font-size:40px;line-height:30px;font-weight:bold;font-style:italic;color:#9980FA;letter-spacing:-2px;">jen</div>
<div style="float:left;width:268px;font-size:10px;margin-top:-4px;height:5px;color:#ffffff;padding-right:3px;">&larr;</div>
</div>
<div style="float:left;width:280px;height:500px;overflow:hidden;opacity:.9;margin-top:-512px;margin-left:51px;">
<div style="float:left;width:302px;height:519px;overflow:auto;">
<div style="float:left;width:570px;height:500px;">
<div style="float:left;width:277px;height:500px;">&nbsp;</div>
<div style="float:left;width:285px;height:500px;border-left:1px solid #9980FA;">
<div style="float:left;width:275px;height:500px;opacity:.8;background:#000;margin-left:3px;">&nbsp;</div>
<div style="float:left;width:240px;margin-top:-498px;margin-left:20px;">
<div style="float:left;width:240px;height:220px;">
<div style="float:left;width:240px;margin-top:5px;font-weight:bold;font-family:'times new roman';text-align:justify;">
<div style="float:left;width:70px;height:60px;text-align:center;background:#000000;opacity:.999;line-height:10px;border-top-left-radius:8px;border-bottom-left-radius:8px;text-transform:uppercase;">
<div style="float:left;width:50px;height:20px;margin-top:20px;margin-left:10px;"><span style="font-size:25px;">12</span><br />
may</div>
</div>
<div style="float:left;width:165px;height:60px;margin-left:1px;background:#000000;opacity:.999;font-size:12px;line-height:11px;border-top-right-radius:5px;border-bottom-right-radius:5px;">
<div style="float:left;width:145px;height:34px;overflow:hidden;margin:12px 10px;">
<div style="float:left;width:162px;height:34px;overflow:auto;">
<div style="float:left;width:145px;height:34px;font-style:italic;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lacus leo, faucibus rutrum augue vitae, tempor consectetur mauris. Nunc tempor blandit nunc, id dictum nunc. Suspendisse eu convallis dui, non bibendum ligula. Suspendisse pellentesque, velit eu pulvinar dignissim, ligula mi efficitur orci, ut viverra lacus enim aliquam neque. Donec rutrum tincidunt enim, et finibus sapien feugiat vel. Sed volutpat vehicula dolor, at pretium sem imperdiet vitae. Sed pulvinar urna nec gravida hendrerit. Fusce sit amet egestas nunc. Praesent quis nunc sed arcu viverra porttitor sed ut nisl. Sed quis faucibus leo, a ornare dolor. Proin id sodales risus. Suspendisse condimentum, enim nec malesuada feugiat, erat ante commodo nisi, ut venenatis enim arcu a nisi.</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:235px;height:100px;margin-top:8px;text-align:justify;margin-left:1px;background:#000000;opacity:.999;line-height:11px;border-radius:5px;font-weight:bold;font-family:'times new roman';">
<div style="float:left;width:235px;background:#080808;padding:5px 0px 4px 10px;line-height:10px;text-transform:uppercase;letter-spacing:1px;color:#9980FA;border-top-left-radius:5px;border-top-right-radius:5px;font-size:10px;">[ 00:00 ] lorem ipsum</div>
<div style="float:left;width:210px;height:56px;overflow:hidden;margin:10px 12.5px;">
<div style="float:left;width:227px;height:56px;overflow:auto;">
<div style="float:left;width:210px;height:56px;font-style:italic;font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lacus leo, faucibus rutrum augue vitae, tempor consectetur mauris. Nunc tempor blandit nunc, id dictum nunc. Suspendisse eu convallis dui, non bibendum ligula. Suspendisse pellentesque, velit eu pulvinar dignissim, ligula mi efficitur orci, ut viverra lacus enim aliquam neque. Donec rutrum tincidunt enim, et finibus sapien feugiat vel. Sed volutpat vehicula dolor, at pretium sem imperdiet vitae. Sed pulvinar urna nec gravida hendrerit. Fusce sit amet egestas nunc. Praesent quis nunc sed arcu viverra porttitor sed ut nisl. Sed quis faucibus leo, a ornare dolor. Proin id sodales risus. Suspendisse condimentum, enim nec malesuada feugiat, erat ante commodo nisi, ut venenatis enim arcu a nisi.</div>
</div>
</div>
</div>
<div style="float:left;width:233px;height:20px;overflow:hidden;margin-top:8px;font-weight:bold;font-family:'times new roman';text-align:justify;margin-left:1px;background:#000000;opacity:.8;font-size:10px;line-height:11px;border-radius:5px;border:1px solid #1f1f1f;">
<div style="float:left;width:211px;height:12px;overflow:hidden;padding:2px;margin:2px 4px;">
<div style="float:left;width:228px;height:12px;overflow:auto;">
<div style="float:left;width:211px;height:12px;text-transform:uppercase;"><span style="color:#9980FA;">&mdash;&nbsp;&nbsp;&nbsp;&nbsp;SCROLL FOR more</span><br />
Lorem ipsum<br />
dolor sit amet<br />
consectetur<br />
adipiscing elit</div>
</div>
</div>
</div>
<div style="float:left;width:140px;height:1px;background:#9980FA;opacity:.6;margin-top:12px;margin-left:50px;">&nbsp;</div>
<div style="float:left;width:230px;height:264px;margin-top:12px;margin-left:4px;overflow:hidden;opacity:.999;">
<div style="float:left;width:247px;height:264px;overflow:auto;">
<div style="float:left;width:230px;height:264px;line-height:11px;text-align:justify;"><span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">LOREM IPSUM ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.<br />
<br />
<span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">AMET CONSECTETUR ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.<br />
<br />
<span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">AMET CONSECTETUR ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.<br />
<br />
<span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">AMET CONSECTETUR ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.<br />
<br />
<span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">AMET CONSECTETUR ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.<br />
<br />
<span style="color:#9980FA;font-family:'times new roman';font-weight:bold;">AMET CONSECTETUR ; </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit erat sit amet commodo tempor. Mauris eget metus turpis. Proin sit amet libero dui. Vestibulum nec maximus quam. Cras nec fermentum felis. Morbi ultrices enim quis purus tincidunt eleifend. Vestibulum non enim ut quam viverra convallis sit amet sit amet sapien.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:310px;height:15px;padding:10px 15px;font-weight:bold;font-family:'times new roman';font-size:8px;letter-spacing:1px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/28307/trxsh-atelier" style="color:#888888;" title="xoxo, verasce">TRXSH ATELIER</a></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment