Moved image_grid.css content to global.css and use unique class names for imagegrid...

diff --git a/view/global.css b/view/global.css
index 4101f0fe0ae7ead6a8bb49785833185582859779..81a1ba2095fbb69d1ff41367bc88f77a23f2ac7b 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -680,3 +680,33 @@ span.required {
 audio {
   width: 100%;
 }
+
+/**
+ * Image grid settings START
+ **/
+.imagegrid-row {
+       display: -ms-flexbox; /* IE10 */
+       display: flex;
+       -ms-flex-wrap: wrap; /* IE10 */
+       flex-wrap: wrap;
+       padding: 0 4px;
+       box-sizing: border-box;
+}
+
+/* Create four equal columns that sits next to each other */
+.imagegrid-column {
+       -ms-flex: 50%; /* IE10 */
+       flex: 50%;
+       max-width: 50%;
+       padding: 0 4px;
+       box-sizing: border-box;
+}
+
+.imagegrid-column img {
+       margin-top: 8px;
+       vertical-align: middle;
+       width: 100%;
+}
+/**
+ * Image grid settings END
+ **/
\ No newline at end of file

diff --git a/view/templates/content/image_grid.tpl b/view/templates/content/image_grid.tpl
index 8f5cbabcae54894895e3e92feb6537bbb4403065..95e49ee3e186dbabf18c8e59c0a7660e512d4612 100644 (file)
--- a/view/templates/content/image_grid.tpl
+++ b/view/templates/content/image_grid.tpl
@@ -1,13 +1,11 @@
-<link rel="stylesheet" href="view/theme/frio/css/image_grid.css" type="text/css" media="screen"/>
-
-<div id="row" class="row">
-       <div class="column">
-        {{foreach $columns.fc as $img}}
-                       {{include file="content/image.tpl" image=$img}}
+<div class="imagegrid-row">
+       <div class="imagegrid-column">
+               {{foreach $columns.fc as $img}}
+                               {{include file="content/image.tpl" image=$img}}
                {{/foreach}}
        </div>
-       <div class="column">
-        {{foreach $columns.sc as $img}}
+       <div class="imagegrid-column">
+               {{foreach $columns.sc as $img}}
                                {{include file="content/image.tpl" image=$img}}
                {{/foreach}}
        </div>

diff --git a/view/theme/frio/css/image_grid.css b/view/theme/frio/css/image_grid.css
deleted file mode 100644 (file)
index 2ecbcaf..0000000
--- a/view/theme/frio/css/image_grid.css
+++ /dev/null
@@ -1,25 +0,0 @@
-* {
-       box-sizing: border-box;
-}
-
-.row {
-       display: -ms-flexbox; /* IE10 */
-       display: flex;
-       -ms-flex-wrap: wrap; /* IE10 */
-       flex-wrap: wrap;
-       padding: 0 4px;
-}
-
-/* Create four equal columns that sits next to each other */
-.column {
-       -ms-flex: 50%; /* IE10 */
-       flex: 50%;
-       max-width: 50%;
-       padding: 0 4px;
-}
-
-.column img {
-       margin-top: 8px;
-       vertical-align: middle;
-       width: 100%;
-}