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.

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700');

body { font-family: "Open Sans", "Oswald", sans-serif; }

@media screen and (max-width: 800px) {
    table.main-table {
        width:100% !important;
        display: table !important;
        padding: 0px !important;
    }

    .main-table td {
        text-align: center;
        display: block;
        margin-top: 10px
    }

    .main-table td:nth-child(2n) {
        margin-bottom: 20px
    }

    #p-cactions-label {
        outline: 0
    }

    #p-logo {
        position: relative !important;
        top: 0px !important;
        left: 0
    }

    .mw-body {
        margin-left: 0 !important
    }


    #left-navigation {
        margin-left: 0 !important
    }

    #p-personal ul {
        padding-left: 50px !important
    }

    div#footer {
        margin-left: 0
    }

    #p-views {
        display: none !important
    }

    #p-cactions .menu ul {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #p-cactions .menu ul > li {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    #p-cactions .menu ul > li:nth-last-child(2),#p-cactions .menu ul > li:last-child {
        display: none !important
    }


    div.thumb.tright {
        float: none;
        display: block;
        width: 100%;
        max-width: 250px;
        margin: 0 !important;
    }

    #mw-imagepage-section-filehistory table{
        overflow: auto;
        border: 0;
        display: block;
    }

.fullImageLink img {
        width:100%;
        height: auto
    }

    p img {
        width: 100%;
        height: auto;
        margin: 0
    }

    div.thumbinner {
        width: 100% !important
    }

    div.thumbinner img {
        width: 100%;
        height: auto
    }

}

@media screen and (max-width: 450px) {
     #mw_metadata {
        width: 100% !important
    }

    #p-namespaces #ca-talk {
        display: none !important
    }

    #p-cactions .menu ul > li:nth-last-child(1) {
        display: block !important
    }
}

@media screen and (min-width: 801px) {
    #p-cactions .menu li:nth-child(4),#p-cactions .menu li:nth-child(5),#p-cactions .menu li:nth-child(6),#p-cactions .menu li:nth-child(7),#p-cactions .menu li:nth-child(8),#p-cactions .menu li:nth-child(9) {
        display:none !important
    }
}

@media screen and (max-width: 350px) {
    #left-navigation #p-namespaces ul li:first-of-type a:first-of-type {
        display:none !important
    }
}

@media screen and (min-width: 351px) {
    #left-navigation #p-namespaces ul li:first-of-type a:last-of-type {
        display:none !important
    }
}

@media screen and (max-width: 1200px) {
    .qa-custom-links-section {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 570px) {
    .qa-custom-links-section {
        flex-basis: 50%;
        margin-bottom: 1em;
    }
    .qam-footer-box {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 740px) {
    .qa-footer-bottom {
        justify-content: center;
    }
    .qa-social {
        margin-bottom: 1em;
    }
    .qa-social .qa-footer a  {
        margin-left: 18px;
    }
    .qa-copyright {
        order: 2;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 540px) {
    .qa-custom-links-section-title {
        font-size: 14px;
    }
    .qa-custom-links-section li {
        font-size: 12px;
    }
    .qa-social {
        float: none;
        text-align: center;
    }
    .qa-social-title {
        display: none;
    }
    .qa-footer a + a {
        margin-left: 12px;
    }
    .qa-footer a {
        margin-left: 0;
        font-size: 12px;
    }
    
    .qa-copyright {
        display: block;
        text-align: center;
        font-size: 12px;
    }
}