THREAD TRACKER V. COTTAGECORE

THREAD TRACKER V. COTTAGECORE
Directions: https://efryndiel.dreamwidth.org/10163.html
Credit to Laena @ efryndiel.dreamwidth.org

<raw-code>
<div style="margin: auto; min-width: 400px; max-width: 800px; width: 85%; font-family: arial, sans-serif; font-size: 9pt; text-align: justify; font-color: #301704;">

<!-- YEAR HEADER -->
<details open><summary style="display: block; margin: 75px 0 30px; width: 60%; padding-left: 30px; line-height: 1.5em; border-left: 4px solid #a28169; font-family: baskerville, serif; font-size: 22pt; text-transform: uppercase; color: #301704; text-shadow: 2px 2px 5px #a28169; background: #ebe0d9; box-shadow: 7px 7px 10px 0px rgba(202,183,169,1); cursor: pointer;">2023</summary>

<!-- CONTAINER FOR ALL THE MONTHS -->
<div style="width: 100%; display: flex; flex-flow: column wrap; gap: 20px;">

<!-- MONTH SECTION: OPEN -->
<div style="width: 100%;">
<!-- MONTH HEADER -->
<details open><summary style="display: block; width: 60%; padding-left: 30px; line-height: 1.5em; border-left: 4px double #a28169; font-family: baskerville, serif; font-size: 18pt; text-transform: uppercase; color: #301704; text-shadow: 2px 2px 5px #a28169; background-blend-mode: screen; background: #a28169 url('https://i.pinimg.com/564x/5c/af/81/5caf81e71770a2a50e74c86cf1622014.jpg') no-repeat center; background-size:cover; box-shadow: 7px 7px 10px 0px rgba(202,183,169,1); cursor: pointer;"><i>MONTH</i></summary>
<!-- THREAD SECTION -->
<div style="width: 90%; padding: 20px; border-left: 4px double #a28169; border-right: 4px double #a28169; background: #f5f2ef; box-shadow: 1px 7px 7px 0px rgba(202,183,169,1);">
<!-- INDIVIDUAL THREAD -->
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />

<!-- TOPLEVEL/ENTRY BLOCKQUOTE -->
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » BLURB (COMMENT##)
<blockquote style="padding: 0 0.75rem; border-left: 5px solid rgba(185,161,143,1);">
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
</blockquote>
</div></details>
</div>
<!-- END MONTH SECTION -->

<!-- MONTH SECTION: CLOSED -->
<div style="width: 100%;">
<!-- MONTH HEADER -->
<details><summary style="display: block; width: 60%; padding-left: 30px; line-height: 1.5em; border-left: 4px double #a28169; font-family: baskerville, serif; font-size: 18pt; text-transform: uppercase; color: #301704; text-shadow: 2px 2px 5px #a28169; background-blend-mode: screen; background: #a28169 url('https://i.pinimg.com/564x/5c/af/81/5caf81e71770a2a50e74c86cf1622014.jpg') no-repeat center; background-size:cover; box-shadow: 7px 7px 10px 0px rgba(202,183,169,1); cursor: pointer;"><i>MONTH</i></summary>
<!-- THREAD SECTION -->
<div style="width: 90%; padding: 20px; border-left: 4px double #a28169; border-right: 4px double #a28169; background: #f5f2ef; box-shadow: 1px 7px 7px 0px rgba(202,183,169,1);">
<!-- INDIVIDUAL THREAD -->
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » { <b style="color: #7b5f0c;">CHARACTER</b> } BLURB (COMMENT##)<br />

<!-- TOPLEVEL/ENTRY BLOCKQUOTE -->
ღ <a href="URL" style="color: #875243; text-decoration: none;"><b>DATE</b></a>: <b>POSTTYPE</b> » BLURB (COMMENT##)
<blockquote style="padding: 0 0.75rem; border-left: 5px solid rgba(185,161,143,1);">
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
» { <a href="URL" style="color: #9c6151; text-decoration: none;"><b>CHARACTER</b></a> } BLURB (COMMENT##)<br />
</blockquote>
</div></details>
</div>
<!-- END MONTH SECTION -->

</div>
<!-- END MONTH CONTAINER

</details>
<!-- END YEAR CONTAINER -->
</div></raw-code>

<div style="margin-top: 50px;"><center><font style="font-family: trebuchet ms, sans-serif; font-size: 9pt;"><a href="https://efryndiel.dreamwidth.org/10163.html" style="color: #804024; text-decoration: none;">code</a> by <a href="https://efryndiel.dreamwidth.org" style="color: #804024; text-decoration: none;">efrynidel</a></center></div>