MediaWiki:Mobile.css: Difference between revisions

/* All CSS here will be loaded for users of the mobile site */
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Normal.ttf");
}
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Italic.ttf");
    font-style: italic;
}

body {
  font-family: Ekatra;
}

#pt-preferences, #p-personal {
	display: none;
}
@media only screen and (max-width: 767px) {
    .pre-content h1, 
    .content h1, 
    .content h2 {
        display: none;
    }
}
.mw-parser-output a.external {
    background-image: none !important;
}
.external, .mw-parser-output a.external {
    background-image: none !important;
}
p.bookcover-heading {
    font-size: 29px;
    color: #861f23;
}

/* */
/*
#fixed-share-buttons{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-top:5px;
    margin-bottom:10px;
    padding-right:10px;
}
*/ /*
#fixed-share-buttons .a2a_kit a{
    margin-left:4px;
} */


/*----------26-05-2026--------*/
/* Homepage video spacing mobile */

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

    /* Space above video */
    body.page-Main_Page .mf-section-0 > figure:first-of-type {
        margin-top: 28px !important;
        margin-bottom: 100px !important;
    }

}
/*------------------22-06-2026-----------------------*/
/* Fix MobileFrontend editor overlay */

.overlay,
.overlay-content,
.overlay-content-holder,
.overlay-content-container,
.editor-overlay,
.mf-overlay,
.mf-overlay-content,
.minerva-overlay,
.overlay-enabled .overlay {
    background: #fff !important;
    opacity: 1 !important;
}

/* Editor page */
.editor-overlay textarea,
#wpTextbox1 {
    background: #fff !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Hide underlying page while editing */
.overlay-enabled .mw-parser-output,
.overlay-enabled #mw-content-text,
.overlay-enabled .page-content,
.overlay-enabled .content,
.overlay-enabled .mf-section-0 {
    visibility: hidden !important;
}

/* Keep editor visible */
.overlay-enabled .overlay,
.overlay-enabled .overlay-content,
.overlay-enabled #editor {
    visibility: visible !important;
}