MediaWiki:Common.css

From The Binding of Isaac Revelations Wiki
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');


.portable-infobox .pi-secondary-background {
   background-color: #774800;
}

.portable-infobox .pi-horizontal-group {
  text-align: center;
}
/********************
/* Portable infobox *
/********************/
.portable-infobox {
	box-sizing  : content-box;
	border      : 30px solid;
	border-image: url( https://tboirevelations.wiki.gg/images/d/d5/FinalBorder.png ) 30 fill round;
	text-align  : center;
	background: #754b0c;
}

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

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

/*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;
}
/* table section end */

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

/*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;
}

.mp-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}

.mp-left {
	flex: 4;
}

.mp-right {
	flex: 1 275px;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading,
.mw-search-profile-tabs,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend { background: none; }

#searchButton { filter: invert(1); }

.vector-menu-tabs li a { padding-top: 0.75em; }

.vector-menu-dropdown .vector-menu-content { 
	top: 1.75em;
	left: -50px;
}