arcHIVE-tech
/
SmartGallery-omeka-module
4
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

tets css

This commit is contained in:
buttle 2021-09-07 11:47:00 +02:00
parent 412f525d4c
commit 8bc2c03ff2
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
asset/css/style.css
View File

@ -6,15 +6,15 @@ wrapper{
-moz-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; transition: all .5s ease-in-out;
-moz-column-gap: 30px; -moz-column-gap: 10px;
-webkit-column-gap: 30px; -webkit-column-gap: 10px;
column-gap: 30px; column-gap: 10px;
-moz-column-fill: initial; -moz-column-fill: initial;
-webkit-column-fill: initial; -webkit-column-fill: initial;
column-fill: initial; column-fill: initial;
} }
.masonry .brick { .masonry .brick {
margin-bottom: 30px; margin-bottom: 10px;
overflow: hidden; overflow: hidden;
} }
.masonry .brick img { .masonry .brick img {
@ -29,13 +29,13 @@ wrapper{
-moz-column-rule: 1px solid #eee; -moz-column-rule: 1px solid #eee;
-webkit-column-rule: 1px solid #eee; -webkit-column-rule: 1px solid #eee;
column-rule: 1px solid #eee; column-rule: 1px solid #eee;
-moz-column-gap: 50px; -moz-column-gap: 10px;
-webkit-column-gap: 50px; -webkit-column-gap: 10px;
column-gap: 50px; column-gap: 10px;
} }
.masonry.bordered .brick { .masonry.bordered .brick {
padding-bottom: 25px; padding-bottom: 10px;
margin-bottom: 25px; margin-bottom: 10px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.masonry.gutterless { .masonry.gutterless {
@ -51,7 +51,7 @@ wrapper{
-moz-column-span: all; -moz-column-span: all;
-webkit-column-span: all; -webkit-column-span: all;
column-span: all; column-span: all;
*margin: 30px 0; *margin: 10px 0;
} }
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
@ -64,8 +64,8 @@ wrapper{
} }
.wrapper { .wrapper {
width: 80%; width: 100%;
padding: 2em; padding: 0.5em;
} }
.masonry { .masonry {
@ -76,8 +76,8 @@ wrapper{
} }
@media only screen and (min-width: 768px) and (max-width: 1023px) { @media only screen and (min-width: 768px) and (max-width: 1023px) {
.wrapper { .wrapper {
width: 85%; width: 100%;
padding: 1.5em; padding: 0.5em;
} }
.masonry { .masonry {