Predefinição:DASH/styles.css - Histórico de revisão

em 23h49min de 15 de maio de 2025

2025-05-15T23:49:15Z

← Edição anterior		Edição das 23h49min de 15 de maio de 2025
Linha 3:		Linha 3:
	max-width: 100%;		max-width: 100%;
	padding: 10px 15px;		padding: 10px 15px;
	border: ~~none !important;~~		border: 1px dashed #CEDFF2;
	~~box-shadow: none !important~~;
	border-radius: 12px;		border-radius: 12px;
	margin: 15px auto;		margin: 15px auto;
Linha 13:		Linha 12:
	gap: 10px;		gap: 10px;
	font-size: 1em;		font-size: 1em;
	background-color: #e8f2f8; ~~/* fundo padrão */~~		background-color: #e8f2f8;
			color: #000;
	}		}

	~~/* Remove borda e sombra das variantes de cor */~~
	~~.cor-padrao,~~
	~~.cor-verde,~~
	~~.cor-amarelo,~~
	~~.cor-vermelho {~~
	~~border: none !important;~~
	~~border-color: transparent !important;~~
	~~box-shadow: none !important;~~
	}

	~~/* Imagem no lado esquerdo, tamanho fixo */~~
	.dash-img {		.dash-img {
	flex: 0 0 auto;		flex: 0 0 auto;
Linha 32:		Linha 21:
	}		}

	~~/* Texto ocupa o resto, sem fundo branco */~~
	.dash-texto {		.dash-texto {
	flex: 1 1 200px;		flex: 1 1 200px;
Linha 43:		Linha 31:
	}		}

	/* Remove ~~fundo branco~~ e sombras internas ~~de qualquer elemento filho~~ */		/* Cores variantes */
	.dash-box * {		.cor-padrao {
			border-color: #CEDFF2;
			background-color: #E8F2F8;
			}

			.cor-verde {
			border-color: #b6dfc1;
			background-color: #e6f4ea;
			}

			.cor-amarelo {
			border-color: #f2e394;
			background-color: #fff8d2;
			}

			.cor-vermelho {
			border-color: #f5b5b5;
			background-color: #fde8e8;
			}

			/* Remove fundos e sombras internas */
			.dash-box *,
			.dash-box *::before,
			.dash-box *::after {
	background-color: transparent !important;		background-color: transparent !important;
	box-shadow: none !important;		box-shadow: none !important;
			border: none !important;
	}		}

	/* Responsividade ~~para telas pequenas~~ */		/* Responsividade */
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.dash-box {		.dash-box {
	flex-direction: column;		flex-direction: column;
	text-align: left;		text-align: left;
			border: none !important; /* remove borda no mobile */
			padding: 5px 10px;
	}		}

	.dash-img,		.dash-img,
	.dash-texto {		.dash-texto {

em 23h44min de 15 de maio de 2025

2025-05-15T23:44:05Z

← Edição anterior		Edição das 23h44min de 15 de maio de 2025
Linha 3:		Linha 3:
	max-width: 100%;		max-width: 100%;
	padding: 10px 15px;		padding: 10px 15px;
	border: none;		border: none !important;
			box-shadow: none !important;
	border-radius: 12px;		border-radius: 12px;
	margin: 15px auto;		margin: 15px auto;
Linha 12:		Linha 13:
	gap: 10px;		gap: 10px;
	font-size: 1em;		font-size: 1em;
	background-color: #e8f2f8; /* ~~fallback~~ padrão */		background-color: #e8f2f8; /* fundo padrão */
			}

			/* Remove borda e sombra das variantes de cor */
			.cor-padrao,
			.cor-verde,
			.cor-amarelo,
			.cor-vermelho {
			border: none !important;
			border-color: transparent !important;
			box-shadow: none !important;
	}		}

			/* Imagem no lado esquerdo, tamanho fixo */
	.dash-img {		.dash-img {
	flex: 0 0 auto;		flex: 0 0 auto;
Linha 20:		Linha 32:
	}		}

			/* Texto ocupa o resto, sem fundo branco */
	.dash-texto {		.dash-texto {
	flex: 1 1 200px;		flex: 1 1 200px;
Linha 25:		Linha 38:
	text-align: left;		text-align: left;
	word-wrap: break-word;		word-wrap: break-word;
	background-color: transparent !important; ~~/* Remove fundo branco */~~		background-color: transparent !important;
	padding: 0;		padding: 0;
	margin: 0;		margin: 0;
	}		}

	/* Remove fundo branco de qualquer elemento ~~interno~~ */		/* Remove fundo branco e sombras internas de qualquer elemento filho */
	.dash-box * {		.dash-box * {
	background-color: transparent !important;		background-color: transparent !important;
Linha 36:		Linha 49:
	}		}

	/* ~~Cores */~~		/* Responsividade para telas pequenas */
	~~.cor-padrao {~~
	~~background-color: #e8f2f8;~~
	~~border-color: #cedff2;~~
	}

	~~.cor-verde {~~
	~~background-color: #e6f4ea;~~
	~~border-color: #b6dfc1;~~
	}

	~~.cor-amarelo {~~
	~~background-color: #fff8d2;~~
	~~border-color: #f2e394;~~
	}

	~~.cor-vermelho {~~
	~~background-color: #fde8e8;~~
	~~border-color: #f5b5b5;~~
	}

	~~/* Mobile~~ */
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.dash-box {		.dash-box {
Linha 63:		Linha 55:
	text-align: left;		text-align: left;
	}		}

	.dash-img,		.dash-img,
	.dash-texto {		.dash-texto {

em 23h42min de 15 de maio de 2025

2025-05-15T23:42:31Z

← Edição anterior		Edição das 23h42min de 15 de maio de 2025
Linha 3:		Linha 3:
	max-width: 100%;		max-width: 100%;
	padding: 10px 15px;		padding: 10px 15px;
	border: ~~1px dashed #cedff2~~;		border: none;
	border-radius: 12px;		border-radius: 12px;
	margin: 15px auto;		margin: 15px auto;

em 23h40min de 15 de maio de 2025

2025-05-15T23:40:48Z

← Edição anterior		Edição das 23h40min de 15 de maio de 2025
Linha 12:		Linha 12:
	gap: 10px;		gap: 10px;
	font-size: 1em;		font-size: 1em;
			background-color: #e8f2f8; /* fallback padrão */
	}		}

