Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Last active February 19, 2017 06:32
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 rose-quartz/57fd24a28e9c9bedab87289e1d66d9cc to your computer and use it in GitHub Desktop.
Save rose-quartz/57fd24a28e9c9bedab87289e1d66d9cc to your computer and use it in GitHub Desktop.
<div style="width:400px;margin:auto;">
<div style="width:400px;padding:20px 0px; background-color:#B7C8D9;float:left;">
<div style="width:358px;height:100px;border:1px solid #fff;float:left;margin:20px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;height:50px;background-color:none;float:left;margin:37px 20px;text-align:center;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;">the roleplay</span><br><br>
<div style="width:318px;text-align:justify;">
keep this under three lines. Sed suscipit libero a elit tempus, aliquet dapibus nibh ultricies. Suspendisse ut purus vitae nisi iaculis iaculis. Nullam semper quis orci varius hendrerit.</div>
</div>
</div>
<div style="width:60px;height:60px;border:1px solid #fff;float:left;margin:-132px 0px 0px 169px;background-color:#B7C8D9;border-radius:100%;padding:5px;box-sizing:border-box;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:48px;height:48px;border-radius:100%;float:left;box-sizing:border-box;">
</div>
<div style="width:358px;padding:20px 0px;border:1px solid #fff;float:left;margin:10px 0px 0px 20px;">
<div style="width:318px;text-align:justify;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;float:left;margin:0px 0px 0px 20px;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;"><center>the rules</center></span><br>
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 2. Vestibulum purus massa, venenatis ut ante ac, venenatis tincidunt erat. 3. Integer dignissim sapien non molestie facilisis. Fusce interdum ut nunc vel consectetur. 4. Suspendisse nec finibus tortor. Phasellus viverra ullamcorper aliquet. 5. Nam efficitur turpis eu turpis volutpat pellentesque. Etiam vitae orci tempus, fringilla leo in, viverra felis. 6. Quisque dictum suscipit augue, sed auctor odio. Praesent magna lacus, hendrerit non nunc in, porta aliquet dui. 7. Nullam vehicula ultrices lorem eu blandit. Donec vitae consectetur nunc. Sed posuere commodo tortor, non porta justo facilisis rhoncus. 8. Suspendisse faucibus turpis vitae erat sollicitudin, mollis semper quam placerat. 9. Donec id neque vitae massa mollis hendrerit in ac sem.
</div>
</div>
<div style="width:358px;padding:20px 0px;border:1px solid #fff;float:left;margin:10px 0px 0px 20px;">
<div style="width:318px;text-align:center;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;float:left;margin:0px 0px 0px 20px;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;">the application</span><br><br>
name:<br>age:<br>group:<br>application:<br>timezone:<br>password:
</div>
</div>
<div style="width:358px;padding:20px 0px;border:1px solid #fff;float:left;margin:10px 0px 0px 20px;">
<div style="width:318px;text-align:justify;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;float:left;margin:0px 0px 0px 20px;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;"><center>the admins</center></span>
<div style="width:320px;height:60px;background-color:none;float:left;margin:10px 0px 0px -2px;">
<div style="width:60px;height:60px;background-color:none;float:left;"><img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;"></div>
<div style="width:60px;height:60px;background-color:none;float:left;margin:0px 0px 0px 5px;"><img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;"></div>
<div style="width:60px;height:60px;background-color:none;float:left;margin:0px 0px 0px 5px;"><img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;"></div>
<div style="width:60px;height:60px;background-color:none;float:left;margin:0px 0px 0px 5px;"><img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;"></div>
<div style="width:60px;height:60px;background-color:none;float:left;margin:0px 0px 0px 5px;"><img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;"></div>
</div>
</div>
</div>
</div>
<div style="font-family:calibri;color:#B7C8D9;font-size:8px;line-height:12px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#B7C8D9;text-decoration:none;">designed and coded by rose-quartz</a></div>
</div>
<div style="width:400px;margin:auto;">
<div style="width:400px;padding:20px 0px; background-color:#B7C8D9;float:left;">
<div style="width:358px;height:100px;border:1px solid #fff;float:left;margin:20px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;height:50px;background-color:none;float:left;margin:37px 20px;text-align:center;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;">welcome room</span><br><br>
<div style="width:318px;text-align:justify;">
keep this under three lines. Sed suscipit libero a elit tempus, aliquet dapibus nibh ultricies. Suspendisse ut purus vitae nisi iaculis iaculis. Nullam semper quis orci varius hendrerit.</div>
</div>
</div>
<div style="width:60px;height:60px;border:1px solid #fff;float:left;margin:-132px 0px 0px 169px;background-color:#B7C8D9;border-radius:100%;padding:5px;box-sizing:border-box;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:48px;height:48px;border-radius:100%;float:left;box-sizing:border-box;">
</div>
</div>
<div style="font-family:calibri;color:#B7C8D9;font-size:8px;line-height:12px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#B7C8D9;text-decoration:none;">designed and coded by rose-quartz</a></div>
</div>
<div style="width:400px;margin:auto;">
<div style="width:400px;padding:20px 0px; background-color:#B7C8D9;float:left;">
<div style="width:358px;height:100px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;float:left;margin:20px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;height:50px;background-color:none;float:left;margin:37px 20px;text-align:center;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;">couple list</span><br><br>
<div style="width:318px;text-align:justify;">
room description here. keep this under three lines. Sed suscipit libero a elit tempus, aliquet dapibus nibh ultricies. Suspendisse ut purus vitae nisi iaculis iaculis. </div>
</div>
</div>
<div style="width:60px;height:60px;border:1px solid #fff;float:left;margin:-132px 0px 0px 169px;background-color:#B7C8D9;border-radius:100%;padding:5px;box-sizing:border-box;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:48px;height:48px;border-radius:100%;float:left;box-sizing:border-box;">
</div>
<div style="width:358px;padding:0px 0px 20px 0px;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;float:left;margin:0px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;height:130px;text-align:center;float:left;margin:0px 0px 0px 20px;overflow:hidden;">
<div style="width:338px;height:130px;overflow:auto;">
<div style="width:318px;">
<div style="width:60px;height:60px;float:left;margin:0px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:0px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 0px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="width:60px;height:60px;float:left;margin:10px 0px 0px 10px;background-color:#B7C8D9;border-radius:100%;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:60px;height:60px;border-radius:100%;float:left;">
</div>
<div style="line-height:60px;margin:10px 0px 0px 0px;">name x name - date & status</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-family:calibri;color:#B7C8D9;font-size:8px;line-height:12px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#B7C8D9;text-decoration:none;">designed and coded by rose-quartz</a></div>
</div>
<div style="width:400px;margin:auto;">
<div style="width:400px;padding:20px 0px; background-color:#B7C8D9;float:left;">
<div style="width:358px;height:100px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;float:left;margin:20px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;height:50px;background-color:none;float:left;margin:37px 20px;text-align:center;">
<span style="font-family:georgia;text-transform:lowercase;font-size:11px;letter-spacing:2px;">wishlist</span><br><br>
<div style="width:318px;text-align:justify;">
keep this under three lines. Sed suscipit libero a elit tempus, aliquet dapibus nibh ultricies. Suspendisse ut purus vitae nisi iaculis iaculis. Nullam semper quis orci varius hendrerit.</div>
</div>
</div>
<div style="width:60px;height:60px;border:1px solid #fff;float:left;margin:-132px 0px 0px 169px;background-color:#B7C8D9;border-radius:100%;padding:5px;box-sizing:border-box;">
<img src="https://68.media.tumblr.com/a6df1ab694fe227bf38bd6e6f00e5d99/tumblr_olfi1cPBAG1urkt8fo6_250.png" style="width:48px;height:48px;border-radius:100%;float:left;box-sizing:border-box;">
</div>
<div style="width:358px;padding:0px 0px 20px 0px;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;float:left;margin:0px 0px 0px 20px;font-family:calibri;color:#fff;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;">
<div style="width:318px;text-align:justify;float:left;margin:0px 0px 0px 20px;">
the box adjusts to the text so type as much as you want!<br><br>
name wishes for name, name, name, name (urgent), name, name<br>
name wishes for name, name, name, name (urgent), name, name<br>
name wishes for name, name, name, name (urgent), name, name<br>
name wishes for name, name, name, name (urgent), name, name<br>
name wishes for name, name, name, name (urgent), name, name<br>
name wishes for name, name, name, name (urgent), name, name<br></div>
</div>
</div>
<div style="font-family:calibri;color:#B7C8D9;font-size:8px;line-height:12px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#B7C8D9;text-decoration:none;">designed and coded by rose-quartz</a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment