This template consists of four colors and two images you can change on the #noctua ID.
If you use more than once on the same page: change the id #noctua in style and the first div of the HTML.
<link rel="stylesheet" type="text/css"
href="https://dl.dropbox.com/scl/fi/qj0ezhwqpl53xgg86qjd4/noctua.css?rlkey=cqg5prqgsra6ohlrdzw8vl6t5&st=a15zav08&dl=0" />
<style>
#noctua {
--tctittle: black;
--tcborder: #8196b7;
--tccircle: rgb(82, 111, 158, 0.8);
--tcbottom: #526f9e;
--imgTop: url(https://66.media.tumblr.com/11732266fff19dfd3aec20813a7c91c6/tumblr_pv52ubHvk51siajzzo6_250.png);
--imgBottom: url(https://i.pinimg.com/originals/60/30/d7/6030d7faf6ab8bf1243ff2fc8fafcb70.gif);
}
</style>
<div id="noctua">
<div class="back_timei">
<div class="titles_noctua">
<div class="imgNoc" style="margin-left: auto"></div>
<h2>Timeline</h2>
</div>
<div class="new_cardi">
<div class="back_tittles">
<div class="titleNoc">2014 - Present</div>
<div class="buttonNoc"></div>
</div>
<div class="back_infos">
<div>
Rerum sit libero possimus amet excepturi <br />
Exercitationem enim dolores sunt praesentium dolorum praesentium
<br />
</div>
</div>
</div>
<div class="new_cardi">
<div class="back_tittles">
<div class="titleNoc">2014 - Present</div>
<div class="buttonNoc"></div>
</div>
<div class="back_infos">
<div>
Rerum sit libero possimus amet excepturi <br />
Exercitationem enim dolores sunt praesentium dolorum
<i>praesentium </i><br />
</div>
</div>
</div>
<div class="new_cardi">
<div class="back_tittles">
<div class="titleNoc">2014 - Present</div>
<div class="buttonNoc"></div>
</div>
<div class="back_infos">
<div>
Rerum sit libero possimus amet excepturi <br />
Exercitationem enim dolores sunt praesentium dolorum praesentium Rerum
sit libero possimus amet excepturi <br />
</div>
</div>
</div>
<div class="titles_noctua">
<div class="imgNoc" style="background-image: var(--imgBottom)"></div>
<h2 style="text-align: right">Your Name</h2>
</div>
<a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
<div class="credito-mmo"></div>
</a>
</div>
</div>When adding a new timeframe, be sure it's before a "new_cardi" div or after the last one properly closed. (<*/div>)
<div class="new_cardi">
<div class="back_tittles">
<div class="titleNoc">2014 - Present</div>
<div class="buttonNoc"></div>
</div>
<div class="back_infos">
<div>
Rerum sit libero possimus amet excepturi <br />
Exercitationem enim dolores sunt praesentium dolorum praesentium Rerum sit
libero possimus amet excepturi <br />
</div>
</div>
</div>My tiny iglu by Ice Bear 2024 - 2025
version 1.2.0
