Further modules included.
[yaffs-website] / web / modules / contrib / media / css / media.view.css
1 .view-content, .entities-list{
2     margin: 1.5em 0;
3     padding: 0;
4     -moz-column-gap: 1.5em;
5     -webkit-column-gap: 1.5em;
6     column-gap: 1.5em;
7 }
8 .grid-item:hover {
9     border: 2px solid #37802f !important;
10     cursor : pointer;
11 }
12
13 .grid-item.checked {
14     border: 2px solid #37802f !important;
15     background: url("../images/checkmark.svg") no-repeat center center !important;
16 }
17 .grid-item img, .grid-item-library img {
18     vertical-align: bottom;
19 }
20
21 .grid-item img::selection , .grid-item-library img::selection{
22     background: transparent;
23 }
24
25 .views-field-entity-browser-select{
26     display: none;
27 }
28
29 .grid-item-library, .grid-item, .item-container{
30     display: inline-block;
31     background: #fff;
32     padding: 1.5em;
33     margin: 0 0 1.5em;
34     width: 100%;
35     box-sizing: border-box;
36     -moz-box-sizing: border-box;
37     -webkit-box-sizing: border-box;
38     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
39     border-radius: 3px;
40     border: 1px solid #ddd;
41     text-align:center;
42     -moz-border-radius: 3px;
43     -webkit-border-radius: 3px;
44 }
45 @media only screen and (min-width: 700px) {
46     .view-content, .entities-list{
47         -moz-column-count: 1;
48         -webkit-column-count: 1;
49         column-count: 1;
50     }
51 }
52
53 @media only screen and (min-width: 900px) {
54     .view-content, .entities-list{
55         -moz-column-count: 2;
56         -webkit-column-count: 2;
57         column-count: 2;
58     }
59 }
60
61 @media only screen and (min-width: 1100px) {
62     .view-content, .entities-list{
63         -moz-column-count: 4;
64         -webkit-column-count: 4;
65         column-count: 4;
66     }
67 }
68 #edit-actions{
69     text-align:center;
70 }