User
Domino/Timeline interactive/styles.css
From Dogcraft Wiki
(Created page with " โโElem | https://dogcraft.net/wiki/User:Domino/Timeline_interactive: #timeline { grid-template-columns: 1fr 3px 1fr; background: linear-gradient(to right, transparent...") ย |
No edit summary |
||
Line 16: | Line 16: | ||
#timeline li { | #timeline li { | ||
ย ย margin-bottom: .8em; | ย ย margin-bottom: .8em; | ||
} | } | ||
Revision as of 20:08, 23 January 2023
/* Elem | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */
#timeline {
grid-template-columns: 1fr 3px 1fr;
background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px));
}
/* Beรกgyazott #9 | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */
#timeline h2, #timeline h3, #timeline h4 {
grid-column: span 3;
text-align: center;
}
#timeline li {
margin-bottom: .8em;
}
#timeline ul:nth-of-type(2n-1) {
grid-column: 1;
margin-right: 1em;
}
#timeline ul:nth-of-type(2n) {
grid-column: 3;
margin-left: 1em;
}
#timeline ul {
padding: 15px;
background: lightgray;
margin: 1em auto;
list-style: none;
}
#timeline h4 span {
background: white;
padding: 5px;
}
#timeline h3 {
background: white;
border-bottom: 1px solid;
position: sticky;
top: 110px;
}
This page was last modified on 23 January 2023, at 20:08. (15 months ago)