Ticket #3143

modules/boonex/decorous/data/template/system/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

modules/boonex/decorous/data/template/system/designbox_3.html

@@ -1,5 +1,5 @@
 <!-- Design Box 3 [start]: Content + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-content bx-clearfix">
             __designbox_content__
     </div>

modules/boonex/decorous/data/template/system/designbox_4.html

@@ -1,5 +1,5 @@
 <!-- Design Box 4 [start]: Content + title -->
-<div class="bx-db-container bx-dbc-nobg">
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

modules/boonex/lucid/data/template/system/css/common.css

@@ -8,7 +8,7 @@
 /*--- Design Boxes Menu ---*/
 .bx-db-menu ul.bx-menu-hor li.bx-menu-tab-active,
 .bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor li.bx-menu-tab-active {
-    border-bottom: 1px solid #364f6b;
+    border-bottom: 1px solid transparent;
 }
 
 /* --- Buttons --- */

modules/boonex/lucid/data/template/system/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

modules/boonex/lucid/data/template/system/designbox_3.html

@@ -1,5 +1,5 @@
 <!-- Design Box 3 [start]: Content + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-content bx-clearfix">
             __designbox_content__
     </div>

modules/boonex/lucid/data/template/system/designbox_4.html

@@ -1,5 +1,5 @@
 <!-- Design Box 4 [start]: Content + title -->
-<div class="bx-db-container bx-dbc-nobg">
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

modules/boonex/ocean/data/template/system/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container bx-def-color-bg-block bx-def-round-corners">
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block bx-def-round-corners">
     <div class="bx-db-header bx-def-padding-top bx-def-padding-leftright"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>
 </div>

modules/boonex/ocean/data/template/system/designbox_3.html

@@ -1,5 +1,5 @@
 <!-- Design Box 3 [start]: Content + background -->
-<div class="bx-db-container bx-def-color-bg-block bx-def-round-corners">
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block bx-def-round-corners">
     <div class="bx-db-content bx-clearfix">
             __designbox_content__
     </div>

modules/boonex/ocean/data/template/system/designbox_4.html

@@ -1,5 +1,5 @@
 <!-- Design Box 4 [start]: Content + title -->
-<div class="bx-db-container bx-dbc-nobg">
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>
 </div>

modules/boonex/protean/data/template/system/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

modules/boonex/protean/data/template/system/designbox_3.html

@@ -1,5 +1,5 @@
 <!-- Design Box 3 [start]: Content + background -->
-<div class="bx-db-container bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block">
     <div class="bx-db-content bx-clearfix">
             __designbox_content__
     </div>

modules/boonex/protean/data/template/system/designbox_4.html

@@ -1,5 +1,5 @@
 <!-- Design Box 4 [start]: Content + title -->
-<div class="bx-db-container bx-dbc-nobg">
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
     <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-db-divider bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

template/css/common.css

@@ -149,6 +149,12 @@ div.mce-fullscreen {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 }
+.bx-db-container.bx-dbc-nopadding .bx-db-header {
+    padding: 0;
+}
+.bx-db-container.bx-dbc-nobg .bx-def-hr {
+    display: none;
+}
 .bx-db-title {
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
@@ -223,6 +229,10 @@ div.mce-fullscreen {
     margin: 0;
     padding: 0;
 }
+.bx-db-menu ul.bx-menu-hor > li a > span,
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor > li a > span {
+    vertical-align: baseline;
+}
 .bx-db-menu ul > li:not(.bx-menu-item-more-auto) a .sys-icon {
     display: none;
 }

template/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container bx-def-color-bg-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h3">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

template/designbox_3.html

@@ -1,5 +1,5 @@
 <!-- Design Box 3 [start]: Content + background -->
-<div class="bx-db-container bx-def-color-bg-block">
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block">
     <div class="bx-db-content bx-clearfix">
             __designbox_content__
     </div>

template/designbox_4.html

@@ -1,5 +1,5 @@
 <!-- Design Box 4 [start]: Content + title -->
-<div class="bx-db-container bx-dbc-nobg">
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
     <div class="bx-db-header"><div class="bx-db-title bx-def-font-h3">__title__</div>__caption_item__<div class="bx-clear"></div></div>
     <div class="bx-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>