MediaWiki:Common.css: Difference between revisions

.mw-logo {
    background-color: white; /* Set background to white */
    width: 100px; /* Set width to your desired size */
    height: 100px; /* Set height to the same value as width */
    border-radius: 50%; /* Make it a circle */
    display: flex; /* Center content if needed */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    overflow: hidden; /* Prevent overflow if necessary */
    position: relative; /* Positioning context for child elements */
}

.mw-logo-icon img {
    width: 100%; /* Ensure the image fits within the circle */
    height: auto; /* Maintain aspect ratio */
    position: absolute; /* Positioning to avoid overflow */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for centering */
}