(no subject)

[queimar]

etc

Comments

[queimar]

<center><raw-code><div style="padding: 0; line-weight: 900; color: #ffffff;"><div style="display: table-row;"><div style="display: table-cell; width: 200px; height: 200px; background: url(https://i.pinimg.com/736x/e8/cd/0d/e8cd0d84648136e666180d787af9d66a.jpg) rgba(0,0,0,0.5); background-position: center center; background-size: fit; font-family: helvetica, sans-serif;"><div style="position: relative; top: 85px;text-shadow: 3px 3px 5px #000; font-size: 24px;"><a href="" style="text-decoration: none; line-weight: 900; color: #ffffff;letter-spacing:15px">INFO</a></div></div> <div style="display: table-cell; width: 200px; height: 200px; background: url(https://i.pinimg.com/736x/a2/3b/42/a23b421d9871b474c123b35270806e80.jpg) rgba(0,0,0,0.5); background-position: center center; background-size: fit; font-family: helvetica, sans-serif; line-weight: 900; color: #ffffff;"><div style="position: relative; top: 85px;text-shadow: 3px 3px 5px #000; font-size: 24px;"><a href="" style="text-decoration: none; line-weight: 900; color: #ffffff;">T W O</a></div></div></div> <div style="display: table-row;"><div style="display: table-cell; width: 200px; height: 200px; background: url(https://i.pinimg.com/736x/c2/a1/63/c2a1636e197ac11e459774e920f086d7.jpg) rgba(0,0,0,0.5); background-position: center center; background-size: fit; font-family: helvetica, sans-serif; line-weight: 900; color: #ffffff;"><div style="position: relative; top: 85px;text-shadow: 3px 3px 5px #000; font-size: 24px;"><a href="" style="text-decoration: none; line-weight: 900; color: #ffffff;">T H R E E</a></div></div><div style="display: table-cell; width: 200px; height: 200px; background: url(https://cdnb.artstation.com/p/assets/images/images/002/041/035/large/sandara-tang-blue-crystal-dragon.jpg?1456387410) rgba(0,0,0,0.5); background-position: 10% 90%; background-size: fit; font-family: helvetica, sans-serif; line-weight: 900; color: #ffffff;"><div style="position: relative; top: 85px;text-shadow: 3px 3px 5px #000; font-size: 24px;"><a href="" style="text-decoration: none; line-weight: 900; color: #ffffff;">F O U R</a></div></div></div></div></raw-code>

[queimar]

<lj-raw><div style="margin:0 auto;height:500px;width:350px;overflow:hidden;font-family:arial,sans-serif;color:#666;font-size:12px;background:#333 url(https://64.media.tumblr.com/36ac8985daf1d0f4829dfbb68fdf7816/86982f9729801bf1-d6/s500x750/6d0ca3f1cf09463faf1b0a2ce7e92a91a21618e1.gifv)center no-repeat;background-size:cover;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.6);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.6);"> <div style="text-align:center;-webkit-border-radius:0 0 400px 400px;border-radius:0 0 400px 400px;border:20px solid #fff;border-top:none;margin:0 -40px;opacity:0%"><div style="background:#fff;padding:40px 0;-webkit-border-radius:0 0 400px 400px;border-radius:0 0 400px 400px;margin:-10px 60px 50px 60px;font-size:36px;line-height:90%;"> <b style="font-family:arial black,gaget,sans-serif;font-size:30px;">DA-LUA</b><br>'of the moon' </div></div> <div style="height:40%;display:flex;flex-direction:row;margin:50px;"><div style="width:100%;background:#fff;padding:15px;align-self:flex-end;font-size:10px;text-align:center;"><div style="margin:0 0 5px 0;font-size:18px;font-family:arial black,gaget,sans-serif;border-bottom:1px solid #bbb;"> DA-LUA</div> <a href="URL1" style="color:#777;text-decoration:none;">LINK1</a> • <a href="URL2" style="color:#777;text-decoration:none;">LINK2</a> • <a href="URL3" style="color:#777;text-decoration:none;">LINK3</a> • <a href="URL4" style="color:#777;text-decoration:none;">LINK4</a> </div></div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;margin:5px auto 0 auto;width:350px;text-align:right;font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:2px;font-size:8px;">© TESSISAMESS</a></lj-raw>

[queimar]

