Jump to content

MediaWiki:Common.css

From A Modern Way To Be Known
Revision as of 20:04, 7 December 2025 by Lokesh (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Hide the site title next to the logo */
.mw-wiki-title,
.mw-logo-wordmark,
#p-logo-text {
    display: none !important;
}
/* Show big logo image where the title text normally is */
.mw-logo-wordmark {
    display: block !important;                /* make it visible again */
    width: 220px;                             /* adjust size if needed */
    height: 40px;
    margin-top: 15px;
    background-image: url("https://bharatwikipedia.org/images/BharatWikipedia.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;                     /* hides the text inside */
    overflow: hidden;
    white-space: nowrap;
}
<ul id="footer-icons" class="noprint">

    <!-- ConnexAbility Logo -->
    <li id="footer-connexabilityico">
        <a href="https://connexability.com">
            <img src="/images/AConnexAbilityProject.svg"
                 alt="ConnexAbility Project"
                 width="25"
                 height="25"
                 loading="lazy">
        </a>
    </li>

    <!-- Default MediaWiki footer icon -->
    <li id="footer-poweredbyico">
        <a href="https://www.mediawiki.org/" 
           class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled">
            <picture>
                <source media="(min-width: 500px)" srcset="/resources/assets/poweredby_mediawiki.svg" width="88" height="31">
                <img src="/resources/assets/mediawiki_compact.svg" 
                     alt="Powered by MediaWiki" 
                     width="25" height="25" loading="lazy">
            </picture>
        </a>
    </li>

</ul>