Mudanças entre as edições de "Widget:CreatorReward"
Ir para navegação
Ir para pesquisar
m |
m |
||
| (2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
<includeonly> | <includeonly> | ||
<style> | <style> | ||
.tabber__panel:not(.tabber__panel--active) { | |||
display: none !important; | |||
} | |||
.tabber__panel.tabber__panel--active { | |||
animation: rcTabIn 0.35s ease-out; | |||
} | |||
@keyframes rcTabIn { | |||
from { | |||
opacity: 0; | |||
transform: translateY(8px); | |||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | |||
.rc-card { | .rc-card { | ||
background: #fff; | background: #fff; | ||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: 1.25rem; | padding: 1rem 1.25rem; | ||
max-width: 720px; | max-width: 720px; | ||
margin: 0 0 16px 0; | margin: 0 0 16px 0; | ||
| Linha 21: | Linha 41: | ||
.rc-header { | .rc-header { | ||
display: flex; | display: flex; | ||
align-items: | flex-direction: column; | ||
gap: | align-items: flex-start; | ||
margin-bottom: | gap: 8px; | ||
margin-bottom: 14px; | |||
} | } | ||
.rc-sprite-wrap { | .rc-sprite-wrap { | ||
width: | width: 40px; | ||
height: | height: 40px; | ||
border-radius: 8px; | border-radius: 8px; | ||
background: #f5f5f5; | background: #f5f5f5; | ||
| Linha 54: | Linha 75: | ||
font-size: 13px; | font-size: 13px; | ||
color: #666; | color: #666; | ||
margin: | margin: 2px 0 0 0; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | } | ||
| Linha 67: | Linha 88: | ||
background: #f8f8f8; | background: #f8f8f8; | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 12px | padding: 10px 12px; | ||
} | } | ||
| Linha 74: | Linha 95: | ||
align-items: center; | align-items: center; | ||
gap: 6px; | gap: 6px; | ||
margin: 0 0 | margin: 0 0 6px 0; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: 600; | font-weight: 600; | ||
| Linha 92: | Linha 113: | ||
} | } | ||
.rc-reqs { | .rc-reqs-list { | ||
list-style: disc; | |||
margin: 0; | |||
padding-left: 18px; | |||
font-size: 13px; | font-size: 13px; | ||
color: #333; | color: #333; | ||
line-height: 1.8; | |||
} | |||
.rc-reqs-list li { | |||
margin-bottom: 2px; | |||
} | } | ||
| Linha 107: | Linha 134: | ||
.rc-showcase { | .rc-showcase { | ||
margin-top: | margin-top: 12px; | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
| Linha 157: | Linha 184: | ||
div.appendChild(document.createTextNode(str)); | div.appendChild(document.createTextNode(str)); | ||
return div.innerHTML; | return div.innerHTML; | ||
} | |||
function reqsToListHtml(reqStr) { | |||
if (!reqStr || !reqStr.trim()) return ''; | |||
var items = reqStr.split('*').map(function (s) { return s.trim(); }).filter(function (s) { return s.length > 0; }); | |||
if (items.length === 0) return ''; | |||
var html = '<ul class="rc-reqs-list">'; | |||
for (var j = 0; j < items.length; j++) { | |||
html += '<li>' + items[j] + '</li>'; | |||
} | |||
html += '</ul>'; | |||
return html; | |||
} | } | ||
| Linha 193: | Linha 232: | ||
html += ' </p>'; | html += ' </p>'; | ||
if (d.yt_req) { | if (d.yt_req) { | ||
html += ' | html += ' ' + reqsToListHtml(d.yt_req); | ||
} | } | ||
if (d.yt_note) { | if (d.yt_note) { | ||
| Linha 208: | Linha 247: | ||
html += ' </p>'; | html += ' </p>'; | ||
if (d.tw_req) { | if (d.tw_req) { | ||
html += ' | html += ' ' + reqsToListHtml(d.tw_req); | ||
} | } | ||
if (d.tw_note) { | if (d.tw_note) { | ||