「MediaWiki:Mobile.css」の版間の差分
ページの作成:「→ここに記述した全てのCSSはモバイル版サイトの利用者に影響します: →経済屋メインヘッダー：モバイルUIではロゴを消す: .kmw-main-header .kmw-header-logo-cell { display: none !important; } →経済屋メインヘッダー：モバイルUIではタイトルを大きく、本文は控えめ: .kmw-main-header-title { font-size: 240% !important; →まだ小さければ 260% に上げてOK: font-weig…」 |
編集の要約なし |
||
| 1行目: | 1行目: | ||
/* | /* 経済屋メインヘッダー：モバイルビュー専用調整 */ | ||
/* | |||
.kmw-main-header .kmw-header- | /* ロゴはモバイルでは非表示（Wikipedia と同じ挙動に近づける） */ | ||
.kmw-main-header-logo { | |||
display: none; | |||
} | |||
/* 枠と背景は PC と同じ */ | |||
.kmw-main-header { | |||
border: 1px solid #c8e4ff; | |||
background-color: #f8fbff; | |||
border-radius: 16px; | |||
padding: 1.2em 1.4em; | |||
} | } | ||
/* | /* タイトルをスマホだけ大きめに */ | ||
.kmw-main-header-title { | .kmw-main-header-title { | ||
font-size: | font-size: 170%; /* ←ここを好みで 160〜190% くらいに調整 */ | ||
font-weight: | font-weight: 600; | ||
color: #3366cc; | |||
margin: 0; | |||
} | } | ||
/* サブタイトルは少し小さめ */ | |||
.kmw-main-header-subtitle { | .kmw-main-header-subtitle { | ||
font-size: | font-size: 95%; | ||
color: #444; | |||
margin: 0; | |||
} | } | ||