20,263
edits
Template:Timeline/styles.css: Difference between revisions
line now fades in above the first item and fades out after the last item
(line now vertically fades at top and bottom) |
(line now fades in above the first item and fades out after the last item) |
||
| Line 41: | Line 41: | ||
content:""; | content:""; | ||
position:absolute; | position:absolute; | ||
top: | |||
bottom: | /* Extend beyond table so fade happens outside rows */ | ||
top:-40px; | |||
bottom:-40px; | |||
left:var(--timeline-x); | left:var(--timeline-x); | ||
transform:translateX(-50%); | transform:translateX(-50%); | ||
width:2px; | width:2px; | ||
| Line 51: | Line 53: | ||
background:linear-gradient( | background:linear-gradient( | ||
to bottom, | to bottom, | ||
rgba(221,221,221,0) | rgba(221,221,221,0) 0px, | ||
rgba(221,221,221,1) | rgba(221,221,221,1) 40px, | ||
rgba(221,221,221,1) | rgba(221,221,221,1) calc(100% - 40px), | ||
rgba(221,221,221,0) 100% | rgba(221,221,221,0) 100% | ||
); | ); | ||