MediaWiki:Vector.css

/* -------------------------------------------------------- */
/* 9. Main Page Custom Styles - Future Use */
/* -------------------------------------------------------- */

/*
    This section is intentionally left empty.
    As you refactor your Main Page to remove inline styles,
    you can define CSS classes here (e.g., .my-dark-box, .qme-heading)
    and then apply those classes in your WikiText/HTML.

    Example:
    If your Main Page has:
    <div style="background-color:#fcfcfc; color:#000;">...</div>

    You would change the WikiText to:
    <div class="main-page-box">...</div>

    And then add the corresponding CSS rule here:
    .main-page-box {
        background-color: #2a2a2a;
        color: #e0e0e0;
        border: 1px solid #444;
    }

    Similarly for headings:
    From: <h2 style="background-color:#83FCDB; color:#000;">Welcome</h2>
    To: <h2 class="qme-heading">Welcome</h2>

    And here in CSS:
    .qme-heading {
        background-color: #3a3a3a;
        color: #f0f0f0;
        border: 1px solid #444;
    }
*/

.qme-column {
    background-color: #2a2a2a; /* Dark background */
    color: #e0e0e0; /* Light text color */
    border: 1px solid #444; /* Optional: A subtle dark border for consistency */
    padding: 1em; /* Add some padding if needed, adjust as desired */
}