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

Edynhooo em 21h41min de 15 de outubro de 2025

2025-10-15T21:41:08Z

← Edição anterior		Edição das 21h41min de 15 de outubro de 2025
Linha 95:		Linha 95:
	margin-top: 5px;		margin-top: 5px;
	margin-bottom: 20px;		margin-bottom: 20px;
	padding: 1%;		padding: 2%;

	border-radius: 30px;		border-radius: 30px;

Edynhooo em 21h40min de 15 de outubro de 2025

2025-10-15T21:40:46Z

← Edição anterior		Edição das 21h40min de 15 de outubro de 2025
Linha 67:		Linha 67:

	.item-celula { /* 4 Colunas - Padrão */		.item-celula { /* 4 Colunas - Padrão */
	/* Reduzido para 24% para dar espaço para o 'gap' */		/* Reduzido para 25% para dar espaço para o 'gap' */
	flex-basis: 25%;		flex-basis: 25%;
	max-width: 25%;		max-width: 25%;
Linha 77:		Linha 77:
	}		}
	.item-celula-50 { /* 2 Colunas - Valiosos, Consumíveis */		.item-celula-50 { /* 2 Colunas - Valiosos, Consumíveis */
	/* Reduzido para 49% para dar espaço para o 'gap' */		/* Reduzido para 50% para dar espaço para o 'gap' */
	flex-basis: 50%;		flex-basis: 50%;
	max-width: 50%;		max-width: 50%;

Edynhooo em 21h38min de 15 de outubro de 2025

2025-10-15T21:38:19Z

← Edição anterior		Edição das 21h38min de 15 de outubro de 2025
Linha 63:		Linha 63:
	margin-bottom: 20px;		margin-bottom: 20px;
	flex-grow: 1;		flex-grow: 1;
	flex-shrink: 1;		flex-shrink: 0;
	}		}

Edynhooo em 21h36min de 15 de outubro de 2025

2025-10-15T21:36:56Z

← Edição anterior		Edição das 21h36min de 15 de outubro de 2025
Linha 95:		Linha 95:
	margin-top: 5px;		margin-top: 5px;
	margin-bottom: 20px;		margin-bottom: 20px;
	padding: 0;		padding: 1%;

	border-radius: 30px;		border-radius: 30px;

Edynhooo em 21h36min de 15 de outubro de 2025

2025-10-15T21:36:05Z

← Edição anterior		Edição das 21h36min de 15 de outubro de 2025
Linha 48:		Linha 48:
	flex-wrap: wrap;		flex-wrap: wrap;
	justify-content: center;		justify-content: center;
	margin-top: ~~20px~~;		margin-top: 15px;
	gap: 25px; /* Espaço entre os itens */		gap: 25px; /* Espaço entre os itens */
	}		}

Edynhooo em 21h27min de 15 de outubro de 2025

2025-10-15T21:27:42Z

← Edição anterior		Edição das 21h27min de 15 de outubro de 2025
Linha 98:		Linha 98:

	border-radius: 30px;		border-radius: 30px;
	border: ~~20px~~ inset black; /* A borda será calculada DENTRO da largura do item */		border: 15px inset black; /* A borda será calculada DENTRO da largura do item */

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

Edynhooo em 21h25min de 15 de outubro de 2025

2025-10-15T21:25:45Z

