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 - ~~CORREÇÃO PARA 2 COLUNAS (~~2x2)

// ÁREA DE LOGOS - ESTRUTURA DE GRELHA 2x2

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

'<div>' +

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

'<img src="'+img.igus+'" style="height: 40px; width: auto;">' +

'<img src="'+img.igus+'" style="height: 40px; width: auto; display: block;">' +

'</div>' +

'<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>' +

// ~~Adicionámos display:flex e flex-wrap:wrap aqui para alinhar os blocos A~~

// Grid que força 2 colunas

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

'<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 20px 40px; max-width: fit-content; align-items: center;">' +

'<a href="'+pdfLinks.compete+'" target="_blank" style="display: block; ~~flex~~: ~~0 0 calc(50% - 20px)~~;"><img src="'+img.compete+'" class="footer-sponsor-img~~" style="height:45px; width:auto;~~"></a>' +

'<a href="'+pdfLinks.compete+'" target="_blank" style="display: block; border: none;"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank" style="display: block; ~~flex~~: ~~0 0 calc(50% - 20px)~~;"><img src="'+img.centro+'" class="footer-sponsor-img~~" style="height:45px; width:auto;~~"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank" style="display: block; border: none;"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank" style="display: block; ~~flex~~: ~~0 0 calc(50% - 20px)~~;"><img src="'+img.pessoas+'" class="footer-sponsor-img~~" style="height:45px; width:auto;~~"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank" style="display: block; border: none;"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank" style="display: block; ~~flex~~: ~~0 0 calc(50% - 20px)~~;"><img src="'+img.prr+'" class="footer-sponsor-img~~" style="height:45px; width:auto;~~"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank" style="display: block; border: none;"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +

'</div>' +