/* --------------- menu footer */ #bx-menu-footer { float:left; } /* --------------- horizontal menu */ ul.bx-menu-hor { padding:0; margin:0; list-style:none; } .bx-menu-hor li { float:left; } .bx-menu-hor li a { display:block; text-decoration:none; } .bx-menu-hor-inline li a { display:inline; } .bx-menu-hor li.bx-menu-tab-active a { color:#000; } .bx-menu-hor li img, .bx-menu-hor li .sys-icon { display:inline-block; } /* --------------- vertical, vertical lite, notifications menu */ ul.bx-menu-notif, ul.bx-menu-verlit, ul.bx-menu-ver { padding:0; margin:0; list-style:none; } .bx-menu-ver li { margin-top:1px; } .bx-menu-notif li:first-child, .bx-menu-verlit li:first-child, .bx-menu-ver li:first-child { margin-top:0px; } .bx-menu-verlit li a, .bx-menu-ver li a { display:block; text-decoration:none; } .bx-menu-notif li.bx-menu-tab-active a, .bx-menu-verlit li.bx-menu-tab-active a, .bx-menu-ver li.bx-menu-tab-active a { color:#000; } .bx-menu-notif li img, .bx-menu-notif li .sys-icon, .bx-menu-notif li span, .bx-menu-verlit li img, .bx-menu-verlit li .sys-icon, .bx-menu-verlit li span, .bx-menu-ver li img, .bx-menu-ver li .sys-icon, .bx-menu-ver li span { display:inline-block; vertical-align:middle; } .bx-menu-notif li img, .bx-menu-notif li .sys-icon, .bx-menu-verlit li img, .bx-menu-verlit li .sys-icon, .bx-menu-ver li img, .bx-menu-ver li .sys-icon { width:20px; width:1.25rem; height:20px; height:1.25rem; margin-right:2px; margin-right:0.125rem; text-align:center; } .bx-menu-ver li img { background-position:center center; background-repeat:no-repeat; } .bx-menu-ver li .sys-icon { font-size:20px; font-size:1.25rem; } .bx-menu-notif li .sys-icon { font-size:24px; font-size:1.5rem; width:24px; width:1.5rem; height:24px; height:1.5rem; margin-right:5px; margin-right:0.3rem; } .bx-menu-ver .bx-def-hr { margin:0; } .bx-menu-verlit li img { width:24px; width:1.5rem; height:24px; height:1.5rem; background-position:center center; background-repeat:no-repeat; vertical-align:middle; } .bx-menu-notif .bx-def-unit-alert-middle { position:relative; float:right; } /* --------------- main menu */ #bx-menu-main-container { height:36px; height:2.2rem; white-space: nowrap; overflow:hidden; } #bx-menu-main-container-scroller { overflow:auto; height:60px; height:4rem; } #bx-menu-main-submenu, #bx-menu-main { display:inline-block; line-height:36px; line-height:2.2rem; vertical-align:top; } #bx-menu-main-container #bx-menu-main-submenu:first-child .bx-menu-main-submenu-div:first-child { display:none; } .bx-menu-main-submenu-div .sys-icon { font-size:32px; font-size:2rem; } ul.bx-menu-main-submenu, ul.bx-menu-main { padding:0; margin:0; list-style:none; white-space:nowrap; } .bx-menu-main-submenu li, .bx-menu-main li { display:inline-block; margin:0; vertical-align:top; } .bx-menu-main li a, .bx-menu-main li span, .bx-menu-main li .sys-icon, .bx-menu-main-submenu li a { text-decoration:none; font-size:16px; font-size:1.2rem; } .bx-menu-main li .sys-icon { font-size:32px; font-size:2rem; } .bx-menu-main-submenu li.bx-menu-tab-active a, .bx-menu-main li span { color:#000; } /* --------------- toolbar menu */ #bx-menu-toolbar-1-container .bx-menu-toolbar { float:left; } #bx-menu-toolbar-2-container .bx-menu-toolbar { float:right; } .bx-menu-toolbar { list-style:none; margin:0 0 0 0; padding:0; } ul.bx-menu-toolbar li { float:left; margin:0px; } ul.bx-menu-toolbar li a { position:relative; display:block; min-width:48px; min-width:3rem; height:48px; height:3rem; line-height:48px; line-height:3rem; font-size:16px; font-size:1rem; text-align: center; vertical-align:middle; text-decoration:none; } ul.bx-menu-toolbar li a .sys-icon, ul.bx-menu-toolbar li a img, ul.bx-menu-toolbar li a span { vertical-align:top; } ul.bx-menu-toolbar li a span { margin-right:0; } ul.bx-menu-toolbar li:first-child a { margin-left:0; } ul.bx-menu-toolbar li img { background-position:center center; background-repeat:no-repeat; } ul.bx-menu-toolbar li .sys-icon { display:inline-block; vertical-align:middle; font-size:32px; font-size:2rem; text-align:center; } /* --------------- floating blocks menu */ .bx-popup-content .bx-menu-floating-blocks { width:256px; width:16rem; } .bx-popup-content .bx-menu-account-popup .bx-menu-floating-blocks { width:auto; } ul.bx-menu-floating-blocks-big, ul.bx-menu-floating-blocks { padding:0; margin:0; list-style:none; } .bx-menu-floating-blocks-big li, .bx-menu-floating-blocks li { display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; vertical-align:top; width:64px; width:4rem; height:64px; height:4rem; } .bx-menu-floating-blocks-big li { width:256px; width:16rem; height:256px; height:16rem; } .bx-menu-floating-blocks-big li:hover, .bx-menu-floating-blocks li:hover { opacity:0.8; } .bx-menu-floating-blocks-big li:active, .bx-menu-floating-blocks-big li.bx-menu-tab-active, .bx-menu-floating-blocks li:active, .bx-menu-floating-blocks li.bx-menu-tab-active { opacity:1.0; } .bx-menu-floating-blocks-big li a, .bx-menu-floating-blocks li a { display:block; text-decoration:none; } .bx-menu-floating-blocks-big li.bx-menu-tab-active a, .bx-menu-floating-blocks li.bx-menu-tab-active a { color:#000; } .bx-menu-floating-blocks li img, .bx-menu-floating-blocks li .sys-icon { display:block; width:32px; width:2rem; height:32px; height:2rem; margin:8px 16px 3px 16px; margin:0.5rem 1rem 0.2rem 1rem; } .bx-menu-floating-blocks-big li img, .bx-menu-floating-blocks-big li .sys-icon { display:block; width:192px; width:12rem; height:192px; height:12rem; margin:16px 32px 8px 32px; margin:1rem 2rem 0.5rem 2rem; } .bx-menu-floating-blocks-big li img, .bx-menu-floating-blocks li img { background-position:center center; background-repeat:no-repeat; } .bx-menu-floating-blocks-big li .sys-icon, .bx-menu-floating-blocks li .sys-icon { text-align:center; vertical-align:bottom; line-height:32px; line-height:2rem; font-size:32px; font-size:2rem; } .bx-menu-floating-blocks-big li .sys-icon { line-height:192px; line-height:12rem; font-size:192px; font-size:12rem; } .bx-menu-floating-blocks-big li .bx-menu-floating-blocks-title, .bx-menu-floating-blocks li .bx-menu-floating-blocks-title { text-align:center; overflow:hidden; text-overflow:ellipsis; } /* --------------- action menu */ .bx-menu-action-wrapper { position:fixed; height:44px; bottom:0px; right:-5px; z-index:910; } .bx-menu-action-buttons, .bx-menu-action { position:relative; float:right; } ul.bx-menu-action { padding:0; margin-top:20px; list-style:none; } .bx-menu-action li { float:left; margin:0; } .bx-menu-action li a { display:block; text-decoration:none; line-height:normal; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transition: transform .5s; -webkit-transition: -webkit-transform .5s; } .bx-menu-action li a.bx-menu-action-hidden { transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .bx-menu-action li .sys-icon { display:inline-block; width:24px; height:24px; font-size:24px; text-align:center; vertical-align:middle; } /* --------------- interactive block menu */ ul.bx-menu-inter, ul.bx-menu-inter-vert { padding:0; margin:0; list-style:none; } ul.bx-menu-inter li { float:left; } li.bx-menu-inter-div { padding: 0px 3px; } li.bx-menu-inter-div:first-child { display: none; } li.bx-menu-inter-act {} li.bx-menu-inter-pas a:hover { text-decoration: none; } li.bx-menu-inter-hidden { display: none; } /* --------------- horizontal buttons menu */ ul.bx-menu-btns-hor { padding:0; margin:0; list-style:none; text-align:center; } ul.bx-menu-btns-hor li { display:inline; display:inline-block; } /* --------------- account popup menu */ .bx-popup-content .bx-menu-account-popup { min-width:17em; } .bx-menu-account-popup-switch-profile:hover, .bx-menu-account-popup-switch-profile { float:right; text-decoration:none; }