MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 279: Line 279:
.image-container {
.image-container {
     position: relative;
     position: relative;
    display: inline-block; /* Adjusts to the size of the image */
}
}


.image-container img {
.image-container img {
     display: block;
     display: block;
     width: auto;
     max-width: 100%; /* Ensure image scales within the container */
     height: 400px;
     height: auto; /* Maintain aspect ratio */
}
}


Line 292: Line 293:
     top: 50%;
     top: 50%;
     left: 50%;
     left: 50%;
     transform: translate(-50%, -50%); /* Centering the caption */
     transform: translate(-50%, -50%);
     color: black;
     color: black;
     background-color: rgba(255, 255, 255, 0.7); /* Slightly transparent background for better visibility */
     background-color: rgba(255, 255, 255, 0.7);
     padding: 10px;
     padding: 10px;
     text-align: center;
     text-align: center;
     font-size: 16pt;
     font-size: 16pt;
     font-style: italic;
     font-style: italic;
     max-width: 90%;
     max-width: 90%; /* Adjust as needed */
     white-space: nowrap;
     white-space: nowrap;
     overflow: hidden;
     overflow: hidden;

Navigation menu