MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1,253: Line 1,253:


.image-container {
.image-container {
     position: relative;
     display: table;
     display: inline-block; /* Adjusts to the size of the image */
     margin: 0;
}
}


.image-container img {
.image-container img {
    display: block;
     max-width: 100%;
     max-width: 100%;  
    height: 400px;
     width: auto;
     width: auto;
    height: 400px;
}
}
.image-navigation {
.image-navigation {
     position: relative;
     position: relative;
Line 1,321: Line 1,321:
}
}
.caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5, .related-article-caption-image1, .related-article-caption-image2, .related-article-caption-image3, .related-article-caption-image4, .related-article-caption-image5 {
.caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5, .related-article-caption-image1, .related-article-caption-image2, .related-article-caption-image3, .related-article-caption-image4, .related-article-caption-image5 {
     display: none; /* Keep the captions hidden initially */
     display: none;
     position: absolute;
     caption-side: bottom;
    top: 50%;
     background: #FAFAFA;
    left: 50%;
     font-size: 15px;
    transform: translate(-50%, -50%);
     line-height: 18px;
    color: white;
     letter-spacing: 0.48px;
     padding: 0px;
     padding-top: 6px;
    text-align: center;
     font-size: 25px;
     line-height: 28px;
     letter-spacing: 0.4px;
     font-style: italic;
    font-weight: bold;
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    /*background: rgba(0, 0, 0, 0.1); */
    text-shadow: 2px 2px 40px rgba(0,0,0,.8);
}
}
.article-book {
.article-book {
Line 1,459: Line 1,447:
.image-container:hover .caption-image4,
.image-container:hover .caption-image4,
.image-container:hover .caption-image5 {
.image-container:hover .caption-image5 {
     display: block;
     display: table-caption;
}
}


Line 1,467: Line 1,455:
.image-container:hover .related-article-caption-image4,
.image-container:hover .related-article-caption-image4,
.image-container:hover .related-article-caption-image5 {
.image-container:hover .related-article-caption-image5 {
     display: block;
     display: table-caption;
}
}


Navigation menu