微件:Donation:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第4行: | 第4行: | ||
<strong>Donation Banner Widget</strong><br> | <strong>Donation Banner Widget</strong><br> | ||
Use this code in <i>MediaWiki:Sitenotice</i> to display the banner:<br> | Use this code in <i>MediaWiki:Sitenotice</i> to display the banner:<br> | ||
<b | <b>{{#widget:Donation}}</b> | ||
</div> | </div> | ||
</noinclude> | </noinclude> | ||
| 第23行: | 第22行: | ||
border: 1px solid #f5c6cb; | border: 1px solid #f5c6cb; | ||
color: #491217; | color: #491217; | ||
padding: 15px 20px; | /* Increased right padding to prevent QR code from overlapping close button */ | ||
padding: 15px 45px 15px 20px; | |||
border-radius: 4px; | border-radius: 4px; | ||
position: relative; | position: relative; | ||
| 第82行: | 第82行: | ||
.jr-banner-close { | .jr-banner-close { | ||
position: absolute; | position: absolute; | ||
top: | top: 8px; | ||
right: | right: 12px; | ||
font-size: | font-size: 26px; /* Made button bigger */ | ||
font-weight: bold; | font-weight: bold; | ||
cursor: pointer; | cursor: pointer; | ||
| 第90行: | 第90行: | ||
line-height: 1; | line-height: 1; | ||
z-index: 2; | z-index: 2; | ||
padding: 4px; /* Adds a little click area buffer */ | |||
} | } | ||
| 第101行: | 第102行: | ||
flex-direction: column; | flex-direction: column; | ||
text-align: left; | text-align: left; | ||
padding: 15px 20px; /* Reset padding for mobile layout */ | |||
} | } | ||
.jr-banner-qr { | .jr-banner-qr { | ||
margin-top: 15px; | margin-top: 15px; | ||
align-self: center; /* Center the QR code on mobile */ | align-self: center; /* Center the QR code on mobile */ | ||
} | |||
.jr-banner-close { | |||
top: 5px; | |||
right: 10px; | |||
} | } | ||
} | } | ||
2025年12月8日 (一) 20:48的版本
Donation Banner Widget
Use this code in MediaWiki:Sitenotice to display the banner: