「MediaWiki:Common.css」の版間の差分
OwaraiBulkBot (トーク | 投稿記録) Remove owarai-mascot-raccoon background-image override |
OwaraiBulkBot (トーク | 投稿記録) Add .owarai-hero responsive grid styles for Main Page banner |
||
| 230行目: | 230行目: | ||
} | } | ||
} | } | ||
/* === owarai-hero (Main Page welcome banner) ============================== */ | |||
.owarai-hero { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 1.2em; | |||
align-items: center; | |||
background: #fffaf0; | |||
border: 1px solid #f0d000; | |||
padding: 1.4em; | |||
margin-bottom: 1em; | |||
box-sizing: border-box; | |||
} | |||
.owarai-hero-text { | |||
flex: 1 1 auto; | |||
min-width: 0; | |||
text-align: center; | |||
} | |||
.owarai-hero-text h1 { | |||
margin: 0 0 0.4em 0; | |||
border-bottom: none; | |||
padding-bottom: 0; | |||
} | |||
.owarai-hero-text p { margin: 0.5em 0; } | |||
.owarai-hero-image { | |||
flex: 0 0 auto; | |||
text-align: center; | |||
} | |||
.owarai-hero-image img { | |||
max-width: 100%; | |||
height: auto; | |||
width: 220px; | |||
} | |||
@media (min-width: 760px) { | |||
.owarai-hero { flex-direction: row; gap: 2em; align-items: center; } | |||
.owarai-hero-text { text-align: left; } | |||
.owarai-hero-text h1 { font-size: 2.2em; } | |||
.owarai-hero-image { order: 2; } | |||
.owarai-hero-image img { width: 260px; } | |||
} | |||
/* === /owarai-hero ======================================================== */ | |||