Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Please sign up or log in to edit the wiki.

Template:Timeline styles/styles.css: Difference between revisions

Template page
Content deleted Content added
m 1 revision imported
Update styles
Line 7: Line 7:
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
border-left: 1px solid #eaecf0;
border-left: 1px solid;
border-color: var( --border-color-base--darker );
padding-left: 20px;
padding-left: 20px;
}
}
Line 15: Line 16:
font-size: 1rem;
font-size: 1rem;
font-weight: bold;
font-weight: bold;
display: list-item;
margin-left: -7px;
padding-left: 7px;
padding-top: 0.8rem;
padding-top: 0.8rem;
}

table.timeline tr td:first-child:before {
content: "•";
display: block;
position: absolute;
left: 0;
/* -40% is better but TS blocked it */
transform: translate(-0.14rem, 0);
}
}


Line 34: Line 29:
padding-top: 0.2rem;
padding-top: 0.2rem;
padding-right: 0
padding-right: 0
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
table.timeline tr {
border-color: #22262d;
}
}
}

Revision as of 15:06, 21 May 2021

table.timeline {
    display: table;
    border-bottom: 0;
}

table.timeline tr {
    display: flex;
    flex-direction: column;
    border-left: 1px solid;
    border-color: var( --border-color-base--darker );
    padding-left: 20px;
}

table.timeline tr td:first-child {
    padding-bottom: 0;
    font-size: 1rem;
    font-weight: bold;
    display: list-item;
    margin-left: -7px;
    padding-left: 7px;
    padding-top: 0.8rem;
}

table.timeline tr td {
    border-bottom: 0;
}

table.timeline tr td:last-child {
	padding-top: 0.2rem;
    padding-right: 0
}