Mudanças entre as edições de "Widget:CreatorReward"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(3 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 auto 16px auto;
             margin: 0 0 16px 0;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             color: #1a1a1a;
             color: #1a1a1a;
             box-sizing: border-box;
             box-sizing: border-box;
        }
        @media (max-width: 760px) {
            .rc-card {
                max-width: 100%;
            }
         }
         }


         .rc-header {
         .rc-header {
             display: flex;
             display: flex;
             align-items: center;
            flex-direction: column;
             gap: 14px;
             align-items: flex-start;
             margin-bottom: 16px;
             gap: 8px;
             margin-bottom: 14px;
         }
         }


         .rc-sprite-wrap {
         .rc-sprite-wrap {
             width: 56px;
             width: 40px;
             height: 56px;
             height: 40px;
             border-radius: 8px;
             border-radius: 8px;
             background: #f5f5f5;
             background: #f5f5f5;
Linha 48: Linha 75:
             font-size: 13px;
             font-size: 13px;
             color: #666;
             color: #666;
             margin: 4px 0 0 0;
             margin: 2px 0 0 0;
             line-height: 1.4;
             line-height: 1.4;
         }
         }
Linha 61: Linha 88:
             background: #f8f8f8;
             background: #f8f8f8;
             border-radius: 8px;
             border-radius: 8px;
             padding: 12px 14px;
             padding: 10px 12px;
         }
         }


Linha 68: Linha 95:
             align-items: center;
             align-items: center;
             gap: 6px;
             gap: 6px;
             margin: 0 0 8px 0;
             margin: 0 0 6px 0;
             font-size: 12px;
             font-size: 12px;
             font-weight: 600;
             font-weight: 600;
Linha 86: 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;
             margin: 0;
             line-height: 1.8;
             line-height: 1.7;
        }
 
        .rc-reqs-list li {
             margin-bottom: 2px;
         }
         }


Linha 101: Linha 134:


         .rc-showcase {
         .rc-showcase {
             margin-top: 16px;
             margin-top: 12px;
             display: grid;
             display: grid;
             grid-template-columns: 1fr;
             grid-template-columns: 1fr;
Linha 151: 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 187: Linha 232:
                     html += '    </p>';
                     html += '    </p>';
                     if (d.yt_req) {
                     if (d.yt_req) {
                         html += '    <p class="rc-reqs">' + d.yt_req + '</p>';
                         html += '    ' + reqsToListHtml(d.yt_req);
                     }
                     }
                     if (d.yt_note) {
                     if (d.yt_note) {
Linha 202: Linha 247:
                     html += '    </p>';
                     html += '    </p>';
                     if (d.tw_req) {
                     if (d.tw_req) {
                         html += '    <p class="rc-reqs">' + d.tw_req + '</p>';
                         html += '    ' + reqsToListHtml(d.tw_req);
                     }
                     }
                     if (d.tw_note) {
                     if (d.tw_note) {

Edição atual tal como às 23h11min de 14 de março de 2026

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:CreatorReward&oldid=44828”