MediaWiki:Common.css

/* ---------------------------------------------------------
 * AtlasMuseum global styling for all SPECIAL PAGES
 * Loaded regardless of skin (Vector, Vector-2022, etc.)
 * --------------------------------------------------------- */

/* Universal font + basic layout for ALL Special: pages
   + visible debug outline so we can confirm it's loaded */
body.mw-special,
body[class^="mw-special-"] {
    font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
    outline: 4px solid red !important;      /* DEBUG: remove later if not needed */
    background-color: #ffffff !important;
}

/* Standardize body container on special pages */
body.mw-special .mw-body,
body.mw-special .mw-body-content {
    max-width: 1050px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding-top: 20px;
}


/* =========================================================
 * Special:Preferences  (User settings page)
 * ========================================================= */

body.mw-special-Preferences #firstHeading {
    font-size: 32px !important;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none !important;
    margin: 40px 0 24px 0 !important;
}

body.mw-special-Preferences #firstHeading > span {
    border-bottom: 8px solid #fbe023 !important;
}

/* Style the preferences tabs block */
body.mw-special-Preferences #preferences {
    border: 1px solid #e4e8ea !important;
    background: #ffffff !important;
    padding: 20px !important;
}

/* Make internal form fields look consistent */
body.mw-special-Preferences .mw-htmlform,
body.mw-special-Preferences .mw-htmlform * {
    font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
    font-size: 13px !important;
}


/* =========================================================
 * Special:UserLogin (Login page styling)
 * ========================================================= */

/* Login container */
body.mw-special-Userlogin #content,
body.mw-special-Userlogin .mw-body,
body.mw-special-Userlogin .mw-body-content {
    max-width: 1050px !important;
    margin: 0 auto !important;
    border-left: 1px solid #e4e8ea;
    padding: 40px 55px;
    background: #ffffff;
}

/* Login heading */
body.mw-special-Userlogin #firstHeading {
    font-size: 32px !important;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none;
    margin-bottom: 24px;
}

body.mw-special-Userlogin #firstHeading > span {
    border-bottom: 8px solid #fbe023;
}

/* Login form layout */
body.mw-special-Userlogin .mw-htmlform,
body.mw-special-Userlogin .mw-htmlform-ooui-wrapper {
    border: 1px solid #e4e8ea;
    padding: 24px 32px;
    background: #ffffff;
}

/* Labels */
body.mw-special-Userlogin .mw-htmlform label,
body.mw-special-Userlogin .mw-htmlform .mw-label {
    font-size: 13px;
    margin-bottom: 4px;
}

/* Input fields */
body.mw-special-Userlogin .mw-htmlform input[type="text"],
body.mw-special-Userlogin .mw-htmlform input[type="password"] {
    border: 1px solid #d5dbdb;
    padding: 6px 8px;
    width: 260px;
    font-size: 13px;
}

/* Submit button (AtlasMuseum yellow) */
body.mw-special-Userlogin .mw-htmlform input[type="submit"],
body.mw-special-Userlogin .oo-ui-buttonElement-button {
    background: #fbe023;
    border: 1px solid #e0d200;
    color: #505b61;
    padding: 6px 18px;
    font-size: 13px;
    cursor: pointer;
}

body.mw-special-Userlogin .mw-htmlform input[type="submit"]:hover,
body.mw-special-Userlogin .oo-ui-buttonElement-button:hover {
    background: #ffe94b;
}

/* Login page links */
body.mw-special-Userlogin .mw-htmlform a {
    color: #00B9EE;
}