MediaWiki:Common.css

From Mighty Party Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Custom Infobox */
.portable-infobox {
	width: 450px;
}
.portable-infobox .pi-group:first-of-type {
	display: flex;
    justify-content: space-around;
    align-items: center;	
}

.pi-image-thumbnail {
	width: 150px;
}

.portable-infobox .pi-title {
  text-align: center;
}

.portable-infobox.pi-type-hero {
  width: 600px;
  margin: auto;
  float: none;
}

.portable-infobox.pi-type-hero .pi-image-thumbnail {
  width:auto;
  height:auto;
  max-height:200px;
  max-width:90%;
  display: flex; 
  margin: auto;
  float: none;
}

.portable-infobox.type-hero .pi-data-value {
  vertical-align:middle;
}
.pi-horizontal-group .pi-header {
	width: 100%;
	box-sizing: border-box;
}
.pi-horizontal-group {
  white-space: normal;
  display: table;
}
/* End of Custom Infobox */

/* Custom Tooltip */
.main-tooltip {
    border: none;
    padding: 2px;
    background-color: var(--theme-page-background-color);
    color: var(--theme-page-text-color);
}

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
    display: none;
}

.mw-wiki-logo {
    background-size: contain;
}

.tooltips-init-complete {
    cursor: help;
}
/* End of Custom Tooltip */

/* Table header fix */
.wikitable tr th {
	background-clip: padding-box;
}

.filterMenu {
	color: white;
}
/* End of Table header fix */

/* Commented out: reverting dark mode changes. These should be used as a separate theme.
@media (prefers-color-scheme: dark) {
	
	body {
		background-color: #1e1e1e;
	}
	
	a {
		color:#eac39e;
		text-decoration:none;
		transition: color .3s;
	}
	a:hover {
		color: #fcf6f1;
	}
	
	a:visited {
		color: #eac39e;
	}
	
	.mw-page-title-namespace {
		color: #eac39e;
	}
	
	.mw-page-title-separator {
		color: #eac39e;
	}
	
	.mw-page-title-main {
		color: #eac39e;
	}
	
	.mw-parser-output a.external {
		color: #eac39e;	
	}
	
	.mw-headline {
		color: #eac39e;
	}
	
	label {
		color: #eac39e;
	}

    ul {
    	list-style: disc;
    }
    
	.toctogglelabel {
		color: #eac39e;
	}
	
	.wikitable {
		background-color: #1e1e1e;
		border-color: #a2a9b1;
	}
	.wikitable tr th {
		background-color: #404040;
	}
	
	.wikitable {
		color:white;
	}
	
	.mw-body, #mw-head {
		background-color: #1e1e1e;
		color: #fcf6f1;
	}
	
	.mw-body pre {
		background-color: #404040;	
		color: #e6e6e6;
	}
	
	.toc {
		background-color: #1e1e1e;
	}
	
	.toc .toctitle h2 {
		color: white;
	}
	
	h2 {
		color: white;
	}
	
	.portable-infobox {
		background-color: #1e1e1e;
	}
	
	.portable-infobox .pi-secondary-background {
		background-color:#404040;
		color: white;
	}
	
	#mw-panel .mw-list-item a {
		color: #eac39a;
		transition: color .3s;
	}
	#mw-panel .mw-list-item a:hover {
		color: #fcf6f1;
	}
	.selected.mw-list-item {
		background: #1e1e1e;
	}
	
	.selected.mw-list-item a {
		color: #eac39a;
		transition: color .3s;
	}
	
	.selected.mw-list-item a:hover {
		color: #fcf6f1;
	}
	
	.selected.mw-list-item a:visited {
		color: #eac39a;
	}
	
	.vector-menu-tabs-legacy li {
		background-image: none;
	}
	
	.vector-menu-tabs-legacy li.mw-list-item a {
		color: #eac39a;
		transition: color .3s;		
	}
	
	.vector-menu-tabs-legacy li a:hover {
		color: #fcf6f1;
	}
	
	.vector-menu-heading-label {
		color: #fcf6f1;
	}
	
	.tabber__tab[aria-selected="true"] {
		color: #eac39a;
		transition: color .3s;	
	}
	
	.tabber__tab[aria-selected="true"]:hover {
		color: #fcf6f1;
	}
	
	li.gallerybox div.thumb {
		background-color: #1e1e1e;
	}
	
	.catlinks {
		background-color: #1e1e1e;
	}
	
	.filetoc {
		background-color: #1e1e1e;
	}
}
*/