その他の操作
編集の要約なし タグ: 差し戻し済み |
タグ: 取り消し |
||
| 1行目: | 1行目: | ||
table.timeline { | table.timeline { | ||
box-shadow: none; | box-shadow: none; | ||
font-size: var( small ); | font-size: var( --font-size-small ); | ||
} | } | ||
| 11行目: | 11行目: | ||
position: relative; | position: relative; | ||
margin-left: 8px; | margin-left: 8px; | ||
padding: var( space-xs ) var( space-xs ) var( space-xs ) 20px; | padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
border-top-right-radius: var( border-radius-small ); | border-top-right-radius: var( --border-radius-small ); | ||
border-bottom-right-radius: var( border-radius-small ); | border-bottom-right-radius: var( --border-radius-small ); | ||
} | } | ||
| 26行目: | 26行目: | ||
display: block; | display: block; | ||
width: 2px; | width: 2px; | ||
background-color: var( border-color-base ); | background-color: var( --border-color-base ); | ||
} | } | ||
table.timeline tr td:first-child { | table.timeline tr td:first-child { | ||
font-size: var( font-size-medium ); | font-size: var( --font-size-medium ); | ||
font-weight: var( font-weight-semi-bold ); | font-weight: var( --font-weight-semi-bold ); | ||
color: var( color-emphasized ); | color: var( --color-emphasized ); | ||
} | } | ||
| 40行目: | 40行目: | ||
height: 8px; | height: 8px; | ||
display: block; | display: block; | ||
background-color: var( color-subtle ); | background-color: var( --color-subtle ); | ||
border-radius: 100%; | border-radius: 100%; | ||
position: absolute; | position: absolute; | ||
2025年1月11日 (土) 04:54時点における版
table.timeline { box-shadow: none; font-size: var( --font-size-small ); }
table.timeline, table.timeline tbody {
display: block;
}
table.timeline tr { position: relative; margin-left: 8px; padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
display: flex; flex-direction: column; border-top-right-radius: var( --border-radius-small ); border-bottom-right-radius: var( --border-radius-small );
}
table.timeline tr:before {
content: ""; position: absolute; top: 0; bottom: 0; left: -1px; display: block; width: 2px; background-color: var( --border-color-base );
}
table.timeline tr td:first-child {
font-size: var( --font-size-medium ); font-weight: var( --font-weight-semi-bold ); color: var( --color-emphasized );
}
table.timeline tr td:first-child:before { content: "";
width: 8px; height: 8px; display: block; background-color: var( --color-subtle ); border-radius: 100%; position: absolute; left: -4px; margin-top: 8px;
}
table.timeline tr td { padding: 0; border: 0 !important; }