MediaWiki:Custom-gallery.css
Jump to navigation
Jump to search
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.custom-gallery {
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
.custom-gallery-item{
max-width:150px;
padding: 0px 5px 5px 5px;
}
.custom-gallery-item-thumb{
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
width: 150px;
height: 150px;
}
.custom-gallery-item-thumb a{
vertical-align: middle;
height: 150px;
width: 150px;
display: table-cell;
}
.custom-gallery-item-thumb img:hover {
width: 150px;
max-width: 150px;
max-height: 150px;
}
.custom-gallery-item-thumb img{
max-width: 120px;
max-height: 120px;
width: auto;
height: auto;
transition: all .5s ease;
}
.custom-gallery-item-caption{
text-align:center;
}