Skip to content

Instantly share code, notes, and snippets.

@rose-quartz

rose-quartz/NEW DREAMS ANNOUNCEMENT Secret

Created September 12, 2017 08:18
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/748173baa477cba2ee8da146fcb0aee9 to your computer and use it in GitHub Desktop.
Save rose-quartz/748173baa477cba2ee8da146fcb0aee9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
NEW DREAMS ANNOUNCEMENT
<div style="width:381px;margin:auto;">
<div style="width:238px;height:516px;background-color:#a1beda;float:left;border-radius:3px;">
<div style="width:inherit;height:30px;border-bottom:3px solid #fff;float:left;line-height:30px;font-size:12px;text-transform:uppercase;font-family:arial;color:#fff;text-align:left;"><strong>&nbsp;&nbsp;date</strong></div>
<div style="width:inherit;height:30px;border-bottom:3px solid #fff;float:left;font-size:12px;text-transform:uppercase;font-family:arial;color:#fff;text-align:center;line-height:30px;"><strong>announcement</strong></div>
<div style="width:inherit;height:30px;border-bottom:3px solid #fff;float:left;font-size:12px;text-transform:uppercase;font-family:arial;color:#fff;text-align:right;line-height:30px;"><strong>title&nbsp;&nbsp;</strong></div>
<div style="width:198px;height:373px;background-color:#fff;float:left;margin:20px 0px 0px 20px;font-family:calibri, arial, sans-serif;font-size:8.5px;letter-spacing:0.5px;line-height:115%;color:#6C6C6C;text-transform:uppercase;text-align:justify;">
<div style="width:158px;height:333px;overflow:hidden;float:left;margin:20px 0px 0px 20px;">
<div style="width:218px;height:333px;overflow:auto;float:left;">
<div style="width:158px;float:left;">
insert announcement information here! this box scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pharetra rhoncus ex, at auctor lacus imperdiet vitae. Ut sed posuere est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur ultricies lorem varius faucibus ultrices. Pellentesque blandit at felis eget semper. Nunc semper sapien et dui porta ultrices. Ut aliquet vulputate magna a bibendum. Nam sagittis accumsan diam. In molestie pharetra orci. Pellentesque leo nibh, porttitor at feugiat a, facilisis in lorem. Nunc sollicitudin erat id dui vestibulum, nec tempus felis luctus.
<Br><br>
Pellentesque lacus felis, accumsan in diam ultricies, blandit consectetur est. Quisque quis egestas nunc, ut viverra tortor. Pellentesque fringilla pellentesque ligula, sit amet placerat nibh eleifend quis. Duis quis sapien ex. Aenean pulvinar malesuada nulla eget laoreet. Vestibulum a enim cursus purus luctus imperdiet luctus id lectus. Nulla a massa imperdiet, hendrerit nibh quis, varius arcu. Etiam nibh leo, pellentesque id vehicula nec, porttitor ac nibh.
<br><br>
Fusce eu dapibus ante. Vestibulum vitae justo facilisis felis fermentum maximus sed dignissim nunc. Etiam placerat justo at ex sodales auctor. Curabitur at tempor felis, non pellentesque quam. Maecenas eget leo diam. Proin suscipit elit in nisi vehicula, ut pulvinar orci consectetur. Cras sit amet lacus vitae erat pulvinar porta eget vel ante. Suspendisse in egestas dolor. Maecenas vehicula, felis a feugiat mattis, nunc libero volutpat elit, ac sagittis elit libero vitae sapien. Donec placerat metus ante, nec semper nisl convallis eu. Praesent nec consectetur neque. Nulla fringilla venenatis dolor.
<br><br>
Curabitur in pharetra magna. Ut fermentum pulvinar orci at elementum. Cras efficitur eros neque, vel gravida neque dictum in. Etiam semper sagittis sagittis. Duis vitae arcu magna. Fusce dapibus enim convallis justo vulputate, in vulputate nulla lobortis. Sed eu risus enim. Maecenas id odio ut eros maximus porttitor volutpat eget lectus. Maecenas neque urna, tristique ut ex at, tempus rhoncus justo. Phasellus sagittis semper aliquet. Vivamus id neque a ex consequat pretium a quis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut hendrerit leo, vitae interdum velit. Nunc blandit sapien orci, eget vestibulum libero feugiat ut.
</div></div>
</div>
</div>
</div>
<div style="width:140px;height:516px;float:left;background-color:blue;margin:0px 0px 0px 3px;overflow:hidden;border-radius:3px;">
<img src="https://68.media.tumblr.com/db2fbdd7ca83fd4b21ef8da91beaf14d/tumblr_ovwi752xiz1uqwk2fo9_r1_400.jpg" style="width:140px;height:516px;float:left;">
</div>
</div>
<div style="width:381px;margin:auto;color:#a1beda;font-family:calibri, arial, sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:0.5px;line-height:15px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628" style="text-decoration:none;color:#a1beda;">coded by rose-quartz</a></div>
Raw
NEW DREAMS DORM
<div style="width:680px;margin:auto;">
<div style="width:inherit;height:450px;background-color:#a1beda;border-radius:3px;float:left;">
<div style="width:120px;float:left;margin:20px 0px 0px 20px;">
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:120px;height:17px;background-color:#fff;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:17px;margin:5px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:center;border-radius:3px;">member name</div>
<div style="width:inherit;color:#6C6C6C;text-align:center;font-family:georgia;font-size:13px;float:left;margin-top:10px;color:#fff;letter-spacing:0.5px;"><Strong><em>group name</em></Strong></div>
<div style="width:120px;height:17px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;margin:5px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">established 170101.<br>under <em>company name.</em></div>
</div>
<div style="width:120px;float:left;margin:20px 0px 0px 10px;">
<div style="width:118px;padding:10px 0px;;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;margin:0px 0px 0px 0px;color:#6C6C6C;text-transform:uppercase;text-align:justify;border-radius:3px;border:1px solid #fff;color:#fff;">
<div style="width:100px;float:left;margin:0px 0px 0px 10px;">
insert group description and other information here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pharetra rhoncus ex, at auctor lacus imperdiet vitae. Ut sed posuere est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur ultricies lorem varius faucibus ultrices. Pellentesque blandit at felis eget semper.</div></div>
<div style="width:inherit;color:#fff;text-align:center;font-family:georgia;font-size:10px;float:left;margin-top:10px;color:#fff;letter-spacing:0.5px;"><Strong><em>fanclub</em></Strong></div>
<div style="width:120px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">fanclub name here!</em></div>
<div style="width:inherit;color:#fff;text-align:center;font-family:georgia;font-size:10px;float:left;margin-top:5px;color:#fff;letter-spacing:0.5px;"><Strong><em>colors</em></Strong></div>
<div style="width:120px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">color/s here!</em></div>
</div>
<div style="width:380px;height:410px;float:left;margin:20px 0px 0px 10px;overflow:hidden;">
<div style="width:400px;height:410px;overflow:auto;">
<div style="width:185px;float:left;">
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
</div>
<div style="width:185px;float:left;margin:0px 0px 0px 10px;">
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
<div style="width:185px;height:150px;float:left;"><img src="https://68.media.tumblr.com/4b628480540bc15ffb384dd8236c3cfe/tumblr_ow5qkncGe41uqwk2fo1_250.jpg" style="width:185px;height:150px;border-radius:3px;"></div>
<div style="width:185px;height:18px;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:18px;;margin:3px 0px 0px 0px;color:#fff;text-transform:uppercase;text-align:center;">room name</em></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:680px;margin:auto;color:#a1beda;font-family:calibri, arial, sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:0.5px;line-height:15px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628" style="text-decoration:none;color:#a1beda;">coded by rose-quartz</a></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment