MediaWiki:Mbhh.css: Difference between revisions

Revision as of 09:35, 11 May 2024

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

:root {
	--primary-color: #314550;
}

/* ULS icon position fix*/
#pt-uls .uls-trigger::before {
	padding-top: 0;
}


/*infobox*/
	.portable-infobox {
		border: 1px solid var(--primary-color);
		border-radius: 1px;
		background-color: transparent;
	}
	
	.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after,
	.portable-infobox .pi-title {
		border-bottom: 0;
		line-height: 2;
		font-size: 22px;
		font-weight: bold;
	}
	
	.portable-infobox .pi-title,
	.portable-infobox .pi-secondary-background {
	   background-color: var(--primary-color);
	   color: white;
	   text-align: center;
	}
	
	.portable-infobox .pi-secondary-background {
		font-size: 16px;
		
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	
	.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
		border: 0;
	}
	
	.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
		background: none;
		border-bottom: 3px solid var(--primary-color); !important
	}
	
	.portable-infobox .pi-data-label {
		font-weight: bold; !important
	}

.mlsitenotice {
	background: #cfd56470;
	font-size: 1.05em;
	border: 2px solid #c4ca27;
	padding: 0 20px;
	text-align: left;
}

/*style dark-mode, all styles that should affect dark-mode, should be put within this .dark-mode class */

.dark-mode {
	
	.mlsitenotice {
		background: #12120de6;
		border: 2px solid #cfd56470;
	}
	#localNotice {
		border: solid #4f3c21;
	}
	.mw-pt-languages{
		background-color: #161a1e;
	}
	
	/*non-existant  link*/
	a.new, .new a {
    	color: #dd3333;
	}

}


/* widen left sidebar on PC*/

@media screen and (min-width: 1340px) {
	#mw-site-navigation {
		padding-right: 2em;
		
		.sidebar-chunk {
			width: 15em;
    	}
	}
}