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=Roboto:wght@400;700&display=swap');

h1.firstHeading {
    font-family: 'Roboto', sans-serif;
}

.firstHeading {
    display: none;
}

.mw-headline {
    font-family: 'Roboto', sans-serif !important;
}



#p-search {
    position: absolute;
    top: 10px; /* Adjust as needed */
    right: 20px; /* Change to move it left/right */
}

/* Change background color for Vector skin */
body {
    background-color: #3eb489; /* Replace with your desired color */
}

#p-logo {
    display: none;
}

#ca-talk { display: none !important; }
#ca-history { display: none !important;}
#ca-viewsource { display: none !important; }


.custom-button {
    display: inline-block; /* Makes the button behave like a block */
    padding: 5px 5px; /* Adds spacing inside the button */
    font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
    background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
    border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
    text-align: center; /* Centers text inside the button */
    cursor: pointer; /* Pointer cursor on hover */
}

.custom-button a {
    display: block; /* Expands the link to fill the entire span */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}

.custom-button:hover {
    color: #fff; /* White text color */
}



.static-button {
    width: 120px;
    display: inline-block; /* Makes the button behave like a block */
    padding: 5px 5px; /* Adds spacing inside the button */
    font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
    background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
    border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
    text-align: center; /* Centers text inside the button */
    cursor: pointer; /* Pointer cursor on hover */
}

.static-button a {
    display: block; /* Expands the link to fill the entire span */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}

.static-button:hover {
    color: #fff; /* White text color */
}



.pre-content.heading-holder {
    display: none !important;
}


/*Make pretty button Layout */

/* Container that forces the 2x2 grid */
.button-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Forces two equal columns */
    grid-auto-flow: row !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 400px !important; /* Limits the grid width */
    margin: 20px 0 !important;
}

/* Ensure the button spans behave as grid items */
.static-button {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; /* Makes button fill half the grid */
    background-color: #3eb489 !important; /* Mintarc Green */
    border: 1px solid #2e8b65 !important;
    border-radius: 4px !important;
    text-align: center !important;
}

/* Link styling to fill the entire button area */
.static-button a {
    display: block !important;
    color: #fff !important;
    padding: 12px 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

/* Remove the MediaWiki external link arrow to keep centering clean */
.static-button a.external {
    background-image: none !important;
    padding-right: 5px !important;
}

.static-button:hover {
    background-color: #2e8b65 !important;
}