「MediaWiki:Common.css」の版間の差分
add owarai-fa-icon styling for emoji-to-svg replacements |
.owarai-cta-buttons の <p> も flex 化し Pill 間に gap を確保 |
||
| (同じ利用者による、間の5版が非表示) | |||
| 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; | ||
| 951行目: | 957行目: | ||
.mw-parser-output h2:has(.owarai-fa-icon)::before { | .mw-parser-output h2:has(.owarai-fa-icon)::before { | ||
display: none; | 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; | |||
} | } | ||