MediaWiki:Common.css

/* Fix article-table-wrapper overriding any background around a table, */
/* causing issues with infoboxes and template docs */
.page-content .article-table-wrapper {
	background: none;
}

/* automatic line breaks for tables */
.table, .wikitable, .article-table, .bug, .mw-datatable 
{
  display: inline-table;
  overflow-x: auto;
  white-space: normal;
}


/* Background */
body.mediawiki {
	background: url(https://tboiretribution.wiki.gg/images/b/be/Site-Bg.png) no-repeat fixed;
	background-size: cover;
	background-position: 0px 35px;
}

/*supposedly makes images resized with nearest neighbor*/
.mw-parser-output img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

img.pixelart {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

#content {
    color: var(--text-color);
    font-family: sans-serif, cursive; /* 2nd font is for backup*/
}

/* Changes the Page Title and Main Page Box font */
h1, .mw-headline {
    font-family: sans-serif, cursive !important; /* 2nd font is for backup */
}


/********************
/* Portable infobox *
/********************/
.portable-infobox {
	box-sizing  : content-box;
	border      : 30px solid;
	border-image: url( https://forgottenfables.wiki.gg/images/4/4a/CSS_Border_Infobox.png ) 30 fill round;
	text-align  : center;
	background: none;
}

/*Not from the Isaac wiki*/
/*changes color*/
.portable-infobox.type-middletext {
   text-align: center;
   color:#000000;
}

/*changes somethings color*/ .portable-infobox.type-accent-color-text-source,
/*changes infobox caption color*/ .portable-infobox .pi-caption{
   color:#000000;
}

/*supposed to make infobox text centered*/
.portable-infobox .pi-data {
    align-items: center; /* vertically align items or text */
    justify-content: center ; /* horizontally aligns items or text */
}

/*i dont know*/
.portable-infobox.type-middletext .pi-data-label ~ .pi-data-value {
    padding: 0;
}

/* Changes the TOC to be more like the infoboxes*/
#toc {
	box-sizing  : content-box;
	border      : 24px solid;
	border-image: url( https://forgottenfables.wiki.gg/images/4/4a/CSS_Border_Infobox.png ) 24 fill round;
	text-align  : center;
	background: none;
	font-size: 1.05em;
}
.toctext{
	color: #9CB0D1;
}
#mw-toc-heading {
    color: #46393B;
}
.toctogglespan{
	color: #6282B6;
}
.toctogglelabel{
	color: #9CB0D1;
}

/**************
/* Navigation *
/**************/
.tb-box-header {background:var(--tb-header);}
.nav-box strong.mw-selflink.selflink  { font-weight: 100!important;}

.nav-header {
	width         : 100%;
	border-spacing: 4px;
	text-align    : center;
}


.nav-header td {
	background:var(--tb-header);
}

.nav-header .nav-header-selected {
    background:var(--tb-header);
	font-weight: bold;
}

.nav-category {
	clear       : both;
	width       : auto;
	background  : #3f2922;
	background  : rgba( 0, 0, 0, 0.4 );
	margin      : 5px auto;
	border-color: #1f1511;
	border-color: rgba( 0, 0, 0, 0.5 );
	text-align  : center;
	font-size   : 15px;
}

.nav-category > ul {
	margin-left         : auto;
	margin-right        : auto;
	list-style          : none;
	text-align          : left;
	white-space         : nowrap;
	-webkit-column-width: 180px;
	-moz-column-width   : 180px;
	-ms-column-width    : 180px;
	column-width        : 180px;
	-webkit-column-gap  : 10px;
	-moz-column-gap     : 10px;
	-ms-column-gap      : 10px;
	column-gap          : 10px;
}

.nav-category > tr > th,
.nav-category > * > tr > th {
	background: #32211a;
	background: rgba( 0, 0, 0, 0.2 );
}

.nav-list-vertical > tr > td:not( :last-of-type ),
.nav-list-vertical > * > tr > td:not( :last-of-type ) {
	padding-right: 10px;
}

/* Used for e.g. item lists for compactness */
.multicolumn-list {
	max-width: 100%;
	column-count: 3;
}

/* for compact lists in navs */
.nav-list {
	max-width: 100%;
	column-count: 3;
}
.nav-list ul {
	margin: 6px 0;
	list-style-type: none;
}

/* For elements which are only displayed in the mobile view */
.mobileonly {
	display: none;
}
/* Mobile view fixes */
@media screen and (max-width: 720px) {
	div#p-personal {
		right: unset;
		padding-right: unset;
	}

	#content, #footer {
		margin-right: 0;
	}
}/* idk even if this would work*/

/* adds the words naviagtion to the top of the sidebar */
#mw-panel #p-logo+.portal .vector-menu-heading{
	display:block;
}

/* changes the lists dots color */
ul {
  list-style-image: url("none");
}

/* Removes the discussion header at the top of a page */
#ca-talk {
    display: none !important;
}

/* Changes the color of code preview */
pre, code, .mw-code /*, .linenos, .data-line*/ {
    background-color: #191919;
    color: #c5c5c5;
    border: 1px solid #535353;
}


/* temp */
.pi-data-label.pi-secondary-font, .pi-data-value, .pi-title, .pi-header {
    color: #000;
}