2,710
回編集
編集の要約なし
編集の要約なし タグ: 差し戻し済み |
編集の要約なし タグ: 差し戻し済み |
||
| 827行目: | 827行目: | ||
left: 3px; | left: 3px; | ||
} | } | ||
} | |||
/* ========================================================= | |||
転スラ年表 - ページ上部 Mobile | |||
========================================================= */ | |||
.ts-chron-header { | |||
margin-bottom: 15px; | |||
} | |||
.ts-chron-lead { | |||
margin-bottom: 11px; | |||
font-size: .86rem; | |||
line-height: 1.7; | |||
} | |||
.ts-chron-notice { | |||
padding: 10px 11px; | |||
border: 1px solid var(--chron-border); | |||
border-left: 3px solid var(--chron-blue); | |||
background: #f8f9fa; | |||
color: var(--chron-subtext); | |||
font-size: .79rem; | |||
line-height: 1.6; | |||
} | |||
/* 横スクロール式の簡潔なナビ */ | |||
.ts-chron-nav { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
overflow-x: auto; | |||
margin: 0 0 20px; | |||
border-top: 1px solid var(--chron-border); | |||
border-bottom: 1px solid var(--chron-border); | |||
white-space: nowrap; | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.ts-chron-nav > span, | |||
.ts-chron-nav > a { | |||
flex-shrink: 0; | |||
padding: 7px 9px; | |||
font-size: .76rem; | |||
} | |||
.ts-chron-nav > a { | |||
border-left: 1px solid var(--chron-border-light); | |||
} | |||
/* 全史への誘導 */ | |||
.ts-chron-more { | |||
margin: 23px 0 8px; | |||
padding: 11px 12px; | |||
border: 1px solid var(--chron-border); | |||
background: #f8f9fa; | |||
color: var(--chron-subtext); | |||
font-size: .8rem; | |||
line-height: 1.65; | |||
} | |||
.ts-chron-more-title { | |||
margin-bottom: 4px; | |||
color: var(--chron-text); | |||
font-size: .9rem; | |||
font-weight: 700; | |||
} | |||
.ts-chron-more-link { | |||
margin-top: 6px; | |||
} | } | ||