MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 45: Line 45:
.pi-image img:hover {
.pi-image img:hover {
transform: scale(1.04);
transform: scale(1.04);
}
/* Community background color */
/* Community background color */
body {
body {
Line 63: Line 62:
/* Accent color */
/* Accent color */
a,
a,
a:visited,
a:visited {
a:hover,
a:active {
color: #c7b78b;
color: #c7b78b;
}
}


/* Link color */
/* Link color */
a:hover,
a {
a:active {
color: #ffffff;
color: #ffffff;
}
}


/* Article background color */
/* Article background color */
#mw-content-text {
#content {
background-color: #575f46;
background-color: #575f46;
}

/* Text color */
body {
color: #ffffff;
}
}

Revision as of 15:01, 17 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);
/* Community background color */
body {
    background-color: #333c47;
}

/* Sticky nav background color */
#mw-navigation {
    background-color: #5e6732;
}

/* Community header color */
#mw-head {
    background-color: #ffffff;
}

/* Accent color */
a,
a:visited {
    color: #c7b78b;
}

/* Link color */
a:hover,
a:active {
    color: #ffffff;
}

/* Article background color */
#content {
    background-color: #575f46;
}

/* Text color */
body {
    color: #ffffff;
}