MediaWiki:Mbhh.css: Difference between revisions

Latest revision as of 03:01, 14 October 2026

/* All CSS here will be loaded for users of the MBHH skin */
body {
	background-image: url(/Beyond_These_Stars/skins/MBHH/resources/images/shade-right.png?9ba42),
	url(/Beyond_These_Stars/skins/MBHH/resources/images/shade-left.png?30070),
	url(/Beyond_These_Stars/skins/MBHH/resources/images/shade-bottom.png?ff4a7),
	url(/Beyond_These_Stars/skins/MBHH/resources/images/game_bgs/BeyondTheseStars_bg.jpg?b363);
}

.mw-wiki-logo {
	background-size:120% !important;
}



div#mw-content {
	background-color: #090C0C;
	background-image: url('/images/mbhh_bts/3/33/Player_Guide_BG_Recolored.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
}



a, a:visited {
	color: #0EB4C3;
}
a:hover, a:visited:hover {
	color: #7EDFF0;
}
a.new {
	color: #DA664F;
}



.mw-body .mw-parser-output h2::after {
	border-bottom: solid 1px #4F8E88;
}



.bts-main-menu {
	display: flex; 
	flex-direction: column; 
	gap: 1em; 
	margin: 1em auto 3em;
}
.bts-main-menu-button {
		aspect-ratio: 486 / 99;
		background-image: url('/images/mbhh_bts/8/8e/UI_glowing_button.png');
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
		.bts-main-menu-button a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			color: white;
			font-size: 1.25em;
		}
			.bts-main-button a:hover {
				color: #A1E5DE;
			}



.toc {
	display: inline-block;
	min-width: 50%;
	margin: 3em 0 3em;
	background-color: transparent;
	border: 1px solid #4F8E88;
	border-image-source: url('/images/mbhh_bts/b/bf/UI_tooltip_border_ornament.png');
	border-image-width: 32px;
	border-image-slice: 101 101 fill;
	border-image-repeat: repeat round;
	padding: 24px 48px;
}
.mw-body .toctitle {
	border-bottom: solid 1px #CAECF2;
}
.mw-body .toctitle h2 {
	color: #CAECF2;
}



.mw-body figure[typeof~="mw:File/Thumb"] {
	display: inline-block;
	float: right;
	border: 1px solid #4B9797;
	background-color: transparent;
	border-image-source: url('/images/mbhh_bts/4/42/UI_dark_teal_panel.png');
	border-image-width: 8px;
	border-image-slice: 11 fill;
	padding: 6px 5px 0;
}
.mw-body figure[typeof~="mw:File/Thumb"] figcaption {
    display: block;
    float: none;
    width: 100%;
    contain: inline-size;
    border: none;
    background-color: transparent;
}
.mw-body figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media) {
	border: 1px solid #4B9797;
}



.bts-player-guide {
	border: 1px solid #4F8E88;
	border-radius: 12px;
	background-color: #112325;
	border-image-source: url('/images/mbhh_bts/5/5a/Player_Guide_BG_2.png');
	border-image-width: 16px;
	border-image-slice: 29 fill;
	border-image-repeat; round;
	padding: 8px 24px;
	margin-right: 26%;
}



/* Overrides for mini inner tables inside wikitables */
.bts-resource-list tr, .bts-resource-list td, .bts-resource-list th {
	border: 0 !important;
	background: transparent !important;
	padding: 0 0;
}

.bts-resource-list td:first-of-type {
	text-align: end;
}



.bts-infobox-building {
	float: right;
	clear: right;
	max-width: 360px;
	margin: 80px 0 48px 24px;
	border: 1px solid #3E7F77;
	border-radius: 8px;
	background-color: #1C4F48;
	padding: 24px 2px;
}
	.bts-infobox-building > div:not(:first-child) {
		margin-top: 1.5em;
	}
	.bts-infobox-building-header {
		position: relative;
	}
		.bts-infobox-building-header-icon {
			position: absolute;
			bottom: 24px; right: -12px;
			width: 160px;
		}
	.bts-infobox-building-title {
		margin-bottom: 2px;
		padding-bottom: 0;
		font-size: 2em;
		line-height: 1.25em;
    	padding: 0 24px;
	}
	.bts-infobox-building-subtitle {
		margin-top: 2px;
		padding: 0 24px;
		font-size: 1.25em;
		line-height: 1.25em;
	}
	.bts-infobox-building-subheader {
		background-color: #2E726D;
		font-weight: bold;
		padding: 4px 24px;
	}
	.bts-infobox-building-description {
		margin-left: 1em;
		margin-right: 17%;
	    font-size: 90%;
	    font-style: italic;
	    padding: 0 24px;
	}
	.bts-infobox-building-techtree {
		padding: 0 24px;
	}
	.bts-infobox-building-construction {
		padding: 0 24px;
	}
	.bts-infobox-building-tasks {
		padding: 0 24px;
	}
	.bts-infobox-building-tasks-table th {
		text-align: left;
	}



.bts-infobox-resource {
	float: right;
	clear: right;
	width: 320px;
	margin: 80px 0 48px 24px;
	background-color: #224F52;
	padding: 24px 0;
}
	.bts-infobox-resource > div:not(:first-child) {
		margin-top: 1em;
	}
	.bts-infobox-resource > div {
		padding: 0 24px;
	}
	.bts-infobox-resource-header {
		position: relative;
	}
		.bts-infobox-resource-header-icon {
			position: absolute;
			top: -64px; right: 8px;
		}
		.bts-infobox-resource-header-title {
			font-size: 2em;
			line-height: 1.25em;
			margin-right: 100px;
		}
		.bts-infobox-resource-header-subtitle {
			font-size: 1.25em;
			line-height: 1.25em;
		}
	div.bts-infobox-resource-subheader {
		background-color: #112325;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 6px;
	}
	.bts-infobox-resource table {
		border-collapse: collapse;
	}
		.bts-infobox-resource table th {
			text-align: left;
		}
		.bts-infobox-resource table tr:not(:last-child) td {
			padding-bottom: 18px;
			border-bottom: 1px solid #2E726D;
		}
		.bts-infobox-resource table th:not(:last-child), 
		.bts-infobox-resource table td:not(:last-child) {
			padding-right: 18px;
		}