2,719
回編集
編集の要約なし タグ: 差し戻し済み |
編集の要約なし タグ: 差し戻し済み |
||
| 1,520行目: | 1,520行目: | ||
.ts-chron-more-link { | .ts-chron-more-link { | ||
margin-top: 6px; | margin-top: 6px; | ||
} | } | ||
| 1,963行目: | 1,766行目: | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
} | } | ||
/* ========================================================= | |||
転スラ全史 | |||
========================================================= */ | |||
.ts-fullchronology { | |||
width: 100%; | |||
} | |||
/* ---------- 時代セクション ---------- */ | |||
.ts-fullchron-section { | |||
margin: 28px 0 36px; | |||
} | |||
.ts-fullchron-section-title { | |||
margin: 0 0 14px; | |||
padding: 7px 12px; | |||
border-left: 4px solid #36c; | |||
border-bottom: 1px solid #c8ccd1; | |||
font-size: 1.35rem; | |||
font-weight: 600; | |||
} | |||
/* ---------- 年表本体 ---------- */ | |||
.ts-fullchron-list { | |||
position: relative; | |||
width: 100%; | |||
} | |||
/* 縦線 */ | |||
.ts-fullchron-list::before { | |||
content: ""; | |||
position: absolute; | |||
left: 145px; | |||
top: 0; | |||
bottom: 0; | |||
width: 1px; | |||
background: #a7c1ee; | |||
} | |||
/* ---------- 1件 ---------- */ | |||
.ts-fullchron-entry { | |||
position: relative; | |||
display: grid !important; | |||
grid-template-columns: 130px minmax(0, 1fr) !important; | |||
column-gap: 30px !important; | |||
width: 100% !important; | |||
height: auto !important; | |||
min-height: 0 !important; | |||
box-sizing: border-box; | |||
margin: 0 !important; | |||
padding: 14px 0 16px !important; | |||
border-bottom: 1px solid #eaecf0; | |||
} | |||
/* 丸 */ | |||
.ts-fullchron-entry::before { | |||
content: ""; | |||
position: absolute; | |||
left: 140px; | |||
top: 19px; | |||
width: 11px; | |||
height: 11px; | |||
box-sizing: border-box; | |||
background: #fff; | |||
border: 2px solid #36c; | |||
border-radius: 50%; | |||
} | |||
/* ---------- 年代 ---------- */ | |||
.ts-fullchron-date { | |||
width: auto !important; | |||
min-width: 0 !important; | |||
padding-top: 0; | |||
text-align: right; | |||
white-space: nowrap; | |||
color: #2457a6; | |||
font-weight: 600; | |||
line-height: 1.5; | |||
} | |||
/* ---------- 右側本文 ---------- */ | |||
.ts-fullchron-main { | |||
display: block !important; | |||
width: 100% !important; | |||
min-width: 0 !important; | |||
max-width: none !important; | |||
box-sizing: border-box; | |||
} | |||
/* 出来事名 */ | |||
.ts-fullchron-event { | .ts-fullchron-event { | ||
margin: 0 0 5px !important; | |||
font-size: 1rem; | |||
font-weight: 700; | |||
line-height: 1.55; | |||
} | |||
/* 概要 */ | |||
.ts-fullchron-summary { | |||
width: 100% !important; | |||
max-width: none !important; | |||
margin: 0 0 8px !important; | |||
line-height: 1.7; | |||
} | |||
/* ---------- 人物・国家・組織・出典 ---------- */ | |||
.ts-fullchron-meta { | |||
display: block !important; | |||
width: 100% !important; | |||
min-width: 0 !important; | |||
max-width: none !important; | |||
margin: 8px 0 0 !important; | |||
padding: 0 !important; | |||
} | |||
/* 1行 */ | |||
.ts-fullchron-meta-row { | |||
display: flex !important; | |||
flex-direction: row !important; | |||
align-items: flex-start !important; | |||
width: 100% !important; | |||
min-width: 0 !important; | |||
max-width: none !important; | |||
margin: 2px 0 !important; | |||
padding: 0 !important; | |||
gap: 10px; | |||
} | |||
/* 「人物」「国家」「出典」 */ | |||
.ts-fullchron-meta-label { | |||
display: block !important; | |||
flex: 0 0 4em !important; | |||
width: 4em !important; | |||
min-width: 4em !important; | |||
max-width: 4em !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
color: #54595d; | |||
font-weight: 600; | |||
white-space: nowrap !important; | |||
} | |||
/* 値 */ | |||
.ts-fullchron-meta-value { | |||
display: block !important; | |||
flex: 1 1 auto !important; | |||
width: auto !important; | |||
min-width: 0 !important; | |||
max-width: none !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
white-space: normal !important; | |||
word-break: normal !important; | |||
overflow-wrap: break-word !important; | |||
} | |||
/* ---------- 不確実性 ---------- */ | |||
.ts-fullchron-main .ts-order-note { | |||
margin: 6px 0 0 !important; | |||
color: #72777d; | |||
font-size: .78rem; | |||
line-height: 1.55; | |||
} | |||
/* ---------- 詳細記事 ---------- */ | |||
.ts-fullchron-detail { | |||
margin: 7px 0 0 !important; | |||
padding: 0 !important; | |||
} | } | ||