#93 - Usage of bx-def-color-bg-block, bx-def-color-bg-box and bx-def-color-bg-sec.

modules/base/text/template/attachments.html

@@ -1,7 +1,7 @@
 <div class="bx-base-text-attachments bx-clearfix">
 
     <bx_repeat:attachments>
-        <div class="bx-base-text-attachment bx-def-color-bg-sec bx-def-gal-img-size bx-def-margin-sec-rightbottomleft" style="float:left;">            
+        <div class="bx-base-text-attachment bx-def-color-bg-box bx-def-gal-img-size bx-def-margin-sec-rightbottomleft" style="float:left;">            
             <bx_if:image>
                 <a target="_blank" href="javascript:void(0);" title="__attr_file_name__" onclick="$('#__popup_id__').dolPopupImage('__url_original__', $(this).parent())">
                     <img class="bx-def-round-corners bx-def-gal-img-size" src="__url_preview__" />

modules/base/text/template/unit_gallery.html

@@ -1,12 +1,12 @@
 <div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding">
 
     <bx_if:thumb>
-        <a href="__content_url__"><img class="bx-base-text-unit-thumb bx-def-gal-img-size bx-def-round-corners bx-def-color-bg-sec bx-def-font-middle" alt="__summary_attr__" src="__thumb_url__" /></a>
+        <a href="__content_url__"><img class="bx-base-text-unit-thumb bx-def-gal-img-size bx-def-round-corners bx-def-color-bg-box bx-def-font-middle" alt="__summary_attr__" src="__thumb_url__" /></a>
     </bx_if:thumb>
 
     <bx_if:no_thumb>
         <div class="bx-def-gal-img-column">
-            <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-round-corners bx-def-color-bg-sec bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">__summary_plain__</div>
+            <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-round-corners bx-def-color-bg-box bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">__summary_plain__</div>
         </div>
     </bx_if:no_thumb>
 

modules/base/text/template/unit_live_search.html

@@ -1,7 +1,7 @@
 
 <div class="bx-base-text-unit bx-def-unit bx-def-unit-live-search bx-def-margin-sec-bottom" data-ts="__ts__">
-    <bx_if:thumb><a href="__content_url__"><img class="bx-def-thumb-size bx-def-round-corners bx-def-color-bg-sec" src="__thumb_url__" /></a></bx_if:thumb>
-    <bx_if:no_thumb><div class="bx-def-thumb-size bx-def-unit-img bx-def-round-corners bx-def-color-bg-sec"></div></bx_if:no_thumb>
+    <bx_if:thumb><a href="__content_url__"><img class="bx-def-thumb-size bx-def-round-corners bx-def-color-bg-box" src="__thumb_url__" /></a></bx_if:thumb>
+    <bx_if:no_thumb><div class="bx-def-thumb-size bx-def-unit-img bx-def-round-corners bx-def-color-bg-box"></div></bx_if:no_thumb>
     <div class="bx-def-unit-info bx-def-thumb-size-max-height bx-def-padding-sec-left"><a href="__content_url__">__title__</a><br /><span class="bx-def-fonr-grayed bx-def-font-small">__module_name__</span></div>
 </div>
 

modules/boonex/notifications/template/event.html

@@ -1,4 +1,4 @@
-<div id="__html_id__" class="__style_prefix__-event bx-def-margin-sec-top-auto bx-def-round-corners bx-def-color-bg-sec">
+<div id="__html_id__" class="__style_prefix__-event bx-def-margin-sec-top-auto bx-def-round-corners bx-def-color-bg-box">
     <div class="__style_prefix__-event-gap bx-def-padding-sec">
     	<div class="__style_prefix__-event-cnt">
 	       	<div class="__style_prefix__-owner-avatar bx-def-thumb bx-def-thumb-size">

modules/boonex/timeline/template/item.html

@@ -1,6 +1,6 @@
 <div id="__html_id__" class="__style_prefix__-item __class__">
 	<div class="__style_prefix__-item-ind bx-def-padding-sec">
-	    <div class="__style_prefix__-item-cnt bx-def-padding bx-def-round-corners bx-def-color-bg-sec">
+	    <div class="__style_prefix__-item-cnt bx-def-padding bx-def-round-corners bx-def-color-bg-box">
 	    	<div class="__style_prefix__-item-owner bx-def-margin-bottom"> 
 		       	<div class="__style_prefix__-owner-avatar bx-def-thumb bx-def-thumb-size">
 					<bx_if:show_icon>

template/comment_live_search.html

@@ -5,7 +5,7 @@
 		</a>
 	</bx_if:show_icon>
 	<bx_if:show_icon_empty>
-		<div class="bx-def-thumb-size bx-def-unit-img bx-def-round-corners bx-def-color-bg-sec"></div>
+		<div class="bx-def-thumb-size bx-def-unit-img bx-def-round-corners bx-def-color-bg-box"></div>
 	</bx_if:show_icon_empty>
 	<div class="bx-def-unit-info bx-def-thumb-size-max-height bx-def-padding-sec-left">
 		<a href="__view_link__">__text__</a><br /><span class="bx-def-fonr-grayed bx-def-font-small">__sample__</span>

template/designbox_1.html

@@ -1,5 +1,5 @@
 <!-- Design Box 1 [start]: Content + title + background -->
-<div class="bx-db-container">
+<div class="bx-db-container bx-def-color-bg-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-def-hr"></div>
     <div class="bx-db-content bx-clearfix">__designbox_content__</div>

template/designbox_11.html

@@ -1,5 +1,5 @@
 <!-- Design Box 11 [start]: Content + title + background + padding -->
-<div class="bx-db-container">
+<div class="bx-db-container bx-def-color-bg-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-def-hr"></div>
     <div class="bx-db-content bx-def-padding-top bx-clearfix">__designbox_content__</div>

template/designbox_13.html

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

template/designbox_3.html

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