X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fmodules%2Fcontrib%2Fmedia%2Fcss%2Fmedia.view.css;fp=web%2Fmodules%2Fcontrib%2Fmedia%2Fcss%2Fmedia.view.css;h=a6a675cffe71c2b8e8d45dd38d32519b325186b9;hp=0000000000000000000000000000000000000000;hb=8acec36f19c470dfcda1ae2336826a782f41874c;hpb=e0411c4e83ba0d079034db83c3f7f55be24a0e35

diff --git a/web/modules/contrib/media/css/media.view.css b/web/modules/contrib/media/css/media.view.css
new file mode 100644
index 000000000..a6a675cff
--- /dev/null
+++ b/web/modules/contrib/media/css/media.view.css
@@ -0,0 +1,70 @@
+.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;
+}