MediaWiki:Common.css: Difference between revisions

Revision as of 20:11, 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;
}
/* Add ConnexAbility logo next to Powered by MediaWiki */
#footer-icons {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 18px !important;
}

/* Insert ConnexAbility logo BEFORE the MediaWiki icon */
/* Insert ConnexAbility logo BEFORE the MediaWiki icon, with border and link */
#footer-icons:before {
    content: "";
    display: inline-block;
    width: 130px;      /* Increase width for full logo */
    height: 45px;      /* Increase height for full logo */
    background-image: url("/images/AConnexAbilityProject.svg");
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
    box-sizing:content-box;
    margin-right: 10px;
}

/* Make the logo clickable by overlaying a link */
#footer-icons {
    position: relative;
}

/* Clickable transparent link on top of the box */
#footer-icons a.connex-link {
    position: absolute;
    right: calc(25px + 130px); /* Adjust position next to MediaWiki icon */
    top: 0;
    width: 130px;
    height: 45px;
    display: block;
    z-index: 5;
}