MediaWiki:Common.css: Difference between revisions
From Ages of Conflict
Content added Content deleted
(Undo revision 371258 by CrimzonConflict (talk)) Tag: Undo |
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 */ |
|||
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, |
|||
a:hover, |
|||
a:active { |
|||
color: #c7b78b; |
|||
} |
|||
/* Link color */ |
|||
a { |
|||
color: #ffffff; |
|||
} |
|||
/* Article background color */ |
|||
#mw-content-text { |
|||
background-color: #575f46; |
|||
} |
} |
Revision as of 14:56, 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,
a:hover,
a:active {
color: #c7b78b;
}
/* Link color */
a {
color: #ffffff;
}
/* Article background color */
#mw-content-text {
background-color: #575f46;
}