2,710
回編集
編集の要約なし
編集の要約なし タグ: 差し戻し済み |
編集の要約なし タグ: 差し戻し済み |
||
| 900行目: | 900行目: | ||
.ts-chron-more-link { | .ts-chron-more-link { | ||
margin-top: 6px; | margin-top: 6px; | ||
} | |||
/* ========================================================= | |||
転スラ全史 Mobile | |||
========================================================= */ | |||
.ts-fullchron-lead { | |||
font-size: .85rem; | |||
line-height: 1.7; | |||
} | |||
.ts-fullchron-notice { | |||
padding: 9px 10px; | |||
font-size: .78rem; | |||
line-height: 1.6; | |||
} | |||
.ts-fullchron-nav { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
overflow-x: auto; | |||
margin: 16px 0 20px; | |||
border-top: 1px solid var(--chron-border); | |||
border-bottom: 1px solid var(--chron-border); | |||
white-space: nowrap; | |||
} | |||
.ts-fullchron-nav > span, | |||
.ts-fullchron-nav > a { | |||
flex-shrink: 0; | |||
padding: 7px 9px; | |||
font-size: .75rem; | |||
} | |||
.ts-fullchron-section { | |||
margin: 20px 0 26px; | |||
} | |||
.ts-fullchron-section-title { | |||
margin: 0 0 11px !important; | |||
padding: 3px 0 6px 8px !important; | |||
border-left: 3px solid var(--chron-blue) !important; | |||
border-bottom: 1px solid var(--chron-border) !important; | |||
font-size: 1.06rem !important; | |||
} | |||
/* モバイルでは年代→本文の縦型 */ | |||
.ts-fullchron-list::before { | |||
left: 8px; | |||
} | |||
.ts-fullchron-entry { | |||
display: block; | |||
padding: 0 0 19px 27px; | |||
} | |||
.ts-fullchron-entry::before { | |||
top: 7px; | |||
left: 4px; | |||
} | |||
.ts-fullchron-date { | |||
margin-bottom: 4px; | |||
padding: 0; | |||
text-align: left; | |||
font-size: .75rem; | |||
} | |||
.ts-fullchron-main { | |||
padding-bottom: 13px; | |||
} | |||
.ts-fullchron-event { | |||
font-size: .9rem; | |||
} | |||
.ts-fullchron-summary { | |||
font-size: .81rem; | |||
line-height: 1.6; | |||
} | |||
.ts-fullchron-meta { | |||
margin-top: 6px; | |||
font-size: .74rem; | |||
} | |||
.ts-fullchron-meta-row { | |||
grid-template-columns: 38px minmax(0, 1fr); | |||
gap: 6px; | |||
} | |||
.ts-fullchron-detail { | |||
font-size: .74rem; | |||
} | |||
.ts-fullchron-footer { | |||
margin-top: 22px; | |||
padding: 10px 11px; | |||
font-size: .79rem; | |||
} | } | ||