MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Hide the site title next to the logo */ | /* Hide the site title next to the logo */ | ||
.mw-wiki-title, | .mw-wiki-title, | ||
| Line 7: | Line 5: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Show | |||
/* Show custom wiki logo in the header */ | |||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
display: block !important; | display: block !important; | ||
width: 220px; | width: 220px; | ||
height: 40px; | height: 40px; | ||
margin-top: 15px; | margin-top: 15px; | ||
| Line 16: | Line 15: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: contain; | background-size: contain; | ||
text-indent: -9999px; | text-indent: -9999px; | ||
overflow: hidden; | overflow: hidden; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* | |||
#footer-icons:before { | /* Ensure footer icons align horizontally */ | ||
#footer-icons { | |||
display: flex !important; | |||
justify-content: flex-end !important; | |||
align-items: center !important; | |||
flex-direction: row-reverse !important; /* MediaWiki icon stays right */ | |||
gap: 18px !important; | |||
} | |||
/* ConnexAbility footer badge */ | |||
#footer-icons::before { | |||
content: ""; | content: ""; | ||
display: inline-flex; | display: inline-flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
width: | |||
height: | width: 110px; /* balanced width */ | ||
height: 36px; /* same visual height as MediaWiki badge */ | |||
background-image: url("/images/AConnexAbilityProject.svg"); | background-image: url("/images/AConnexAbilityProject.svg"); | ||
background-size: | background-size: 75% auto; /* gives breathing space */ | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
border: 1px solid #a2a9b1; /* same border as MediaWiki box */ | |||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | border-radius: 4px; | ||
background-color: #fff; | background-color: #fff; | ||
padding: 4px 8px; | padding: 4px 8px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||