<lj-raw><div style="max-width:560px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:start;gap:10px;font-family:arial, helvetica, sans serif;font-size:12px;"> <!-- image board --> <div style="box-sizing:border-box;width:275px;height:400px;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:10px;background:#ccc url('https://cdnb.artstation.com/p/assets/images/images/002/041/035/large/sandara-tang-blue-crystal-dragon.jpg?1456387410')10%;background-size:wrap;"> <div style="width:100px;height:100px;background:#eee url('https://v2.dreamwidth.org/18043644/4241548')center;background-size:cover;"></div> <div style="width:100px;height:100px;background:#eee url('https://v2.dreamwidth.org/18043616/4241548')center;background-size:cover;"></div> <div style="width:100px;height:100px;background:#eee url('https://v2.dreamwidth.org/18034465/4241548')center;background-size:cover;"></div> </div> <!-- image board --> <!-- right side: text --> <div style="flex-grow:1;min-width:200px;max-width:275px;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr 75px;gap:10px;"> <!-- text area --> <div style="width:100%;min-height:50px;align-self:stretch;background:transparent;"> <div style="width:100%;font-size:17px;text-align:left;font-weight:bold;color:#0146b5;font-family:georgia">DA-LUA</div> <div style="width:100%;font-size:13px;font-family:georgia;text-align:justify;color:#2d2d2d"> </lj-raw>'OF THE MOON' <br><small>an original character</small><lj-raw> </div> </div> <!-- text area; end --> <!-- two images --> <div style="box-sizing:border-box;width:100%;min-height:50px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;gap:10px;"> <div style="background:#ccc url('https://i.pinimg.com/736x/e8/cd/0d/e8cd0d84648136e666180d787af9d66a.jpg')center;background-size:cover;"></div> <div style="background:#ccc url('https://i.pinimg.com/736x/a2/3b/42/a23b421d9871b474c123b35270806e80.jpg')center;background-size:cover;"></div> </div> <!-- two images; end --> <!-- img bar --> <div style="width:100%;height:75px;background:#ccc url('https://i.pinimg.com/736x/c2/a1/63/c2a1636e197ac11e459774e920f086d7.jpg')center;background-size:cover;"></div> <!-- img bar; end --> </div> <!-- right side: text; end --> <!-- CREDIT --> <div style="width:275px;margin-top:-5px;text-align:center;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div> <!-- CREDIT; end --> </div></lj-raw>

[queimar]

<lj-raw><article style="height:500px;width:800px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;background:#fff;text-align:center;font-family:georgia,serif;font-size:8px;letter-spacing:1px;color:#111;"> <!--COLOR PALETTE--> <section style="height:100%;width:calc((500px / 6) - 5px);display:flex;flex-direction:column;justify-content:space-between;"> <div style="background:#250902;height:calc((100% / 6) - 5px);"></div> <div style="background:#38040e;height:calc((100% / 6) - 5px);"></div> <div style="background:#640d14;height:calc((100% / 6) - 5px);"></div> <div style="background:#800e13;height:calc((100% / 6) - 5px);"></div> <div style="background:#ad2831;height:calc((100% / 6) - 5px);"></div> <div style="background:#ff758f;height:calc((100% / 6) - 5px);"></div> </section> <!--IMAGES--> <section style="width:calc(100% - ((500px / 6)) - 3px);height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:6px;grid-template-areas:'one one four five''one one six six''two three six six';"> <!--IMG1--> <div style="grid-area:one;background:#ddd url(https://i.pinimg.com/1200x/ae/1b/5f/ae1b5fac6c80dbc16d5e40366e271c02.jpg)center 50%;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <!--LEFT TEXT - CAN DELETE--> <div style="background:#fff;padding:10px;margin:0 0 calc(((10px + 1px) + 6px) * -1) 0;width:calc((800px / 2) / 2);position:relative;box-sizing:border-box;"> DA-LUA </div> </div> <!--IMG2--> <div style="grid-area:two;background:#ddd url(https://i.pinimg.com/736x/8b/cb/28/8bcb28564bee88cf7a164ef26180da12.jpg);background-size:cover;"></div> <!--IMG3--> <div style="grid-area:three;background:#ddd url(https://i.pinimg.com/1200x/dd/e6/58/dde65824db85e5f78534d42c6f367dad.jpg);background-size:cover;"></div> <!--IMG4--> <div style="grid-area:four;background:#ddd url(https://i.pinimg.com/736x/52/73/0e/52730ea8ffa405c07c8d93f65207d33c.jpg);background-size:cover;"></div> <!--IMG5--> <div style="grid-area:five;background:#ddd url(https://i.pinimg.com/736x/33/6e/1e/336e1e2aa04152f9fe741617e362f683.jpg);background-size:cover;"></div> <!--IMG6--> <div style="grid-area:six;background:#ddd url(https://i.pinimg.com/1200x/67/6c/9a/676c9aa338c377be7be38155eafa81ab.jpg)90%;background-size:cover;display:flex;align-items:flex-start;justify-content:center;"> <!--RIGHT TEXT - CAN DELETE--> <div style="background:#fff;padding:10px;margin:calc(((10px + 1px) + 6px) * -1) 0 0 0;width:calc((800px / 2) / 2);position:relative;box-sizing:border-box;"> « OF THE MOON » </div> </div> </section> </article><div style="width:800px;margin:5px auto 0 auto;font-size:8px;letter-spacing:2px;text-align:right;"><a href="https://patreon.com/tessisamess" style="color:#aaa;text-decoration:none;">CODING</a></div></lj-raw>

