Jump to content

MediaWiki:Common.css: Difference between revisions

From A Modern Way To Be Known
No edit summary
No edit summary
Line 20: Line 20:
     white-space: nowrap;
     white-space: nowrap;
}
}
/* Add ConnexAbility logo to footer */
<ul id="footer-icons" class="noprint">
#footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}


#footer:before {
    <!-- ConnexAbility Logo -->
     content: "";
     <li id="footer-connexabilityico">
    display: inline-block;
        <a href="https://connexability.com">
    background-image: url("/images/AConnexAbilityProject.svg");
            <img src="/images/AConnexAbilityProject.svg"
     background-size: contain;
                alt="ConnexAbility Project"
     background-repeat: no-repeat;
                width="25"
    width: 40px;
                height="25"
     height: 40px;
                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>

Revision as of 20:04, 7 December 2025

/* 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>