MediaWiki:Common.css - Revision history

Determinaradmin at 01:53, 12 August 2026

2026-08-12T01:53:30Z

Determinaradmin at 15:41, 6 August 2026

2026-08-06T15:41:27Z

← Older revision		Revision as of 15:41, 6 August 2026
Line 110:		Line 110:
	word-break: break-word;		word-break: break-word;
	}		}
	/* ===== Banner Hero com Canvas Interativo (~~Corrigido~~) ===== */		/* ===== Banner Hero com Canvas Interativo (Tema Verde Esmeralda) ===== */
	.wiki-hero-wrapper {		.wiki-hero-wrapper {
	position: relative;		position: relative;
	background-color: #062a20 !important; /* ~~verde~~ escuro, tom da logo */		background-color: #062a20 !important; /* Verde escuro (tom da logo) */
	border-radius: 16px;		border-radius: 16px;
	overflow: hidden;		overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;		margin-bottom: 24px;
	min-height: 460px; /* ~~banner~~ mais alto */		min-height: 460px; /* Banner ~20% mais alto */
	display: flex;		display: flex;
	align-items: center;		align-items: center;
Line 147:		Line 147:
	width: 380px;		width: 380px;
	height: 380px;		height: 380px;
	background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, transparent 70%); /* ~~glow~~ verde esmeralda */		background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, transparent 70%); /* Glow verde esmeralda suave */
	z-index: 2;		z-index: 2;
	pointer-events: none;		pointer-events: none;
Line 174:		Line 174:
	.wiki-hero-subtitle {		.wiki-hero-subtitle {
	font-size: 1.05rem;		font-size: 1.05rem;
	color: #94b8a8; /* ~~cinza~~-esverdeado~~, mantém~~ legibilidade ~~sobre o~~ fundo ~~verde~~ */		color: #94b8a8; /* Cinza-esverdeado para legibilidade perfeita no fundo escuro */
	line-height: 1.6;		line-height: 1.6;
	margin-bottom: 0;		margin-bottom: 0;
	}		}

Determinaradmin at 15:32, 6 August 2026

2026-08-06T15:32:51Z

← Older revision		Revision as of 15:32, 6 August 2026
Line 113:		Line 113:
	.wiki-hero-wrapper {		.wiki-hero-wrapper {
	position: relative;		position: relative;
	background-color: #~~030712~~ !important;		background-color: #062a20 !important; /* verde escuro, tom da logo */
	border-radius: 16px;		border-radius: 16px;
	overflow: hidden;		overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;		margin-bottom: 24px;
	min-height: ~~380px~~;		min-height: 460px; /* banner mais alto */
	display: flex;		display: flex;
	align-items: center;		align-items: center;
Line 145:		Line 145:
	left: 50%;		left: 50%;
	transform: translate(-50%, -50%);		transform: translate(-50%, -50%);
	width: ~~350px~~;		width: 380px;
	height: ~~350px~~;		height: 380px;
	background: radial-gradient(circle, rgba(13, ~~110~~, ~~253~~, 0.4) 0%, transparent 70%);		background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, transparent 70%); /* glow verde esmeralda */
	z-index: 2;		z-index: 2;
	pointer-events: none;		pointer-events: none;
Line 157:		Line 157:
	max-width: 800px;		max-width: 800px;
	margin: 0 auto;		margin: 0 auto;
	padding: ~~40px~~ 20px;		padding: 48px 20px;
	text-align: center;		text-align: center;
	color: #ffffff;		color: #ffffff;
Line 174:		Line 174:
	.wiki-hero-subtitle {		.wiki-hero-subtitle {
	font-size: 1.05rem;		font-size: 1.05rem;
	color: #~~94a3b8~~;		color: #94b8a8; /* cinza-esverdeado, mantém legibilidade sobre o fundo verde */
	line-height: 1.6;		line-height: 1.6;
	margin-bottom: 0;		margin-bottom: 0;
	}		}

Determinaradmin at 15:16, 6 August 2026

2026-08-06T15:16:47Z

← Older revision		Revision as of 15:16, 6 August 2026
Line 118:		Line 118:
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;		margin-bottom: 24px;
	min-height: 380px; ~~/* Garante altura para o canvas aparecer */~~		min-height: 380px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;

Determinaradmin at 14:49, 6 August 2026

2026-08-06T14:49:55Z

← Older revision		Revision as of 14:49, 6 August 2026
Line 110:		Line 110:
	word-break: break-word;		word-break: break-word;
	}		}
	/* ===== Banner Hero com Canvas Interativo ===== */		/* ===== Banner Hero com Canvas Interativo (Corrigido) ===== */
	.wiki-hero-wrapper {		.wiki-hero-wrapper {
	position: relative;		position: relative;
	background-color: #030712; ~~/* Fundo bem escuro */~~		background-color: #030712 !important;
	border-radius: 16px;		border-radius: 16px;
	overflow: hidden;		overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;		margin-bottom: 24px;
			min-height: 380px; /* Garante altura para o canvas aparecer */
			display: flex;
			align-items: center;
			justify-content: center;
	}		}

	~~/* O container onde o Canvas será inserido pelo JavaScript */~~
	.wiki-hero-canvas-wrapper {		.wiki-hero-canvas-wrapper {
	position: absolute;		position: absolute;
Line 127:		Line 130:
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	z-index: 1; ~~/* Fica no fundo */~~		z-index: 1;
	}		}

