MediaWiki:Common.CSS

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */

body {
    background: red !important;
}

a {
    color: #2f7fff !important;
}

a:visited {
    color: #7a5cff !important;
}

a:hover {
    color: #5aa0ff !important;
    text-decoration: underline;
}



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

    /* your mobile css here */

}
/* =========================
   GLOBAL WIKI STYLES
   ========================= */

.infobox {
    float: right;
    width: 300px;
    max-width: 100%;
    margin: 0 0 1em 1em;
    padding: 10px;
    border: 1px solid #aaa;
    background: #f9f9f9;
    box-sizing: border-box;
}

/* =========================
   MOBILE STYLES
   ========================= */

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

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body,
    .vector-body,
    .mw-body,
    .mw-parser-output {
        font-size: 22px !important;
        line-height: 1.8 !important;
        padding-left: 14px;
        padding-right: 14px;
        overflow-x: hidden;
    }

    p,
    li,
    td,
    th {
        font-size: 1rem !important;
        line-height: 1.8 !important;
    }

    h1 {
        font-size: 2.2rem !important;
    }

    h2 {
        font-size: 1.8rem !important;
    }

    h3 {
        font-size: 1.4rem !important;
    }

    .infobox {
        float: none !important;
        width: 100% !important;
        margin: 1em 0 !important;
    }

    table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}