Ticket #2618 - Lucid template improvements and related changes.

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

@@ -16,6 +16,9 @@ div.bx-tl-view div.bx-tl-item .bx-tl-item-cnt {
 div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name {
     line-height: 1rem;
 }
+div.bx-tl-item div.bx-tl-owner-name > * {
+    display: inline-block;
+}
 div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name .bx-tl-hot img {
     display: inline-block;
     vertical-align: sub;
@@ -69,10 +72,6 @@ div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name .bx-tl-timeline-owner-name a.
 }
 	
 /*+++ Item Author +++*/
-.bx-tl-item-owner {
-    padding-left: 1rem;
-    padding-right: 1rem;
-}
 .bx-tl-item-owner-cnt {
     position: relative;
 }
@@ -135,10 +134,12 @@ div.bx-tl-view.bx-tl-view-item div.bx-tl-item-image {
 
 /*+++ Activity and Comments +++*/
 .bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .bx-tl-item-comments {
-	margin-top: 0.5rem;
+    margin-top: 1.5rem;
 }
 .bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .cmt-reply {
     margin-bottom: 0;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .cmts .cmt-reply {
     padding-bottom: 1.25rem;
 }
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor {
@@ -175,13 +176,20 @@ div.bx-tl-view.bx-tl-view-item div.bx-tl-item-image {
 	line-height: inherit;
 }
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a {
-    font-size: 1.25rem;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color:  rgba(60, 80, 90, 0.8);
 }
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .sys-icon:not(.bx-vote-star),
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a .sys-icon:not(.bx-vote-star) {
     vertical-align: baseline;
-    color: rgba(0,147,205,1);
+    color: rgba(60, 80, 90, 0.8);
 }
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a:hover,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a:hover .sys-icon:not(.bx-vote-star) {
+    color: rgba(50, 150, 250, 1);
+}
+
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-vote-stars, .bx-vote-stars .bx-vote-do, 
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-vote-stars .bx-vote-element-holder, 
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-vote-stars .bx-vote-counter-holder {
@@ -204,11 +212,11 @@ div.bx-tl-view.bx-tl-view-item div.bx-tl-item-image {
     color: #ddd;
 }
 .bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a img {
-	display: inline-block;
+    display: inline-block;
     vertical-align: sub;
 
-    width: 1.625rem;
-    height: 1.625rem;
+    width: 2.0rem;
+    height: 2.0rem;
     box-sizing: border-box;
     background-size: contain;
     background-clip: content-box;

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

@@ -591,11 +591,15 @@ a.bx-def-font-h3:hover {
 	font-weight: @bx-font-weight-menu-main;
 	color: @bx-font-color-menu-main;
 }
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
-	color: @bx-font-color-menu-main-active;
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
+    color: @bx-font-color-menu-main-active;
 }
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover {
-	color: @bx-font-color-menu-main-hover;
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
+    color: @bx-font-color-menu-main-hover;
 }
 
 
@@ -621,6 +625,9 @@ a.bx-def-font-h3:hover {
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
     padding: @bx-content-padding-menu-account;
 }
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a,
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon,
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon-a,
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
@@ -628,6 +635,7 @@ a.bx-def-font-h3:hover {
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .sys-icon {
     color: @bx-font-color-menu-account;
 }
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a,
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn),
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
     text-shadow: @bx-shadow-font-menu-account;
@@ -639,7 +647,8 @@ a.bx-def-font-h3:hover {
 #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a:not(.bx-btn) {
     color: @bx-font-color-menu-account-active;
 }
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover {
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover,
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover .sys-icon {
     color: @bx-font-color-menu-account-hover;
 }
 .bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover,

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

@@ -13,13 +13,14 @@
 }
 
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
-	display: block;
+    display: block;
     width: auto;
     height: auto;
+    margin: 0px 0.25rem;
 }
 
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a {
-    padding: 0px 1.0rem;
+    padding: 0px 0.5rem;
 }
 
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover {
@@ -67,7 +68,7 @@
     width: auto;
     max-height: 2rem;
 
-    margin: 0 0.625rem 0 0;
+    margin: 0 0.5rem 0 0;
 }
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
 	line-height: 2rem;
@@ -128,7 +129,7 @@
 
     	height: 2.125rem;
         border: 1px solid transparent;
-    	border-radius: 1.5rem;
+    	border-radius: 0.5rem;
     }
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li > a {
         position: relative;
@@ -180,10 +181,6 @@
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.inactive {
         display: none;
     }
-
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active .bx-menu-floating-blocks-title {
-        font-weight: 900;
-    }
 }
 
 @media (max-width:720px) {
@@ -322,7 +319,7 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
 /*--- Toolbar Member ---*/
 #bx-menu-toolbar-2-container .bx-menu-toolbar {
-	position: relative;
+    position: relative;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
@@ -331,15 +328,15 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 }
 
 #bx-menu-toolbar-2-container .bx-menu-toolbar li {
-	position: relative;
-	display: block;
-	float: none;
+    position: relative;
+    display: block;
+    float: none;
 
     -webkit-flex: 0 0 auto; 
     -ms-flex:  0 0 auto; 
     flex:  0 0 auto;
 
-	padding: 0.625rem;
+    padding: 0.75rem;
 }
 
 #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account {
@@ -414,31 +411,31 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 /*--- Account Popup Submenu & Add Content Menu ---*/
 .bx-menu-account-popup-profile,
 .bx-menu-account-popup-menu {
-	text-align: left;
+    text-align: left;
 }
 .bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide,
 .bx-menu-object-sys_account_notifications li,
 .bx-menu-object-sys_add_content li {
-	display: block;
-	width: 100%;
-	height: auto;
+    display: block;
+    width: 100%;
+    height: auto;
 }
 .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon,
 .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon,
 .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
-	display: inline-block;
-	vertical-align: top;
+    display: inline-block;
+    vertical-align: top;
 }
 .bx-menu-object-sys_account_notifications li a,
 .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
-	line-height: 1.5rem;
+    line-height: 1.5rem;
 }
 .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
