Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created February 13, 2017 10:15
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/5269959debf0d335e52a4afc19aec962 to your computer and use it in GitHub Desktop.
Save rose-quartz/5269959debf0d335e52a4afc19aec962 to your computer and use it in GitHub Desktop.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<div style="width:689px;height:500px;margin:auto;">
<div style="float:left;width:689px;height:500px;">
<img src="http://i.imgur.com/Yqwvt7y.png" style="float:left;">
</div>
<div style="float:left;width:689px;height:500px;margin:-500px 0px 0px 0px;background-color:none;">
<div style="float:left;background-color:none;width:629px;height:440px;border:1px solid #fff;box-sizing:border-box;margin:30px 0px 0px 30px;">
<div style="float:left;width:235px;height:438px;box-sizing:border-box;border-right:1px solid #fff;">
<div style="float:left;width:234px;height:438px;background-color:none;overflow:hidden;">
<div style="float:left;width:234px;height:458px;background-color:none;overflow:auto;">
<div style="float:left;width:468px;height:438px;">
<div style="float:left;width:234px;height:438px;background-color:none;">
<div style="font-family:arial black;font-size:15px;color:#fff;text-transform:uppercase;float:left;margin:388px 0px 0px 15px;letter-spacing:1px;">name of roleplay <span style="font-family:calibri;font-size:10px;">»</span></div>
<div style="float:left;color:#fff;font-size:10px;font-family:calibri;letter-spacing:0.5px;line-height:10px;margin:2px 0px 0px 15px;">Insert quote here. Keep it one line.</div>
</div>
<div style="float:left;width:234px;height:438px;background-color:none;">
<div style="width:204px;height:211px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);float:left;margin:25px 0px 0px 15px;"></div>
<div style="width:204px;height:211px;background-color:none;float:left;margin:-211px 0px 0px 15px;box-sizing:border-box;border:1px solid #fff;position:relative;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;line-height:10px;text-align:justify;">
<div style="width:174px;height:170px;float:left;margin:20px 0px 0px 15px;overflow:hidden;">
<div style="width:194px;height:inherit;overflow:auto;">
<div style="width:174px;height:inherit;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate.
<br><br>
In ac elit nulla. Donec in efficitur enim. Maecenas ut diam eu lorem condimentum imperdiet. Donec tristique pretium libero, sed dapibus sem. Nunc rutrum, ante at dignissim dignissim, leo leo dignissim dui, in auctor sapien libero vel justo. Nulla luctus purus id elit viverra, sit amet vehicula ex fermentum. Maecenas eget sem ut leo fermentum laoreet. Sed lobortis, est nec convallis ultrices, ante felis mattis massa, nec tristique risus nisi et nisl. Aenean ut aliquet massa, in dapibus eros. Donec pharetra blandit faucibus. Donec tincidunt felis magna, eu pretium magna commodo sit amet. Nulla a leo arcu. Suspendisse et viverra purus. Cras mattis augue ac leo sodales, mollis mattis augue vehicula.</div></div></div>
</div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-218px 0px 0px 10px;position:relative;">MORE INFORMATION</div>
<div style="width:204px;height:151px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);float:left;margin:25px 0px 0px 15px;"></div>
<div style="width:204px;height:151px;background-color:none;float:left;margin:-151px 0px 0px 15px;box-sizing:border-box;border:1px solid #fff;position:relative;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;line-height:10px;text-align:justify;">
<div style="width:174px;height:115px;float:left;margin:20px 0px 0px 15px;overflow:hidden;">
<div style="width:194px;height:inherit;overflow:auto;">
<div style="width:174px;height:inherit;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate.
<br><br>
In ac elit nulla. Donec in efficitur enim. Maecenas ut diam eu lorem condimentum imperdiet. Donec tristique pretium libero, sed dapibus sem. Nunc rutrum, ante at dignissim dignissim, leo leo dignissim dui, in auctor sapien libero vel justo. Nulla luctus purus id elit viverra, sit amet vehicula ex fermentum. Maecenas eget sem ut leo fermentum laoreet. Sed lobortis, est nec convallis ultrices, ante felis mattis massa, nec tristique risus nisi et nisl. Aenean ut aliquet massa, in dapibus eros. Donec pharetra blandit faucibus. Donec tincidunt felis magna, eu pretium magna commodo sit amet. Nulla a leo arcu. Suspendisse et viverra purus. Cras mattis augue ac leo sodales, mollis mattis augue vehicula.</div></div></div></div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-159px 0px 0px 10px;position:relative;">HOW TO JOIN THE RP</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:392px;height:438px;background-color:none;">
<div style="width:350px;height:142px;background-color:none;float:left;margin:22px 0px 0px 20px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);"></div>
<div style="width:350px;height:142px;background-color:none;float:left;margin:-142px 0px 0px 20px;position:relative;color:#fff;font-family:calibri;font-size:10px;letter-spacing:0.5px;border:1px solid #fff;box-sizing:border-box;">
<div style="box-sizing:border-box;width:320px;float:left;margin:15px 0px 0px 15px;line-height:10px;text-align:justify;height:112px;overflow:hidden;line-height:10px;">
<div style="width:370px;height:142px;overflow:auto;">
<div style="width:320px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate.
<br><br>
In ac elit nulla. Donec in efficitur enim. Maecenas ut diam eu lorem condimentum imperdiet. Donec tristique pretium libero, sed dapibus sem. Nunc rutrum, ante at dignissim dignissim, leo leo dignissim dui, in auctor sapien libero vel justo. Nulla luctus purus id elit viverra, sit amet vehicula ex fermentum. Maecenas eget sem ut leo fermentum laoreet. Sed lobortis, est nec convallis ultrices, ante felis mattis massa, nec tristique risus nisi et nisl. Aenean ut aliquet massa, in dapibus eros. Donec pharetra blandit faucibus. Donec tincidunt felis magna, eu pretium magna commodo sit amet. Nulla a leo arcu. Suspendisse et viverra purus. Cras mattis augue ac leo sodales, mollis mattis augue vehicula.</div></div></div>
</div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-150px 0px 0px 15px;position:relative;">ABOUT THE ROLEPLAY</div>
<div style="width:350px;height:97px;background-color:none;float:left;margin:22px 0px 0px 20px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:350px;height:97px;background-color:none;float:left;margin:-97px 0px 0px 20px;position:relative;color:#fff;font-family:calibri;font-size:10px;letter-spacing:0.5px;border:1px solid #fff;box-sizing:border-box;">
<div style="box-sizing:border-box;width:200px;float:left;margin:15px 0px 0px 15px;line-height:10px;text-align:justify;height:67px;overflow:hidden;">
<div style="width:220px;height:inherit;overflow:auto;">
<div style="width:200px;height:inherit;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate.
<br><br>
In ac elit nulla. Donec in efficitur enim. Maecenas ut diam eu lorem condimentum imperdiet. Donec tristique pretium libero, sed dapibus sem. Nunc rutrum, ante at dignissim dignissim, leo leo dignissim dui, in auctor sapien libero vel justo. Nulla luctus purus id elit viverra, sit amet vehicula ex fermentum. Maecenas eget sem ut leo fermentum laoreet. Sed lobortis, est nec convallis ultrices, ante felis mattis massa, nec tristique risus nisi et nisl. Aenean ut aliquet massa, in dapibus eros. Donec pharetra blandit faucibus. Donec tincidunt felis magna, eu pretium magna commodo sit amet. Nulla a leo arcu. Suspendisse et viverra purus. Cras mattis augue ac leo sodales, mollis mattis augue vehicula.</div></div></div>
<div style="width:100px;height:67px;float:left;margin:15px 0px 0px 15px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:100px;height:67px;background-color:none;float:left;margin:15px 0px 0px 15px;line-height:10px;border:1px solid #fff;box-sizing:border-box;position:relative;margin:-67px 0px 0px 230px;padding:7px;">Name:<br>Age:<br>Group:<br>Orientation:<br>Password:</div>
</div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-105px 0px 0px 15px;position:relative;">RULES & APPLICATION</div>
<div style="width:350px;height:105px;background-color:none;float:left;margin:22px 0px 0px 20px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:350px;height:105px;background-color:none;float:left;margin:-105px 0px 0px 20px;box-sizing:border-box;border:1px solid #fff;position:relative;">
<div style="width:132px;height:66px;background-color:none;margin:20px 0px 0px 15px;overflow:hidden;">
<div style="width:142px;height:66px;overflow:auto;background-color:none;">
<div style="width:30.5px;height:30.5px;box-sizing:border-box;border:1px solid #fff;float:left;"><img src="http://i.imgur.com/41ifLqW.png" style="width:28.5px;height:28.5px;"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:0px 0px 0px 10px;background-color:none;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:-30.5px 0px 0px 40.5px;border:1px solid #fff;position:relative;text-align:center;line-height:30.5px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;">Admin Name</div>
<div style="width:30.5px;height:30.5px;box-sizing:border-box;border:1px solid #fff;float:left;margin:5px 0px 0px 0px;">
<img src="http://i.imgur.com/41ifLqW.png" style="width:28.5px;height:28.5px;">
</div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:5px 0px 0px 10px;background-color:none;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:-30.5px 0px 0px 40.5px;border:1px solid #fff;position:relative;text-align:center;line-height:30.5px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;">Admin Name</div>
<div style="width:30.5px;height:30.5px;box-sizing:border-box;border:1px solid #fff;float:left;margin:5px 0px 0px 0px;">
<img src="http://i.imgur.com/41ifLqW.png" style="width:28.5px;height:28.5px;">
</div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:5px 0px 0px 10px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png)"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:-30.5px 0px 0px 40.5px;border:1px solid #fff;position:relative;text-align:center;line-height:30.5px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;">Admin Name</div>
<div style="width:30.5px;height:30.5px;box-sizing:border-box;border:1px solid #fff;float:left;margin:5px 0px 0px 0px;">
<img src="http://i.imgur.com/41ifLqW.png" style="width:28.5px;height:28.5px;">
</div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:5px 0px 0px 10px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:-30.5px 0px 0px 40.5px;border:1px solid #fff;position:relative;text-align:center;line-height:30.5px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;">Admin Name</div>
<div style="width:30.5px;height:30.5px;box-sizing:border-box;border:1px solid #fff;float:left;margin:5px 0px 0px 0px;">
<img src="http://i.imgur.com/41ifLqW.png" style="width:28.5px;height:28.5px;">
</div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:5px 0px 0px 10px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);"></div>
<div style="width:91.5px;height:30.5px;box-sizing:border-box;float:left;margin:-30.5px 0px 0px 40.5px;border:1px solid #fff;position:relative;text-align:center;line-height:30.5px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;">Admin Name</div>
</div>
</div>
<div style="background-color:none;width:178px;height:66px;float:right;margin:-66px 15px 0px 0px;font-family:calibri;font-size:10px;letter-spacing:0.5px;color:#fff;line-height:10px;text-align:justify;overflow:hidden;">
<div style="width:198px;height:66px;overflow:auto;">
<div style="width:178px;">
Insert newest event details here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate. In ac elit nulla. Donec in efficitur enim. Maecenas ut diam eu lorem condimentum imperdiet. Donec tristique pretium libero, sed dapibus sem. Nunc rutrum, ante at dignissim dignissim, leo leo dignissim dui, in auctor sapien libero vel justo. Nulla luctus purus id elit viverra, sit amet vehicula ex fermentum. Maecenas eget sem ut leo fermentum laoreet. Sed lobortis, est nec convallis ultrices, ante felis mattis massa, nec tristique risus nisi et nisl. Aenean ut aliquet massa, in dapibus eros. Donec pharetra blandit faucibus. Donec tincidunt felis magna, eu pretium magna commodo sit amet. Nulla a leo arcu. Suspendisse et viverra purus. Cras mattis augue ac leo sodales, mollis mattis augue vehicula.</div>
</div></div></div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-112px 0px 0px 15px;position:relative;">ADMINS & EVENTS</div>
</div>
</div>
</div>
</div>
<div style="width:689px;text-align:center;margin:auto;font-family:calibri;font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:20px;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/rose-quartz-a-layout-gallery-revamped-new-layout-pack-clear-layout-layouts-gallery" style="text-decoration:none;color:#000;">designed and coded by rose-quartz</a></div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<div style="width:350px;margin:auto;">
<div style="float:left;width:350px;height:258px;background-image:url(http://i.imgur.com/YACKxja.png);">
<div style="width:310px;height:220px;background-image:url(http://bin.smwcentral.net/u/11361/BlackTransparentBackground.png);;float:left;margin:20px 0px 0px 20px;color:#fff;font-family:calibri;font-size:10px;letter-spacing:0.5px;border:1px solid #fff;box-sizing:border-box;">
<div style="box-sizing:border-box;width:280px;float:left;margin:15px 0px 0px 15px;line-height:10px;text-align:justify;height:190px;overflow:hidden;line-height:10px;">
<div style="width:300px;height:190px;overflow:auto;">
<div style="width:280px;">
Insert room description here! This box scrolls. Press <em>shift + enter</em> to make a new list item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum mi, ut ultricies risus rutrum eget. Phasellus in elit purus. Suspendisse convallis risus eget porta mattis. Morbi at ex vitae massa facilisis dapibus. Cras et tortor quis mi posuere facilisis. Pellentesque bibendum ultricies risus, a consequat purus sollicitudin sit amet. Fusce molestie nunc et orci lobortis, eget consequat mauris vulputate.
<br><br>
<center>List item<br>List item<br>List item<br>List item<br>List item<br>List item<br>List item<br>List item<br>List item<br>List item<br></center></div></div></div>
</div>
<div style="background-color:black;padding:0px 7.5px;font-family:arial black;color:#fff;font-size:10px;letter-spacing:1px;float:left;line-height:15px;border:1px solid #fff;margin:-227px 0px 0px 15px;position:relative;">ROOM NAME</div>
</div>
</div>
<div style="width:350px;text-align:center;margin:auto;font-family:calibri;font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:20px;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/rose-quartz-a-layout-gallery-revamped-new-layout-pack-clear-layout-layouts-gallery" style="text-decoration:none;color:#000;">designed and coded by rose-quartz</a></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment