annimon_obsidian-timelive/styles.css
Victor Melnik 1a599f9555
Time spans support (#2)
* Add spans support
* Add unit tests
* Update docs
2025-04-06 13:58:41 +03:00

54 lines
No EOL
956 B
CSS

.tlv-years {
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
column-gap: 0.5rem;
color: var(--text-normal);
}
.tlv-timeline {
position: relative;
width: 100%;
height: 3px;
margin: 0.8rem 0 0.6rem 0;
background-color: var(--color-base-30);
}
.tlv-timeline-highlight {
position: absolute;
top: 0;
height: 100%;
background-color: var(--color-accent);
z-index: 1;
}
.tlv-marker,
.tlv-span {
position: absolute;
background-color: var(--color-base-50);
cursor: pointer;
}
.tlv-marker {
top: -5px;
width: 12px;
height: 12px;
border-radius: 50%;
transform: translateX(-50%);
z-index: 3;
}
.tlv-span {
top: -1px;
height: 5px;
border-radius: 6px;
z-index: 2;
background-color: var(--color-base-60);
}
.tlv-span h4.tlv-date-title,
.tlv-marker h4.tlv-date-title {
margin-block-start: 0;
}
.tlv-popup.popover.hover-popover {
display: none;
top: 1.8rem;
padding: var(--size-4-3);
}