2,710
回編集
編集の要約なし
編集の要約なし タグ: 差し戻し済み |
編集の要約なし タグ: 差し戻し済み |
||
| 1,717行目: | 1,717行目: | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
font-weight: 700; | font-weight: 700; | ||
} | |||
/* ========================================================= | |||
人物・国家・組織ページ内の年表 | |||
========================================================= */ | |||
.ts-entitychronology { | |||
--chron-blue: #36c; | |||
--chron-blue-dark: #2a4b8d; | |||
--chron-border: #c8ccd1; | |||
--chron-border-light: #eaecf0; | |||
--chron-text: #202122; | |||
--chron-subtext: #54595d; | |||
--chron-muted: #72777d; | |||
margin: 10px 0 18px; | |||
} | |||
/* 年表 */ | |||
.ts-entitychron-list { | |||
position: relative; | |||
margin: 0; | |||
padding: 2px 0; | |||
} | |||
.ts-entitychron-list::before { | |||
content: ""; | |||
position: absolute; | |||
top: 8px; | |||
bottom: 8px; | |||
left: 115px; | |||
width: 1px; | |||
background: #b7c5dc; | |||
} | |||
/* 1件 */ | |||
.ts-entitychron-entry { | |||
position: relative; | |||
display: grid; | |||
grid-template-columns: 98px minmax(0, 1fr); | |||
column-gap: 35px; | |||
padding: 9px 0 12px; | |||
} | |||
.ts-entitychron-entry::before { | |||
content: ""; | |||
position: absolute; | |||
top: 15px; | |||
left: 111px; | |||
width: 7px; | |||
height: 7px; | |||
border: 2px solid #fff; | |||
border-radius: 50%; | |||
background: var(--chron-blue); | |||
box-shadow: 0 0 0 1px var(--chron-blue); | |||
} | |||
/* 年代 */ | |||
.ts-entitychron-date { | |||
padding-top: 1px; | |||
color: var(--chron-blue-dark); | |||
font-size: .8rem; | |||
font-weight: 600; | |||
line-height: 1.5; | |||
text-align: right; | |||
} | |||
/* 本文 */ | |||
.ts-entitychron-body { | |||
min-width: 0; | |||
padding-bottom: 11px; | |||
border-bottom: 1px solid var(--chron-border-light); | |||
} | |||
.ts-entitychron-entry:last-child .ts-entitychron-body { | |||
border-bottom: 0; | |||
} | |||
.ts-entitychron-event { | |||
margin-bottom: 3px; | |||
font-size: .93rem; | |||
font-weight: 700; | |||
line-height: 1.5; | |||
} | |||
.ts-entitychron-summary { | |||
color: var(--chron-subtext); | |||
font-size: .84rem; | |||
line-height: 1.65; | |||
} | |||
.ts-entitychron-detail { | |||
margin-top: 5px; | |||
font-size: .77rem; | |||
} | |||
/* 全史へのリンク */ | |||
.ts-entitychron-more { | |||
margin-top: 5px; | |||
padding-top: 8px; | |||
border-top: 1px solid var(--chron-border-light); | |||
text-align: right; | |||
font-size: .79rem; | |||
} | } | ||