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

Edynhooo em 19h54min de 9 de outubro de 2025

2025-10-09T19:54:19Z

← Edição anterior		Edição das 19h54min de 9 de outubro de 2025
Linha 1:		Linha 1:
	/* --- CSS para Itens (Personalizado) --- */		/* --- CSS para Itens (Personalizado e Otimizado) --- */

	/* Cores Adicionais para os Títulos */		/* Cores Adicionais para os Títulos */
Linha 21:		Linha 21:
	padding: 12px 15px;		padding: 12px 15px;
	}		}
	~~.home-title.bg-flat-blue,~~		/* Garante a estética do link (usando a tag <a> para o formato de botão) */
	.~~home~~-~~title.bg~~-~~flat-gold,~~		.item-button-link a {
	~~.home-title.bg-flat-green {~~		color: #3498db !important;
	~~/* Remove o raio de borda que o home~~-~~title original aplica na parte inferior */~~		text-decoration: none !important;
	~~border~~-~~radius~~: 0;		font-weight: 500;
	}		}
			.item-button-link a:hover {
	~~/* Garante a estética do link */~~		text-decoration: underline !important;
	.item-link~~-cell~~ a {
	~~color: #3498db;~~
	text-decoration: ~~none;~~
	~~font-size: 1.1em~~;
	}		}
	.item-~~link~~-~~cell a:hover~~ {		/* Aumenta a fonte dos links para ficarem mais visíveis */
	~~text~~-~~decoration~~: ~~underline~~;		.item-button-text {
			font-size: 1.2em;
	}		}

Edynhooo em 23h05min de 7 de outubro de 2025

2025-10-07T23:05:44Z

