Skip to content

Instantly share code, notes, and snippets.

@funruby
Created October 4, 2015 01:29
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 funruby/7feea299b87463c7a9fa to your computer and use it in GitHub Desktop.
Save funruby/7feea299b87463c7a9fa to your computer and use it in GitHub Desktop.
<div style="width:590px;height:670px;overflow:hidden;float:left;margin:auto;margin-bottom:25px;margin-left:150px;background-color:#F0F0F0;"><img alt="background" src="https://36.media.tumblr.com/d809cde44e9a1fc64869fb45554f6ad9/tumblr_nop4ouPWEE1s5jtbeo1_500.jpg" style="width:590px;height:670px;float:left;" />
<div style="width:593px;height:654px;float:left;margin-left:-3px;margin-top:-670px;">
<div style="width:300px;float:left;">
<div style="width:300px;height:654px;float:left;margin-left:60px;">
<div style="width:250px;height:300px;background-color:#FFFFFF;float:left;opacity:.8;">
<div style="margin-top:40px;">
<div style="font-family:calibri;font-size:11px;color:#719CA6;text-align:justify;line-height:115%;letter-spacing:.1px;margin-left:35px;margin-right:35px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br />
<br />
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div>
</div>
</div>
<div style="width:250px;height:91px;margin-top:5px;float:left;">
<div style="width:80px;height:80px;float:left;background-color:#F7FFFD;"><img alt="first bae" src="http://i.imgur.com/LrBSBKF.jpg?1" style="width:72px;height:72px;float:left;margin:4px;" />
<div class="tooltip" style="height:72px;width:72px;float:left;overflow:auto;margin-top:-72px;border-bottom:none;" title="Lillian - probably the most down-to-earth girl I know. Thanks for putting up with my shenanigans and being the salt to my pepper, girl.">&nbsp;</div>
</div>
<div style="width:80px;height:80px;float:left;background-color:#F7FFFD;margin-left:5px;"><img alt="first bae" src="http://i.imgur.com/LrBSBKF.jpg?1" style="width:72px;height:72px;float:left;margin:4px;" />
<div class="tooltip" style="height:72px;width:72px;float:left;overflow:auto;margin-top:-72px;border-bottom:none;" title="Drew - Although you suck at singing, you rock at singing some truth into me. You're the real bro.">&nbsp;</div>
</div>
<div style="width:80px;height:80px;float:left;background-color:#F7FFFD;margin-left:5px;"><img alt="first bae" src="http://i.imgur.com/LrBSBKF.jpg?1" style="width:72px;height:72px;float:left;margin:4px;" />
<div class="tooltip" style="height:72px;width:72px;float:left;overflow:auto;margin-top:-72px;border-bottom:none;" title="Brittney - Never forget our crazy ideas and incredibly embarrassing fails (selfies included). Also THANK YOU for loving brunch as much as I do.">&nbsp;</div>
</div>
<div style="font-family:futura;font-size:11px;color:#F7FFFD;float:right;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;">squadaf</div>
</div>
<div style="width:250px;height:100px;float:left;">
<div style="margin-top:20px;">
<div style="font-family:futura;font-size:20px;color:#F7FFFD;text-align:center;line-height:125%;letter-spacing:1px;"><em>until the<br />
<u>break</u> of dawn</em></div>
</div>
</div>
<div style="width:253px;height:161px;background-color:#FFFFFF;float:left;margin-top:13px;opacity:.78;">&nbsp;</div>
</div>
</div>
<div style="width:293px;float:left;margin-top:-70px;">
<div style="width:0px;height:0px;float:left;border:362px solid transparent;border-bottom:120px solid #FFFFFF;border-right:0px solid transparent;border-left:293px solid transparent;">&nbsp;</div>
<div style="width:293px;height:100px;float:left;margin-top:-100px;">
<div style="margin-top:84px;">
<div style="font-family:didot, 'times new roman';font-size:12px;color:#000;text-align:right;margin-right:25px;margin-left:25px;letter-spacing:.5px;"><em><span style="font-family:'times new roman';">I. II. III. IV.</span></em></div>
</div>
</div>
<div style="height:80px;width:293px;margin-left:0px;background-color:#FFFFFF;float:left;margin-top:0px;">
<div style="margin-top:18px;">
<div style="font-family:didot, georgia, 'times new roman';font-size:44px;color:#000;text-transform:uppercase;letter-spacing:.4px;text-align:center;line-height:100%;margin-right:5px;"><strong>midnight</strong></div>
</div>
</div>
<div style="width:280px;float:left;margin-left:10px;"><img alt="rush" src="http://i.imgur.com/ULQ9UJH.png" style="width:200px;float:left;margin-left:55px;height:80px;" /></div>
<div style="margin-top:50px;float:right;border:2px solid #FFFFFF;height:30px;width:30px;margin-right:15px;">
<div style="margin-top:10px;">
<div style="font-family:'century gothic', futura;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="syncratic designs © 2015"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">sd</span></a></div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment