MediaWiki:Tibiarpgbrasil.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Pressione Ctrl-F5.

/*
 * Conteúdo para a página MediaWiki:Tibiarpgbrasil.css
 * (fonte versionada em skins/TibiaRPGBrasil/wiki-pages/).
 *
 * Carrega SOMENTE na skin TibiaRPGBrasil e DEPOIS do MediaWiki:Common.css.
 * Adapta à paleta da skin os estilos próprios da wiki (infobox, tabelas DPL,
 * cabeçalhos bgcolor="#CEDFF2", galerias), sem mudar nada no Vector.
 * As cores vêm das variáveis da skin (--tr-*).
 */

/* Infobox: cabeçalho vinho com filete dourado no lugar do degradê vermelho */
.infobox-header {
	background: linear-gradient( 120deg, var( --tr-wine-dark ) 0%, var( --tr-wine ) 55%, var( --tr-wine-light ) 100% );
	border-bottom: 2px solid var( --tr-gold );
	color: #fff;
	font-family: var( --tr-font-display );
	letter-spacing: 0.03em;
}

.infobox,
.infobox-main,
.infobox-sidebar {
	background-color: rgba( 255, 252, 243, 0.6 );
	box-shadow: 0 0 0 1px var( --tr-parchment-edge ), 0 2px 6px rgba( 90, 60, 20, 0.15 );
}

.infobox-main .infobox-separator {
	border-top-color: var( --tr-parchment-edge );
}

/* Tabelas DPL / bestiário (fundo azul claro no Common.css) */
table#tabelaDPL,
table#tabelaBestiario {
	background-color: var( --tr-parchment-dark );
}

table#tabelaDPL th,
table#tabelaBestiario th {
	border-color: var( --tr-parchment-light );
	color: var( --tr-wine-dark );
}

table#tabelaDPL tr td,
table#tabelaBestiario tr td {
	border-color: var( --tr-parchment-light );
	background-color: rgba( 255, 252, 243, 0.85 );
}

table#tabelaDPL td:first-child,
table#tabelaBestiario td:first-child {
	background-color: transparent;
}

/* Cabeçalhos com bgcolor="#CEDFF2" (padrão antigo dos templates, ex.: compra/venda de itens) */
th[ bgcolor="#CEDFF2" i ],
td[ bgcolor="#CEDFF2" i ] {
	background-color: var( --tr-parchment-dark );
	color: var( --tr-wine-dark );
}

#TabelaValores {
	border-color: var( --tr-parchment-edge ) !important; /* a cor vem de style="" no template */
}

#TabelaValores th,
#TabelaValores td {
	border-color: var( --tr-parchment-edge );
}

/* Galerias de pets/outfits */
.pet-outfit-gallery .gallerybox {
	border-color: var( --tr-wine );
	background-color: var( --tr-parchment-light );
}

.pet-outfit-gallery .gallerytext {
	border-color: var( --tr-parchment-edge );
	background-color: var( --tr-parchment );
}

/* Celular: infobox em coluna única */
@media ( max-width: 719px ) {
	.infobox-holder {
		flex-wrap: wrap;
	}

	.infobox-holder > div:first-child {
		margin-right: 0;
	}

	.infobox-holder > div:nth-child( 2 ) {
		flex: 1 1 100%;
		width: 100%;
		margin-top: 10px;
	}

	.infobox-main > tbody > tr > td:first-child {
		width: auto;
		min-width: 0;
	}
}