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-----------------------*/
/* FORCE editor overlay to cover page */

.mw-overlays-container,
.overlay,
.editor-overlay,
.overlay-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    z-index: 99999 !important;
}

/* Editor area */
#wikitext-editor,
.wikitext-editor {
    background: #ffffff !important;
    color: #000 !important;
}

/* Hide article while editor open */
.editor-overlay.visible ~ * {
    display: none !important;
}