-	padding-left: 1.0rem;
-	padding-right: 1.0rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
 }
 .bx-menu-object-sys_account_notifications li img,
 .bx-menu-object-sys_account_notifications li .sys-icon,
@@ -465,11 +462,11 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
     background-size: 60% 60%;
 }
 .bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
-	top: calc(50% - 11px);
+	top: calc(50% - 9px);
 	right: 4px;
 }
 .bx-menu-object-sys_account_notifications li:hover {
-    opacity:0.8;
+    opacity: 1.0;
 }
 
 /*--- Add Content Menu ---*/
@@ -508,14 +505,12 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover:hover,
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover:hover {
     border-radius: 0.5rem;
-    border-color: rgba(20, 80, 100, 0.05);
-    background-color: #ffffff;
+    border-color: transparent;
 }
 .bx-popup .bx-menu-ver li.bx-def-color-bg-active,
 .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active {
     border-radius: 0.5rem;
-    border-color: rgba(20, 80, 100, 0.05);
-    background-color: #ffffff;
+    border-color: transparent;
 }
 .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active,
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active {
@@ -528,10 +523,6 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
     margin: 0 !important;
     padding: 0.25rem 0.5rem;
 }
-.bx-popup .bx-menu-ver li a,
-.bx-popup .bx-menu-custom-ver li a {
-    line-height: 1.5rem;
-}
 .bx-popup .bx-menu-custom-ver li a,
 .bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a, 
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
@@ -570,16 +561,17 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-popup .bx-menu-custom-ver li .sys-icon {
     display: inline-block;
     vertical-align: middle;
-    width: 1.0rem;
-    height: 1.0rem;
-    line-height: 1.0rem;
+    width: 1.6rem;
+    height: 1.6rem;
+    margin-right: 0;
+    line-height: 1.6rem;
     font-size: 1.0rem;
 }
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li img,
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .sys-icon {
-    width: 1.0rem;
-    height: 1.0rem;
-    line-height: 1.0rem;
+    width: 1.5rem;
+    height: 1.5rem;
+    line-height: 1.5rem;
 }
 .bx-popup .bx-menu-ver li a div {
     padding: 0.25rem 0.5rem;
@@ -588,12 +580,12 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-popup .bx-menu-ver li a > span,
 .bx-popup .bx-menu-ver li a div > span,
 .bx-popup .bx-menu-custom-ver li a > span {
-    margin-left: 1.0rem;
+    margin-left: 0.5rem;
     white-space: nowrap;
     vertical-align: middle;
 }
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .bx-menu-item-addon {
-	top: 0.375rem;
+	top: 0.25rem;
 }
 .bx-menu-floating-blocks-dash li {
     width:12.5%;
@@ -614,7 +606,6 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
 .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     font-weight: normal;
-    color: @bx-color-link-body;
 }
 
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,

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

@@ -3,7 +3,7 @@
         <a class="bx-sliding-menu-close bx-def-margin-sec-top bx-def-margin-right bx-def-font-h2" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
 
         <div class="bx-menu-account-popup bx-menu-object-__object__">
-            <div class="bx-menu-account-popup-profile bx-def-padding-sec-bottom bx-clearfix">__active_profile__</div>
+            <div class="bx-menu-account-popup-profile bx-def-padding-sec-bottom bx-def-font-h3 bx-clearfix">__active_profile__</div>
             <hr class="bx-def-hr" />
             <div class="bx-menu-account-popup-menu">__menu_notifications__</div>     
         </div>

modules/boonex/lucid/install/sql/install.sql

@@ -520,7 +520,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_button_nlp_height', @iMixId, '2rem'),
 ('bx_lucid_button_nl_font_weight', @iMixId, '600'),
 ('bx_lucid_button_nl_font_color', @iMixId, 'rgba(20, 80, 100, 1)'),
-('bx_lucid_button_nl_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_nl_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_nl_font_size', @iMixId, '1rem'),
 ('bx_lucid_button_nl_font_shadow', @iMixId, 'none'),
 ('bx_lucid_button_nl_font_color_hover', @iMixId, 'rgba(20, 80, 100, 1)'),
@@ -538,7 +538,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_button_lgp_font_size', @iMixId, '1.5rem'),
 ('bx_lucid_button_lgp_font_color', @iMixId, 'rgba(255, 255, 255, 1)'),
 ('bx_lucid_button_lgp_font_weight', @iMixId, '600'),
-('bx_lucid_button_lgp_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_lgp_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_lgp_border_color_hover', @iMixId, 'rgba(0, 0, 0, 0.1)'),
 ('bx_lucid_button_lgp_height', @iMixId, '3rem'),
 ('bx_lucid_button_lgp_border_size', @iMixId, '1px'),
@@ -576,11 +576,11 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_font_color_grayed', @iMixId, 'rgba(20, 80, 100, 0.5)'),
 ('bx_lucid_button_sm_font_shadow', @iMixId, 'none'),
 ('bx_lucid_font_size_default', @iMixId, '16px'),
-('bx_lucid_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_sm_font_weight', @iMixId, '600'),
 ('bx_lucid_button_sm_font_size', @iMixId, '0.75rem'),
 ('bx_lucid_button_sm_border_radius', @iMixId, '15px'),
-('bx_lucid_button_sm_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_sm_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_sm_font_color_hover', @iMixId, 'rgba(20, 80, 100, 1)'),
 ('bx_lucid_button_sm_border_color', @iMixId, 'rgba(0, 0, 0, 0.05)'),
 ('bx_lucid_button_sm_shadow', @iMixId, '0px 1px 3px 0px rgba(0, 0, 0, 0.05)'),
@@ -589,7 +589,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_button_sm_bg_color', @iMixId, 'rgba(255, 255, 255, 1)'),
 ('bx_lucid_button_sm_height', @iMixId, '1.5rem'),
 ('bx_lucid_button_lg_font_weight', @iMixId, '600'),
-('bx_lucid_button_lg_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_lg_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_lg_font_size', @iMixId, '1.5rem'),
 ('bx_lucid_button_lg_font_color_hover', @iMixId, 'rgba(20, 80, 100, 1)'),
 ('bx_lucid_button_sm_bg_color_hover', @iMixId, 'rgba(230, 240, 250, 1)'),
@@ -603,7 +603,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_form_input_font_color', @iMixId, 'rgba(20, 80, 100, 1)'),
 ('bx_lucid_button_lg_height', @iMixId, '3rem'),
 ('bx_lucid_button_lg_bg_color', @iMixId, 'rgba(255, 255, 255, 1)'),
-('bx_lucid_form_input_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_form_input_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_form_input_border_color_active', @iMixId, 'rgba(50, 150, 250, 1)'),
 ('bx_lucid_form_input_shadow', @iMixId, '0px 1px 3px 0px rgba(0, 0, 0, 0)'),
 ('bx_lucid_form_input_font_size', @iMixId, '1rem'),
@@ -616,7 +616,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_form_input_height', @iMixId, '2.5rem'),
 ('bx_lucid_menu_slide_font_shadow', @iMixId, 'none'),
 ('bx_lucid_menu_slide_font_color', @iMixId, 'rgba(50, 150, 250, 1)'),
-('bx_lucid_menu_slide_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_menu_slide_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_menu_slide_font_weight', @iMixId, '600'),
 ('bx_lucid_menu_slide_font_size', @iMixId, '1rem'),
 ('bx_lucid_menu_slide_border_color', @iMixId, 'rgba(20, 80, 100, 0.2)'),
@@ -634,7 +634,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_menu_page_font_size', @iMixId, '1rem'),
 ('bx_lucid_menu_page_shadow', @iMixId, 'none'),
 ('bx_lucid_menu_page_border_size', @iMixId, '0px'),
-('bx_lucid_menu_page_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_menu_page_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_menu_page_border_color', @iMixId, 'rgba(0, 0, 0, 0.1)'),
 ('bx_lucid_menu_page_content_padding', @iMixId, '0px'),
 ('bx_lucid_menu_page_bg_image_size', @iMixId, 'cover'),
@@ -646,7 +646,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_menu_add_font_color_hover', @iMixId, 'rgba(50, 100, 180, 1)'),
 ('bx_lucid_menu_add_font_size', @iMixId, '1rem'),
 ('bx_lucid_menu_add_font_color', @iMixId, 'rgba(50, 150, 250, 1)'),
-('bx_lucid_menu_add_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_menu_add_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_menu_add_shadow', @iMixId, '0px 4px 12px 0px rgba(0, 0, 0, 0.2)'),
 ('bx_lucid_menu_add_bg_image_repeat', @iMixId, 'no-repeat'),
 ('bx_lucid_menu_add_bg_image_size', @iMixId, 'cover'),
@@ -655,7 +655,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_menu_add_content_padding', @iMixId, '1rem'),
 ('bx_lucid_menu_account_font_color_active', @iMixId, 'rgba(20, 80, 100, 1)'),
 ('bx_lucid_menu_add_bg_color', @iMixId, 'rgba(255, 255, 255, 1)'),
-('bx_lucid_menu_account_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_menu_account_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_menu_account_font_weight', @iMixId, '400'),
 ('bx_lucid_menu_account_font_color_hover', @iMixId, 'rgba(50, 100, 180, 1)'),
 ('bx_lucid_menu_account_border_color', @iMixId, 'rgba(20, 80, 100, 0.2)'),
@@ -663,7 +663,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_menu_account_border_size', @iMixId, '1px'),
 ('bx_lucid_menu_account_font_color', @iMixId, 'rgba(50, 150, 250, 1)'),
 ('bx_lucid_menu_account_content_padding', @iMixId, '1rem'),
-('bx_lucid_menu_account_font_size', @iMixId, '1rem'),
+('bx_lucid_menu_account_font_size', @iMixId, '0.875rem'),
 ('bx_lucid_menu_account_shadow', @iMixId, '0px 4px 12px 0px rgba(0, 0, 0, 0.2)'),
 ('bx_lucid_menu_account_bg_image_repeat', @iMixId, 'no-repeat'),
 ('bx_lucid_menu_account_bg_image_size', @iMixId, 'cover'),
@@ -674,15 +674,15 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_menu_main_font_color_hover', @iMixId, 'rgba(255, 255, 255, 1)'),
 ('bx_lucid_menu_main_border_size', @iMixId, '0px'),
 ('bx_lucid_menu_main_font_color', @iMixId, 'rgba(255, 255, 255, 0.9)'),
-('bx_lucid_menu_main_font_size', @iMixId, '1rem'),
-('bx_lucid_menu_main_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_menu_main_font_size', @iMixId, '0.875rem'),
+('bx_lucid_menu_main_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_menu_main_shadow', @iMixId, 'none'),
 ('bx_lucid_menu_main_border_color', @iMixId, 'rgba(0, 0, 0, 0)'),
 ('bx_lucid_menu_main_content_padding', @iMixId, '0.625rem'),
 ('bx_lucid_menu_main_bg_image_size', @iMixId, 'cover'),
 ('bx_lucid_menu_main_bg_image_repeat', @iMixId, 'no-repeat'),
 ('bx_lucid_menu_main_bg_color', @iMixId, 'rgba(0, 0, 0, 0)'),
-('bx_lucid_popup_title_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_popup_title_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_popup_title_font_size', @iMixId, '1rem'),
 ('bx_lucid_popup_title_font_color', @iMixId, 'rgba(20, 80, 100, 1)'),
 ('bx_lucid_popup_shadow', @iMixId, '0px 4px 12px 0px rgba(0, 0, 0, 0.2)'),
@@ -708,7 +708,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_card_bg_color', @iMixId, 'rgba(255, 255, 255, 1)'),
 ('bx_lucid_card_bg_image_repeat', @iMixId, 'no-repeat'),
 ('bx_lucid_card_bg_image_size', @iMixId, 'cover'),
-('bx_lucid_block_title_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_block_title_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_block_title_div_height', @iMixId, '1px'),
 ('bx_lucid_block_title_border_radius', @iMixId, '0px'),
 ('bx_lucid_block_title_border_size', @iMixId, '0px'),
@@ -725,7 +725,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_cover_font_size', @iMixId, '2.0rem'),
 ('bx_lucid_block_content_padding', @iMixId, '1rem'),
 ('bx_lucid_cover_font_color', @iMixId, 'rgba(255, 255, 255, 1)'),
-('bx_lucid_cover_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_cover_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_block_bg_image_size', @iMixId, 'cover'),
 ('bx_lucid_block_bg_color', @iMixId, 'rgba(255, 255, 255, 0.8)'),
 ('bx_lucid_cover_font_weight', @iMixId, '700'),
@@ -757,7 +757,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_footer_link_color_hover', @iMixId, 'rgba(20, 80, 160, 1)'),
 ('bx_lucid_footer_link_color', @iMixId, 'rgba(50, 150, 250, 1)'),
 ('bx_lucid_footer_border_size', @iMixId, '1px'),
-('bx_lucid_button_smp_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_smp_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_smp_font_size', @iMixId, '0.75rem'),
 ('bx_lucid_button_smp_font_color', @iMixId, 'rgba(255, 255, 255, 0.9)'),
 ('bx_lucid_button_smp_font_weight', @iMixId, '600'),
@@ -777,7 +777,7 @@ INSERT INTO `sys_options_mixes2options` (`option`, `mix_id`, `value`) VALUES
 ('bx_lucid_button_nlp_font_color_hover', @iMixId, 'rgba(255, 255, 255, 1)'),
 ('bx_lucid_button_nlp_font_color', @iMixId, 'rgba(255, 255, 255, 0.9)'),
 ('bx_lucid_button_nlp_shadow', @iMixId, '0px 1px 3px 0px rgba(0, 0, 0, 0.05)'),
-('bx_lucid_button_nlp_font_family', @iMixId, 'Nunito, Lato, Arial, sans-serif'),
+('bx_lucid_button_nlp_font_family', @iMixId, '\'Source Sans Pro\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif'),
 ('bx_lucid_button_nlp_border_radius', @iMixId, '20px'),
 ('bx_lucid_button_nlp_border_size', @iMixId, '1px'),
 ('bx_lucid_button_nlp_border_color_hover', @iMixId, 'rgba(255, 255, 255, 0.5)'),

modules/boonex/timeline/template/css/view.css

@@ -418,7 +418,7 @@ div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom li > span {
 }
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor.bx-menu-more-auto:not(.bx-menu-submenu-more-auto) li > a,
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor.bx-menu-more-auto:not(.bx-menu-submenu-more-auto) li > span {
-    margin-right: 1rem;
+    margin-right: 0.5rem;
 }
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom li > span {
     margin-right: 0;
@@ -464,19 +464,18 @@ div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-pop
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-popup .bx-menu-custom.bx-menu-submenu-more-auto > li.bx-menu-item  a .sys-action-do-icon > .sys-icon,
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-popup .bx-menu-custom.bx-menu-submenu-more-auto > li.bx-menu-item  a .bx-menu-item-icon,
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-popup .bx-menu-custom.bx-menu-submenu-more-auto > li.bx-menu-item  a .bx-menu-item-icon > .sys-icon {
-    width: 1.0rem;
-    height: 1.0rem;
+    width: 1.5rem;
+    height: 1.5rem;
 
     background-color: transparent;
     border-color: transparent;
 
-    line-height: 1.0rem;
+    line-height: 1.5rem;
     font-size: 1.0rem;
 }
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-popup .bx-menu-custom.bx-menu-submenu-more-auto > li.bx-menu-item  a .sys-action-do-text,
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-popup .bx-menu-custom.bx-menu-submenu-more-auto > li.bx-menu-item  a .bx-menu-item-title {
-    margin-left: 1.0rem;
-    line-height: 1.5rem;
+    margin-left: 0.5rem;
 }
 
 /*--- Item Style: Timeline ---*/

template/css/default.less

@@ -612,20 +612,20 @@ h3,
     color:white;
 }
 .bx-def-unit-alert {
-	.min-width(@bx-font-size-middle);
-    .height(@bx-font-size-middle);
-    .line-height(@bx-font-size-middle);
-    .radius(@bx-font-size-middle);
-    .font-size(@bx-font-size-middle);
-    .padding(3px);
+    .min-width(@bx-font-size-default);
+    .height(@bx-font-size-default);
+    .line-height(@bx-font-size-default);
+    .radius(@bx-font-size-default);
+    .font-size(@bx-font-size-middle - 2);
+    .padding(4px);
 }
 .bx-def-unit-alert-small {
-	.min-width(@bx-font-size-small + 1);
-    .height(@bx-font-size-small + 1);
-    .line-height(@bx-font-size-small + 1);
-    .radius(@bx-font-size-small);
+    .min-width(@bx-font-size-small + 2);
+    .height(@bx-font-size-small + 2);
+    .line-height(@bx-font-size-small + 2);
+    .radius(@bx-font-size-default);
     .font-size(@bx-font-size-small);
-     .padding(1px);
+    .padding(1px);
 }
 .bx-def-unit-alert-middle {
     .min-width(@bx-font-size-middle - 2);

template/css/menu.css

@@ -731,8 +731,8 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item,
 .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon {
     display: inline-block;
@@ -848,9 +848,9 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
 .bx-menu-ver.bx-menu-object-sys_profile_stats li .sys-icon {
     display: inline-block;
     vertical-align: top;
-    width: 1.0rem;
-    height: 1.0rem;
-    line-height: 1.0rem;
+    width: 1.5rem;
+    height: 1.5rem;
+    line-height: 1.5rem;
     font-size: 1.0rem;
 }
 

template/menu_floating_blocks.html

@@ -6,7 +6,7 @@
                 <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
                 <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
             </div>
-            <div class="bx-menu-floating-blocks-title bx-def-font-middle">__title__</div>
+            <div class="bx-menu-floating-blocks-title">__title__</div>
         </a>                
     </li></bx_repeat:menu_items>
 </ul>

template/menu_profile_stats.html

@@ -5,7 +5,7 @@
                 <a href="__link__" target="__target__" onclick="__onclick__">
                     <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
                     <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
-                    <span class="bx-def-margin-left-auto">__title__</span>
+                    <span class="bx-def-margin-sec-left-auto">__title__</span>
                 </a>
                 <bx_if:addon>
                     <div class="bx-menu-addon bx-def-padding-sec-left">

template/profile_stats.html

@@ -8,8 +8,8 @@
                 <div class="bx-ps-user-info">
                     <div class="bx-ps-user-info-cnt bx-def-padding-left bx-def-box-sizing">
                         <div class="bx-ps-user-line bx-def-font-h2"><a href="__profile_url__" title="__profile_title_attr__">__profile_title__</a></div>
-                        <div class="bx-ps-user-line bx-def-margin-sec-top">
-                            <div class="bx-def-label"><i class="sys-icon __profile_acl_icon__"></i><span class="bx-def-padding-sec-left">__profile_acl_title__</span></div>
+                        <div class="bx-ps-user-line bx-def-margin-thd-top">
+                            <div><i class="sys-icon __profile_acl_icon__"></i><span class="bx-def-padding-sec-left">__profile_acl_title__</span></div>
                         </div>
                         <!--<div class="bx-def-unit-line"><a href="__profile_edit_url__"><bx_text:_sys_edit_profile /></a></div>-->
                     </div>

template/scripts/BxBaseServiceProfiles.php

@@ -71,19 +71,24 @@ class BxBaseServiceProfiles extends BxDol
 
     public function serviceGetMenuAddonProfileEdit($iProfileId = 0, $sCaption = '')
     {
+        /**
+         * Disabled.
+         */
+        return '';
+
     	if(empty($sCaption))
-    		$sCaption = _t('_Edit');
+            $sCaption = _t('_Edit');
 
-		$oProfile = BxDolProfile::getInstance($iProfileId);
+        $oProfile = BxDolProfile::getInstance($iProfileId);
         if(!$oProfile)
-        	return '';
+            return '';
 
-		$sModule = $oProfile->getModule();
-		$sMethod = 'profile_edit_url';
-		if(!BxDolRequest::serviceExists($sModule, $sMethod))
-			return '';
+        $sModule = $oProfile->getModule();
+        $sMethod = 'profile_edit_url';
+        if(!BxDolRequest::serviceExists($sModule, $sMethod))
+            return '';
 
-		return BxDolTemplate::getInstance()->parseLink(BxDolService::call($sModule, $sMethod, array($oProfile->getContentId())), $sCaption);
+        return BxDolTemplate::getInstance()->parseLink(BxDolService::call($sModule, $sMethod, array($oProfile->getContentId())), $sCaption);
     }
 
     /**