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 */

/* 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: #A1B6D7; /* Change to your preferred hex color code */
/*    color: #000000;            /* Changes text color to white for contrast */
    font-size: 1.4em;          /* Makes the title font larger (150% of standard size) */
    font-weight: bold;         /* Makes the text bold */
    padding: 2px;              /* 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: #A1B6D7; /* Slightly different shade for section headers */
/*    color: #000000;            /* White text color */
    font-size: 1.2em;          /* Adjusts font size slightly smaller than the main title */
    font-weight: bold;
    padding: 2px;              /* 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 */
}
.portable-infobox .pi-item,
.portable-infobox .pi-data {
    border: none !important;
}
/* Sets a fixed size for the image container */
.portable-infobox .pi-image-thumbnail {
    max-height: 250px;
    max-width: 250px;
    width: auto !important;
    height: auto !important;
    margin: 0 auto; /* Centers the image inside the box */
}
.portable-infobox .pi-caption {
    font-style: normal !important;
    color: inherit !important;
}

/* Remove external link icons globally */
#content a.external {
    background: none !important;
    padding-right: 0 !important;
}
.portable-infobox .pi-data {
    padding: 4px 6px; /* Modify these values to your preference */
}