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.

/* BD Zone Wiki Custom Styles */

.fpcontent {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

#fptopsection {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

#fpflexsection {
    display: flex;
    flex-direction: row;
    gap: 1em;
    flex-wrap: wrap;
}

#fpbottomsection {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.fpbox {
    background-color: var(--background-color-interactive-subtle, #f8f9fa);
    border: 1px solid var(--border-color-base, #a2a9b1);
    border-radius: 8px;
    padding: 1em;
    flex: 1 1 300px;
}

.fpbox .heading {
    font-size: 1.2em;
    font-weight: bold;
    color: #36c;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    border-bottom: 2px solid #36c;
}

.fpbox .body {
    line-height: 1.6;
}

.fplinks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.fplink {
    display: inline-block;
    min-width: 120px;
}

.fplink .box .row .cell .link a {
    display: block;
    padding: 8px 16px;
    background-color: #36c;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    font-weight: 500;
    transition: background-color 0.2s;
}

.fplink .box .row .cell .link a:hover {
    background-color: #2a4b8d;
    color: #fff;
    text-decoration: none;
}

.fplink.wide {
    min-width: 200px;
    flex: 1 1 auto;
}

@media screen and (max-width: 720px) {
    #fpflexsection {
        flex-direction: column;
    }
    .fpbox {
        flex: 1 1 100%;
    }
}