User
Domino/Timeline interactive/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 5: | Line 5: | ||
grid-template-columns: 1fr 3px 1fr; | 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)); | background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px)); | ||
display:grid; | |||
} | } | ||
Latest revision as of 20:09, 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));
display:grid;
}
/* 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;
}