MediaWiki:Vector-2022.css: Difference between revisions
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 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 */ | /* Break out of logo container jail */ | ||
.vector-header-logo { | .vector-header-logo { | ||
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;
}