Template:Gallery2/styles.css: Difference between revisions
Template page
More actions
Created page with ".slide { max-width: 1100px; } .slide li.gallerybox { max-width: 200px; background: var(--color-surface-2); padding: 0px; margin: 0px 2px 40px 2px; border-radius: 8px; } .ds li.gallerybox div.thumb { max-height: 150px; } .slide li.gallerybox div.thumb { margin: 0px; border-radius: 8px 8px 0px 0px; } .slide li.gallerybox div.thumb img { width: 250px; border-radius: inherit; } .slide div.gallerytext { text-align: left !important;..." |
No edit summary |
||
| (24 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
.slide li.gallerybox { | .slide li.gallerybox { | ||
max-width: 200px; | max-width: 200px; | ||
padding: 0px; | padding: 0px; | ||
margin: 0px 2px 40px 2px; | margin: 0px 2px 40px 2px; | ||
border-radius: 8px; | border-radius: 6px; | ||
box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d; | |||
} | } | ||
.ds li.gallerybox div.thumb { | .ds li.gallerybox div.thumb { | ||
max-height: 150px; | max-height: 150px; | ||
} | |||
.gba li.gallerybox div.thumb img { | |||
height: 150px; | |||
} | |||
.psp li.gallerybox div.thumb { | |||
height: 115px; | |||
} | } | ||
.slide li.gallerybox div.thumb { | .slide li.gallerybox div.thumb { | ||
margin: 0px; | margin: 0px; | ||
border-radius: | border-radius: 6px 6px 0px 0px; | ||
background: var(--color-surface-3); | |||
display: flex; | |||
} | } | ||
| Line 28: | Line 38: | ||
text-align: left !important; | text-align: left !important; | ||
font-size: smaller; | font-size: smaller; | ||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
padding: 0px 6px; | |||
} | } | ||
/* | |||
.slide div.gallerytext p { | .slide div.gallerytext p { | ||
overflow: hidden; | overflow: hidden; | ||
}*/ | |||
} | |||
Latest revision as of 01:10, 19 April 2025
.slide {
max-width: 1100px;
}
.slide li.gallerybox {
max-width: 200px;
padding: 0px;
margin: 0px 2px 40px 2px;
border-radius: 6px;
box-shadow: 0 2.8px 2.2px #2e32380d, 0 6.7px 5.3px #2e32380d, 0 12.5px 10px #2e32380d;
}
.ds li.gallerybox div.thumb {
max-height: 150px;
}
.gba li.gallerybox div.thumb img {
height: 150px;
}
.psp li.gallerybox div.thumb {
height: 115px;
}
.slide li.gallerybox div.thumb {
margin: 0px;
border-radius: 6px 6px 0px 0px;
background: var(--color-surface-3);
display: flex;
}
.slide li.gallerybox div.thumb img {
width: 250px;
border-radius: inherit;
}
.slide div.gallerytext {
text-align: left !important;
font-size: smaller;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0px 6px;
}
/*
.slide div.gallerytext p {
overflow: hidden;
}*/