「メインページ」の版間の差分
提供: 川西図鑑
その他の操作
編集の要約なし |
編集の要約なし |
||
| 149行目: | 149行目: | ||
/* ---------- Hero ---------- */ | /* ---------- Hero ---------- */ | ||
/* ========================= | |||
Hero 背景切り替え | |||
========================= */ | |||
/* デフォルト(ライト想定) */ | |||
.kawanishi-top { | |||
--hero-bg-image: url('/images/thumb/1/1b/2704135_l.jpg/2560px-2704135_l.jpg'); | |||
} | |||
/* 強制ダークモード */ | |||
.skin-theme-clientpref-night .kawanishi-top { | |||
--hero-bg-image: url('/images/8/8a/3704109_m.jpg'); | |||
} | |||
/* OS自動モード(ダークOS時) */ | |||
@media (prefers-color-scheme: dark) { | |||
.skin-theme-clientpref-os .kawanishi-top { | |||
--hero-bg-image: url('/images/8/8a/3704109_m.jpg'); | |||
} | |||
} | |||
/* 実際に背景画像を適用する要素 */ | |||
.kawanishi-top .hero-bg { | |||
background-image: var(--hero-bg-image); | |||
position: absolute; | |||
inset: 0; | |||
background-size: cover; | |||
background-position: center; | |||
transform: scale(1.05); | |||
} | |||
.hero { | .hero { | ||
text-align: center; | text-align: center; | ||
| 176行目: | 208行目: | ||
font-size: 56px; | font-size: 56px; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
} | } | ||
| 479行目: | 502行目: | ||
/* ---------- Dark Mode ---------- */ | /* ---------- Dark Mode ---------- */ | ||
.skin-theme-clientpref-night .section-lead, | .skin-theme-clientpref-night .section-lead, | ||
.skin-theme-clientpref-night .footer-note { | .skin-theme-clientpref-night .footer-note { | ||
2025年12月27日 (土) 12:57時点における版
図鑑で探す
準備中
記事
川西のさまざまな図鑑ページに関連する、
ユーザーが書いた記事を紹介します。
川西能勢口で見つけた小さな名店
昔の川西と今を比べてみる
川西で活動する人たち
今日の川西
ランダムに1件表示しています。
エラー: テーブル飲食店情報が見つかりません。