Difference between revisions of "MediaWiki:Common.css"
From Heroes of Hammerwatch wiki
Muffinatorz (talk | contribs) |
Muffinatorz (talk | contribs) |
||
| (8 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
} | } | ||
*/ | */ | ||
| + | /* Force site logo */ | ||
| + | .mw-wiki-logo, | ||
| + | #p-logo a { | ||
| + | background-image: url("/images/logo.png") !important; | ||
| + | background-repeat: no-repeat !important; | ||
| + | background-position: center center !important; | ||
| + | background-size: contain !important; | ||
| + | } | ||
| + | |||
| + | /* Give the logo a visible box if it ends up 0×0 */ | ||
| + | /* Edited to center the logo with the sidebar */ | ||
| + | .mw-wiki-logo, | ||
| + | #p-logo a { | ||
| + | /* width: 135px !important; */ | ||
| + | height: 135px !important; | ||
| + | display: block !important; | ||
| + | } | ||
| + | |||
| + | #firstHeading, .printfooter, #siteSub, #jump-to-nav { | ||
| + | display: none; | ||
| + | } | ||
.menu { | .menu { | ||
| − | + | align-content: center; | |
| − | + | margin: auto; | |
} | } | ||
| Line 34: | Line 55: | ||
.logo-img img { | .logo-img img { | ||
| − | max-width: | + | max-width: 60%; |
height: auto; | height: auto; | ||
} | } | ||
Latest revision as of 05:56, 25 January 2026
/* CSS placed here will be applied to all skins
body {
background-image: url("images/1/15/Background1440p.png");
}
*/
/* Force site logo */
.mw-wiki-logo,
#p-logo a {
background-image: url("/images/logo.png") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
/* Give the logo a visible box if it ends up 0×0 */
/* Edited to center the logo with the sidebar */
.mw-wiki-logo,
#p-logo a {
/* width: 135px !important; */
height: 135px !important;
display: block !important;
}
#firstHeading, .printfooter, #siteSub, #jump-to-nav {
display: none;
}
.menu {
align-content: center;
margin: auto;
}
.rowcontainer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
}
.rowsmall {
width: 15vw;
margin-top: auto;
}
.rowlarge {
width: 70vw;
margin: auto;
}
.res-img img {
max-width: 100%;
height: auto;
position: relative;
float: left;
}
.logo-img img {
max-width: 60%;
height: auto;
}