thread tracker: copacetic

[transilience]

Thread tracker with a mildly retro vibe. Clicky-expandy the headings. X-posted to rpresources.

» Current Threads

party hearty 2/29/18 Tony Stark, Dean Winchester, Han Solo shenanigans 2/29/18 Jane Eyre, Deanna Troi

» Completed Threads

another suitcase in another thread 9/31/18 Tony Stark, Deanna Troi curse your sudden yet inevitable betrothal 9/31/18 Anne Shirley, Jane Eyre, Sybil Vimes, Max Headroom witty one-liner 9/31/18 Scarlett O'Hara, Max Headroom

copy & paste

<!-- CURRENT // Open by default --> <details style="box-sizing: border-box; width: 700px; margin: auto; font-family: Century Gothic, sans-serif; font-size: 16px; letter-spacing: 2px; color: #333;" open><summary style="font-size: 2em; font-weight: bold; font-style: italic; -webkit-background-clip: text; background-clip: text; color: transparent; background-color: #7d4d2c; background-image: -moz-linear-gradient(-45deg, #7d4d2c 0%, #842d18 45%, #552b1f 100%); background-image: -webkit-linear-gradient(-45deg, #7d4d2c 0%,#842d18 45%,#552b1f 100%); background-image: linear-gradient(135deg, #7d4d2c 0%,#842d18 45%,#552b1f 100%); padding: 0.5em;"><span style="color: #5fbfb7;">&raquo;</span> Current Threads</summary> <div style="padding-left: 4em; display: grid; grid-template-columns: 25% 15% auto; grid-gap: 0.5em;"> <!-- TRACKER ENTRY // copy this line for each thread --> <b style="border: 1px solid #999; background: #fff; padding: 0.25em; border-radius: 10px 0px 0px 10px;">TITLE</b> <a href="THREADURL" style="border: 1px solid #999; background: #eee; color: #5fbfb7; font-weight: bold; text-decoration: none; padding: 0.25em;">DATE</a> <span style="border: 1px solid #999; background: #fff; padding: 0.25em; border-radius: 0px 10px 10px 0px;">CHARACTERS</span> <!-- END TRACKER ENTRY --> </div></details> <!-- COMPLETED // Hidden by default --> <!-- copy this block month by month or however you roll --> <details style="box-sizing: border-box; width: 700px; margin: auto; font-family: Century Gothic, sans-serif; font-size: 16px; letter-spacing: 2px; color: #333;"><summary style="font-size: 2em; font-weight: bold; font-style: italic; -webkit-background-clip: text; background-clip: text; color: transparent; background-color: #7d4d2c; background-image: -moz-linear-gradient(-45deg, #7d4d2c 0%, #842d18 45%, #552b1f 100%); background-image: -webkit-linear-gradient(-45deg, #7d4d2c 0%,#842d18 45%,#552b1f 100%); background-image: linear-gradient(135deg, #7d4d2c 0%,#842d18 45%,#552b1f 100%); padding: 0.5em;"><span style="color: #5fbfb7;">&raquo;</span> Completed Threads</summary> <div style="padding-left: 4em; display: grid; grid-template-columns: 25% 15% auto; grid-gap: 0.5em;"> <!-- TRACKER ENTRY // copy this line for each thread --> <b style="border: 1px solid #999; background: #fff; padding: 0.25em; border-radius: 10px 0px 0px 10px;">TITLE</b> <a href="THREADURL" style="border: 1px solid #999; background: #eee; color: #5fbfb7; font-weight: bold; text-decoration: none; padding: 0.25em;">DATE</a> <span style="border: 1px solid #999; background: #fff; padding: 0.25em; border-radius: 0px 10px 10px 0px;">CHARACTERS</span> <!-- END TRACKER ENTRY --> </div></details>

find & replace

heading gradient #7d4d2c, #842d18, #552b1f• accent color #5fbfb7 • cell color #fff/#eee • cell border #999
if you want to make it too tiny to read a different size the value to edit is 16px

Comments

[intrusivethot]

It's beautiful, thank you!