[queimar]

<lj-raw><div style="max-width:725px;width:100%;margin:10px auto;font-family:arial, helvetica, sans serif;font-size:clamp(10px, 2vw, 13px);line-height:1.2;text-align:center;color:#fff;background:transparent;"> <div style="display:grid;grid-template-columns:minmax(80px, 20%) 1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(9, 60px);gap:10px;background:transparent;"> <!-- NAV SQUARES --> <a href="#URL_HERE" style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;padding:2px;display:flex;justify-content:center;align-items:center;font-weight:bold;font-variant:small-caps;letter-spacing:2.5px;text-decoration:none;background:#191818 url('IMG_URL')center;background-size:cover;color:#fff;">info</a> <a href="#URL_HERE" style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:5;padding:2px;display:flex;justify-content:center;align-items:center;font-weight:bold;font-variant:small-caps;letter-spacing:2.5px;text-decoration:none;background:#191818 url('IMG_URL')center;background-size:cover;color:#fff;">kinklist</a> <a href="#URL_HERE" style="grid-column-start:1;grid-column-end:2;grid-row-start:5;grid-row-end:7;padding:2px;display:flex;justify-content:center;align-items:center;font-weight:bold;font-variant:small-caps;letter-spacing:2.5px;text-decoration:none;background:#191818 url('IMG_URL')center;background-size:cover;color:#fff;">ooc</a> <a href="#URL_HERE" style="grid-column-start:1;grid-column-end:2;grid-row-start:7;grid-row-end:9;padding:2px;display:flex;justify-content:center;align-items:center;font-weight:bold;font-variant:small-caps;letter-spacing:2.5px;text-decoration:none;background:#191818 url('IMG_URL')center;background-size:cover;color:#fff;">etc</a> <!-- NAV SQUARES END --> <!-- MAIN IMAGE BOARD --> <div style="grid-column-start:2;grid-column-end:5;grid-row-start:1;grid-row-end:5;background:#ccc url('https://64.media.tumblr.com/ff314c97fd6725417eba603df4f817b3/69b8799194d937d8-6a/s400x600/8555d5a5c1c22582940826cd03ae3267be281a52.gifv')center;background-size:cover;"></div> <div style="grid-column-start:5;grid-column-end:7;grid-row-start:1;grid-row-end:3;background:#ccc url('https://i.pinimg.com/1200x/d8/cb/4e/d8cb4ed6b3a1d9fabf0dc6171496f69b.jpg')center;background-size:cover;"></div> <div style="grid-column-start:5;grid-column-end:7;grid-row-start:3;grid-row-end:6;background:#ccc url('https://64.media.tumblr.com/20bb27552ada258acd731a6462514703/86982f9729801bf1-d7/s400x600/166cdf16f79e7d9de070500bfb55c2da959b09f2.gifv')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:4;grid-row-start:5;grid-row-end:9;background:#ccc url('https://64.media.tumblr.com/36ac8985daf1d0f4829dfbb68fdf7816/86982f9729801bf1-d6/s500x750/6d0ca3f1cf09463faf1b0a2ce7e92a91a21618e1.gifv')center;background-size:cover;"></div> <div style="grid-column-start:4;grid-column-end:7;grid-row-start:6;grid-row-end:9;background:#ccc url('https://64.media.tumblr.com/60201e4ddc663809a13a1bef2b70434f/86982f9729801bf1-bd/s500x750/1cab3f7ba8668d071596b5a448c8d7e99c6d81df.gifv')center;background-size:cover;"></div> <!-- MAIN IMAGE BOARD END --> <!-- CENTERPIECE: TINY SQUARE --> <div style="grid-column-start:4;grid-column-end:5;grid-row-start:5;grid-row-end:6;background:#ccc url('https://i.pinimg.com/736x/c7/db/cc/c7dbcc18c08d77ec9b2bd92c84b50107.jpg')center;background-size:cover;"></div> <!-- CENTERPIECE: TINY SQUARE END --> <!-- BOTTOM IMAGE --> <div style="grid-column-start:1;grid-column-end:7;grid-row-start:9;grid-row-end:10;background:#191818 url('')center;background-size:cover;"></div> <!-- BOTTOM IMAGE END --> </div> <!-- CREDIT --> <div style="width:100%;margin:0 auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">❤</a></div> <!-- CREDIT --> </div></lj-raw>