|
|
@@ -0,0 +1,630 @@
|
|
|
+@import (reference) 'default.less';
|
|
|
+@import '../../../../../../../template/css/menu.css';
|
|
|
+
|
|
|
+.@{bx-root-class-name} {
|
|
|
+
|
|
|
+ .bx-menu-toolbar-padding {
|
|
|
+ padding-top: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Main (Top) Menu ---*/
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
|
|
|
+ display: block;
|
|
|
+ white-space: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:not(.bx-menu-item-more-auto) {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site ul.bx-menu-submenu-more-auto > li > a {
|
|
|
+ padding: 0px 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover {
|
|
|
+ opacity: 1.0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-sliding-smenu-submenu {
|
|
|
+ position: absolute;
|
|
|
+ display: none;
|
|
|
+
|
|
|
+ top: 100%;
|
|
|
+ left: 0px;
|
|
|
+ min-width: 100%;
|
|
|
+
|
|
|
+ background-color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-sliding-smenu-tab-active .bx-sliding-smenu-submenu {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li,
|
|
|
+ .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
|
|
|
+ margin: 0px;
|
|
|
+ padding: 0px;
|
|
|
+ }
|
|
|
+ .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
|
|
|
+ line-height: 2.0rem;
|
|
|
+ }
|
|
|
+ .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li:hover,
|
|
|
+ .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a:hover {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
|
|
|
+ width: auto;
|
|
|
+ max-height: 2rem;
|
|
|
+
|
|
|
+ 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;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ }
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-submenu-more-auto li .bx-menu-floating-blocks-icon .sys-icon {
|
|
|
+ vertical-align: baseline;
|
|
|
+ height: auto;
|
|
|
+ line-height: normal;
|
|
|
+ }
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img {
|
|
|
+ background-pocition: center center;
|
|
|
+ background-repeat: none;
|
|
|
+ background-size: 60% 60%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+
|
|
|
+ margin: 0px;
|
|
|
+
|
|
|
+ font-size: 1.2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon.active {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.active {
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.inactive {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Submenu ---*/
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-wrp {
|
|
|
+ overflow-x: auto;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu-group {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-group {
|
|
|
+ display: table;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu-hr {
|
|
|
+ width: 100%;
|
|
|
+ height: 0.1875rem;
|
|
|
+ -webkit-border-radius: 2px;
|
|
|
+ border-radius: 2px;
|
|
|
+ background-color: rgba(15, 93, 162, 0.2);
|
|
|
+ box-shadow: 0 1px 0 0 rgba(255,255,255,1);
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
|
|
|
+ line-height: 2.875rem;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu > li > a {
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-flex-flow: row nowrap;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 3.125rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active > a {
|
|
|
+ font-weight: 900;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span {
|
|
|
+ margin-left: 0.625rem;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span:first-child {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li .bx-mms-item-hr {
|
|
|
+ position: absolute;
|
|
|
+ display: none;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ height: 0.1875rem;
|
|
|
+ left: 0;
|
|
|
+ bottom: -0.1875rem;
|
|
|
+
|
|
|
+ -webkit-border-radius: 0.25rem;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ background-color: rgba(29, 75, 96, 1);
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active .bx-mms-item-hr {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Profile View Submenu ---*/
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp {
|
|
|
+ overflow-x: visible;
|
|
|
+ }
|
|
|
+ .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp .bx-menu-main-submenu-group {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Toolbars ---*/
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a.bx-btn {
|
|
|
+ width: auto;
|
|
|
+ height: 1.875rem;
|
|
|
+
|
|
|
+ line-height: 1.675rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+
|
|
|
+ line-height: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a,
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img,
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a span {
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
|
|
|
+ .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a {
|
|
|
+ font-size: 1.0rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ ul.bx-menu-toolbar li a .bx-menu-item-addon {
|
|
|
+ bottom: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Toolbar Site ---*/
|
|
|
+ #bx-menu-toolbar-1-container .bx-menu-toolbar li {
|
|
|
+ padding: 0.625rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-1-container ul.bx-menu-toolbar li a .sys-icon-a {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Toolbar Member ---*/
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ float: none;
|
|
|
+
|
|
|
+ -webkit-flex: 0 0 auto;
|
|
|
+ -ms-flex: 0 0 auto;
|
|
|
+ flex: 0 0 auto;
|
|
|
+
|
|
|
+ padding: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account {
|
|
|
+ -webkit-flex-grow: 1;
|
|
|
+ flex-grow: 1;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account a {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account .bx-menu-toolbar-item-title {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li .sys-icon-a {
|
|
|
+ margin-top: 0px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar .bx-menu-toolbar-item a .bx-def-thumb-size {
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ line-height: 1.9rem;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-menu-toolbar-2-container .bx-menu-toolbar li a {
|
|
|
+ position: relative;
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+
|
|
|
+ background-color: rgba(237, 241, 247, 1);
|
|
|
+ border-radius: 1.5rem;
|
|
|
+
|
|
|
+ font-size: 0.875rem;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Sliding Menu ---*/
|
|
|
+ .bx-sliding-menu,
|
|
|
+ .bx-sliding-menu-main {
|
|
|
+ left: auto !important;
|
|
|
+ right: 0;
|
|
|
+ max-width: 31.25rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Search Popup ---*/
|
|
|
+ #bx-sliding-menu-search.bx-sliding-menu-main .bx-def-page-width {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Notifications Popup ---*/
|
|
|
+ #bx_notifications_preview.bx-sliding-menu .bx-def-page-width {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Account Popup ---*/
|
|
|
+ #bx-sliding-menu-account.bx-sliding-menu-main.bx-sliding-menu-fullheight {
|
|
|
+ height: calc(100% - 3.75rem);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Account Popup Submenu & Add Content Menu ---*/
|
|
|
+ .bx-menu-account-popup-profile-active,
|
|
|
+ .bx-menu-account-popup-profile-notifications {
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .bx-menu-account-popup-profile-notifications 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;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .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: 0.5rem;
|
|
|
+ padding-right: 0.5rem;
|
|
|
+ }
|
|
|
+ .bx-menu-object-sys_account_notifications li img,
|
|
|
+ .bx-menu-object-sys_account_notifications li .sys-icon,
|
|
|
+ .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
|
|
|
+ .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
|
|
|
+ .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img,
|
|
|
+ .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
|
|
|
+ height: 1.0rem;
|
|
|
+ width: 1.0rem;
|
|
|
+
|
|
|
+ margin: 0px;
|
|
|
+ }
|
|
|
+ .bx-menu-object-sys_account_notifications li .sys-icon,
|
|
|
+ .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
|
|
|
+ .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
|
|
|
+ line-height: 1.0rem;
|
|
|
+ font-size: 1.0rem;
|
|
|
+ }
|
|
|
+ .bx-menu-object-sys_account_notifications li img,
|
|
|
+ .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
|
|
|
+ .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {
|
|
|
+ background-pocition: center center;
|
|
|
+ background-repeat: none;
|
|
|
+ background-size: 60% 60%;
|
|
|
+ }
|
|
|
+ .bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
|
|
|
+ top: calc(50% - 9px);
|
|
|
+ right: 4px;
|
|
|
+ }
|
|
|
+ .bx-menu-object-sys_account_notifications li:hover {
|
|
|
+ opacity: 1.0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Add Content Menu ---*/
|
|
|
+ #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-menu-object-sys_add_content {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Vertical (Vertical Custom) Menus (in Popup) ---*/
|
|
|
+ .bx-popup .bx-menu-ver li,
|
|
|
+ .bx-popup .bx-menu-custom-ver li,
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li {
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-ver li,
|
|
|
+ .bx-popup .bx-menu-custom-ver li,
|
|
|
+ .bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover,
|
|
|
+ .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover,
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li.bx-def-color-bg-hl-hover,
|
|
|
+ .bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover,
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover {
|
|
|
+ border: 1px solid transparent;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-ver li:hover,
|
|
|
+ .bx-popup .bx-menu-custom-ver li:hover,
|
|
|
+ .bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover:hover,
|
|
|
+ .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover:hover,
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li.bx-def-color-bg-hl-hover:hover,
|
|
|
+ .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: 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: transparent;
|
|
|
+ }
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li.bx-def-color-bg-active,
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active {
|
|
|
+ border-color: transparent;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > span,
|
|
|
+ .bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > .bx-def-margin-thd-topbottom {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 !important;
|
|
|
+ padding: 0.25rem 0.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 {
|
|
|
+ position: relative;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-flex-flow: row nowrap;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-justify-content: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
|
|
|
+ .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
|
|
|
+ padding: 0 0.5rem;
|
|
|
+ line-height: normal;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
|
|
|
+ .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
|
|
|
+ margin: 0;
|
|
|
+ padding-right: 0.5rem;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span .bx-menu-addon {
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
|
|
|
+ display: block;
|
|
|
+ line-height: 1.5rem;
|
|
|
+ }
|
|
|
+ .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 {
|
|
|
+ padding: 0.25rem 0.5rem;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-ver li.bx-def-color-bg-active a,
|
|
|
+ .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active a,
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li.bx-def-color-bg-active a,
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active a,
|
|
|
+ .bx-popup .bx-menu-ver li.bx-def-color-bg-active .sys-icon,
|
|
|
+ .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active .sys-icon,
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li.bx-def-color-bg-active .sys-icon,
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active .sys-icon {
|
|
|
+ font-weight: 800;
|
|
|
+ color: rgba(20,80,100,1) !important;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-ver li img,
|
|
|
+ .bx-popup .bx-menu-ver li .sys-icon,
|
|
|
+ .bx-popup .bx-menu-custom-ver li img,
|
|
|
+ .bx-popup .bx-menu-custom-ver li .sys-icon {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ 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.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ line-height: 1.5rem;
|
|
|
+ }
|
|
|
+ .bx-popup .bx-menu-ver li a div {
|
|
|
+ padding: 0.25rem 0.5rem;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .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 {
|
|
|
+ white-space: nowrap;
|
|
|
+ vertical-align: baseline;
|
|
|
+ }
|
|
|
+ .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .bx-menu-item-addon {
|
|
|
+ top: 0.25rem;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /* --------------- profile stats menu */
|
|
|
+ .bx-menu-ver.bx-menu-vertical-more-less li .bx-menu-addon-cnt.bx-def-color-bg-hl {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*--- Custom Menu with More Auto ---*/
|
|
|
+ .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
|
|
|
+ .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
|
|
|
+ .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
|
|
|
+ .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
|
|
|
+ color: @bx-color-icon-body;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*--- Actions menu ---*/
|
|
|
+ .bx-base-general-entity-actions ul.bx-menu-hor li a > span,
|
|
|
+ .bx-base-general-entity-actions ul.bx-menu-custom-hor li a > span {
|
|
|
+ vertical-align: top;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+:where(.bx-media-tablet, .bx-media-desktop) .@{bx-root-class-name} {
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main {
|
|
|
+ position: relative;
|
|
|
+ height: 2.125rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
|
|
|
+ position: relative;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ height: 2.125rem;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ }
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:not(.bx-menu-item-more-auto) {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li > a {
|
|
|
+ position: relative;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-menu-floating-blocks-line {
|
|
|
+ position: absolute;
|
|
|
+ display: none;
|
|
|
+
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ width: 100%;
|
|
|
+ height: 0.1875rem;
|
|
|
+
|
|
|
+ -webkit-border-radius: 0.25rem;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ background-color: rgba(255, 255, 255, 1.0);
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul li{
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover,
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active:hover {
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.05);
|
|
|
+ background-color: rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active {
|
|
|
+ border-color: transparent;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover .bx-sliding-smenu-submenu {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.active {
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
+
|
|
|
+ #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-account.bx-sliding-menu-main,
|
|
|
+ #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
|
|
|
+ width: auto;
|
|
|
+ max-width: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bx-media-phone .@{bx-root-class-name} {
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-sms-cnt {
|
|
|
+ padding: 0px 0px 0px 1.7rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bx-sliding-smenu-submenu {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+
|
|
|
+ background-color: #transparent;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+}
|