(no subject)

[10billionghosts]

Header Text

Footer Text

code

<lj-raw><div style="max-width:610px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1.75fr 1fr;grid-template-rows:160px 70px 70px 160px;gap:10px;font-family:times new roman, serif;color:#fff;"> <!-- IMAGE BOARD --> <!-- left column --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- left column; end --> <!-- center column; this one contracts --> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:4;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:4;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- center column; end --> <!-- right column --> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- right column; end --> <!-- IMAGE BOARD; end --> <!-- FOREGROUND; this section & all subsections are optional, delete any unwanted part or the whole section --> <div style="font-size:30px;grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px;text-align:center;"> <!-- header text --> <div style="width:100%;font-weight:bold;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Header Text </div> <!-- header text;end --> <!-- color line/links --> <div style="width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:7px;"> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> </div> <!-- color line; end --> <!-- footer text --> <div style="font-size:28px;width:100%;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Footer Text </div> <!-- footer text;end --> </div> <!-- CREDIT --> <div style="grid-column-start:1;grid-column-end:4;margin-top:-5px;text-align:center;font-size:10px;color:#ddd"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div> <!-- CREDIT --> </div></lj-raw>

Comments

[stoplickingthedamnthing]

<lj-raw><div style="max-width:400px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:2px 4px;font-size:13px;font-family:helvetica, sans serif;color:#303030"> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/48/31/e9/4831e9e58daa74c4f7ec6a08e7b6a636.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/1b/75/c1/1b75c16b9231e2900ce33be82aa07227.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/e2/c2/77/e2c2776978d77c39ac94a0c27de33295.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (text) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">what</div> </summary> <div style="padding:10px 5px;text-align:justify;"> </lj-raw>Carrot cake donut macaroon macaroon sugar plum. Sesame snaps donut shortbread chocolate cake pastry chocolate cake chocolate sweet roll. Pudding soufflé jujubes sweet gingerbread carrot cake. Pudding jujubes muffin chupa chups muffin bear claw biscuit cupcake. Dragée cupcake brownie pie candy canes sweet brownie chupa chups sweet. Gingerbread soufflé caramels toffee pudding macaroon jelly beans tootsie roll pudding. Cake pastry apple pie cheesecake macaroon.<lj-raw> </div> </details> <!-- hidden content; end --> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/f5/65/2e/f5652e81c7430b00c058228c89134881.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/18/f6/34/18f634a62ee73330fd6ac836ac2516f0.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/d0/2a/db/d02adb1ce06afd135d7be9a9be9d7f8c.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (links) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">like it's</div> </summary> <div style="padding:10px 5px;display:grid;grid-template-columns: auto auto auto;grid-template-rows:auto;gap:5px;"> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> </div> </details> <!-- hidden content; end --> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/4c/0a/56/4c0a56a045b5cf94d83c4dd799a53452.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/3f/69/63/3f6963b01ebf2b4dde1722f27f9f11e9.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/e8/7e/ac/e87eac436b9d37c69caac9588b11188c.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (text) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">hard?</div> </summary> <div style="padding:10px 5px;text-align:justify;"> </lj-raw>Carrot cake donut macaroon macaroon sugar plum. Sesame snaps donut shortbread chocolate cake pastry chocolate cake chocolate sweet roll. Pudding soufflé jujubes sweet gingerbread carrot cake. Pudding jujubes muffin chupa chups muffin bear claw biscuit cupcake. Dragée cupcake brownie pie candy canes sweet brownie chupa chups sweet. Gingerbread soufflé caramels toffee pudding macaroon jelly beans tootsie roll pudding. Cake pastry apple pie cheesecake macaroon.<lj-raw> </div> </details> <!-- hidden content; end --> </div> </lj-raw>