MediaWiki:Minerva.css: Difference between revisions

/* All CSS here will be loaded for users of the MinervaNeue skin */

/*-----------------------------------*/
/* Hide only empty tagline */
.page-heading .tagline {
    display: none;
}

/*-----------------------------------*/
/* Book cover heading */

.bookcover-heading {
    font-size: 29px;
    color: #861f23;
}

/*-----------------------------------*/
/* Remove external link icon */

.mw-parser-output a.external,
.external {
    background-image: none !important;
}

/*-----------------------------------*/
/* Override hiding of headings on mobile */

@media only screen and (max-width: 767px) {

    html.skin-minerva .pre-content h1,
    html.skin-minerva .content h1,
    html.skin-minerva .content h2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    html.skin-minerva .pre-content,
    html.skin-minerva .mw-body > .content,
    html.skin-minerva #mw-mf-page-center {
        display: block !important;
    }
}

/*-----------------------------------*/
/* Hide unwanted mobile sidebar items */

.menu__item--login,
.menu__item--settings,
.menu__item--user-page,
.menu__item--preferences,
.menu__item--uploads,
.menu__item--history,
.menu__item--nearby,
.menu__item--talk {
    display: none !important;
}

/*-----------------------------------*/
/* Hide top user navigation */

.minerva-user-navigation {
    display: none !important;
}

/*-----------------------------------*/
/* Cleaner sidebar spacing */

.toggle-list__list {
    padding-top: 0 !important;
}

/*-----------------------------------*/
/* Sidebar width like old wiki */

.navigation-drawer {
    width: 320px !important;
}

/*-----------------------------------*/
/* Reduce grey overlay */

.overlay {
    opacity: 0.4 !important;
}

/*-----------------------------------*/
/* Remove convert numerals only */

#p-variants,
#p-lang-btn,
#pt-uls,
#mw-variants,
.uls-menu,
.uls-settings-trigger,
#ca-varlang-0,
#p-lang {
    display: none !important;
}

/*-----------------------------------*/
/* Hide variant dropdown */

select[name="variant"],
.uls-display-settings {
    display: none !important;
}

/*-----------------------------------*/
/* Hide category edit button */

.ve-init-mw-desktopArticleTarget-categoryEdit,
.ve-init-mw-desktopArticleTarget-categoryEdit.mw-editsection-like {
    display: none !important;
}

/*-----------------------------------*/
/* Hide embed video overlay text */

.embedvideo-overlay,
.embedvideo-loader,
.embedvideo-loader__fakeButton,
.embedvideo-loader__footer,
.embedvideo-loader__service {
    display: none !important;
}

/*-----------------------------------*/
/* Hide discussion button everywhere */

#page-secondary-actions {
    display: none !important;
}

/*-----------------------------------*/
/* Show discussion button ONLY on Main Page for logged-in users */

body.mw-editable.page-Main_Page #page-secondary-actions {
    display: block !important;
}

/* Hide custom zoom/filter buttons only on mobile */

@media screen and (max-width: 768px) {

    #zoomButtons,
    #zoomInIcon,
    #zoomOutIcon,
    #toggleButton {
        display: none !important;
    }

}

/*-----------------------------------*/
/* Restore Minerva anonymous mobile actions */

body:not(.mw-editable) #page-actions-watch,
body:not(.mw-editable) #page-actions-history,
body:not(.mw-editable) #page-actions-edit,
body:not(.mw-editable) #page-actions-overflow {
    display: inline-flex !important;
}

/*-------------------------25-05-2026----------------------*/
/*-----------------------------------*/
/* Fix Minerva mobile action icon alignment */

.skin-minerva .page-actions-menu__list-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0 !important;
    min-width: auto !important;
    flex: 0 0 auto !important;
}

/* Prevent icons from dropping below */

.skin-minerva .page-actions-menu__list-item a,
.skin-minerva .page-actions-menu__list-item label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/*-----------------------------------*/
/* Restore anonymous Minerva action icons properly */

