MediaWiki:Common.css

From Proxmox VE
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.
/* allows to wrap some content into somewhat responsive columns */
/* .responsive-column-count { column-count: 2; } */
.responsive-column-count {display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media  screen and (max-width: 1440px) {
    .responsive-column-count {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
	white-space: pre-wrap;
}

/* Give a bit of space to the TOC */
#toc {
	margin: 1em 2em 0 0.5em;
	min-width: 200px;
}

/* Allow easy floating of TOC, left and right, example use:
 * 
 * <div class="toclimit-3 float-right">__TOC__</div>
 */
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* Give floating TOCs also a bit of space */
.float-left #toc {
	margin: 1em 2em 0 0;
}
.float-right #toc {
	margin: 1em 0 0 2em;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/*
 * Makes bigger tables a bit nicer to read
 */
.wikitable tr:hover {
  background-color: #e8e9ea;
}