MediaWiki:Common.css: Difference between revisions

From Kintara
Jump to navigation Jump to search
No edit summary
No edit summary
Line 20: Line 20:
     padding-top: 15px !important;  /* Adds padding to push the logo down from the top edge */
     padding-top: 15px !important;  /* Adds padding to push the logo down from the top edge */
     box-sizing: border-box !important;
     box-sizing: border-box !important;
}
/* 2. Resize and scale the actual logo image inside the link */
#p-logo a {
    display: block !important;
    width: 120px !important;      /* Change this value to resize the width */
    height: 120px !important;      /* Change this value to resize the height */
    background-size: contain !important; /* Forces the image to scale perfectly without cutting off */
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 auto !important;    /* Centers the logo image inside the 160px column box */
}
}

Revision as of 06:15, 15 June 2026

/* 1. Apply the banner image globally across the entire screen width */
body {
    background-color: #f4f1ea !important; /* Base site color below the header */
    background-image: url('https://kintara.gg/site/img/bg1.png') !important;
    background-position: top center !important;
}

#mw-page-base, #mw-head-base {
    background-image: none !important;
    background-color: transparent !important;
}

/* 1. Adjust the main logo structural box */
#p-logo {
    width: 160px !important;       /* Keeps the sidebar column width aligned */
    height: 160px !important;      /* Matches the height of your banner */
    position: absolute !important;
    top: 0 !important;
    left: 10px !important;         /* Pushes the logo slightly right from the screen edge */
    padding-top: 15px !important;  /* Adds padding to push the logo down from the top edge */
    box-sizing: border-box !important;
}