MediaWiki:Common.css: Difference between revisions

From FizzWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 27: Line 27:
     font-weight: bold;
     font-weight: bold;
     padding: 6px;              /* Adds comfortable spacing inside the header box */
     padding: 6px;              /* Adds comfortable spacing inside the header box */
}
/* Add a 1-pixel solid border around the entire infobox container */
.portable-infobox {
    border: 1px solid #a2a9b1; /* A standard gray color; change the hex code to match your wiki's theme */
    border-collapse: separate; /* Ensures borders render smoothly */
    box-sizing: border-box;    /* Prevents the border from causing alignment or overflow issues */
}
}

Revision as of 14:54, 15 June 2026

/* CSS placed here will be applied to all skins */

/* Adjust the main content so it doesn't overlap with the new sidebar */
#content {
    margin-right: 16px; /* Must be wider than #right-sidebar */
}
/* 176

/* Style the main title at the top of the Portable Infobox */
.portable-infobox .pi-title {
    text-align: center;
    justify-content: center;
    background-color: #3366cc; /* Change to your preferred hex color code */
    color: #ffffff;            /* Changes text color to white for contrast */
    font-size: 1.5em;          /* Makes the title font larger (150% of standard size) */
    font-weight: bold;         /* Makes the text bold */
    padding: 8px;              /* Adds spacing around the text so it doesn't touch the borders */
}

/* Style all section group headers inside the Portable Infobox */
.portable-infobox .pi-header {
    text-align: center;
    justify-content: center;
    background-color: #4a75cb; /* Slightly different shade for section headers */
    color: #ffffff;            /* White text color */
    font-size: 1.2em;          /* Adjusts font size slightly smaller than the main title */
    font-weight: bold;
    padding: 6px;              /* Adds comfortable spacing inside the header box */
}

/* Add a 1-pixel solid border around the entire infobox container */
.portable-infobox {
    border: 1px solid #a2a9b1; /* A standard gray color; change the hex code to match your wiki's theme */
    border-collapse: separate; /* Ensures borders render smoothly */
    box-sizing: border-box;    /* Prevents the border from causing alignment or overflow issues */
}