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 */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.test-font {
   font-family: "Rubik";
}


/* Holy shit maybe this will work */

/* Message boxes (mbox family) */
table.mbox {
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    background-color: #f8f9fa;
    box-sizing: border-box;
    margin: 0.5em 0;
}

.mbox-text {
    padding: 0.25em 0.9em;
    width: 100%;
}

.mbox-image {
    padding: 2px 0 2px 0.9em;
    text-align: center;
}

.mbox-imageright {
    padding: 2px 0.9em 2px 0;
    text-align: center;
}

.mbox-empty-cell {
    border: none;
    padding: 0;
    width: 1px;
}

/* Article message boxes (ambox) */
table.ambox {
    margin: 0px 10%;
    border: 1px solid #a2a9b1;
    border-left: 10px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box;
}

table.ambox + table.ambox {
    margin-top: -1px;
}

.ambox th.mbox-text,
.ambox td.mbox-text {
    padding: 0.25em 0.5em;
}

.ambox td.mbox-image {
    padding: 2px 0 2px 0.5em;
}

.ambox td.mbox-imageright {
    padding: 2px 0.5em 2px 0;
}

/* Ambox colors */
table.ambox-speedy {
    border-left: 10px solid #b32424;
    background-color: #fee7e6;
}

table.ambox-delete {
    border-left: 10px solid #b32424;
    background-color: #fee7e6;
}

table.ambox-content {
    border-left: 10px solid #f28500;
    background-color: #fff8f2;
}

table.ambox-style {
    border-left: 10px solid #fc3;
    background-color: #fffbf0;
}

table.ambox-move {
    border-left: 10px solid #9932cc;
    background-color: #f7f0ff;
}

table.ambox-protection {
    border-left: 10px solid #a2a9b1;
    background-color: #f8f9fa;
}

table.ambox-notice {
    border-left: 10px solid #36c;
    background-color: #eaf3ff;
}

/* Talk page message boxes (tmbox) */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    min-width: 80%;
    box-sizing: border-box;
}

.tmbox.mbox-small {
    min-width: 0;
}

/* Image page message boxes (imbox) */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;
    background-color: #fbfbfb;
    min-width: 80%;
    box-sizing: border-box;
}

table.imbox-notice {
    border: 3px solid #1e90ff;
}

table.imbox-speedy {
    border: 3px solid #b32424;
    background-color: #fee7e6;
}

table.imbox-delete {
    border: 3px solid #b32424;
    background-color: #fee7e6;
}

table.imbox-content {
    border: 3px solid #f28500;
    background-color: #fff8f2;
}

table.imbox-style {
    border: 3px solid #fc3;
    background-color: #fffbf0;
}

table.imbox-move {
    border: 3px solid #9932cc;
    background-color: #f7f0ff;
}

table.imbox-protection {
    border: 3px solid #a2a9b1;
    background-color: #f8f9fa;
}

/* Category message boxes (cmbox) */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #dfe8ff;
    min-width: 80%;
    box-sizing: border-box;
}

/* Other pages message boxes (ombox) */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    min-width: 80%;
    box-sizing: border-box;
}

table.ombox-notice {
    border: 1px solid #a2a9b1;
}

table.ombox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6;
}

table.ombox-delete {
    border: 2px solid #b32424;
    background-color: #fee7e6;
}

table.ombox-content {
    border: 1px solid #f28500;
    background-color: #fff8f2;
}

table.ombox-style {
    border: 1px solid #fc3;
    background-color: #fffbf0;
}

table.ombox-move {
    border: 1px solid #9932cc;
    background-color: #f7f0ff;
}

table.ombox-protection {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
}

/* File namespace message boxes (fmbox) */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box;
}

table.fmbox-system {
    background-color: #f8f9fa;
}

table.fmbox-warning {
    border: 1px solid #bb7070;
    background-color: #ffdbdb;
}

table.fmbox-editnotice {
    background-color: transparent;
}

/* Small message boxes */
.mbox-small {
    clear: right;
    float: right;
    line-height: 1.25em;
    font-size: 88%;
    border-collapse: collapse;
    width: 238px;
    box-sizing: border-box;
}

.mbox-small-left {
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
    float: left;
    clear: left;
    box-sizing: border-box;
}

/* Fix for small message box text */
.mbox-small .mbox-text,
.mbox-small-left .mbox-text {
    font-size: 100%;
    padding: 0.1em 0.8em;
}

.mbox-small .mbox-image,
.mbox-small-left .mbox-image {
    padding: 2px 3px 2px 0.5em;
}

.mbox-small .mbox-imageright,
.mbox-small-left .mbox-imageright {
    padding: 2px 0.5em 2px 3px;
}

/* Responsive design */
@media (max-width: 720px) {
    .mbox-small {
        width: 100%;
        margin: 4px 0;
        float: none;
        clear: both;
    }
    
    .mbox-small-left {
        width: 100%;
        margin: 4px 0;
        float: none;
        clear: both;
    }
}