mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-25 14:57:31 +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;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding: 0;
|
|
margin: @content-margin-top @negative-margin @content-margin-top * 2 !important;
|
|
}
|
|
|
|
li.gallerybox {
|
|
display: block;
|
|
margin: 2px;
|
|
}
|
|
|
|
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 {
|
|
overflow: hidden; // Hack to avoid viewpoint move
|
|
margin: @content-margin-top 0 @content-margin-top * 2 !important;
|
|
}
|
|
|
|
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 -@margin-side @content-margin-top * 2 !important;
|
|
}
|
|
}
|