mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-17 19:32:00 +00:00
65 lines
1.2 KiB
Plaintext
65 lines
1.2 KiB
Plaintext
/*
|
|
* Citizen - Gallery Styles
|
|
* https://starcitizen.tools
|
|
*/
|
|
|
|
@import '../resources/variables.less';
|
|
@import '../resources/mixins.less';
|
|
|
|
ul.gallery {
|
|
position: relative;
|
|
margin: @content-margin-top * 2 @negative-margin !important;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
li.gallerybox {
|
|
margin: 2px;
|
|
display: block;
|
|
}
|
|
|
|
li.gallerybox div.thumb {
|
|
margin: 0;
|
|
}
|
|
|
|
li.gallerybox,
|
|
li.gallerybox>div {
|
|
width: fit-content !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
li.gallerybox,
|
|
li.gallerybox div,
|
|
li.gallerybox a.image,
|
|
li.gallerybox a.image img {
|
|
transition: @transition-width,
|
|
@transition-height;
|
|
}
|
|
|
|
div.gallerytext {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: @screen2) {
|
|
ul.gallery {
|
|
margin: @content-margin-top * 2 0 !important;
|
|
overflow: hidden; // Hack to avoid viewpoint move
|
|
}
|
|
|
|
li.gallerybox,
|
|
li.gallerybox div,
|
|
li.gallerybox a.image,
|
|
li.gallerybox a.image img {
|
|
width: 100vw !important;
|
|
height: auto !important;
|
|
transition: none; // Performance tweaks
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: @screen1) {
|
|
ul.gallery {
|
|
margin: @content-margin-top * 2 -@margin-side !important;
|
|
}
|
|
} |