Widget:Lari1 - Histórico de revisão

Larifk em 13h40min de 17 de março de 2026

2026-03-17T13:40:16Z

← Edição anterior		Edição das 13h40min de 17 de março de 2026
Linha 130:		Linha 130:
	.ba-video-area {		.ba-video-area {
	border-radius: 10px; overflow: hidden;		border-radius: 10px; overflow: hidden;
	aspect-ratio: 16/9; ~~max-~~width: ~~420px~~; min-width: ~~280px~~;		aspect-ratio: 16/9; width: 480px; min-width: 360px;
	display: flex; align-items: center; justify-content: center;		display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;		flex-shrink: 0;
Linha 145:		Linha 145:
	font-size: 12px; line-height: 1.5;		font-size: 12px; line-height: 1.5;
	padding: 8px 12px; border-radius: 8px;		padding: 8px 12px; border-radius: 8px;
	flex: 1; min-width: ~~120px~~;		flex: 1; min-width: 80px;
	}		}
	.ba-wrap.dark .ba-skill-desc { color: #8888a8; background: #1a1a2a; border-left: 2px solid #6ab4ff; }		.ba-wrap.dark .ba-skill-desc { color: #8888a8; background: #1a1a2a; border-left: 2px solid #6ab4ff; }

Larifk em 13h37min de 17 de março de 2026

2026-03-17T13:37:04Z

← Edição anterior		Edição das 13h37min de 17 de março de 2026
Linha 129:		Linha 129:
	/* ===== VIDEO ===== */		/* ===== VIDEO ===== */
	.ba-video-area {		.ba-video-area {
	~~flex: 1;~~ border-radius: 10px; overflow: hidden;		border-radius: 10px; overflow: hidden;
	aspect-ratio: 16/9; max-width: 420px;		aspect-ratio: 16/9; max-width: 420px; min-width: 280px;
	display: flex; align-items: center; justify-content: center;		display: flex; align-items: center; justify-content: center;
			flex-shrink: 0;
	}		}
	.ba-wrap.dark .ba-video-area { background: #111; border: 1px solid rgba(100,100,160,.15); }		.ba-wrap.dark .ba-video-area { background: #111; border: 1px solid rgba(100,100,160,.15); }
Linha 142:		Linha 143:

	.ba-skill-desc {		.ba-skill-desc {
	~~margin-top: 10px;~~ font-size: 12px; line-height: 1.5;		font-size: 12px; line-height: 1.5;
	padding: 8px 12px; border-radius: 8px;		padding: 8px 12px; border-radius: 8px;
			flex: 1; min-width: 120px;
	}		}
	.ba-wrap.dark .ba-skill-desc { color: #8888a8; background: #1a1a2a; border-left: 2px solid #6ab4ff; }		.ba-wrap.dark .ba-skill-desc { color: #8888a8; background: #1a1a2a; border-left: 2px solid #6ab4ff; }
	.ba-wrap.light .ba-skill-desc { color: #6a6a80; background: #f5f5fa; border-left: 2px solid #5a8ad0; }		.ba-wrap.light .ba-skill-desc { color: #6a6a80; background: #f5f5fa; border-left: 2px solid #5a8ad0; }

			.ba-video-row {
			display: flex; gap: 14px; align-items: flex-start; flex: 1;
			}

	.ba-empty {		.ba-empty {
Linha 160:		Linha 166:
	}		}
	.ba-skill-btn { white-space: nowrap; }		.ba-skill-btn { white-space: nowrap; }
			.ba-video-row { flex-direction: column; }
			.ba-video-area { min-width: unset; max-width: 100%; width: 100%; }
	}		}

Linha 300:		Linha 308:
	html += '</div>';		html += '</div>';

	/* Vídeo + descrição */		/* Vídeo + descrição lado a lado */
	var skill = skills[currentSkill];		var skill = skills[currentSkill];
	html += '<div ~~style~~="~~flex:1;display:flex;flex~~-~~direction:column;gap:10px;~~">';		html += '<div class="ba-video-row">';

	var vid = ytId(skill.video);		var vid = ytId(skill.video);

Larifk em 13h33min de 17 de março de 2026

2026-03-17T13:33:48Z

← Edição anterior		Edição das 13h33min de 17 de março de 2026
Linha 130:		Linha 130:
	.ba-video-area {		.ba-video-area {
	flex: 1; border-radius: 10px; overflow: hidden;		flex: 1; border-radius: 10px; overflow: hidden;
	aspect-ratio: 16/9;		aspect-ratio: 16/9; max-width: 420px;
	display: flex; align-items: center; justify-content: center;		display: flex; align-items: center; justify-content: center;
	}		}

Larifk em 13h30min de 17 de março de 2026

2026-03-17T13:30:19Z

← Edição anterior		Edição das 13h30min de 17 de março de 2026
Linha 43:		Linha 43:

	.ba-theme-btn {		.ba-theme-btn {
	~~width~~: ~~34px~~; ~~height~~: ~~34px~~; border-radius: ~~50%~~; border: none;		display: flex; align-items: center; gap: 6px;
	cursor: pointer; font-size: ~~16px~~; ~~display~~: ~~flex~~;		padding: 6px 14px; border-radius: 20px; border: none;
	~~align-items: center; justify-content: center;~~ transition: all .2s;		cursor: pointer; font-size: 13px; font-weight: 600;
			transition: all .2s; white-space: nowrap;
	}		}
	.ba-wrap.dark .ba-theme-btn { background: #1e1e30; }		.ba-wrap.dark .ba-theme-btn { background: #1e1e30; color: #c8c8d8; }
	.ba-wrap.light .ba-theme-btn { background: #dddde5; }		.ba-wrap.light .ba-theme-btn { background: #dddde5; color: #5a5a7a; }

	/* ===== TABS BOSSES ===== */		/* ===== TABS BOSSES ===== */
Linha 232:		Linha 233:
	themeBtn.className = 'ba-theme-btn';		themeBtn.className = 'ba-theme-btn';
	themeBtn.id = 'ba-theme-btn';		themeBtn.id = 'ba-theme-btn';
	themeBtn.innerHTML = isDark ? '&#~~x2600~~;️' : '🌙';		themeBtn.innerHTML = isDark ? '❄️ Light' : '🌙 Dark';
	themeBtn.addEventListener('click', toggleTheme);		themeBtn.addEventListener('click', toggleTheme);
	controls.appendChild(themeBtn);		controls.appendChild(themeBtn);
Linha 350:		Linha 351:
	wrap.classList.toggle('light', !isDark);		wrap.classList.toggle('light', !isDark);
	var tb = document.getElementById('ba-theme-btn');		var tb = document.getElementById('ba-theme-btn');
	if (tb) tb.innerHTML = isDark ? '&#~~x2600~~;️' : '🌙';		if (tb) tb.innerHTML = isDark ? '❄️ Light' : '🌙 Dark';
	}		}

Larifk em 13h23min de 17 de março de 2026

2026-03-17T13:23:01Z

Mostrar alterações

Larifk em 12h52min de 17 de março de 2026

2026-03-17T12:52:25Z

Mostrar alterações

Larifk em 12h37min de 17 de março de 2026

2026-03-17T12:37:55Z

Mostrar alterações

Larifk em 11h49min de 17 de março de 2026

2026-03-17T11:49:03Z

Mostrar alterações

Larifk em 03h15min de 17 de março de 2026

2026-03-17T03:15:11Z

← Edição anterior		Edição das 03h15min de 17 de março de 2026
Linha 1:		Linha 1:
	.

	~~document.addEventListener('DOMContentLoaded', function() {~~

	~~// tema - sempre primeiro~~
	~~document.querySelectorAll('.sv-wrap').forEach(function(wrap) {~~
	~~var btn = wrap.querySelector('.tema-btn');~~
	~~if (!btn) return;~~
	~~var saved = localStorage.getItem('wiki-tema');~~
	~~if (saved === 'dark') {~~
	~~wrap.classList.add('sv-dark');~~
	~~btn.textContent = '☀ Light';~~
	}
	~~btn.addEventListener('click', function() {~~
	~~wrap.classList.toggle('sv-dark');~~
	~~var isDark = wrap.classList.contains('sv-dark');~~
	~~btn.textContent = isDark ? '☀ Light' : '☾ Dark';~~
	~~localStorage.setItem('wiki-tema', isDark ? 'dark' : 'light');~~
	~~});~~
	~~});~~

	~~// resto do código...~~

	~~});~~
	<style>		<style>
	.mw-body { padding: unset !important; }		.mw-body { padding: unset !important; }
Linha 140:		Linha 117:
	});		});

	document.~~querySelectorAll~~('~~.sv-box~~'~~).forEach(~~function(~~box~~) {		document.addEventListener('DOMContentLoaded', function() {
	~~box~~.querySelectorAll('.sv-~~tab~~').forEach(function(~~tab~~) {
	~~tab~~.~~addEventListener~~('~~click~~'~~, function~~() {		// tema - sempre primeiro
	~~box~~.~~querySelectorAll~~('~~.sv~~-~~tab~~')~~.forEach~~(~~function(t~~) { t.classList.~~remove~~('~~active~~'); });		document.querySelectorAll('.lk-wrap').forEach(function(wrap) {
	~~box~~.~~querySelectorAll~~('~~.sv-panel~~'~~).forEach(~~function(p) { p.classList.~~remove~~('~~active~~'~~); }~~);		var btn = wrap.querySelector('.tema-btn');
	~~tab~~.classList.~~add~~('~~active~~');		if (!btn) return;
	~~box~~.~~querySelector~~('~~.sv~~-~~panel[data-panel="~~' ~~+ tab.dataset.skill +~~ '"]'~~).classList.add(~~'~~active~~');		var saved = localStorage.getItem('wiki-tema');
	});		if (saved === 'dark') {
			wrap.classList.add('lk-dark');
			btn.textContent = '☀ Light';
			}
			btn.addEventListener('click', function() {
			wrap.classList.toggle('lk-dark');
			var isDark = wrap.classList.contains('lk-dark');
			btn.textContent = isDark ? '☀ Light' : '☾ Dark';
			localStorage.setItem('wiki-tema', isDark ? 'dark' : 'light');
	});		});
	});		});

	~~});~~
	</script>		</script>

Larifk em 03h13min de 17 de março de 2026

2026-03-17T03:13:34Z

← Edição anterior		Edição das 03h13min de 17 de março de 2026
Linha 1:		Linha 1:
	.		.

			document.addEventListener('DOMContentLoaded', function() {

			// tema - sempre primeiro
			document.querySelectorAll('.sv-wrap').forEach(function(wrap) {
			var btn = wrap.querySelector('.tema-btn');
			if (!btn) return;
			var saved = localStorage.getItem('wiki-tema');
			if (saved === 'dark') {
			wrap.classList.add('sv-dark');
			btn.textContent = '☀ Light';
			}
			btn.addEventListener('click', function() {
			wrap.classList.toggle('sv-dark');
			var isDark = wrap.classList.contains('sv-dark');
			btn.textContent = isDark ? '☀ Light' : '☾ Dark';
			localStorage.setItem('wiki-tema', isDark ? 'dark' : 'light');
			});
			});

			// resto do código...

			});
	<style>		<style>
	.mw-body { padding: unset !important; }		.mw-body { padding: unset !important; }