MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 275: Line 275:
.image-container {
.image-container {
     position: relative;
     position: relative;
     /* Other styling as needed, e.g., setting width and height */
     /* Additional styling as needed */
}
}


.image-container img {
.image-container img {
     width: 100%; /* Adjust as needed */
     width: 100%; /* Adjust as needed */
     height: auto; /* Adjust as needed */
     display: block;
     /* Other styling as needed */
     /* Additional styling as needed */
}
}


.caption {
.caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5 {
     display: none;
     display: none;
     position: absolute;
     position: absolute;
     top: 50%; /* Center vertically */
     top: 50%;
     left: 50%; /* Center horizontally */
     left: 50%;
     transform: translate(-50%, -50%); /* Adjust position to truly center */
     transform: translate(-50%, -50%);
     color: white; /* Choose a text color that stands out */
     color: white;
     background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
     background-color: rgba(0, 0, 0, 0.7);
     padding: 10px;
     padding: 10px;
    text-align: center;
    /* Additional styling as needed */
}
}


.image-container:hover .caption {
.image-container:hover .caption-image1,
.image-container:hover .caption-image2,
.image-container:hover .caption-image3,
.image-container:hover .caption-image4,
.image-container:hover .caption-image5 {
     display: block;
     display: block;
    /* Additional styling as needed */
}
.caption-image1 {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 16pt;
font-style: italic;
}
}


.article-image:hover .caption-image1 {
    opacity: 1;
}
.article-description {
.article-description {
   font-size: 15pt;
   font-size: 15pt;

Navigation menu