.view-content, .entities-list{
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
}
.grid-item:hover {
border: 2px solid #37802f !important;
cursor : pointer;
}
.grid-item.checked {
border: 2px solid #37802f !important;
background: url("../images/checkmark.svg") no-repeat center center !important;
}
.grid-item img, .grid-item-library img {
vertical-align: bottom;
}
.grid-item img::selection , .grid-item-library img::selection{
background: transparent;
}
.views-field-entity-browser-select{
display: none;
}
.grid-item-library, .grid-item, .item-container{
display: inline-block;
background: #fff;
padding: 1.5em;
margin: 0 0 1.5em;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
border-radius: 3px;
border: 1px solid #ddd;
text-align:center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@media only screen and (min-width: 700px) {
.view-content, .entities-list{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
@media only screen and (min-width: 900px) {
.view-content, .entities-list{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 1100px) {
.view-content, .entities-list{
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
#edit-actions{
text-align:center;
}
View source
- .view-content, .entities-list{
- margin: 1.5em 0;
- padding: 0;
- -moz-column-gap: 1.5em;
- -webkit-column-gap: 1.5em;
- column-gap: 1.5em;
- }
- .grid-item:hover {
- border: 2px solid #37802f !important;
- cursor : pointer;
- }
-
- .grid-item.checked {
- border: 2px solid #37802f !important;
- background: url("../images/checkmark.svg") no-repeat center center !important;
- }
- .grid-item img, .grid-item-library img {
- vertical-align: bottom;
- }
-
- .grid-item img::selection , .grid-item-library img::selection{
- background: transparent;
- }
-
- .views-field-entity-browser-select{
- display: none;
- }
-
- .grid-item-library, .grid-item, .item-container{
- display: inline-block;
- background: #fff;
- padding: 1.5em;
- margin: 0 0 1.5em;
- width: 100%;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
- border-radius: 3px;
- border: 1px solid #ddd;
- text-align:center;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- }
- @media only screen and (min-width: 700px) {
- .view-content, .entities-list{
- -moz-column-count: 1;
- -webkit-column-count: 1;
- column-count: 1;
- }
- }
-
- @media only screen and (min-width: 900px) {
- .view-content, .entities-list{
- -moz-column-count: 2;
- -webkit-column-count: 2;
- column-count: 2;
- }
- }
-
- @media only screen and (min-width: 1100px) {
- .view-content, .entities-list{
- -moz-column-count: 4;
- -webkit-column-count: 4;
- column-count: 4;
- }
- }
- #edit-actions{
- text-align:center;
- }