← Edição anterior		Edição das 23h05min de 7 de outubro de 2025
Linha 1:		Linha 1:
	/* ~~CONTAINER PRINCIPAL~~ (~~Simula o layout de COLUNAS~~) */		/* --- CSS para Itens (Personalizado) --- */
	~~.items-main~~-~~container {~~
	~~max~~-~~width: 1000px;~~
	~~margin: 0 auto;~~
	~~display: flex;~~
	~~flex~~-~~wrap: wrap; /* Garante que os blocos caiam para a linha de baixo em telas pequenas */~~
	~~gap: 20px; /* Espaço entre os blocos~~ */
	}

	/* ~~Colunas (ajusta a largura~~ para ~~telas grandes)~~ */		/* Cores Adicionais para os Títulos */
	.~~col~~-~~base~~ {		.bg-gold { background-color: #DAA520; }
	~~flex~~-~~basis~~: ~~100%~~;		.bg-green { background-color: #27ae60; }
	}
	~~@media (min-width: 768px) {~~
	.~~col~~-~~half~~ {
	~~flex~~-~~basis~~: ~~calc(50% - 10px)~~; ~~/* 50% menos metade do gap */~~
	}
	}

	/* ~~Bloco Card (.~~home-~~card style)~~ */		/* Sobreescreve o home-title para permitir cores planas e alinhamento à esquerda */
	.~~item~~-~~card~~ {		.home-title.bg-flat-blue {
	background: #~~fff~~;		background: #3498db;
	~~border: 1px solid #ddd;~~		text-align: left;
	~~border~~-~~radius~~: ~~8px~~;		padding: 12px 15px;
	~~box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);~~
	~~overflow: hidden;~~
	~~margin-bottom~~: ~~20px~~;
	}		}
			.home-title.bg-flat-gold {
	~~/* Título do Card */~~		background: #DAA520;
	.~~card~~-title {		text-align: left;
	~~font~~-~~size~~: ~~1.4em~~;
	padding: 12px 15px;		padding: 12px 15px;
	~~color: white;~~		}
	~~font-weight~~: ~~600~~;		.home-title.bg-flat-green {
			background: #27ae60;
	text-align: left;		text-align: left;
	~~margin~~: 0;		padding: 12px 15px;
			}
			.home-title.bg-flat-blue,
			.home-title.bg-flat-gold,
			.home-title.bg-flat-green {
			/* Remove o raio de borda que o home-title original aplica na parte inferior */
			border-radius: 0;
	}		}
	~~/* Cores do Título */~~
	~~.bg-blue { background-color: #3498db; }~~
	~~.bg-gold { background-color: #DAA520; }~~
	~~.bg-green { background-color: #27ae60; }~~

	/* ~~Layout dos Links Internos (Ícone + Texto)~~ */		/* Garante a estética do link */
	.~~link-group {~~		.item-link-cell a {
	~~padding: 10px;~~
	}
	~~.link-~~item {
	~~display: flex;~~
	~~align~~-~~items: center;~~
	~~padding: 8px 0;~~
	~~box-sizing: border-box;~~
	}
	.link-~~item~~ a {
	color: #3498db;		color: #3498db;
	text-decoration: none;		text-decoration: none;
	font-size: 1.1em;		font-size: 1.1em;
	~~margin-left: 10px;~~
	}		}
	.link-~~item~~ a:hover {		.item-link-cell a:hover {
	text-decoration: underline;		text-decoration: underline;
	}
	~~/* Regras para 2 links por linha */~~
	~~.link-column-50 {~~
	~~width: 50%;~~
	}
	~~@media (max-width: 600px) {~~
	~~.link-column-50 {~~
	~~width: 100%; /* Em telas pequenas, quebra para 100% */~~
	}
	}		}

Edynhooo em 22h59min de 7 de outubro de 2025

2025-10-07T22:59:57Z

← Edição anterior		Edição das 22h59min de 7 de outubro de 2025
Linha 1:		Linha 1:
	~~/* --- CSS OTIMIZADO (VERSÃO MAIS LEVE) --- */~~

	/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */		/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */
	.items-main-container {		.items-main-container {
Linha 6:		Linha 4:
	margin: 0 auto;		margin: 0 auto;
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap; /* Garante que os blocos caiam para a linha de baixo em telas pequenas */
	gap: 20px;		gap: 20px; /* Espaço entre os blocos */
	}		}

Linha 16:		Linha 14:
	@media (min-width: 768px) {		@media (min-width: 768px) {
	.col-half {		.col-half {
	~~/* Ocupa 50% menos metade do gap */~~		flex-basis: calc(50% - 10px); /* 50% menos metade do gap */
	flex-basis: calc(50% - 10px);
	}		}
	}		}
Linha 23:		Linha 20:
	/* Bloco Card (.home-card style) */		/* Bloco Card (.home-card style) */
	.item-card {		.item-card {
	background: #~~ffffff~~; ~~/* Fundo sempre branco */~~		background: #fff;
	border: 1px solid #~~e0e0e0~~; ~~/* Borda bem mais clara */~~		border: 1px solid #ddd;
	border-radius: ~~4px~~; ~~/* Bordas levemente mais angulares */~~		border-radius: 8px;
	~~/* Sombra mais suave, dando um leve efeito de elevação */~~		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 ~~1px 3px~~ rgba(0, 0, 0, 0.08);
	overflow: hidden;		overflow: hidden;
	margin-bottom: 20px;		margin-bottom: 20px;
Linha 41:		Linha 37:
	margin: 0;		margin: 0;
	}		}
	/* Cores do Título ~~(Mantidas)~~ */		/* Cores do Título */
	.bg-blue { background-color: #3498db; }		.bg-blue { background-color: #3498db; }
	.bg-gold { background-color: #DAA520; }		.bg-gold { background-color: #DAA520; }
Linha 71:		Linha 67:
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.link-column-50 {		.link-column-50 {
	width: 100%;		width: 100%; /* Em telas pequenas, quebra para 100% */
	}		}
	}		}

Edynhooo em 22h53min de 7 de outubro de 2025

2025-10-07T22:53:10Z

← Edição anterior		Edição das 22h53min de 7 de outubro de 2025
Linha 1:		Linha 1:
			/* --- CSS OTIMIZADO (VERSÃO MAIS LEVE) --- */

	/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */		/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */
	.items-main-container {		.items-main-container {
Linha 4:		Linha 6:
	margin: 0 auto;		margin: 0 auto;
	display: flex;		display: flex;
	flex-wrap: wrap; ~~/* Garante que os blocos caiam para a linha de baixo em telas pequenas */~~		flex-wrap: wrap;
	gap: 20px; ~~/* Espaço entre os blocos */~~		gap: 20px;
	}		}

Linha 14:		Linha 16:
	@media (min-width: 768px) {		@media (min-width: 768px) {
	.col-half {		.col-half {
	flex-basis: calc(50% - 10px); ~~/* 50% menos metade do gap */~~		/* Ocupa 50% menos metade do gap */
			flex-basis: calc(50% - 10px);
	}		}
	}		}
Linha 20:		Linha 23:
	/* Bloco Card (.home-card style) */		/* Bloco Card (.home-card style) */
	.item-card {		.item-card {
	background: #~~fff~~;		background: #ffffff; /* Fundo sempre branco */
	border: 1px solid #~~ddd~~;		border: 1px solid #e0e0e0; /* Borda bem mais clara */
	border-radius: ~~8px~~;		border-radius: 4px; /* Bordas levemente mais angulares */
	box-shadow: 0 ~~4px 6px~~ rgba(0, 0, 0, 0.05);		/* Sombra mais suave, dando um leve efeito de elevação */
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	overflow: hidden;		overflow: hidden;
	margin-bottom: 20px;		margin-bottom: 20px;
Linha 37:		Linha 41:
	margin: 0;		margin: 0;
	}		}
	/* Cores do Título */		/* Cores do Título (Mantidas) */
	.bg-blue { background-color: #3498db; }		.bg-blue { background-color: #3498db; }
	.bg-gold { background-color: #DAA520; }		.bg-gold { background-color: #DAA520; }
Linha 67:		Linha 71:
	@media (max-width: 600px) {		@media (max-width: 600px) {
	.link-column-50 {		.link-column-50 {
	width: 100%; ~~/* Em telas pequenas, quebra para 100% */~~		width: 100%;
	}		}
	}		}

Edynhooo: Criou página com '/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) / .items-main-container { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; / Garante qu...'

2025-10-07T22:50:38Z

Criou página com 'CONTAINER PRINCIPAL (Simula o layout de COLUNAS): .items-main-container { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; /* Garante qu...'

Página nova

/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */
.items-main-container {
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap; /* Garante que os blocos caiam para a linha de baixo em telas pequenas */
gap: 20px; /* Espaço entre os blocos */
}

/* Colunas (ajusta a largura para telas grandes) */
.col-base {
flex-basis: 100%;
}
@media (min-width: 768px) {
.col-half {
flex-basis: calc(50% - 10px); /* 50% menos metade do gap */
}
}

/* Bloco Card (.home-card style) */
.item-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom: 20px;
}

/* Título do Card */
.card-title {
font-size: 1.4em;
padding: 12px 15px;
color: white;
font-weight: 600;
text-align: left;
margin: 0;
}
/* Cores do Título */
.bg-blue { background-color: #3498db; }
.bg-gold { background-color: #DAA520; }
.bg-green { background-color: #27ae60; }

/* Layout dos Links Internos (Ícone + Texto) */
.link-group {
padding: 10px;
}
.link-item {
display: flex;
align-items: center;
padding: 8px 0;
box-sizing: border-box;
}
.link-item a {
color: #3498db;
text-decoration: none;
font-size: 1.1em;
margin-left: 10px;
}
.link-item a:hover {
text-decoration: underline;
}
/* Regras para 2 links por linha */
.link-column-50 {
width: 50%;
}
@media (max-width: 600px) {
.link-column-50 {
width: 100%; /* Em telas pequenas, quebra para 100% */
}
}

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

Edynhooo em 19h54min de 9 de outubro de 2025

Edynhooo em 23h05min de 7 de outubro de 2025

Edynhooo em 22h59min de 7 de outubro de 2025

Edynhooo em 22h53min de 7 de outubro de 2025

Edynhooo: Criou página com '/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) */ .items-main-container { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; /* Garante qu...'

Edynhooo: Criou página com '/* CONTAINER PRINCIPAL (Simula o layout de COLUNAS) / .items-main-container { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; / Garante qu...'