Line 136:		Line 139:
	}		}

	~~/* Efeito de luz/brilho azul estático adicional */~~
	.wiki-hero-wrapper::before {		.wiki-hero-wrapper::before {
	content: "";		content: "";
Line 143:		Line 145:
	left: 50%;		left: 50%;
	transform: translate(-50%, -50%);		transform: translate(-50%, -50%);
	width: ~~300px~~;		width: 350px;
	height: ~~300px~~;		height: 350px;
	background: radial-gradient(circle, rgba(13, 110, 253, 0.35) 0%, transparent 70%);		background: radial-gradient(circle, rgba(13, 110, 253, 0.4) 0%, transparent 70%);
	z-index: 2; ~~/* Fica acima do canvas, abaixo do texto */~~		z-index: 2;
	pointer-events: none;		pointer-events: none;
	}		}
Line 152:		Line 154:
	.wiki-hero-content {		.wiki-hero-content {
	position: relative;		position: relative;
	z-index: 3; ~~/* Fica no topo de tudo, legível */~~		z-index: 3;
	max-width: ~~700px~~;		max-width: 800px;
	margin: 0 auto;		margin: 0 auto;
	padding: ~~60px 30px~~;		padding: 40px 20px;
	text-align: center;		text-align: center;
	color: #ffffff;		color: #ffffff;
Line 161:		Line 163:

	.wiki-hero-title {		.wiki-hero-title {
	font-size: ~~2.5rem~~;		font-size: 2rem;
	font-weight: 800;		font-weight: 800;
	line-height: 1.2;		line-height: 1.25;
	margin-bottom: 16px;		margin-bottom: 16px;
	~~letter-spacing: -0.025em;~~		color: #ffffff !important;
	color: #ffffff;		border-bottom: none !important;
	border-bottom: none;		padding-bottom: 0 !important;
	}		}

	.wiki-hero-subtitle {		.wiki-hero-subtitle {
	font-size: 1.~~1rem~~;		font-size: 1.05rem;
	color: #94a3b8;		color: #94a3b8;
	line-height: 1.6;		line-height: 1.6;
	margin-bottom: ~~24px~~;		margin-bottom: 0;
	}		}

Determinaradmin at 14:46, 6 August 2026

2026-08-06T14:46:25Z

← Older revision		Revision as of 14:46, 6 August 2026
Line 110:		Line 110:
	word-break: break-word;		word-break: break-word;
	}		}
	/* ===== Banner Hero com ~~Fundo Quadriculado (Estilo Tech/Grid)~~ ===== */		/* ===== Banner Hero com Canvas Interativo ===== */
	.wiki-hero-~~grid~~ {		.wiki-hero-wrapper {
	position: relative;		position: relative;
	background-color: #030712; /* Fundo bem escuro ~~para destacar o azul */~~		background-color: #030712; /* Fundo bem escuro */
	~~background-image:~~
	~~linear-gradient(to right, rgba(37, 99, 235, 0.1) 1px, transparent 1px),~~
	~~linear-gradient(to bottom, rgba(37, 99, 235, 0.1) 1px, transparent 1px);~~
	~~background-size: 48px 48px; /* Tamanho dos quadradinhos~~ */
	border-radius: 16px;		border-radius: 16px;
	~~padding: 60px 30px;~~
	~~text-align: center;~~
	~~color: #ffffff;~~
	overflow: hidden;		overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
Line 127:		Line 120:
	}		}

	/* Efeito de luz/brilho azul ~~no fundo~~ */		/* O container onde o Canvas será inserido pelo JavaScript */
	.wiki-hero-~~grid~~::before {		.wiki-hero-canvas-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1; /* Fica no fundo */
			}

			#hero-particle-canvas {
			width: 100%;
			height: 100%;
			display: block;
			}

			/* Efeito de luz/brilho azul estático adicional */
			.wiki-hero-wrapper::before {
	content: "";		content: "";
	position: absolute;		position: absolute;
Line 137:		Line 146:
	height: 300px;		height: 300px;
	background: radial-gradient(circle, rgba(13, 110, 253, 0.35) 0%, transparent 70%);		background: radial-gradient(circle, rgba(13, 110, 253, 0.35) 0%, transparent 70%);
	z-index: 1;		z-index: 2; /* Fica acima do canvas, abaixo do texto */
	pointer-events: none;		pointer-events: none;
	}		}
