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

Edição das 14h17min de 16 de março de 2026

 .lk-panel.active{grid-template-columns:1fr;}
 .lk-left{flex-direction:row;min-width:unset;}
 .lk-bau-box{width:52px;height:52px;}

} </style> <script> document.addEventListener('DOMContentLoaded',function(){

 document.querySelectorAll('.lk-wrap').forEach(function(wrap){
   wrap.querySelectorAll('.lk-tab').forEach(function(tab){
     tab.addEventListener('click',function(){
       wrap.querySelectorAll('.lk-tab').forEach(function(t){t.classList.remove('active');});
       wrap.querySelectorAll('.lk-panel').forEach(function(p){p.classList.remove('active');});
       tab.classList.add('active');
       wrap.querySelector('.lk-panel[data-panel="'+tab.dataset.tab+'"]').classList.add('active');
     });
   });
 });

}); </script>

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

Edição das 14h17min de 16 de março de 2026

Menu de navegação

Pesquisa

@@ Linha 1: / Linha 1: @@
-.
+<style>
+.lk-titulo{font-size:1.4rem;font-weight:700;color:#222;margin:0 0 1rem;}
+.lk-tabs{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:1rem;flex-wrap:wrap;}
+.lk-tab{padding:6px 16px;font-size:13px;font-weight:600;color:#555;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap;user-select:none;}
+.lk-tab.active{color:#2a6496;border-bottom-color:#2a6496;}
+.lk-tab:hover:not(.active){color:#333;}
+.lk-panel{display:none;}
+.lk-panel.active{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:.25rem 0;}
+.lk-left{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:84px;}
+.lk-bau-box{width:72px;height:72px;border-radius:10px;background:#f5f5f5;border:.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;}
+.lk-bau-box img{max-width:100%;max-height:100%;object-fit:contain;}
+.lk-badge{font-size:11px;font-weight:600;border-radius:999px;padding:2px 10px;text-transform:capitalize;}
+.lk-badge.comum{color:#1a5276;background:#d6eaf8;border:.5px solid #85c1e9;}
+.lk-badge.ouro{color:#7d6608;background:#fef9e7;border:.5px solid #f7dc6f;}
+.lk-right{display:flex;flex-direction:column;gap:14px;min-width:0;}
+.lk-slabel{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;}
+.lk-rewards{display:flex;flex-wrap:wrap;gap:8px;}
+.lk-reward{display:flex;flex-direction:column;align-items:center;gap:3px;}
+.lk-rsprite{width:38px;height:38px;border-radius:8px;background:#f5f5f5;border:.5px solid rgba(0,0,0,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;}
+.lk-rsprite img{max-width:100%;max-height:100%;object-fit:contain;}
+.lk-rqty{font-size:11px;font-weight:600;color:#333;}
+.lk-divider{height:.5px;background:rgba(0,0,0,.09);}
+.lk-media-wrap{border-radius:10px;overflow:hidden;background:#f0f0f0;border:.5px solid rgba(0,0,0,.1);width:100%;aspect-ratio:16/9;position:relative;}
+.lk-media-wrap iframe,.lk-media-wrap img{position:absolute;inset:0;width:100%;height:100%;border:none;object-fit:cover;display:block;}
+@media(max-width:520px){
+  .lk-panel.active{grid-template-columns:1fr;}
+  .lk-left{flex-direction:row;min-width:unset;}
+  .lk-bau-box{width:52px;height:52px;}
+}
+</style>
+<script>
+document.addEventListener('DOMContentLoaded',function(){
+  document.querySelectorAll('.lk-wrap').forEach(function(wrap){
+    wrap.querySelectorAll('.lk-tab').forEach(function(tab){
+      tab.addEventListener('click',function(){
+        wrap.querySelectorAll('.lk-tab').forEach(function(t){t.classList.remove('active');});
+        wrap.querySelectorAll('.lk-panel').forEach(function(p){p.classList.remove('active');});
+        tab.classList.add('active');
+        wrap.querySelector('.lk-panel[data-panel="'+tab.dataset.tab+'"]').classList.add('active');
+      });
+    });
+  });
+});
+</script>