INFO SHEET

[neocephamods]

Character Name

alias:

answer

canon:

answer

age:

answer

pronouns:

answer

species:

answer

height:

answer

build:

answer

corporation:

answer

hooks

!! your content here !!

!! your content here !!

reputation

inbox activity permissions kinks misc link

code

<lj-raw><div style="box-sizing:border-box;max-width:700px;width:100%;margin:0 auto;padding:3%;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:start;gap:20px;font-family:arial, helvetica, sans serif;font-size:12px;line-height:1.5;border-radius:12px;border:2px solid #ff0ad2;background:#5c4677 url('https://file.garden/abx3u9uIQkgppBD6/header%20images/bgcodesmash.jpg');color:#5c4677"> <!-- //CONTENT BELOW HERE// --> <!-- DOTS TEXT HEADER --> <div style="width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;"> <!-- {fancy divider} --> <div style="box-sizing:border-box;flex:1 1 46%;padding:3px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-top:5px dotted #fff;border-bottom:5px dotted #fff;"><div style="box-sizing:border-box;width:100%;min-height:13px;margin:auto;border-top:5px dotted #ff0ad2;border-bottom:5px dotted #fff;"></div></div> <!-- {fancy divider} end --> <!-- {name} --> <div style="display:flex;justify-content:end;align-items:end;align-contents:end;font-size:25px;line-height:1;font-weight:bold;text-align:right;color:#fff;">Character Name</p></div> <!-- end {name} --> </div> <!-- end DOTS TEXT HEADER --> <!-- MOOD / STATS --> <!-- {portrait & bars} --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;min-height:200px;align-self:stretch;display:grid;grid-template-columns:1fr .3fr;grid-template-rows:225px auto;gap:5px;border-radius:12px;border:5px solid #fff;background:#fff;"> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;border-radius:12px 0 0 0;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3;border-radius:0 12px 12px 0;background:#ccc url('https://file.garden/abx3u9uIQkgppBD6/header%20images/bgdatafall.jpg')center;background-size:cover;"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;min-height:20px;border-radius:0 0 0 12px;background:#ccc url('https://file.garden/abx3u9uIQkgppBD6/header%20images/bgroboscale.jpg')top;background-size:cover;"></div> </div> <!-- {portrait & bars} end --> <!-- {stats} --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:10px;"> <!-- //stat items go below this line// --> <!-- item (remove this section if your character doesn't use a stage name or alias) --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">alias:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">canon:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">age:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">pronouns:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">species:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">height:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">build:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- item --> <div style="box-sizing:border-box;width:100%;padding:4px;border-radius:12px;display:grid;grid-template-columns:.5fr 1fr;background:#fff;"> <div style="box-sizing:border-box;padding:0 10px;display:flex;align-items:center;font-weight:bold;text-transform:lowercase;font-variant:small-caps;color:#fff;border-radius:12px;background:#ff0ad2;">corporation:</div> <div style="box-sizing:border-box;padding:0 10px;text-align:right;">answer</div></div> <!-- //stat items go above this line// --> </div> <!-- {stats} end --> <!-- end MOOD / STATS --> <!-- {l-label box} --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;display:grid;grid-template-columns:30px 1fr;gap:10px;border-radius:12px;line-height:1.5;text-align:left;background:#fff;"> <!-- label --> <div style="box-sizing:border-box;padding:10px 5px;grid-column-start:1;grid-column-end:2;font-size:16px;writing-mode:sideways-lr;text-align:right;font-weight:bold;text-transform:lowercase;font-variant:small-caps;border-radius:12px 0 0 12px;background:#ff0ad2 url('IMG_URL');color:#fff;">hooks</div> <!-- content --> <div style="box-sizing:border-box;grid-column-start:2;grid-column-end:3;padding:10px 1.75% 10px 0;"></lj-raw>!! your content here !!<lj-raw></div> </div> <!-- {l-label box} end --> <!-- {r-label box} --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;display:grid;grid-template-columns:1fr 30px;gap:10px;border-radius:12px;line-height:1.5;text-align:left;background:#fff;"> <!-- content --> <div style="box-sizing:border-box;grid-column-start:1;grid-column-end:2;padding:10px 0 10px 10px;"></lj-raw>!! your content here !!<lj-raw></div> <!-- label --> <div style="box-sizing:border-box;padding:10px 5px;grid-column-start:2;grid-column-end:3;font-size:16px;writing-mode:sideways-rl;text-align:left;font-weight:bold;text-transform:lowercase;font-variant:small-caps;border-radius:0 12px 12px 0;background:#232323 url('IMG_URL');color:#fff;">reputation</div> </div> <!-- {r-label box} end --> <!-- {fancy divider} --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;padding:3px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-top:5px dotted #fff;border-bottom:5px dotted #fff;"><div style="box-sizing:border-box;width:100%;min-height:13px;margin:auto;border-top:5px dotted #fff;border-bottom:5px dotted #ff0ad2;"></div></div> <!-- {fancy divider} end --> <!-- bottom nav --> <!-- color line/links --> <div style="width:100%;padding:6px 50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:7px;font-family:courier;font-size:11px;line-height:1.1;"> <a href="#INBOX URL" style="text-decoration:none;min-width:50px;padding:2px 4px;display:flex;justify-content:center;align-items:center;align-content:center;border:1px solid rgba(255,255,255,.5);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#ff0ad2;color:#fff;">inbox</a> <a href="#ACTIVITY URL" style="text-decoration:none;min-width:50px;padding:2px 4px;display:flex;justify-content:center;align-items:center;align-content:center;border:1px solid rgba(255,255,255,.5);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#ff0ad2;color:#fff;">activity</a> <a href="#PERMISSIONS URL" style="text-decoration:none;min-width:50px;padding:2px 4px;display:flex;justify-content:center;align-items:center;align-content:center;border:1px solid rgba(255,255,255,.5);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#ff0ad2;color:#fff;">permissions</a> <a href="#KINKS URL" style="text-decoration:none;min-width:50px;padding:2px 4px;display:flex;justify-content:center;align-items:center;align-content:center;border:1px solid rgba(255,255,255,.5);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#ff0ad2;color:#fff;">kinks</a> <a href="#LINK URL" style="text-decoration:none;min-width:50px;padding:2px 4px;display:flex;justify-content:center;align-items:center;align-content:center;border:1px solid rgba(255,255,255,.5);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#ff0ad2;color:#fff;">misc link</a> </div> <!-- bottom nav; end --> <!-- //CONTENT ABOVE HERE// --> </div> <!-- credit --> <div style="max-width:700px;width:100%;margin:5px auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ccc;">code</a></div> <!-- credit --></lj-raw>

Comments

alternative backgrounds:

[neocephamods]

https://file.garden/abx3u9uIQkgppBD6/header%20images/bgroboscale.jpg
https://file.garden/abx3u9uIQkgppBD6/header%20images/bgdigitalsplash.jpg
https://file.garden/abx3u9uIQkgppBD6/header%20images/bgdatafall.jpg
https://file.garden/abx3u9uIQkgppBD6/header%20images/bgcodezoom.jpg
https://file.garden/abx3u9uIQkgppBD6/header%20images/bgcodesmash.jpg