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

Edynhooo em 00h31min de 17 de abril de 2026

2026-04-17T00:31:34Z

← Edição anterior		Edição das 00h31min de 17 de abril de 2026
Linha 10:		Linha 10:

	.home-card-WorldBoss {		.home-card-WorldBoss {
	~~box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);~~
	overflow: hidden;		overflow: hidden;
	margin-bottom: 20px;		margin-bottom: 20px;

Edynhooo em 00h30min de 17 de abril de 2026

2026-04-17T00:30:54Z

← Edição anterior		Edição das 00h30min de 17 de abril de 2026
Linha 13:		Linha 13:
	overflow: hidden;		overflow: hidden;
	margin-bottom: 20px;		margin-bottom: 20px;
	~~background: #fff;~~
	}		}

Edynhooo em 00h30min de 17 de abril de 2026

2026-04-17T00:30:23Z

← Edição anterior		Edição das 00h30min de 17 de abril de 2026
Linha 10:		Linha 10:

	.home-card-WorldBoss {		.home-card-WorldBoss {
	~~border: 1px solid #e0e0e0;~~
	~~border-radius: 8px;~~
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	overflow: hidden;		overflow: hidden;

Edynhooo em 00h29min de 17 de abril de 2026

2026-04-17T00:29:46Z

← Edição anterior		Edição das 00h29min de 17 de abril de 2026
Linha 7:		Linha 7:
	font-family: sans-serif;		font-family: sans-serif;
	background-color: grey;		background-color: grey;
			}

			.home-card-WorldBoss {
			border: 1px solid #e0e0e0;
			border-radius: 8px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
			overflow: hidden;
			margin-bottom: 20px;
			background: #fff;
	}		}

Edynhooo em 00h21min de 17 de abril de 2026

2026-04-17T00:21:55Z

← Edição anterior		Edição das 00h21min de 17 de abril de 2026
Linha 6:		Linha 6:
	border: 1px solid #ddd;		border: 1px solid #ddd;
	font-family: sans-serif;		font-family: sans-serif;
			background-color: grey;
	}		}

Edynhooo em 00h03min de 17 de abril de 2026

2026-04-17T00:03:33Z

← Edição anterior		Edição das 00h03min de 17 de abril de 2026
Linha 29:		Linha 29:
	transition: all 0.2s ease;		transition: all 0.2s ease;
	text-transform: uppercase;		text-transform: uppercase;
	font-size: ~~12px~~;		font-size: 15px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	border-radius: 15px;		border-radius: 15px;

Edynhooo em 00h02min de 17 de abril de 2026

2026-04-17T00:02:22Z

← Edição anterior		Edição das 00h02min de 17 de abril de 2026
Linha 15:		Linha 15:
	margin: 20px 0;		margin: 20px 0;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~border-radius: 15px;~~
	}		}

Linha 31:		Linha 31:
	font-size: 12px;		font-size: 12px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
			border-radius: 15px;
	}		}

Edynhooo em 00h01min de 17 de abril de 2026

2026-04-17T00:01:36Z

← Edição anterior		Edição das 00h01min de 17 de abril de 2026
Linha 15:		Linha 15:
	margin: 20px 0;		margin: 20px 0;
	flex-wrap: wrap;		flex-wrap: wrap;
			border-radius: 15px;
	}		}

Edynhooo em 23h58min de 16 de abril de 2026

2026-04-16T23:58:33Z

← Edição anterior		Edição das 23h58min de 16 de abril de 2026
Linha 1:		Linha 1:
	/* Container ~~que engloba tudo~~ */		/* Container Principal */
	.boss-main-wrapper {		.boss-main-wrapper {
	background: #f4f4f4;		background: #f4f4f4;
	padding: ~~15px~~;		padding: 20px;
	border-radius: ~~10px~~;		border-radius: 12px;
	border: 1px solid #ddd;		border: 1px solid #ddd;
			font-family: sans-serif;
	}		}

	/* Navegação por Botões ~~Estilo Widget~~ */		/* Navegação por Botões ALINHADA À ESQUERDA */
	.boss-navigation {		.boss-navigation {
	display: flex;		display: flex;
	gap: ~~10px~~;		gap: 12px;
	justify-content: ~~center~~;		justify-content: flex-start; /* Botões para a esquerda */
	margin~~-bottom~~: 20px;		margin: 20px 0;
	flex-wrap: wrap;		flex-wrap: wrap;
	}		}

			/* Estilo dos Botões */
	.boss-nav-btn {		.boss-nav-btn {
	padding: ~~12px 25px~~;		padding: 10px 22px;
	background: #fff;		background: #fff;
	border: 2px solid #459cca;		border: 2px solid #459cca;
Linha 24:		Linha 26:
	font-weight: bold;		font-weight: bold;
	cursor: pointer;		cursor: pointer;
	transition: 0.3s;		transition: all 0.2s ease;
	text-transform: uppercase;		text-transform: uppercase;
	font-size: ~~13px~~;		font-size: 12px;
	box-shadow: 0 2px ~~4px~~ rgba(0,0,0,0.1);		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	}		}

	.boss-nav-btn:hover {		.boss-nav-btn:hover {
	background: #~~459cca~~;		background: #eef7ff;
	~~color~~: ~~#fff~~;		transform: translateY(-2px);
	}		}

	.boss-nav-btn.active {		.boss-nav-btn.active {
	background: #5684c8;		background: linear-gradient(to bottom, #459cca, #5684c8);
	color: #fff;		color: #fff;
	border-color: #~~5684c8~~;		border-color: #3b86ae;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);		box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
	}		}

	/* Grid de ~~Cards (~~Fases e ~~Personagens)~~ */		/* Grid de Fases e Cards */
	.boss-grid {		.boss-grid {
	display: flex;		display: flex;
Linha 55:		Linha 57:
	border-radius: 8px;		border-radius: 8px;
	overflow: hidden;		overflow: hidden;
	box-shadow: 0 4px ~~12px~~ rgba(0,0,0,0.08);		box-shadow: 0 4px 10px rgba(0,0,0,0.06);
	}		}

	/* ~~Esconder seções inativas~~ */		/* Controle de Exibição */
	.boss-section {		.boss-section {
	display: none;		display: none;
Linha 65:		Linha 67:
	.boss-section.active {		.boss-section.active {
	display: block;		display: block;
	animation: ~~slideUp~~ 0.4s ease~~-out~~;		animation: fadeIn 0.4s ease;
	}		}

	@keyframes ~~slideUp~~ {		@keyframes fadeIn {
	from { opacity: 0~~; transform: translateY(15px)~~; }		from { opacity: 0; }
	to { opacity: 1~~; transform: translateY(0)~~; }		to { opacity: 1; }
	}		}

Edynhooo em 23h55min de 16 de abril de 2026

2026-04-16T23:55:50Z

← Edição anterior		Edição das 23h55min de 16 de abril de 2026
Linha 1:		Linha 1:
	/* Container ~~Geral~~ */		/* Container que engloba tudo */
	.boss-~~container~~ {		.boss-main-wrapper {
	~~font~~-~~family~~: ~~sans-serif~~;		background: #f4f4f4;
	~~color~~: #~~333~~;		padding: 15px;
			border-radius: 10px;
			border: 1px solid #ddd;
	}		}

	/* ~~Grid de Cards (Usado em Fases, Personagens e Recompensas)~~ */		/* Navegação por Botões Estilo Widget */
	.boss-~~grid~~ {		.boss-navigation {
	display: flex;		display: flex;
			gap: 10px;
			justify-content: center;
			margin-bottom: 20px;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~gap: 15px;~~
	~~padding: 15px;~~
	}		}

	~~/* Card Estilo Rayleigh/MainPage */~~		.boss-nav-btn {
	.boss-~~card~~-~~item~~ {		padding: 12px 25px;
	~~flex~~: ~~1 1 300px~~;
	background: #fff;		background: #fff;
	border: ~~1px~~ solid #~~e0e0e0~~;		border: 2px solid #459cca;
	border-radius: ~~8px~~;		color: #459cca;
	box-shadow: 0 4px ~~12px~~ rgba(0, 0, 0, 0.08);		border-radius: 6px;
	~~overflow: hidden;~~		font-weight: bold;
	~~display: flex;~~		cursor: pointer;
	~~flex-direction: column~~;		transition: 0.3s;
			text-transform: uppercase;
			font-size: 13px;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}		}

	~~/* Faixa de Destaque no topo do card */~~		.boss-nav-btn:hover {
	.~~card~~-~~accent~~ {
	~~height: 4px;~~
	~~width: 100%;~~
	background: #459cca;		background: #459cca;
			color: #fff;
			}

			.boss-nav-btn.active {
			background: #5684c8;
			color: #fff;
			border-color: #5684c8;
			box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
	}		}

	/* ~~Título Interno do Card~~ */		/* Grid de Cards (Fases e Personagens) */
	.~~card~~-~~header~~ {		.boss-grid {
	~~padding: 10px 15px;~~
	~~font-weight: bold;~~
	~~font-size: 16px;~~
	~~background: #f8f9fa;~~
	~~border-bottom: 1px solid #eee;~~
	display: flex;		display: flex;
	~~align~~-~~items~~: ~~center~~;		flex-wrap: wrap;
	gap: ~~10px~~;		gap: 15px;
	}		}

	~~/* Tags de Habilidades/Detalhes */~~		.boss-card {
	.boss-~~tag~~ {		flex: 1 1 300px;
	~~display~~: ~~inline-block~~;		background: #fff;
	background: #~~e1f0ff~~;		border: 1px solid #e0e0e0;
	~~color~~: #~~0066cc;~~		border-radius: 8px;
	~~padding: 3px 10px~~;		overflow: hidden;
	border-radius: ~~4px~~;		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	~~font-size~~: ~~12px~~;
	~~font~~-~~weight~~: ~~bold;~~
	~~margin: 2px~~;
	}		}

	/* ~~Ajuste das Abas (Tabber) para combinar com a Wiki~~ */		/* Esconder seções inativas */
	.~~tabber .tabber__tabs~~ {		.boss-section {
	~~border-bottom~~: ~~2px solid #459cca !important~~;		display: none;
	}		}

	.~~tabber~~ .~~tabber__tab[aria-selected="true"]~~ {		.boss-section.active {
	~~background-color~~: ~~#459cca !important~~;		display: block;
	~~color~~: ~~white !important~~;		animation: slideUp 0.4s ease-out;
	}		}

	~~/* Responsividade */~~		@keyframes slideUp {
	@~~media (max-width: 768px)~~ {		from { opacity: 0; transform: translateY(15px); }
	~~.boss-grid~~ { ~~flex-direction~~: ~~column~~; }		to { opacity: 1; transform: translateY(0); }
	~~.boss-card-item~~ { ~~flex~~: 1 ~~1 100%~~; }
	}		}