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

Gurren1 em 12h37min de 26 de junho de 2025

2025-06-26T12:37:43Z

← Edição anterior		Edição das 12h37min de 26 de junho de 2025
Linha 4:		Linha 4:
	gap: 16px;		gap: 16px;
	justify-content: space-between;		justify-content: space-between;
	align-items: stretch; ~~/* <- essa linha resolve o desalinhamento */~~		align-items: stretch;
	}		}

Linha 17:		Linha 17:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	justify-content: ~~space~~-~~between~~; ~~/* distribui título e links com equilíbrio */~~		justify-content: flex-start;
	}		}

Gurren1 em 12h33min de 26 de junho de 2025

2025-06-26T12:33:11Z

← Edição anterior		Edição das 12h33min de 26 de junho de 2025
Linha 3:		Linha 3:
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: 16px;		gap: 16px;
	~~font-family: "Noto Sans", sans-serif;~~
	justify-content: space-between;		justify-content: space-between;
			align-items: stretch; /* <- essa linha resolve o desalinhamento */
	}		}

Linha 15:		Linha 15:
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	~~min~~-~~height~~: ~~140px~~;		display: flex;
			flex-direction: column;
			justify-content: space-between; /* distribui título e links com equilíbrio */
	}		}

Gurren1 em 12h31min de 26 de junho de 2025

2025-06-26T12:31:25Z

← Edição anterior		Edição das 12h31min de 26 de junho de 2025
Linha 15:		Linha 15:
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
			min-height: 140px;
	}		}

Linha 32:		Linha 33:
	}		}

	~~.index-cell~~ .index-links {		.index-links {
	font-size: ~~14px~~;		font-size: 13px;
	line-height: 1.6;		line-height: 1.5;
	word-wrap: break-word;		word-wrap: break-word;
	overflow-wrap: break-word;		overflow-wrap: break-word;
Linha 42:		Linha 43:
	color: #0366d6;		color: #0366d6;
	text-decoration: none;		text-decoration: none;
	margin-right: ~~6px~~;		margin-right: 4px;
	white-space: nowrap;		white-space: nowrap;
	}		}
Linha 54:		Linha 55:
	.index-cell {		.index-cell {
	flex: 1 1 100%;		flex: 1 1 100%;
	}
	}

	~~/* teste */~~
	~~.index-cell {~~
	~~min-height: 160px;~~
	}


	~~.index-cell a {~~
	~~font-size: 13px;~~
	~~margin-right: 4px;~~
	~~white-space: nowrap;~~
	}


	~~@media screen and (max-width: 1150px) {~~
	~~.index-links {~~
	~~column-count: 2;~~
	~~column-gap: 16px;~~
	}		}
	}		}

Gurren1 em 12h25min de 26 de junho de 2025

2025-06-26T12:25:10Z

← Edição anterior		Edição das 12h25min de 26 de junho de 2025
Linha 54:		Linha 54:
	.index-cell {		.index-cell {
	flex: 1 1 100%;		flex: 1 1 100%;
			}
			}

			/* teste */
			.index-cell {
			min-height: 160px;
			}


			.index-cell a {
			font-size: 13px;
			margin-right: 4px;
			white-space: nowrap;
			}


			@media screen and (max-width: 1150px) {
			.index-links {
			column-count: 2;
			column-gap: 16px;
	}		}
	}		}

Gurren1 em 01h30min de 26 de junho de 2025

2025-06-26T01:30:20Z

← Edição anterior		Edição das 01h30min de 26 de junho de 2025
Linha 1:		Linha 1:
	.index-grid {		.index-grid {
	display: ~~grid~~;		display: flex;
	~~grid~~-~~template-columns~~: ~~repeat(auto-fit, minmax(280px, 1fr))~~;		flex-wrap: wrap;
	gap: 16px;		gap: 16px;
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
			justify-content: space-between;
	}		}

	.index-cell {		.index-cell {
			flex: 1 1 48%;
	background-color: #f6f6f6;		background-color: #f6f6f6;
	border: 1px dashed #003366;		border: 1px dashed #003366;
Linha 13:		Linha 15:
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	~~display: flex;~~
	~~flex-direction: column;~~
	~~justify-content: space-between;~~
	~~min-height: 120px;~~
	}		}

