MediaWiki:Vector.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.

.mainpage-wrapper {
    display: flex;
    gap: 15px; /* Space between the columns */
}

.mainpage-left-column {
    width: 70%;
}

.mainpage-right-column {
    width: 30%;
}

.mainpage-box {
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden; /* Keeps the header inside the rounded corners */
}

.mainpage-box-body {
    padding: 15px;
    background-color: #f0f8ff; /* A very light, airy blue */
    font-size: 0.9em;
    line-height: 1.6;
}

#firstHeading {
    color: #005a9e;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a {
    color: #0078d3;
}

a:visited {
    color: #005a9e;
}

.mw-body-content a.external {
    background-image: none !important;
    padding-right: 0 !important;
}
#mw-head-base {
    background-image: url("https://i.imgur.com/0YEvDXm.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mw-page-container {
    margin-left: 135px;
}

#p-logo {
    width: 0;
    min-width: 0;
}

#p-logo a {
    background-image: url('https://i.imgur.com/A6MdQon.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mw-body {
    background-color: rgba(255, 255, 255, 0.75) !important; /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Frosted glass effect for modern browsers */
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}