「MediaWiki:Common.css」の版間の差分
tag pill: vertical padding/row gap を広げる |
.owarai-cta-buttons の <p> も flex 化し Pill 間に gap を確保 |
||
| (同じ利用者による、間の6版が非表示) | |||
| 446行目: | 446行目: | ||
margin-top: 0.9em; | margin-top: 0.9em; | ||
} | } | ||
/* MW では <p> でリンクが包まれて出力されるため、その中でも横並び gap を効かせる */ | |||
.owarai-cta-buttons p { | |||
display: flex; flex-wrap: wrap; gap: 0.6em; justify-content: center; | |||
margin: 0; width: 100%; | |||
} | |||
.owarai-cta-buttons p > span { display: inline-flex; } | |||
.owarai-cta-buttons a { | .owarai-cta-buttons a { | ||
display: inline-block; padding: 0.55em 1.4em; | display: inline-block; padding: 0.55em 1.4em; | ||
| 921行目: | 927行目: | ||
font-size: 0.92em; | font-size: 0.92em; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | |||
/* FA SVG icon (emoji 置換) — img データURI として埋め込んだ SVG のサイズ調整 */ | |||
.owarai-fa-icon { | |||
display: inline-block; | |||
vertical-align: -0.125em; | |||
width: 1em; | |||
height: 1em; | |||
} | |||
/* portal カードのアイコン枠 (旧 emoji 1.7em) と同サイズに */ | |||
.owarai-portal-icon .owarai-fa-icon { | |||
width: 1.7em; | |||
height: 1.7em; | |||
vertical-align: middle; | |||
} | |||
/* セクション見出し h2 の左に並ぶ icon は WP ドットと両立しない */ | |||
/* — wikitext 側で h2 の先頭に icon を置いている。WP ドットを抑える */ | |||
.owarai-mp-section > h2 .owarai-fa-icon { | |||
width: 0.85em; | |||
height: 0.85em; | |||
margin-right: 0.1em; | |||
} | |||
.owarai-mp-section > h2:has(.owarai-fa-icon)::before { | |||
display: none; | |||
} | |||
.owarai-mp-section > h2:has(img.owarai-fa-icon)::before { | |||
display: none; | |||
} | |||
.mw-parser-output h2:has(.owarai-fa-icon)::before { | |||
display: none; | |||
} | |||
/* fix: portal-icon の SVG が親の font-size 1.7em と乗算され大きすぎ&余白潰しになる */ | |||
.owarai-portal-icon .owarai-fa-icon { | |||
width: 1em !important; | |||
height: 1em !important; | |||
display: block; | |||
vertical-align: top; | |||
margin-bottom: 0.05em; | |||
} | |||
/* カードホバー時の浮き上がりエフェクトを廃止 */ | |||
.owarai-portal:hover, | |||
.owarai-feat:hover, | |||
.owarai-award-card:hover { | |||
transform: none !important; | |||
} | |||
/* fix: owarai-tags は実体が <div><p><a>...<a>...</p></div> なので | |||
* display:flex は効かない (子は <p> 1 つだけ)。inline 流に戻し、 | |||
* line-height で行間を稼ぐ + a 自身に十分なパディングを付ける。 */ | |||
.owarai-tags { | |||
display: block !important; | |||
line-height: 2.5; | |||
padding: 0.2em 0 0.4em 0; | |||
} | |||
.owarai-tags p { | |||
margin: 0 !important; | |||
line-height: inherit; | |||
} | |||
.owarai-tags a { | |||
display: inline-block !important; | |||
padding: 0.45em 1em !important; | |||
margin: 0 0.15em 0.1em 0 !important; | |||
border-radius: 999px; | |||
font-size: 0.92em; | |||
line-height: 1.2; | |||
vertical-align: middle; | |||
} | |||
/* カードホバー時のシャドウ変化も廃止 (visual lift を完全に止める) */ | |||
.owarai-portal, | |||
.owarai-feat, | |||
.owarai-award-card { | |||
transition: none !important; | |||
} | |||
.owarai-portal:hover, | |||
.owarai-feat:hover, | |||
.owarai-award-card:hover { | |||
transform: none !important; | |||
box-shadow: 0 1px 4px rgba(20,16,0,0.05) !important; | |||
} | |||
/* Minerva (モバイル) では h2 のブランドドット ::before を出さない */ | |||
.skin-minerva .mw-parser-output h2::before, | |||
.skin-minerva .owarai-mp-section > h2::before { | |||
display: none !important; | |||
} | } | ||