Jump to content

MediaWiki:Common.css: Difference between revisions

From A Modern Way To Be Known
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 big logo image where the title text normally is */
 
/* Show custom wiki logo in the header */
.mw-logo-wordmark {
.mw-logo-wordmark {
     display: block !important;               /* make it visible again */
     display: block !important;
     width: 220px;                             /* adjust size if needed */
     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;                     /* hides the text inside */
     text-indent: -9999px;
     overflow: hidden;
     overflow: hidden;
     white-space: nowrap;
     white-space: nowrap;
}
}
/* Add ConnexAbility logo next to Powered by MediaWiki */
 
#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: 100px;                     /* slightly wider to match clean spacing */
 
     height: 40px;                     /* matches MediaWiki badge height feel */
     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: 80% auto;       /* gives space around the logo */
     background-size: 75% auto;   /* gives breathing space */
     background-position: center;
     background-position: center;
     background-repeat: no-repeat;
     background-repeat: no-repeat;


    /* Match MediaWiki border style */
     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;                 /* same internal spacing */
     padding: 4px 8px;
    margin-right: 16px;              /* same gap before MediaWiki icon */
     box-sizing: border-box;
     box-sizing: border-box;
}
}

Revision as of 20:21, 7 December 2025

/* Hide the site title next to the logo */
.mw-wiki-title,
.mw-logo-wordmark,
#p-logo-text {
    display: none !important;
}

/* Show custom wiki logo in the header */
.mw-logo-wordmark {
    display: block !important;
    width: 220px;
    height: 40px;
    margin-top: 15px;
    background-image: url("https://bharatwikipedia.org/images/BharatWikipedia.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

/* 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: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 110px;                 /* balanced width */
    height: 36px;                 /* same visual height as MediaWiki badge */

    background-image: url("/images/AConnexAbilityProject.svg");
    background-size: 75% auto;    /* gives breathing space */
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid #a2a9b1;    /* same border as MediaWiki box */
    border-radius: 4px;
    background-color: #fff;

    padding: 4px 8px;
    box-sizing: border-box;
}