More actions
No edit summary |
No edit summary |
||
Line 47: | Line 47: | ||
max-width: 260px; | max-width: 260px; | ||
padding: 0px 0px 10px 0px; | padding: 0px 0px 10px 0px; | ||
box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px | box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d; | ||
} | } | ||
/* box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d, 0px 18px 17.9px #2e32380d, 0px 25px 33.4px #2e32380d;*/ | /* box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d, 0px 18px 17.9px #2e32380d, 0px 25px 33.4px #2e32380d;*/ |
Revision as of 10:22, 4 August 2024
/* DS */
.ds li.gallerybox {
max-width: 240px !important;
}
.ds li.gallerybox div.thumb {
min-height: 360px;
display: flex;
align-items: center;
background: var(--color-surface-3);
}
.dshalf li.gallerybox {
max-width: 240px !important;
}
.dshalf li.gallerybox div.thumb {
min-height: 180px;
display: flex;
background: var(--color-surface-3);
}
.base li.gallerybox div.thumb {
align-items: baseline;
}
.end li.gallerybox div.thumb {
align-items: end;
}
/* 3DS */
.tds li.gallerybox {
max-width: 240px !important;
}
/* table */
ul.gallery.gallery.gallery {
text-align: center;
padding-left: 10px;
}
li.gallerybox{
position: relative;
border-radius: 8px;
margin: 0px 5px 40px 5px;
background: var(--color-surface-2);
max-width: 260px;
padding: 0px 0px 10px 0px;
box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d;
}
/* box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d, 0px 18px 17.9px #2e32380d, 0px 25px 33.4px #2e32380d;*/
li.gallerybox div.thumb {
margin: 0px;
border-radius: 8px 8px 0px 0px;
background: var(--color-surface-3);
}
li.gallerybox div.thumb img {
opacity: 0.95;
background: var(--color-surface-3);
border-radius: inherit;
}
div.gallerytext {
font-size: small;
}
div.gallerytext > pre {
margin-top: -24px !important;
margin-bottom: -15px !important;
font-family: inherit;
color: #808080cf;
border: none;
overflow: hidden;
font-size: inherit;
background: none;
text-overflow: ellipsis;
}
div.gallerytext p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 4px 8px 8px 4px;
}
/* fix the boxes arr */
.pc2 li.gallerybox div.thumb img {
max-width: 258px;
object-fit: scale-down;
height: 195px;
}
/* box center */
.pc2 ul.mw-gallery-nolines li.gallerybox div.thumb {
display: flex;
align-items: center;
background: var(--color-surface-3);
border: 1px solid var(--color-surface-3);
}
@media screen and (min-width: 1160px) {
.gallery {
text-align: left !important;
}
}