body:not(.mw-editable) #language-selector,
body:not(.mw-editable) #ca-watch,
body:not(.mw-editable) #page-actions-history,
body:not(.mw-editable) #ca-edit,
body:not(.mw-editable) #page-actions-overflow {
    display: inline-flex !important;
    align-items: center !important;
}

/* Restore anonymous Minerva action bar */

body:not(.mw-editable) .page-actions-menu {
    display: block !important;
}

/* Proper mobile icon spacing */

@media screen and (max-width: 768px) {

    .skin-minerva .page-actions-menu__list {
        gap: 14px !important;
    }

}

/* Fix custom share icon only on mobile */

@media screen and (max-width: 768px) {

    #custom-share-li {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #custom-share-icon {
	    width: 18px !important;
	    height: 18px !important;
	    min-width: 18px !important;
	    min-height: 18px !important;
	    background-size: 18px 18px !important;
	
	    background-color: transparent !important;
	    border: none !important;
	    box-shadow: none !important;
	
	    position: relative !important;
	    top: -18px !important;
	
	    opacity: 0.75 !important;
	    padding: 0 !important;
	}

}

/*********************Chirag**************/

/* Responsive video container */
.embedvideo,
.embedvideo-player,
.video-js,
video {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* Mobile video fix */
.mw-parser-output video {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px;
}

/* Remove weird play button overlay */
.embedvideo iframe,
.embedvideo video {
    background: #000;
}

/* Fix center alignment */
.center .embedvideo {
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------26-05-2026--------------------------------*/
/* Proper homepage spacing mobile */

@media screen and (max-width: 768px) {

    /* Video block spacing */
    body.page-Main_Page .mf-section-0 > figure:first-of-type {
        display: block !important;
        margin-top: 60px !important;
        margin-bottom: 55px !important;
    }

    /* Remove collapsed margins */
    body.page-Main_Page .mf-section-0 {
        overflow: auto !important;
    }

}
/* Old wiki compact video player */

@media screen and (max-width: 768px) {

    /* Figure wrapper */
    body.page-Main_Page .mf-section-0 > figure:first-of-type {
        width: 400px !important;
        max-width:100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        margin-top: 15px !important;
        margin-bottom: 50px !important;
    }

    /* Video player */
    body.page-Main_Page .mf-section-0 video {
        width: 400px !important;
        max-width: 100% !important;

        height: 350px !important;
        /*object-fit: cover !important;*/

        display: block !important;
    }

}

/*------------------------27-05-2026--------------------------*/

/* Content box cleanup */
.skin-minerva .content-box.lightpink {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Heading cleanup */
.skin-minerva .content-box-heading {
    background: transparent !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 0 !important;
    font-size: inherit !important;
}

/* Content area cleanup */
.skin-minerva .content-box-text {
    background: transparent !important;
    padding: 0 !important;
}

/* Override Minerva spacing */
.skin-minerva .content p {
    padding-bottom: 0.5px !important;
}

.skin-minerva .content pre {
    margin: 0 !important;
}

/* Reduce unwanted gap below image */
.skin-minerva .mw-halign-center {
    margin-bottom: 4px !important;
}

/* Remove manually added empty paragraph space */
.skin-minerva .wst-center + p {
    display: none !important;
}

/*--------------------------menu align in mobile------------------------*/

/* Fix mobile action menu spacing like old wiki */
.skin-minerva .page-actions-menu__list,
.skin-minerva #p-views.page-actions-menu__list.minerva-icon-only-menu {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Fix custom share icon alignment */
.skin-minerva #custom-share-li,
.skin-minerva #custom-share-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.skin-minerva #custom-share-li {
    height: 3em !important;
}

.skin-minerva #custom-share-icon {
    margin-top: 0 !important;
    position: relative !important;
    top: 0 !important;
}