「飲食店検索」の版間の差分
提供: 川西図鑑
その他の操作
編集の要約なし |
編集の要約なし |
||
| 725行目: | 725行目: | ||
<style> | <style> | ||
.pagination { | .pagination { | ||
display: flex; | display: flex; | ||
| 760行目: | 733行目: | ||
} | } | ||
.pagination a { | .pagination a { | ||
display: inline-flex; | display: inline-flex; | ||
| 770行目: | 742行目: | ||
border-radius: 6px; | border-radius: 6px; | ||
border: 1px solid; | border: 1px solid; | ||
transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; | transition: background-color 0.15s ease, | ||
color 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | } | ||
/* | .page-numbers { | ||
display: flex; | |||
gap: 6px; | |||
} | |||
.page-numbers a { | |||
min-width: 36px; | |||
padding: 8px 0; | |||
} | |||
/* ライト・通常 */ | |||
.pagination a { | .pagination a { | ||
background: #f9fafb; | background: #f9fafb; | ||
| 787行目: | 769行目: | ||
} | } | ||
/* | /* 非活性 */ | ||
.pagination a.disabled { | .pagination a.disabled { | ||
background: #f1f5f9; | background: #f1f5f9; | ||
| 796行目: | 778行目: | ||
} | } | ||
/* | /* 現在ページ（数字） */ | ||
.pagination .page-numbers a.current { | |||
background: #1f2937; | |||
color: #fff; | |||
border-color: #1f2937; | |||
font-weight: 600; | |||
pointer-events: none; | |||
} | |||
/* ダーク・通常 */ | |||
.skin-theme-clientpref-night .pagination a { | .skin-theme-clientpref-night .pagination a { | ||
background: #374151; | background: #374151; | ||
| 815行目: | 804行目: | ||
border-color: #374151; | border-color: #374151; | ||
} | } | ||
/* ダーク・現在ページ */ | |||
.skin-theme-clientpref-night .pagination .page-numbers a.current { | |||
background: #f9fafb; | |||
color: #1f2937; | |||
border-color: #f9fafb; | |||
} | |||
</style> | </style> | ||
</html> | </html> | ||
__目次非表示__ | __目次非表示__ | ||