MediaWiki:Vector-2022.css: Difference between revisions
Created page with "→Resize the logo in Vector 2022 skin: .vector-header-logo { width: 200px; height: auto; } .vector-header-logo img { max-height: 60px; →tweak this height as needed: width: auto; } →Optional: hide or style the text next to the logo: .vector-header-title { font-size: 16px; margin-left: 8px; color: #444; }" |
No edit summary |
||
| (8 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* Resize the logo in | /* Wrap logo and site name side-by-side */ | ||
.mw-logo-container { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; /* Space between logo and text */ | |||
} | |||
/* Hide the "MediaWiki" wordmark text */ | |||
.mw-logo-wordmark { | |||
display: none !important; | |||
} | |||
/* Resize and align the logo */ | |||
.mw-logo-icon { | |||
width: 100px !important; /* Adjust width */ | |||
height: 100px !important; /* Adjust height */ | |||
object-fit: contain; | |||
} | |||
/* Ensure the logo container is not restricted */ | |||
.mw-logo-container { | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-start; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
/* Optional: Tweak spacing in header if needed */ | |||
.vector-header-logo { | |||
padding-left: 10px; | |||
} | |||
/* Adjust logo image size */ | |||
.mw-logo-icon { | |||
width: 40px !important; | |||
height: auto !important; | |||
} | |||
/* Style and align site name */ | |||
.mw-logo-wordmark { | |||
display: inline-block; | |||
color: #800020 !important; | |||
font-size: 50px !important; | |||
font-weight: bold; | |||
line-height: 1.5; | |||
margin: 0; | |||
} | |||
/* Break out of logo container jail */ | |||
.vector-header-logo { | .vector-header-logo { | ||
width: | flex: 0 0 auto !important; | ||
height: auto; | max-width: none !important; | ||
width: auto !important; | |||
height: auto !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
/* Resize actual logo image */ | |||
.vector-header-logo img { | .vector-header-logo img { | ||
max-height: 60px; | max-height: 60px !important; | ||
width: auto; | width: auto !important; | ||
height: auto !important; | |||
display: block !important; | |||
} | } | ||
/* Optional: | /* Optional: Hide site title if you just want the image */ | ||
.vector-header-title { | .vector-header-title { | ||
display: none !important; | |||
} | } | ||
Latest revision as of 12:29, 19 June 2025
/* Wrap logo and site name side-by-side */
.mw-logo-container {
display: flex;
align-items: center;
gap: 8px; /* Space between logo and text */
}
/* Hide the "MediaWiki" wordmark text */
.mw-logo-wordmark {
display: none !important;
}
/* Resize and align the logo */
.mw-logo-icon {
width: 100px !important; /* Adjust width */
height: 100px !important; /* Adjust height */
object-fit: contain;
}
/* Ensure the logo container is not restricted */
.mw-logo-container {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0;
}
/* Optional: Tweak spacing in header if needed */
.vector-header-logo {
padding-left: 10px;
}
/* Adjust logo image size */
.mw-logo-icon {
width: 40px !important;
height: auto !important;
}
/* Style and align site name */
.mw-logo-wordmark {
display: inline-block;
color: #800020 !important;
font-size: 50px !important;
font-weight: bold;
line-height: 1.5;
margin: 0;
}
/* Break out of logo container jail */
.vector-header-logo {
flex: 0 0 auto !important;
max-width: none !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
}
/* Resize actual logo image */
.vector-header-logo img {
max-height: 60px !important;
width: auto !important;
height: auto !important;
display: block !important;
}
/* Optional: Hide site title if you just want the image */
.vector-header-title {
display: none !important;
}