Linha 24:		Linha 25:
	text-align: left;		text-align: left;
	word-wrap: break-word;		word-wrap: break-word;
	background-color: transparent;		background-color: transparent !important; /* Remove fundo branco */
			padding: 0;
			margin: 0;
	}		}

			/* Remove fundo branco de qualquer elemento interno */
			.dash-box * {
			background-color: transparent !important;
			box-shadow: none !important;
			}

			/* Cores */
	.cor-padrao {		.cor-padrao {
	background-color: #e8f2f8;		background-color: #e8f2f8;
	border-color: #cedff2;		border-color: #cedff2;
	}		}

	.cor-verde {		.cor-verde {
	background-color: #e6f4ea;		background-color: #e6f4ea;
	border-color: #b6dfc1;		border-color: #b6dfc1;
	}		}

	.cor-amarelo {		.cor-amarelo {
	background-color: #fff8d2;		background-color: #fff8d2;
	border-color: #f2e394;		border-color: #f2e394;
	}		}

	.cor-vermelho {		.cor-vermelho {
	background-color: #fde8e8;		background-color: #fde8e8;
Linha 44:		Linha 57:
	}		}

			/* Mobile */
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.dash-box {		.dash-box {
Linha 49:		Linha 63:
	text-align: left;		text-align: left;
	}		}

	.dash-img,		.dash-img,
	.dash-texto {		.dash-texto {
	width: 100%;		width: 100%;
			text-align: left;
	}		}
	}		}

em 23h39min de 15 de maio de 2025

2025-05-15T23:39:11Z

← Edição anterior		Edição das 23h39min de 15 de maio de 2025
Linha 24:		Linha 24:
	text-align: left;		text-align: left;
	word-wrap: break-word;		word-wrap: break-word;
			background-color: transparent;
	}		}

: Criou página com '.dash-box { width: 100%; max-width: 100%; padding: 10px 15px; border: 1px dashed #cedff2; border-radius: 12px; margin: 15px auto; box-sizing: border-box; displ...'

2025-05-15T23:27:14Z

Criou página com '.dash-box { width: 100%; max-width: 100%; padding: 10px 15px; border: 1px dashed #cedff2; border-radius: 12px; margin: 15px auto; box-sizing: border-box; displ...'

Página nova

.dash-box {
width: 100%;
max-width: 100%;
padding: 10px 15px;
border: 1px dashed #cedff2;
border-radius: 12px;
margin: 15px auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 1em;
}

.dash-img {
flex: 0 0 auto;
text-align: center;
}

.dash-texto {
flex: 1 1 200px;
min-width: 0;
text-align: left;
word-wrap: break-word;
}

.cor-padrao {
background-color: #e8f2f8;
border-color: #cedff2;
}
.cor-verde {
background-color: #e6f4ea;
border-color: #b6dfc1;
}
.cor-amarelo {
background-color: #fff8d2;
border-color: #f2e394;
}
.cor-vermelho {
background-color: #fde8e8;
border-color: #f5b5b5;
}

@media (max-width: 600px) {
.dash-box {
flex-direction: column;
text-align: left;
}
.dash-img,
.dash-texto {
width: 100%;
}
}