Linha 34:		Linha 32:
	}		}

	.index-links {		.index-cell .index-links {
	font-size: 14px;		font-size: 14px;
	line-height: 1.6;		line-height: 1.6;
Linha 51:		Linha 49:
	color: #024f9c;		color: #024f9c;
	text-decoration: underline;		text-decoration: underline;
			}

			@media screen and (max-width: 1024px) {
			.index-cell {
			flex: 1 1 100%;
			}
	}		}

Gurren1 em 01h28min de 26 de junho de 2025

2025-06-26T01:28:10Z

← Edição anterior		Edição das 01h28min de 26 de junho de 2025
Linha 1:		Linha 1:
	.index-grid {		.index-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-~~fill~~, minmax(280px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;		gap: 16px;
	~~padding: 12px;~~
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	}		}

	.index-cell {		.index-cell {
	background: #~~f8f8f8~~;		background-color: #f6f6f6;
	border: 1px ~~solid~~ #~~dcdcdc~~;		border: 1px dashed #003366;
	border-radius: 8px;		border-radius: 8px;
	padding: 12px;		padding: 12px;
	~~color~~: ~~#1a1a1a~~;		box-sizing: border-box;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	justify-content: space-between;		justify-content: space-between;
	min-height: ~~100px~~;		min-height: 120px;
	}		}

	.index-title {		.index-title {
			display: flex;
			align-items: center;
			font-weight: bold;
	font-size: 15px;		font-size: 15px;
	~~font-weight: bold;~~
	margin-bottom: 8px;		margin-bottom: 8px;
	~~display: flex;~~
	~~align-items: center;~~
	gap: 6px;		gap: 6px;
	}		}

	.index-title ~~.emoji~~ {		.index-title img {
	~~font~~-~~size~~: ~~18px~~;		max-width: 32px;
			max-height: 32px;
			vertical-align: middle;
	}		}

	.index-links {		.index-links {
	font-size: 14px;		font-size: 14px;
	line-height: 1.5;		line-height: 1.6;
	word-wrap: break-word;		word-wrap: break-word;
			overflow-wrap: break-word;
	}		}

	.index-~~links~~ a {		.index-cell a {
	color: #~~2a5db0~~;		color: #0366d6;
	text-decoration: none;		text-decoration: none;
			margin-right: 6px;
	white-space: nowrap;		white-space: nowrap;
	~~margin-right: 6px;~~
	}		}

	.index-~~links~~ a:hover {		.index-cell a:hover {
			color: #024f9c;
	text-decoration: underline;		text-decoration: underline;
	}

	~~@media screen and (max-width: 1024px) {~~
	~~.index-grid {~~
	~~grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));~~
	}
	}

	~~@media screen and (max-width: 600px) {~~
	~~.index-grid {~~
	~~grid-template-columns: 1fr;~~
	}
	}		}

Gurren1 em 01h27min de 26 de junho de 2025

2025-06-26T01:27:18Z

