Skip to content

Instantly share code, notes, and snippets.

@ataraxia17
ataraxia17 / a.c. couples
Last active February 27, 2018 04:10
Altered Carbon RP Layout Set
<div style="width:265px;margin:auto;height:435px;background:#fff;overflow:hidden;">
<div style="width:260px;float:left;height:420px;background:#F0F0F0;">
<div style="width:260px;float:left;height:30px;background:#000;">
<div style="width:50px;float:left;height:30px;background:#42BBFB;margin-top:0px;">
<p style="font-family:Arial;font-size:25px;color:#FFF;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:left;margin-top:9px;margin-left:12px;">&larr;</p>
</div>
<div style="float:left;height:30px;background:#000;margin-left:10px;">
<p style="font-family:Arial;font-size:10px;color:#FFF;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:left;margin-top:12px;margin-left:0px;"><em>Couple room</em></p>
</div>
<div style="width:556px;margin:auto;height:385px;background:#fff;overflow:hidden;">
<div style="width:170px;float:left;height:170px;background:#F7D9F7;overflow:hidden;"><img alt="" src="https://66.media.tumblr.com/c14abedc045304f1256d517f3f0d9221/tumblr_os51aji9mE1vimwv4o6_250.png" style="width:170px;height:170px;" /></div>
<div style="width:170px;float:left;height:20px;margin-top:150px;margin-left:-170px;">
<p style="font-family:'Times New Roman';font-size:20px;color:#fff;letter-spacing:-1px;line-height:10px;text-align:left;text-transform:uppercase;margin-top:7px;"><strong>oh sehun</strong></p>
</div>
<div style="width:170px;float:left;height:30px;border-top-left-radius:15px;border-bottom-left-radius:15px;background:#F0B6CD;margin-top:172px;margin-left:-170px;">
<div style="width:20px;float:left;height:20px;border-radius:100%;margin-top:5px;margin-left:5px;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/34921
@ataraxia17
ataraxia17 / adoption center
Last active January 6, 2018 06:50
h & t 2.0
<div style="width:610px;margin:auto;height:1100px;background:#fff;overflow:hidden;">
<div style="width:610px;float:left;height:100px;background:#E29698;border-radius:5px;overflow:hidden;"><img alt="" src="https://images.unsplash.com/photo-1501746877-14782df58970?&amp;fit=crop&amp;w=675&amp;q=80" style="width:610px;height:800px;margin-top:-50px;" /></div>
<div style="width:610px;float:left;height:100px;background:transparent;border-radius:5px;margin-top:-100px;">
<p style="font-family:'century gothic';font-size:40px;color:#fff;letter-spacing:7px;text-transform:uppercase;text-align:center;margin-top:20px;"><strong>adoption center</strong></p>
</div>
<div style="width:610px;float:left;height:35px;background:#F1B682;border-radius:5px;margin-top:2px;">
<p style="font-family:'century gothic';font-size:35px;color:#fff;letter-spacing:7px;text-transform:uppercase;text-align:center;margin-top:-10px;"><strong>available kittens</strong></p>
</div>
<div style="width:420px;margin:auto;height:500px;background:#fff;overflow:hidden;">
<div style="width:387px;float:left;height:81px;background:#A5A5A5;">
<div style="width:385px;float:left;height:79px;background:#fff;margin-top:1px;margin-left:1px;">
<p style="font-family:'century gothic';font-size:20px;color:#A5A5A5;letter-spacing:2px;line-height:20px;text-transform:uppercase;text-align:left;margin-top:12px;margin-left:5px;"><strong><img alt="" src="http://i.imgur.com/77jGmEg.png" style="width:60px;height:60px;border-radius:85px;" /></strong></p>
<p style="font-family:'century gothic';font-size:20px;color:#A5A5A5;letter-spacing:2px;line-height:8px;text-transform:uppercase;text-align:center;margin-top:-60px;margin-left:50px;"><strong>game title<br />
<span style="font-size:9px;">guess the shit nigga</span></strong></p>
</div>
<div style="width:387px;float:left;height:387px;background:#A5A5A5;">
<div style="width:700px;margin:auto;height:700px;">
<div style="width:700px;height:700px;float:left;overflow:hidden;">
<div style="width:700px;float:left;height:700px;"><img alt="" src="http://www.starhub.com/content/dam/catalog/starhub-store-apple-iphone-7-plus-rose-gold-front.png" style="height:700px;width:700px;" /></div>
<div style="width:270px;float:left;height:477px;background:#59A791;margin-top:-588px;margin-left:215px;">&nbsp;</div>
<div style="width:5px;float:left;height:5px;background:#fff;border-radius:10px;margin-top:-580px;margin-left:220px;">
<div style="width:5px;float:left;height:5px;background:#fff;border-radius:10px;margin-left:7px;">
<div style="width:5px;float:left;height:5px;background:#fff;border-radius:10px;margin-left:7px;">
<div style="width:5px;float:left;height:5px;background:#fff;border-radius:10px;margin-left:7px;">
@ataraxia17
ataraxia17 / king
Last active February 5, 2019 09:01
<div style="width:550px;margin:auto;height:640px;">
<div style="width:550px;height:640px;float:left;overflow:hidden;">
<div style="width:465px;float:left;height:620px;"><img alt="" src="https://s-media-cache-ak0.pinimg.com/originals/10/23/f3/1023f32557e2d5aa8f2eb18b2ea7b9f7.jpg" style="height:620px;width:465px;" /></div>
<div style="width:465px;float:left;height:475px;background:#fff;margin-top:-547px;">&nbsp;</div>
<div style="width:205px;float:left;height:308px;margin-top:-535px;"><img alt="" src="https://s-media-cache-ak0.pinimg.com/originals/3d/b6/01/3db601ea82be5ba53b0bdd9c9bbc5481.jpg" style="width:205px;height:308px;" /></div>
<div style="width:215px;float:left;margin-top:-225px;font-family:arial;font-size:27px;letter-spacing:2px;color:#8295A9;"><strong>lio kobayashi</strong></div>
<div style="width:540px;margin:auto;height:510px;">
<div style="width:540px;height:510px;float:left;overflow:hidden;">
<div style="width:520px;float:left;height:490px;background:#CECBD7;border:solid 1px #000;">
<div style="width:520px;float:left;height:490px;background:#F1C0DA;border:solid 1px #000;margin-top:10px;margin-left:10px;">&nbsp;</div>
<div style="width:200px;float:left;height:40px;background:#593338;border:solid 1px #000;margin-top:-480px;margin-left:20px;">
<div style="width:150px;float:left;height:40px;margin-top:5px;margin-left:30px;font-size:20px;font-family:Calibri;color:#fff;letter-spacing:5px;text-transform:uppercase;"><strong><span style="font-family:Arial;">babygirl</span></strong></div>
<div style="width:200px;float:left;height:200px;background:#593338;margin-top:5px;"><img alt="" src="https://i.imgur.com/3zQFqTE.jpg" style="width:200px;height:200px;border:solid 1px #000;" /></div>
<div style="width:470px;margin:auto;height:390px;">
<div style="width:470px;height:390px;float:left;overflow:hidden;">
<div style="width:450px;float:left;height:350px;background:#C5EBDF;border:solid 1px #000;">
<div style="width:450px;float:left;height:350px;background:#EFEEED;border:solid 1px #000;margin-top:5px;margin-left:5px;">
<div style="width:400px;float:left;height:70px;background:#C5EBDF;border:solid 1px #000;margin-top:25px;margin-left:25px;">
<div style="width:200px;float:left;height:50px;margin-top:10px;margin-left:120px;font-family:'times new roman';font-size:30px;color:#fff;letter-spacing:1px;text-transform:uppercase;">macaron</div>
</div>
<div style="width:200px;float:left;height:30px;margin-top:10px;margin-left:25px;background:#C5EBDF;border:solid 1px #000;">
<div style="width:120px;float:left;height:30px;margin-left:45px;font-family:arial;font-size:20px;color:#fff;letter-spacing:1px;text-transform:uppercase;"><em><strong>bonjour!</strong></em></div>
<div style="width:600px;margin:auto;height:520px;">
<div style="width:600px;height:520px;float:left;overflow:hidden;">
<div style="width:600px;height:520px;float:left;"><img alt="" src="http://www.psdgraphics.com/file/dark-gradient.jpg" style="width:600px;height:520px;" /></div>
</div>
<div style="width:310px;float:left;height:60px;margin-top:-520px;margin-left:5px;font-family:arial;font-size:60px;letter-spacing:1px;text-transform:uppercase;color:#fff;"><em><strong>mammon</strong></em></div>
<div style="width:280px;float:left;height:440px;margin-top:-445px;margin-left:5px;">
<div style="width:280px;float:left;height:3px;background:#fff;">
<div style="width:50px;float:left;height:50px;background:#0D405A;margin-top:10px;margin-left:5px;">
<div style="width:655px;margin:auto;height:550px;background:#fff;">
<div style="width:655px;height:550px;float:left;overflow:hidden;">
<div style="width:290px;float:left;height:80px;margin:5px 0px 0px 30px;color:#F1CBAB;font-size:72px;font-family:Arial;letter-spacing:1px;text-transform:uppercase;"><strong>Adonis</strong></div>
<div style="width:290px;float:left;height:80px;margin:5px 0px 0px -300px;color:#A77C85;font-size:72px;font-family:Arial;letter-spacing:1px;text-transform:uppercase;"><strong>Adonis</strong></div>
<div style="width:290px;float:left;height:80px;margin:5px 0px 0px -295px;color:#EFB399;font-size:72px;font-family:Arial;letter-spacing:1px;text-transform:uppercase;"><strong>Adonis</strong></div>
<div style="width:200px;float:left;height:400px;background:#A77C85;margin:100px 0px 0px -300px;">&nbsp;</div>