MediaWiki:Common.js: Difference between revisions

Line 55:

'<hr style="border: 0; border-top: 1px solid rgba(255,255,255,0.2); margin: 40px 0;">' +

// ÁREA DE LOGOS ~~ORGANIZADA~~ EM 2 COLUNAS

// ÁREA DE LOGOS - ORGANIZAÇÃO EM 2 COLUNAS (2x2)

'<div style="display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1400px; margin: 0 auto; gap: 60px;">' +

'<div>' +

Line 63:

'<div style="flex: 1;">' +

'<p style="font-size: 11px; color: #ffffff !important; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Co-sponsored by:</p>' +

/* Definimos max-width ~~em 450px para forçar~~ a ~~quebra~~ em ~~2 colunas */~~

// O segredo está neste max-width de 650px que obriga os logos a ficarem em pares

'<div style="display: flex; flex-wrap: wrap; gap: 30px; max-width: ~~450px~~;">' +

'<div style="display: flex; flex-wrap: wrap; gap: 30px; max-width: 650px; align-items: center;">' +

'<a href="'+pdfLinks.compete+'" target="_blank"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.compete+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +

'</div>' +