#3837 - Settings for CSS @media classes

modules/boonex/decorous/data/template/system/css/default.less

@@ -1,4 +1,4 @@
-@import '../../../../../../../template/css/_mixins.less';
+@import (reference) '../../../../../../../template/css/_mixins.less';
 
 .@{bx-root-class-name}.bx-def-font {
     font-family:@bx-font-family;
@@ -10,6 +10,13 @@
 .@{bx-root-class-name}.bx-def-color-bg-page {
     .background-color (@bx-color-page);
 }
+.@{bx-root-class-name}.bx-def-image-bg-page {
+	background-position: center center;
+	background-image: @bx-image-bg-page;
+	background-repeat: @bx-image-bg-page-repeat;
+	background-attachment: @bx-image-bg-page-attachment;
+	background-size: @bx-image-bg-page-size;
+}
 
 .@{bx-root-class-name} {
     @import '../../../../../../../template/css/default.less';
@@ -102,7 +109,6 @@
     /* background images */
     .bx-def-image-bg-header,
     .bx-def-image-bg-footer,
-    .bx-def-image-bg-page,
     .bx-def-image-bg-block,
     .bx-def-box,
     .bx-popup-color-bg,
@@ -125,12 +131,7 @@
         background-attachment: @bx-image-bg-footer-attachment;
         background-size: @bx-image-bg-footer-size;
     }
-    .bx-def-image-bg-page {
-        background-image: @bx-image-bg-page;
-        background-repeat: @bx-image-bg-page-repeat;
-        background-attachment: @bx-image-bg-page-attachment;
-        background-size: @bx-image-bg-page-size;
-    }
+    
     .bx-def-image-bg-block {
         background-image: @bx-image-bg-block;
         background-repeat: @bx-image-bg-block-repeat;

modules/boonex/lucid/data/template/system/css/default.less

@@ -1,4 +1,4 @@
-@import '../../../../../../../template/css/_mixins.less';
+@import (reference) '../../../../../../../template/css/_mixins.less';
 
 .@{bx-root-class-name}.bx-def-font {
     font-family:@bx-font-family;
@@ -11,6 +11,13 @@
     .background-color (@bx-color-page);
 }
 
+.@{bx-root-class-name}.bx-def-image-bg-page {
+	background-image: @bx-image-bg-page;
+	background-repeat: @bx-image-bg-page-repeat;
+	background-size: @bx-image-bg-page-size;
+	background-position: center center;
+}
+
 .@{bx-root-class-name} {
     @import '../../../../../../../template/css/default.less';
 
@@ -97,7 +104,6 @@
     /* background images */
     .bx-def-image-bg-header,
     .bx-def-image-bg-footer,
-    .bx-def-image-bg-page,
     .bx-def-image-bg-block,
     .bx-def-box,
     .bx-popup-color-bg,
@@ -118,11 +124,6 @@
         background-repeat: @bx-image-bg-footer-repeat;
         background-size: @bx-image-bg-footer-size;
     }
-    .bx-def-image-bg-page {
-        background-image: @bx-image-bg-page;
-        background-repeat: @bx-image-bg-page-repeat;
-        background-size: @bx-image-bg-page-size;
-    }
     .bx-def-image-bg-block {
         background-image: @bx-image-bg-block;
         background-repeat: @bx-image-bg-block-repeat;

modules/boonex/ocean/data/template/bx_timeline/css/view.less

@@ -1,5 +1,6 @@
 @import (reference) '../../system/css/default.less';
 @import '../../../../../timeline/template/css/view.css';
+@import (reference) '../../../../../../../template/css/_mixins.less';
 
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
     background: -webkit-linear-gradient(top, transparent, @bx-color-box);
@@ -8,13 +9,13 @@ div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
     background: linear-gradient(to bottom, transparent, @bx-color-box);
 }
 
-div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions {
+.@{bx-root-class-name} div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions {
     .bx-ocean .bx-def-margin-thd-leftright-neg;
 
-    .bx-ocean .margin-top(-@bx-margin-thd);
+    .margin-top(-@bx-margin-thd);
 }
 
-div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions li  {
+.@{bx-root-class-name} div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions li  {
     .bx-ocean .bx-def-margin-thd;
 }
 

modules/boonex/ocean/data/template/system/css/default.less

@@ -1,4 +1,4 @@
-@import '../../../../../../../template/css/_mixins.less';
+@import (reference) '../../../../../../../template/css/_mixins.less';
 
 .@{bx-root-class-name}.bx-def-font {
     font-family:@bx-font-family;

modules/boonex/protean/data/template/system/css/default.less

@@ -1,4 +1,4 @@
-@import '../../../../../../../template/css/_mixins.less';
+@import (reference) '../../../../../../../template/css/_mixins.less';
 
 .@{bx-root-class-name}.bx-def-font {
     font-family:@bx-font-family;
@@ -11,6 +11,14 @@
     .background-color (@bx-color-page);
 }
 
+.@{bx-root-class-name}.bx-def-image-bg-page {
+	background-image: @bx-image-bg-page;
+	background-repeat: @bx-image-bg-page-repeat;
+	background-attachment: @bx-image-bg-page-attachment;
+	background-size: @bx-image-bg-page-size;
+	background-position: center center;
+}
+
 .@{bx-root-class-name} {
     @import '../../../../../../../template/css/default.less';
 
@@ -93,7 +101,6 @@
     /* background images */
     .bx-def-image-bg-header,
     .bx-def-image-bg-footer,
-    .bx-def-image-bg-page,
     .bx-def-image-bg-block,
     .bx-def-box,
     .bx-popup-color-bg,
@@ -116,12 +123,6 @@
         background-attachment: @bx-image-bg-footer-attachment;
         background-size: @bx-image-bg-footer-size;
     }
-    .bx-def-image-bg-page {
-        background-image: @bx-image-bg-page;
-        background-repeat: @bx-image-bg-page-repeat;
-        background-attachment: @bx-image-bg-page-attachment;
-        background-size: @bx-image-bg-page-size;
-    }
     .bx-def-image-bg-block {
         background-image: @bx-image-bg-block;
         background-repeat: @bx-image-bg-block-repeat;

template/css/default.less

@@ -1,3 +1,5 @@
+@import (reference) '_mixins.less';
+
 .bx-def-page-width {
     width:@bx-page-width;
 }