Line 143:		Line 152:
	.wiki-hero-content {		.wiki-hero-content {
	position: relative;		position: relative;
	z-index: 2;		z-index: 3; /* Fica no topo de tudo, legível */
	max-width: 700px;		max-width: 700px;
	margin: 0 auto;		margin: 0 auto;
			padding: 60px 30px;
			text-align: center;
			color: #ffffff;
	}		}

Line 154:		Line 166:
	margin-bottom: 16px;		margin-bottom: 16px;
	letter-spacing: -0.025em;		letter-spacing: -0.025em;
			color: #ffffff;
			border-bottom: none;
	}		}

Determinaradmin at 14:42, 6 August 2026

2026-08-06T14:42:23Z

@@ Line 109: / Line 109: @@
    overflow-wrap: anywhere;
    word-break: break-word;
+}

Determinaradmin at 19:24, 3 August 2026

2026-08-03T19:24:05Z

← Older revision		Revision as of 19:24, 3 August 2026
Line 103:		Line 103:
	html.skin-theme-clientpref-night .medico-faq-q { color: #f3f4f6; }		html.skin-theme-clientpref-night .medico-faq-q { color: #f3f4f6; }
	html.skin-theme-clientpref-night .medico-faq-a { color: #d1d5db; }		html.skin-theme-clientpref-night .medico-faq-a { color: #d1d5db; }
			/* URLs longas não estouram o card */
			.infobox-medico-tabela td,
			.infobox-medico-pubs li,
			.medico-mais-pubs {
			overflow-wrap: anywhere;
			word-break: break-word;
			}

Determinaradmin at 18:54, 3 August 2026

2026-08-03T18:54:18Z

Show changes

Determinaradmin at 16:58, 3 August 2026

2026-08-03T16:58:22Z

← Older revision		Revision as of 16:58, 3 August 2026
Line 362:		Line 362:
	}		}
	html.skin-theme-clientpref-night .infobox-medico a { color: #7db9f0; }		html.skin-theme-clientpref-night .infobox-medico a { color: #7db9f0; }
			/* Remove ícone de link externo dentro do card (sintaxe [url texto] gera classe .external) */
			.infobox-medico a.external { background-image: none; padding-right: 0; }