← Edição anterior		Edição das 01h27min de 26 de junho de 2025
Linha 1:		Linha 1:
	.index-grid {		.index-grid {
	display: ~~flex~~;		display: grid;
	~~flex~~-~~wrap~~: ~~wrap~~;		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;		gap: 16px;
			padding: 12px;
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	~~justify-content: space-between;~~
	}		}

	.index-cell {		.index-cell {
	~~flex: 1 1 48%;~~		background: #f8f8f8;
	background~~-color~~: #~~f6f6f6~~;		border: 1px solid #dcdcdc;
	border: 1px ~~dashed~~ #~~003366~~;
	border-radius: 8px;		border-radius: 8px;
	padding: 12px;		padding: 12px;
	~~box~~-~~sizing~~: ~~border~~-~~box~~;		color: #1a1a1a;
	~~box~~-~~shadow~~: ~~0 2px 4px rgba(0, 0, 0, 0.04)~~;		display: flex;
			flex-direction: column;
			justify-content: space-between;
			min-height: 100px;
	}		}

	.index-title {		.index-title {
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 8px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	~~font-weight: bold;~~
	~~font-size: 15px;~~
	~~margin-bottom: 8px;~~
	gap: 6px;		gap: 6px;
	}		}

	.index-title ~~img~~ {		.index-title .emoji {
	~~max~~-~~width~~: ~~32px;~~		font-size: 18px;
	~~max-height: 32px;~~
	~~vertical-align: middle~~;
	}		}

	~~.index-cell~~ .index-links {		.index-links {
	font-size: 14px;		font-size: 14px;
	line-height: 1.6;		line-height: 1.5;
	word-wrap: break-word;		word-wrap: break-word;
	~~overflow-wrap: break-word;~~
	}		}

	.index-~~cell~~ a {		.index-links a {
	color: #~~0366d6~~;		color: #2a5db0;
	text-decoration: none;		text-decoration: none;
			white-space: nowrap;
	margin-right: 6px;		margin-right: 6px;
	~~white-space: nowrap;~~
	}		}

	.index-~~cell~~ a:hover {		.index-links a:hover {
	~~color: #024f9c;~~
	text-decoration: underline;		text-decoration: underline;
	}		}

	@media screen and (max-width: 1024px) {		@media screen and (max-width: 1024px) {
	.index-~~cell~~ {		.index-grid {
	~~flex~~: ~~1 1 100%~~;		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
			}
			}

			@media screen and (max-width: 600px) {
			.index-grid {
			grid-template-columns: 1fr;
	}		}
	}		}

Gurren1 em 20h33min de 24 de junho de 2025

2025-06-24T20:33:06Z

← Edição anterior		Edição das 20h33min de 24 de junho de 2025
Linha 27:		Linha 27:

	.index-title img {		.index-title img {
	width: ~~20px~~;		max-width: 32px;
	height: ~~20px~~;		max-height: 32px;
	vertical-align: middle;		vertical-align: middle;
	}		}

Gurren1 em 02h48min de 2 de junho de 2025

2025-06-02T02:48:39Z

← Edição anterior		Edição das 02h48min de 2 de junho de 2025
Linha 3:		Linha 3:
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: 16px;		gap: 16px;
	font-family: ~~Verdana, Arial, Helvetica~~, sans-serif;		font-family: "Noto Sans", sans-serif;
	justify-content: space-between;		justify-content: space-between;
	}		}
Linha 10:		Linha 10:
	flex: 1 1 48%;		flex: 1 1 48%;
	background-color: #f6f6f6;		background-color: #f6f6f6;
	border: 1px dashed #003366; ~~/* azul escuro */~~		border: 1px dashed #003366;
	border-radius: 8px;		border-radius: 8px;
	padding: 12px;		padding: 12px;
Linha 30:		Linha 30:
	height: 20px;		height: 20px;
	vertical-align: middle;		vertical-align: middle;
			}

			.index-cell .index-links {
			font-size: 14px;
			line-height: 1.6;
			word-wrap: break-word;
			overflow-wrap: break-word;
	}		}

Linha 36:		Linha 43:
	text-decoration: none;		text-decoration: none;
	margin-right: 6px;		margin-right: 6px;
			white-space: nowrap;
	}		}

Linha 43:		Linha 51:
	}		}

	@media screen and (max-width: ~~768px~~) {		@media screen and (max-width: 1024px) {
	.index-cell {		.index-cell {
	flex: 1 1 100%;		flex: 1 1 100%;
	}		}
	}		}

Gurren1 em 23h37min de 1 de junho de 2025

2025-06-01T23:37:32Z

← Edição anterior		Edição das 23h37min de 1 de junho de 2025
Linha 9:		Linha 9:
	.index-cell {		.index-cell {
	flex: 1 1 48%;		flex: 1 1 48%;
	background-color: #f6f6f6; ~~/* fundo levemente cinza */~~		background-color: #f6f6f6;
	border: 1px dashed #~~d4af37~~; /* ~~dourado sutil no tracejado~~ */		border: 1px dashed #003366; /* azul escuro */
	border-radius: 8px;		border-radius: 8px;
	padding: 12px;		padding: 12px;
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); ~~/* profundidade leve */~~		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	}		}

Linha 24:		Linha 24:
	margin-bottom: 8px;		margin-bottom: 8px;
	gap: 6px;		gap: 6px;
	~~border-left: 3px solid #d4af37; /* destaque sutil dourado */~~
	~~padding-left: 8px;~~
	}		}