Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Last active August 6, 2017 09:09
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/21aee78dd052c1ef0478c1c544152b50 to your computer and use it in GitHub Desktop.
Save rose-quartz/21aee78dd052c1ef0478c1c544152b50 to your computer and use it in GitHub Desktop.
<div style="width:690px;margin:auto;">
<div style="width:690px;background-color:none;height:500px;">
<div style="float:left;background-color:#fff;height:500px;width:170px;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:1px solid #eee;box-sizing:border-box;">
<div style="width:80px;height:80px;background-color:none;border:1px solid #eee;float:left;margin:30px 44px;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:70px;height:70px;float:left;margin:4px">
</div>
<div style="width:100px;height:160px;background-color:#fff;float:left;margin:0px 35px 30px 35px;text-align:justify;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;overflow:hidden;">
<div style="width:120px;height:160px;overflow:auto;">
<div style="width:100px;">
please insert a short description of your roleplay here. the box overflows so you can type as much as you want! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis accumsan purus. Cras ullamcorper ante facilisis tempus tempor. Quisque elit est, convallis vel eros vitae, vehicula viverra quam. Curabitur dignissim cursus aliquet. In sodales malesuada mi eu placerat. Suspendisse gravida orci luctus lacus semper tempor. Donec sollicitudin nunc vitae dolor cursus mollis. Vestibulum vestibulum auctor dui, et blandit magna placerat at. Aenean vitae elit fermentum, finibus felis in, pretium felis.
</div>
</div>
</div>
<div style="width:100px;background-color:none;float:left;text-align:center;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;margin:0px 35px;">
est. 2017<br><br>males: 00<br>
females: 00<br><br><br><br><br><br><br><br><br><br><br><br><span style="Font-size:7px;"><em>theme by<br>rose-quartz</em></span>
</div>
</div>
<div style="float:left;background-color:#E5CCCB;height:500px;width:400px;overflow:hidden;">
<div style="width:420px;height:500px;overflow:auto;">
<div style="width:363px;background-color:#fff;float:left;margin:20px 20px;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:323px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">about the roleplay / background</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis accumsan purus. Cras ullamcorper ante facilisis tempus tempor. Quisque elit est, convallis vel eros vitae, vehicula viverra quam. Curabitur dignissim cursus aliquet. In sodales malesuada mi eu placerat. Suspendisse gravida orci luctus lacus semper tempor. Donec sollicitudin nunc vitae dolor cursus mollis. Vestibulum vestibulum auctor dui, et blandit magna placerat at. Aenean vitae elit fermentum, finibus felis in, pretium felis.
<br><br>
Sed pulvinar tempus risus, et sodales risus. Curabitur ut gravida nunc, non ultrices sem. Pellentesque posuere turpis id arcu dictum, ut elementum turpis facilisis. Cras viverra sapien sit amet sapien dignissim, nec posuere dui sodales. Phasellus venenatis aliquet purus, eu vulputate diam. Fusce efficitur malesuada blandit. Vestibulum lacinia metus et tellus tempus, sit amet bibendum nunc semper. Donec interdum tincidunt varius. Sed ultrices diam non lectus hendrerit, venenatis interdum sem sodales.
</div></div></div></div>
<div style="width:363px;background-color:#fff;float:left;margin:0px 20px;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:323px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">rules & regulations</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis accumsan purus. Cras ullamcorper ante facilisis tempus tempor. Quisque elit est, convallis vel eros vitae, vehicula viverra quam. Curabitur dignissim cursus aliquet. In sodales malesuada mi eu placerat. Suspendisse gravida orci luctus lacus semper tempor. Donec sollicitudin nunc vitae dolor cursus mollis. Vestibulum vestibulum auctor dui, et blandit magna placerat at. Aenean vitae elit fermentum, finibus felis in, pretium felis.
</div></div></div></div>
<div style="width:363px;background-color:#fff;float:left;margin:20px 20px;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:323px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">application form / notes</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">
name: information<br>age: information<br>group: information<br>orientation: information<Br>biography: information<br>personality: information<br>miscellaneous: information<br>password: information<br><Br>+ Vestibulum viverra sed ipsum in gravida. Donec vel purus mauris. Donec imperdiet lectus ex, id faucibus orci posuere malesuada. Sed auctor ligula in efficitur auctor. Vivamus vitae molestie nisi, vel feugiat tellus.
</div></div></div></div>
<div style="width:170px;background-color:#fff;float:left;margin:0px 20px 20px 20px;;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:130px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">newest member</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:100%;border-radius:2px;"></div>
</div></div></div>
<div style="width:170px;background-color:#fff;float:left;margin:0px 20px 20px 0px;;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:130px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">featured member</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:100%;border-radius:2px;">
</div></div></div></div>
<div style="width:363px;background-color:#fff;float:left;margin:0px 20px 20px 20px;;font-size:8px;font-family:calibri;letter-spacing:0.5px;line-height:120%;text-transform:uppercase;color:#A7A7A7;text-align:justify;border-radius:2px;">
<div>
<div style="width:323px;float:left;margin:20px 20px">
<div style="margin:10px 0px 0px 0px;"><div style="height:3px;background-color:#E5CCCB;margin:0px 0px 5px 0px;float:left;"><div style="float:left;margin:-10px 0px;">extra information / groups or factions etc.</div></div>
<div style="width:100%;height:1px;background-color:#E5CCCB;float:left;margin:-7px 0px 0px 0px;"></div>
</div>
<div style="float:left;">Morbi congue sapien euismod scelerisque finibus. Nam in nunc vitae urna placerat ullamcorper rhoncus vel dui. Curabitur viverra elit sed dolor efficitur dictum. Vestibulum sit amet faucibus est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed non metus vehicula, posuere lectus eu, gravida elit. Praesent porttitor scelerisque tellus ut rutrum. Morbi et euismod libero, ac viverra felis. <br><Br>Vivamus eu turpis at magna rhoncus sagittis. Mauris sodales, lectus vel sagittis cursus, lorem nulla aliquet lectus, ac blandit ipsum nulla sed nisl. Donec massa tortor, congue id felis et, imperdiet imperdiet felis. Sed ex risus, malesuada sed auctor in, porta sit amet nibh. Mauris gravida neque a nisi maximus vehicula. Vestibulum ut semper leo, eu vestibulum neque. Curabitur ac feugiat velit.
<br><br>
Quisque ut ligula ultricies, convallis ante eu, facilisis nulla. Sed nec gravida mi. Suspendisse potenti. Suspendisse non faucibus ipsum. Vestibulum et leo non felis tristique hendrerit ut sed ante. Mauris volutpat odio quis felis tempor, ac convallis massa condimentum. Nunc lorem risus, venenatis in tempor sit amet, vestibulum a arcu. Proin sed malesuada turpis. In hendrerit quis dui id vulputate. Pellentesque at massa lacinia, placerat lorem nec, facilisis elit.
</div></div></div></div>
</div>
</div>
<div style="float:left;background-color:#fff;height:500px;width:120px;border-bottom:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box">
<div style="width:60px;height:60px;background-color:none;border:1px solid #eee;float:left;margin:55px 0px 0px 29px;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:50px;height:50px;float:left;margin:4px" title="ADMIN 1 NAME">
</div>
<div style="width:60px;height:60px;background-color:none;border:1px solid #eee;float:left;margin:20px 0px 20px 29px">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:50px;height:50px;float:left;margin:4px" title="ADMIN 2 NAME">
</div>
<div style="width:60px;height:60px;background-color:none;border:1px solid #eee;float:left;margin:0px 0px 20px 29px">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:50px;height:50px;float:left;margin:4px" title="ADMIN 3 NAME">
</div>
<div style="width:60px;height:60px;background-color:none;border:1px solid #eee;float:left;margin:0px 0px 20px 29px">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:50px;height:50px;float:left;margin:4px" title="ADMIN 4 NAME">
</div>
<div style="width:60px;height:60px;background-color:none;border:1px solid #eee;float:left;margin:0px 0px 0px 29px;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/fd/ab/c8/fdabc837c3b1acacf1795261c90d9b38.jpg" style="width:50px;height:50px;float:left;margin:4px" title="ADMIN 5 NAME">
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment