MediaWiki:Common.css - Revision history

Edgard at 16:29, 17 January 2026

2026-01-17T16:29:27Z

@@ Linha 69: / Linha 69: @@
          box-sizing: border-box;
+     }
+}

Edgard at 16:28, 17 January 2026

2026-01-17T16:28:11Z

@@ Linha 69: / Linha 69: @@
          box-sizing: border-box;
+     }
+}

Edgard at 16:26, 17 January 2026

2026-01-17T16:26:18Z

@@ Linha 60: / Linha 60: @@
      width: 100%;
      overflow-x: auto;
+}

Edgard at 16:21, 17 January 2026

2026-01-17T16:21:46Z

← Edição anterior		Edição das 16h21min de 17 de janeiro de 2026
Linha 1:		Linha 1:
	/* Esconde o título (H1) só na ~~página Main_Page~~ */		/* 1. Esconde o título (H1) apenas na Página Principal */
	.page-Main_Page #firstHeading,		.page-Main_Page #firstHeading,
	.page-Main_Page .mw-page-title-main {		.page-Main_Page .mw-page-title-main {
	display: none;		display: none;
	}		}
	~~/* ==========================================================================~~
	~~CSS CUSTOMIZADO - LOGO RESPONSIVA (SEM ALTERAÇÃO DE TAMANHO NO PC)~~
	~~==========================================================================~~
	*/

	/* 1. ~~MODO DESKTOP~~ (~~PC e Tablets >= 768px~~) */		/* 2. CONFIGURAÇÃO PARA PC (Telas grandes) */
	@media screen and (min-width: ~~768px~~) {		@media screen and (min-width: 1001px) {
	/* Mostra o ícone ~~da logo no tamanho original/padrão~~ */		.mw-logo {
			height: 140px !important; /* Mantido seu original */
			padding: 5px 0;
			display: flex;
			align-items: center;
			}

			/* Mostra apenas a imagem (ícone) */
	.mw-logo-icon {		.mw-logo-icon {
	display: inline-block !important;		display: inline-block !important;
			width: auto !important;
			height: 100% !important;
	}		}
	/* Esconde o texto ~~do nome do site~~ */
			/* Esconde o texto 'WikiRio' no PC */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: none !important;		display: none !important;
Linha 21:		Linha 27:
	}		}

	/* 2. ~~MODO MOBILE~~ (~~Celulares < 768px~~) */		/* 3. CONFIGURAÇÃO PARA TABLET E CELULAR (Telas menores) */
	@media screen and (max-width: ~~767px~~) {		@media screen and (max-width: 1000px) {
	/* Esconde o ícone ~~da logo para dar espaço~~ */		.mw-logo {
			height: 60px !important; /* Altura reduzida para não ocupar a tela toda no celular */
			padding: 5px 0;
			display: flex;
			align-items: center;
			}

			/* Esconde a imagem (ícone) */
	.mw-logo-icon {		.mw-logo-icon {
	display: none !important;		display: none !important;
	}		}
	/* Mostra apenas o texto ~~do nome do site~~ */
			/* Mostra apenas o texto 'WikiRio' */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: inline-block !important;		display: inline-block !important;
			height: 32px !important; /* Ajustado para boa legibilidade em tablets/celular */
	width: auto !important;		width: auto !important;
	margin-left: 0 !important;		margin-left: 0 !important;
Linha 35:		Linha 50:
	}		}

	/* 3. ~~AJUSTES GERAIS~~ DE ~~RESPONSIVIDADE */~~		/* 4. AJUSTE DE IMAGENS E TABELAS (Garantia de responsividade) */
	~~/* Garante que imagens e tabelas não quebrem o layout em telas menores~~ */
	img {		img {
	max-width: 100%;		max-width: 100%;
Linha 46:		Linha 60:
	width: 100%;		width: 100%;
	overflow-x: auto;		overflow-x: auto;
	~~border-collapse: collapse;~~
	}		}

Edgard at 16:19, 17 January 2026

2026-01-17T16:19:38Z

← Edição anterior		Edição das 16h19min de 17 de janeiro de 2026
Linha 5:		Linha 5:
	}		}
	/* ==========================================================================		/* ==========================================================================
	CSS CUSTOMIZADO ~~PARA WIKIRIO~~ (~~VECTOR 2022~~)		CSS CUSTOMIZADO - LOGO RESPONSIVA (SEM ALTERAÇÃO DE TAMANHO NO PC)
	==========================================================================		==========================================================================
	*/		*/

	/* 1. ~~AJUSTE GLOBAL DE LOGO (TAMANHO) */~~		/* 1. MODO DESKTOP (PC e Tablets >= 768px) */
	~~.mw-logo {~~
	~~height: 60px !important; /* Aumenta a logo no cabeçalho */~~
	~~padding: 5px 0;~~
	~~display: flex;~~
	~~align-items: center;~~
	}

	~~/* 2. COMPORTAMENTO RESPONSIVO DA LOGO */~~

	/* MODO DESKTOP (PC e Tablets >= 768px) */
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
	/* Mostra ~~apenas~~ o ícone ~~(Logo)~~ */		/* Mostra o ícone da logo no tamanho original/padrão */
	.mw-logo-icon {		.mw-logo-icon {
	display: inline-block !important;		display: inline-block !important;
	~~width: auto !important;~~
	~~height: 100% !important;~~
	}		}
	/* Esconde o nome do site ~~(WikiRio)~~ */		/* Esconde o texto do nome do site */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: none !important;		display: none !important;
Linha 33:		Linha 21:
	}		}

	/* MODO MOBILE (Celulares < 768px) */		/* 2. MODO MOBILE (Celulares < 768px) */
	@media screen and (max-width: 767px) {		@media screen and (max-width: 767px) {
	/* Esconde o ícone ~~(Logo)~~ para ~~economizar~~ espaço */		/* Esconde o ícone da logo para dar espaço */
	.mw-logo-icon {		.mw-logo-icon {
	display: none !important;		display: none !important;
	}		}
	/* Mostra apenas o nome do site ~~(WikiRio)~~ */		/* Mostra apenas o texto do nome do site */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: inline-block !important;		display: inline-block !important;
	~~height: 30px !important; /* Tamanho do texto no mobile */~~
	width: auto !important;		width: auto !important;
	margin-left: 0 !important;		margin-left: 0 !important;
Linha 48:		Linha 35:
	}		}

	/* 3. RESPONSIVIDADE ~~DE CONTEÚDO (IMAGENS E TABELAS)~~ */		/* 3. AJUSTES GERAIS DE RESPONSIVIDADE */
	/* Garante que imagens e tabelas não quebrem o layout ~~no celular~~ */		/* Garante que imagens e tabelas não quebrem o layout em telas menores */
	img {		img {
	max-width: 100%;		max-width: 100%;
Linha 58:		Linha 45:
	display: block;		display: block;
	width: 100%;		width: 100%;
	overflow-x: auto; ~~/* Adiciona barra de rolagem em tabelas largas */~~		overflow-x: auto;
	border-collapse: collapse;		border-collapse: collapse;
	}

	~~/* 4. AJUSTES VISUAIS PARA WIKIRIO */~~
	~~/* Melhora o espaçamento do conteúdo principal */~~
	~~.mw-body {~~
	~~padding: 1.5em;~~
	~~font-size: 1.1em; /* Melhora a legibilidade para guias de viagem */~~
	}

	~~/* Destaca links externos (útil para referências de bares e eventos) */~~
	~~#mw-content-text a.external {~~
	~~font-weight: 500;~~
	}		}

Edgard at 16:18, 17 January 2026

2026-01-17T16:18:39Z

← Edição anterior		Edição das 16h18min de 17 de janeiro de 2026
Linha 4:		Linha 4:
	display: none;		display: none;
	}		}
	/* ~~--- CONFIGURAÇÃO DE LOGO RESPONSIVA ---~~ */		/* ==========================================================================
			CSS CUSTOMIZADO PARA WIKIRIO (VECTOR 2022)
			==========================================================================
			*/

	/* MODO DESKTOP (PC e Tablets ~~grandes~~) */		/* 1. AJUSTE GLOBAL DE LOGO (TAMANHO) */
			.mw-logo {
			height: 60px !important; /* Aumenta a logo no cabeçalho */
			padding: 5px 0;
			display: flex;
			align-items: center;
			}

			/* 2. COMPORTAMENTO RESPONSIVO DA LOGO */

			/* MODO DESKTOP (PC e Tablets >= 768px) */
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
	/* Mostra o ícone ~~da logo~~ */		/* Mostra apenas o ícone (Logo) */
	.mw-logo-icon {		.mw-logo-icon {
	display: inline-block !important;		display: inline-block !important;
			width: auto !important;
			height: 100% !important;
	}		}
	/* Esconde o ~~texto '~~WikiRio' */		/* Esconde o nome do site (WikiRio) */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: none !important;		display: none !important;
Linha 18:		Linha 33:
	}		}

	/* MODO MOBILE (Celulares) */		/* MODO MOBILE (Celulares < 768px) */
	@media screen and (max-width: 767px) {		@media screen and (max-width: 767px) {
	/* Esconde o ícone ~~da logo~~ */		/* Esconde o ícone (Logo) para economizar espaço */
	.mw-logo-icon {		.mw-logo-icon {
	display: none !important;		display: none !important;
	}		}
	/* Mostra o ~~texto '~~WikiRio' */		/* Mostra apenas o nome do site (WikiRio) */
	.mw-logo-wordmark {		.mw-logo-wordmark {
	display: inline-block !important;		display: inline-block !important;
	margin-left: 0 !important; ~~/* Remove recuo agora que o ícone sumiu */~~		height: 30px !important; /* Tamanho do texto no mobile */
			width: auto !important;
			margin-left: 0 !important;
	}		}
			}

			/* 3. RESPONSIVIDADE DE CONTEÚDO (IMAGENS E TABELAS) */
			/* Garante que imagens e tabelas não quebrem o layout no celular */
			img {
			max-width: 100%;
			height: auto;
			}

			table {
			display: block;
			width: 100%;
			overflow-x: auto; /* Adiciona barra de rolagem em tabelas largas */
			border-collapse: collapse;
			}

			/* 4. AJUSTES VISUAIS PARA WIKIRIO */
			/* Melhora o espaçamento do conteúdo principal */
			.mw-body {
			padding: 1.5em;
			font-size: 1.1em; /* Melhora a legibilidade para guias de viagem */
			}

			/* Destaca links externos (útil para referências de bares e eventos) */
			#mw-content-text a.external {
			font-weight: 500;
	}		}

Edgard at 16:17, 17 January 2026

2026-01-17T16:17:27Z

← Edição anterior		Edição das 16h17min de 17 de janeiro de 2026
Linha 4:		Linha 4:
	display: none;		display: none;
	}		}
	/* ~~Aumenta a logo e garante que não suma no PC */~~		/* --- CONFIGURAÇÃO DE LOGO RESPONSIVA --- */
	~~.mw~~-~~logo {~~
	~~height: 140px !important; /* Ajuste conforme necessário~~ */
	~~padding: 5px 0;~~
	}

	~~.mw-logo-icon {~~
	~~width: auto !important;~~
	~~height: 100% !important;~~
	}

	/* ~~Garante que~~ o ~~texto 'WikiRio' acompanhe o aumento~~ */		/* MODO DESKTOP (PC e Tablets grandes) */
	.mw-logo-~~wordmark~~ {		@media screen and (min-width: 768px) {
	~~height~~: ~~28px~~ !important;		/* Mostra o ícone da logo */
	}		.mw-logo-icon {
	/* Esconde o ~~nome do site (~~texto~~) no cabeçalho do Vector 2022~~ */		display: inline-block !important;
	.mw-logo-wordmark {		}
	display: none !important;		/* Esconde o texto 'WikiRio' */
			.mw-logo-wordmark {
			display: none !important;
			}
	}		}

	/* ~~Opcional~~: ~~Ajuste~~ o ícone ~~para ficar centralizado ou maior se necessário~~ */		/* MODO MOBILE (Celulares) */
	.mw-logo-icon {		@media screen and (max-width: 767px) {
	margin-~~right~~: 0 !important;		/* Esconde o ícone da logo */
			.mw-logo-icon {
			display: none !important;
			}
			/* Mostra o texto 'WikiRio' */
			.mw-logo-wordmark {
			display: inline-block !important;
			margin-left: 0 !important; /* Remove recuo agora que o ícone sumiu */
			}
	}		}

Edgard at 16:15, 17 January 2026

2026-01-17T16:15:16Z

@@ Linha 18: / Linha 18: @@
 .mw-logo-wordmark {
      height: 28px !important;
+}

Edgard at 16:13, 17 January 2026

2026-01-17T16:13:51Z

← Edição anterior		Edição das 16h13min de 17 de janeiro de 2026
Linha 6:		Linha 6:
	/* Aumenta a logo e garante que não suma no PC */		/* Aumenta a logo e garante que não suma no PC */
	.mw-logo {		.mw-logo {
	height: ~~55px~~ !important; /* Ajuste conforme necessário */		height: 140px !important; /* Ajuste conforme necessário */
	padding: 5px 0;		padding: 5px 0;
	}		}

Edgard at 16:12, 17 January 2026

2026-01-17T16:12:49Z

@@ Linha 3: / Linha 3: @@
 .page-Main_Page .mw-page-title-main {
    display: none;
+}