mediawiki-skins-Citizen/skinStyles/mediawiki/mediawiki.page.gallery.styles.less

65 lines
1.2 KiB
Plaintext
Raw Normal View History

2019-08-19 19:44:19 +00:00
/*
* Citizen - Gallery Styles
* https://starcitizen.tools
*/
@import '../../resources/variables.less';
@import '../../resources/mixins.less';
2019-08-19 19:44:19 +00:00
ul.gallery {
2019-12-26 10:21:50 +00:00
position: relative;
margin: @content-margin-top @negative-margin @content-margin-top * 2 !important;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
2019-08-19 19:44:19 +00:00
}
li.gallerybox {
2019-12-26 10:21:50 +00:00
margin: 2px;
display: block;
2019-08-19 19:44:19 +00:00
}
li.gallerybox div.thumb {
2019-12-26 10:21:50 +00:00
margin: 0;
2019-08-19 19:44:19 +00:00
}
li.gallerybox,
2019-12-26 10:21:50 +00:00
li.gallerybox > div {
width: fit-content !important;
height: auto !important;
2019-08-19 19:44:19 +00:00
}
li.gallerybox,
li.gallerybox div,
li.gallerybox a.image,
li.gallerybox a.image img {
2019-12-26 10:21:50 +00:00
transition: @transition-width, @transition-height;
2019-08-19 19:44:19 +00:00
}
div.gallerytext {
2019-12-26 10:21:50 +00:00
display: none;
2019-08-19 19:44:19 +00:00
}
2019-12-26 10:21:50 +00:00
@media only screen and ( max-width: @screen2 ) {
ul.gallery {
margin: @content-margin-top 0 @content-margin-top * 2 !important;
overflow: hidden; // Hack to avoid viewpoint move
}
2019-10-07 22:39:00 +00:00
2019-12-26 10:21:50 +00:00
li.gallerybox,
li.gallerybox div,
li.gallerybox a.image,
li.gallerybox a.image img {
width: 100vw !important;
height: auto !important;
transition: none; // Performance tweaks
}
2019-08-19 19:44:19 +00:00
}
2019-12-26 10:21:50 +00:00
@media only screen and ( max-width: @screen1 ) {
ul.gallery {
margin: @content-margin-top -@margin-side @content-margin-top * 2 !important;
}
}