← Edição anterior		Edição das 21h25min de 15 de outubro de 2025
Linha 68:		Linha 68:
	.item-celula { /* 4 Colunas - Padrão */		.item-celula { /* 4 Colunas - Padrão */
	/* Reduzido para 24% para dar espaço para o 'gap' */		/* Reduzido para 24% para dar espaço para o 'gap' */
	flex-basis: 24%;		flex-basis: 25%;
	max-width: 24%;		max-width: 25%;
	}		}
	.item-celula-33 { /* 3 Colunas - Navegação */		.item-celula-33 { /* 3 Colunas - Navegação */
Linha 78:		Linha 78:
	.item-celula-50 { /* 2 Colunas - Valiosos, Consumíveis */		.item-celula-50 { /* 2 Colunas - Valiosos, Consumíveis */
	/* Reduzido para 49% para dar espaço para o 'gap' */		/* Reduzido para 49% para dar espaço para o 'gap' */
	flex-basis: 49%;		flex-basis: 50%;
	max-width: 49%;		max-width: 50%;
	}		}

Edynhooo em 21h24min de 15 de outubro de 2025

2025-10-15T21:24:44Z

← Edição anterior		Edição das 21h24min de 15 de outubro de 2025
Linha 57:		Linha 57:
	/* -------------------------------------------------------------------------- */		/* -------------------------------------------------------------------------- */

	/* LARGURAS DAS CÉLULAS */		/* LARGURAS DAS CÉLULAS: Ajustadas para evitar transbordamento */

	.item-celula, .item-celula-33, .item-celula-50 {		.item-celula, .item-celula-33, .item-celula-50 {
	box-sizing: border-box;		box-sizing: border-box;
	margin-bottom: 20px;		margin-bottom: 20px;
	~~/* Permite que o item encolha ou cresça conforme necessário */~~
	flex-grow: 1;		flex-grow: 1;
	flex-shrink: 1;		flex-shrink: 1;
	}		}

	.item-celula { /* ~~Padrão:~~ 4 Colunas ~~(Equipamentos)~~ */		.item-celula { /* 4 Colunas - Padrão */
	flex-basis: 25%;		/* Reduzido para 24% para dar espaço para o 'gap' */
	max-width: 25%;		flex-basis: 24%;
	}		max-width: 24%;
			}
	.item-celula-33 { /* 3 Colunas (Navegação) */		.item-celula-33 { /* 3 Colunas - Navegação */
	flex-basis: 33.33%;		/* Mantive 33.33%, mas o box-sizing deve resolver */
	max-width: 33.33%;		flex-basis: 33.33%;
			max-width: 33.33%;
	}		}
			.item-celula-50 { /* 2 Colunas - Valiosos, Consumíveis */
	.item-celula-50 { /* 2 Colunas (Valiosos, Consumíveis) */		/* Reduzido para 49% para dar espaço para o 'gap' */
	flex-basis: 50%;		flex-basis: 49%;
	max-width: 50%;		max-width: 49%;
	}		}

Linha 88:		Linha 88:
	text-decoration: none;		text-decoration: none;
	color: #333;		color: #333;

			/* NOVA LINHA: Inclui border e padding DENTRO da largura */
			box-sizing: border-box;

	/* Estilos Visuais: Borda 3D, Raio, Sombra */		/* Estilos Visuais: Borda 3D, Raio, Sombra */
	margin-top: 5px;		margin-top: 5px;
	margin-bottom: 20px;		margin-bottom: 20px;
	padding: ~~2px~~;		padding: 0;

	border-radius: 30px;		border-radius: 30px;
	border: ~~17px~~ inset black;		border: 20px inset black; /* A borda será calculada DENTRO da largura do item */

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

Edynhooo em 21h19min de 15 de outubro de 2025

2025-10-15T21:19:43Z

← Edição anterior		Edição das 21h19min de 15 de outubro de 2025
Linha 68:		Linha 68:

	.item-celula { /* Padrão: 4 Colunas (Equipamentos) */		.item-celula { /* Padrão: 4 Colunas (Equipamentos) */
	~~width~~: 25%;		flex-basis: 25%;
	~~box~~-~~sizing~~: ~~border-box~~;		max-width: 25%;
	~~margin-bottom: 20px;~~		}
	}

	.item-celula-33 { /* 3 Colunas (Navegação) */		.item-celula-33 { /* 3 Colunas (Navegação) */
	~~width~~: 33.33%;		flex-basis: 33.33%;
	~~box~~-~~sizing~~: ~~border-box;~~		max-width: 33.33%;
	~~margin-bottom: 20px~~;
	}		}

	.item-celula-50 { /* 2 Colunas (Valiosos, Consumíveis) */		.item-celula-50 { /* 2 Colunas (Valiosos, Consumíveis) */
	~~width~~: 50%;		flex-basis: 50%;
	~~box~~-~~sizing~~: ~~border-box;~~		max-width: 50%;
	~~margin-bottom: 20px~~;
	}		}

Edynhooo em 21h15min de 15 de outubro de 2025

2025-10-15T21:15:46Z

← Edição anterior		Edição das 21h15min de 15 de outubro de 2025
Linha 58:		Linha 58:

	/* LARGURAS DAS CÉLULAS */		/* LARGURAS DAS CÉLULAS */

			.item-celula, .item-celula-33, .item-celula-50 {
			box-sizing: border-box;
			margin-bottom: 20px;
			/* Permite que o item encolha ou cresça conforme necessário */
			flex-grow: 1;
			flex-shrink: 1;
			}

	.item-celula { /* Padrão: 4 Colunas (Equipamentos) */		.item-celula { /* Padrão: 4 Colunas (Equipamentos) */
	width: 25%;		width: 25%;
Linha 63:		Linha 72:
	margin-bottom: 20px;		margin-bottom: 20px;
	}		}

	.item-celula-33 { /* 3 Colunas (Navegação) */		.item-celula-33 { /* 3 Colunas (Navegação) */
	width: 33.33%;		width: 33.33%;
Linha 68:		Linha 78:
	margin-bottom: 20px;		margin-bottom: 20px;
	}		}

	.item-celula-50 { /* 2 Colunas (Valiosos, Consumíveis) */		.item-celula-50 { /* 2 Colunas (Valiosos, Consumíveis) */
	width: 50%;		width: 50%;