json-timeline
Version:
Generate Interactive Timelines stored in JSON Advents with Tags.
2 lines (1 loc) • 677 B
CSS
*{margin:0;padding:0}.mono-text{font-family:'Courier New',Courier,monospace}.read-text{font-family:Arial,Helvetica,sans-serif}.hidden{display:none}.timeline{text-align:center;margin:1em}nav{margin-left:.5em}.tag-toggle{appearance:none;display:inline-block;position:relative;border:1px solid #000;padding:.4em;margin-right:.2em}.tag-toggle:checked:after{position:absolute;content:'■';font-size:1em;color:#000;top:-.25em;left:.1em}.tag-toggle:focus{outline:0}.group{border:1px solid #000;height:fit-content;padding:.5em;margin:.5em .5em}.advent{border:1px solid #000;padding:.5em;margin-top:1em}.advent .title{font-size:larger;font-weight:700}.advent .content{margin-top:.5em}