MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
No edit summary
Tag: Reverted
(Undo revision 371258 by CrimzonConflict (talk))
Tag: Undo
Line 3: Line 3:
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
@media (min-width: 1340px) {
@media (min-width: 1340px) {
#mw-content-block {
#mw-content-block {
display: block; }
display: block; }
#mw-content,
#mw-content,
#content-bottom-stuff {
#content-bottom-stuff {
margin-left: 14em; }
margin-left: 14em; }
#mw-content-wrapper {
#mw-content-wrapper {
float: right;
float: right;
margin-left: -14em;
margin-left: -14em;
width: 100%; }
width: 100%; }
/* Width and paddings */
/* Width and paddings */
#mw-site-navigation, #mw-related-navigation {
#mw-site-navigation, #mw-related-navigation {
width: 14em; }
width: 14em; }
#mw-related-navigation {
#mw-related-navigation {
padding: 0 1em 0 0; }
padding: 0 1em 0 0; }
}
/* Other sidebar styling */
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
background: #177082;
border: none;
padding-bottom: 2px; }
@media (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
font-family: 'Montserrat', sans-serif;
font-size: 0.85em;
padding: 1em 1.5em 0.01em; }
}
}

Revision as of 11:32, 15 February 2024

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