MediaWiki:Common.css: Difference between revisions
From Ages of Conflict
Content added Content deleted
No edit summary |
No edit summary Tag: Reverted |
||
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 { |
|||
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; } |
|||
} |
|||
/* 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:16, 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; }
}
/* 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; }
}
.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);
}