「MediaWiki:Common.css」の版間の差分
編集の要約なし |
編集の要約なし タグ: 差し戻し済み |
||
| 881行目: | 881行目: | ||
margin-top: 1em; | margin-top: 1em; | ||
text-align: center; | text-align: center; | ||
} | |||
/* 経済屋メインページ用ヘッダー | |||
テンプレート:経済屋メインヘッダー で使用 | |||
*/ | |||
.kmw-main-header { | |||
border: 1px solid #c8e4ff; | |||
background-color: #f8fbff; | |||
border-radius: 16px; | |||
padding: 1.4em 1.8em; | |||
display: flex; | |||
align-items: center; | |||
gap: 1.6em; | |||
box-sizing: border-box; | |||
margin: 0; | |||
} | |||
/* ロゴ */ | |||
.kmw-main-header-logo img { | |||
height: 128px; | |||
width: 128px; | |||
object-fit: contain; | |||
display: block; | |||
} | |||
/* テキスト部分：縦に並べて左寄せ */ | |||
.kmw-main-header-text { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: flex-start; /* ← ここで完全に左寄せ */ | |||
gap: 0.25em; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* タイトル行 */ | |||
.kmw-main-header-title { | |||
font-size: 180%; | |||
font-weight: 500; | |||
color: #3366cc; | |||
margin: 0; | |||
} | |||
.kmw-main-header-title a { | |||
text-decoration: none; | |||
} | |||
/* サブタイトル行 */ | |||
.kmw-main-header-subtitle { | |||
font-size: 95%; | |||
color: #444; | |||
margin: 0; | |||
} | |||
/* 念のため、この中に p が入っても左寄せにしておく */ | |||
.kmw-main-header p { | |||
margin: 0; | |||
padding: 0; | |||
text-align: left; | |||
} | |||
/* スマホ（幅 720px 以下）はロゴ非表示＋テキスト全幅 */ | |||
@media (max-width: 720px) { | |||
.kmw-main-header-logo { | |||
display: none; | |||
} | |||
.kmw-main-header { | |||
padding: 1.0em 1.2em; | |||
} | |||
.kmw-main-header-text { | |||
width: 100%; | |||
} | |||
} | } | ||