SmartGallery-omeka-module/asset/css/style.css

89 lines
1.6 KiB
CSS
Raw Normal View History

2021-09-07 11:01:22 +02:00
wrapper{
max-width: 100%;
margin: 0 auto;
}
.masonry {
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
2021-09-07 11:47:00 +02:00
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px;
2021-09-07 11:01:22 +02:00
-moz-column-fill: initial;
-webkit-column-fill: initial;
column-fill: initial;
}
.masonry .brick {
2021-09-07 11:47:00 +02:00
margin-bottom: 10px;
2021-09-07 11:01:22 +02:00
overflow: hidden;
}
.masonry .brick img {
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
opacity: .75;
}
.masonry.bordered {
-moz-column-rule: 1px solid #eee;
-webkit-column-rule: 1px solid #eee;
column-rule: 1px solid #eee;
2021-09-07 11:47:00 +02:00
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px;
2021-09-07 11:01:22 +02:00
}
.masonry.bordered .brick {
2021-09-07 11:47:00 +02:00
padding-bottom: 10px;
margin-bottom: 10px;
2021-09-07 11:01:22 +02:00
border-bottom: 1px solid #eee;
}
.masonry.gutterless {
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0;
}
.masonry.gutterless .brick {
margin-bottom: 0;
}
.span {
-moz-column-span: all;
-webkit-column-span: all;
column-span: all;
2021-09-07 11:47:00 +02:00
*margin: 10px 0;
2021-09-07 11:01:22 +02:00
}
@media only screen and (min-width: 1024px) {
.desc {
font-size: 1.25em;
}
.intro {
letter-spacing: 1px;
}
.wrapper {
2021-09-07 11:47:00 +02:00
width: 100%;
padding: 0.5em;
2021-09-07 11:01:22 +02:00
}
.masonry {
2021-09-07 11:53:36 +02:00
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
2021-09-07 11:01:22 +02:00
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.wrapper {
2021-09-07 11:47:00 +02:00
width: 100%;
padding: 0.5em;
2021-09-07 11:01:22 +02:00
}
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}