2019-08-19 19:44:19 +00:00
|
|
|
/*
|
|
|
|
* Citizen - Gallery Styles
|
|
|
|
* https://starcitizen.tools
|
|
|
|
*/
|
|
|
|
|
2019-12-29 09:47:56 +00:00
|
|
|
@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;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
2021-01-11 16:45:52 +00:00
|
|
|
padding: 0;
|
|
|
|
margin: @content-margin-top @negative-margin @content-margin-top * 2 !important;
|
2019-08-19 19:44:19 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
li.gallerybox {
|
2019-12-26 10:21:50 +00:00
|
|
|
display: block;
|
2021-01-11 16:45:52 +00:00
|
|
|
margin: 2px;
|
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 {
|
|
|
|
overflow: hidden; // Hack to avoid viewpoint move
|
2021-01-11 16:45:52 +00:00
|
|
|
margin: @content-margin-top 0 @content-margin-top * 2 !important;
|
2019-12-26 10:21:50 +00:00
|
|
|
}
|
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;
|
|
|
|
}
|
|
|
|
}
|