MediaWiki:Common.css

From Ages of Conflict
Revision as of 11:32, 15 February 2024 by CrimzonConflict (talk | contribs) (Undo revision 371258 by CrimzonConflict (talk))

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.
/** Sidebars **/
/* Placing all sidebars to the left aka forcing layout under 1340px as default 
   Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
@media (min-width: 1340px) {
	#mw-content-block {
		display: block; }
	#mw-content,
	#content-bottom-stuff {
		margin-left: 14em; }
	#mw-content-wrapper {
		float: right;
		margin-left: -14em;
		width: 100%; }
	/* Width and paddings */
	#mw-site-navigation, #mw-related-navigation {
		width: 14em; }
	#mw-related-navigation {
		padding: 0 1em 0 0; }
}
 
.image-row {
  display: flex;
  justify-content: space-between;
  padding: 20px; /* Add padding to the row */
}

.image-box img {
    height: 134.38px;
    width: 100%;
    transition: 0.2s;
    object-fit: cover;
}

.image-box:hover img {
  transform: scale(1.05);
}
.pi-image {
    clip-path: content-box;
}

.pi-image img {
    transition: transform 0.5s;
}

.pi-image img:hover {
    transform: scale(1.04);
}