/** * MODULE PRESTASHOP - ESSENTIALTOPBAR * * LICENSE : * All rights reserved * COPY AND REDISTRIBUTION FORBIDDEN WITHOUT PRIOR CONSENT FROM LSDev * LICENCE : * Tous droits réservés, le droit d'auteur s'applique * COPIE ET REDISTRIBUTION INTERDITES SANS ACCORD EXPRES DE LSDev * * @author LSDev * @copyright 2019 LSDev * @license Proprietary - no redistribution without authorization */ #essentialtopbar-container {clear:both; padding-top:15px; padding-bottom:15px; min-height:auto !important;} @media screen and (min-width:1200px) { #essentialtopbar-container {padding-left:0; padding-right:0;} } #essentialtopbar-container.fixed {position:fixed; top:0; z-index:20; left:50%; transform:translateX(-50%); padding-top:0; padding-bottom:0;} #essentialtopbar-fixed-fix {clear:both; display:none;} #essentialtopbar {clear:both; position:relative;} #essentialtopbar-container .is-showing, #essentialtopbar .is-showing {display:block !important;} #essentialtopbar:not(.is-mobile) {} #essentialtopbar-topbar ul {margin:0; display:flex;} #essentialtopbar-topbar ul li {display:inline-flex; flex-grow:1;} #essentialtopbar-topbar ul li a {display:block; height:44px; width:100%;} #essentialtopbar-topbar .essentialtopbar-button {padding:12.5px 25px; font-size:15px; background:#E7E7E7; color:#222222; text-transform:uppercase; text-align:center; position:relative;} #essentialtopbar-topbar .essentialtopbar-button.separator {border-left:2px solid #CCC;} #essentialtopbar-topbar .essentialtopbar-button.left-spacing {margin-left:8px;} #essentialtopbar-topbar .essentialtopbar-button:hover, #essentialtopbar-topbar .essentialtopbar-button:active, #essentialtopbar-topbar .essentialtopbar-button:focus {background:#E2E2E2; color:#000; text-decoration:none;} #essentialtopbar-topbar .essentialtopbar-button-menu {background:#2fb5d2; color:#FFF; font-weight:bold;} #essentialtopbar-topbar .essentialtopbar-button-menu:after {content:""; position:absolute; z-index:1; border-style:solid; border-color:transparent transparent transparent #2fb5d2;} #essentialtopbar-topbar .essentialtopbar-button-menu.style1:after {right:-37px; top:0; width:0; height:0; border-width:44px 0 0 37px;} #essentialtopbar-topbar .essentialtopbar-button-menu.style2:after {right:-37px; top:0; width:0; height:0; border-width:0 0 44px 37px;} #essentialtopbar-topbar .essentialtopbar-button-menu.style3:after {right:-30px; top:0; width:0; height:0; border-width:22px 0 22px 30px;} #essentialtopbar-topbar .essentialtopbar-button-menu:hover:after, #essentialtopbar-topbar .essentialtopbar-button-menu:hover:after, #essentialtopbar-topbar .essentialtopbar-button-menu:active:after {border-color:transparent transparent transparent #2592a9;} #essentialtopbar-topbar .essentialtopbar-button-menu:hover, #essentialtopbar-topbar .essentialtopbar-button-menu:active, #essentialtopbar-topbar .essentialtopbar-button-menu:focus {background:#2592a9; color:#FFF;} #essentialtopbar-menu {position:absolute; top:100%; width:100%; display:none; z-index:50; border-left:3px solid #2592a9;} #essentialtopbar-menu-tab, #essentialtopbar-menu-content {float:left;} #essentialtopbar-menu-tab {width:25%} #essentialtopbar-menu-content {width:75%;} #essentialtopbar-menu-tab ul {margin:0;} #essentialtopbar #essentialtopbar-menu-tab {margin:0;} .essentialtopbar-mobile-fixed #essentialtopbar #essentialtopbar-menu-tab.with-overflow {overflow:auto; overflow-x:hidden;} #essentialtopbar #essentialtopbar-menu-tab-header {display:none; padding:10px; background:#2fb5d2; color:#FFF; font-size:18px;} #essentialtopbar #essentialtopbar-menu-tab-header i {cursor:pointer;} #essentialtopbar #essentialtopbar-menu-tab li a:not(.essentialtopbar-button) {padding:10px; font-size:16px; background:#F5F5F5; color:#222; display:block; border-bottom:1px solid #E8E8E8; text-decoration:none; position:relative;} #essentialtopbar #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent:after {content:">"; float:right; color:#BBB; position:absolute; right:4px;} #essentialtopbar #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent:hover:after, #essentialtopbar #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent:focus:after, #essentialtopbar #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent:active:after, #essentialtopbar #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent.is-active:after {color:#2592a9;} #essentialtopbar:not(.is-mobile) #essentialtopbar-menu-tab a.essentialtopbar-menu-tab-wcontent:hover:before, #essentialtopbar:not(.is-mobile) #essentialtopbar-menu-tab a.essentialtopbar-menu-tab-wcontent:active:before, #essentialtopbar:not(.is-mobile) #essentialtopbar-menu-tab a.essentialtopbar-menu-tab-wcontent:focus:before, #essentialtopbar:not(.is-mobile) #essentialtopbar-menu-tab a.essentialtopbar-menu-tab-wcontent.is-active:before {content:" "; width:1px; display:block; position:absolute; background-color:#FFF; right:-1px; z-index:51; top:0; bottom:0;} #essentialtopbar #essentialtopbar-menu-tab li a:not(.essentialtopbar-button):hover, #essentialtopbar #essentialtopbar-menu-tab li a:not(.essentialtopbar-button):active, #essentialtopbar #essentialtopbar-menu-tab li a:not(.essentialtopbar-button):focus, #essentialtopbar #essentialtopbar-menu-tab li a:not(.essentialtopbar-button).is-active {background:#FFF; color:#333;} #essentialtopbar #essentialtopbar-menu-tab li a:hover:after, #essentialtopbar #essentialtopbar-menu-tab li a:active:after, #essentialtopbar #essentialtopbar-menu-tab li a:focus:after, #essentialtopbar #essentialtopbar-menu-tab li a.is-active:after {color:#2592a9; font-weight:bold;} #essentialtopbar-menu-content {background:#FFF; position:absolute; right:0; border:1px solid #DDD; border-top:0;} .essentialtopbar-mobile-fixed #essentialtopbar-menu-content {overflow:auto;} .essentialtopbar-menu-content {display:none; padding:0 15px;} .essentialtopbar-menu-content ul {margin-bottom:0;} .essentialtopbar-menu-content img {float:left; vertical-align:top; margin-right:5px;} #essentialtopbar-menu-content ul ul {padding-left:15px;} /*#essentialtopbar:not(.is-mobile) .essentialtopbar-menu-content > ul {column-count:3; -webkit-column-count:3; -moz-column-count:3;}*/ #essentialtopbar-menu-content li.essentialtopbar-sub-category > ul {display:inline-block;} #essentialtopbar-menu-content li.essentialtopbar-sub-category a, #essentialtopbar-menu-content li.level-0 a {font-weight:bold; margin:5px 0; display:block; font-size:14px; text-transform:uppercase;} #essentialtopbar-menu-content li.essentialtopbar-sub-category a:hover, #essentialtopbar-menu-content li.essentialtopbar-sub-category a:active, #essentialtopbar-menu-content li.essentialtopbar-sub-category a:focus, #essentialtopbar-menu-content li.level-0 a:hover, #essentialtopbar-menu-content li.level-0 a:active, #essentialtopbar-menu-content li.level-0 a:focus {color:#2fb5d2;} #essentialtopbar-menu-content li.essentialtopbar-sub-category a:hover:after, #essentialtopbar-menu-content li.essentialtopbar-sub-category a:active:after, #essentialtopbar-menu-content li.essentialtopbar-sub-category a:focus:after, #essentialtopbar-menu-content li.level-0 a:hover:after, #essentialtopbar-menu-content li.level-0 a:active:after, #essentialtopbar-menu-content li.level-0 a:focus:after {margin-left:5px;} /* #essentialtopbar-menu-content li.essentialtopbar-sub-category > a:after, #essentialtopbar-menu-content li.level-0 > a:after {content:">>"; position:absolute; margin-left:5px;} */ #essentialtopbar-menu-content li.level-0 {display:inline-block; width:100%;} #essentialtopbar-menu-content li:not(.essentialtopbar-sub-category):not(.level-0) a {font-weight:normal; font-size:12px;} #essentialtopbar-menu-content li:not(.essentialtopbar-sub-category):not(.level-0) a:hover, #essentialtopbar-menu-content li:not(.essentialtopbar-sub-category):not(.level-0) a:active, #essentialtopbar-menu-content li:not(.essentialtopbar-sub-category):not(.level-0) a:focus {text-decoration:none;} #essentialtopbar-mobile {display:none; background:#2fb5d2; color:#FFF; padding:10px; cursor:pointer; font-size:18px; clear:both;} #essentialtopbar-mobile .navbar-toggle {margin:0; padding:0;} #essentialtopbar-mobile .navbar-toggle .icon-bar {background-color:#FFF;} #essentialtopbar.is-mobile #essentialtopbar-menu {position:static;} #essentialtopbar.is-mobile #essentialtopbar-menu-tab {width:100%; float:none;} #essentialtopbar.is-mobile #essentialtopbar-topbar {border-top:2px solid #999;} #essentialtopbar.is-mobile #essentialtopbar-topbar ul li a {padding:10px 5px;} #essentialtopbar.is-mobile #essentialtopbar-topbar .essentialtopbar-button.separator {border-left:0;} #essentialtopbar.is-mobile #essentialtopbar-topbar .left-spacing {margin-left:0;} #essentialtopbar.is-mobile #essentialtopbar-topbar ul {display:block;} #essentialtopbar.is-mobile #essentialtopbar-topbar ul li {display:block;} #essentialtopbar.is-mobile #essentialtopbar-topbar ul li a {height:auto; border-top:1px solid #BBB; background-image:none; width:auto;} #essentialtopbar.is-mobile #essentialtopbar-menu-content {display:none;} #essentialtopbar.is-mobile #essentialtopbar-topbar ul li:first-child {display:none;} #essentialtopbar.is-mobile .essentialtopbar-menu-content {max-height:none;} #essentialtopbar.is-mobile .essentialtopbar-menu-content li.essentialtopbar-sub-category > ul {margin:0 0 0 15px;} #essentialtopbar.is-mobile .essentialtopbar-menu-content img {display:none;} #essentialtopbar.is-mobile .essentialtopbar-menu-content > ul {column-count:unset !important; -webkit-column-count:unset !important; -moz-column-count:unset !important;} #essentialtopbar.is-mobile #essentialtopbar-menu-tab > ul > li > a.essentialtopbar-menu-tab-wcontent:after, #essentialtopbar.is-mobile .essentialtopbar-menu-content li.essentialtopbar-sub-category > a:after {content:"+"; font-size:22px; float:right; color:#BBB; margin-left:10px;} #essentialtopbar.is-mobile #essentialtopbar-menu-tab > ul > li > a.is-active:after, #essentialtopbar.is-mobile .essentialtopbar-menu-content li.essentialtopbar-sub-category > a.is-active:after {content:"-";} #essentialtopbar.is-mobile .essentialtopbar-menu-content li > ul {display:none;} #essentialtopbar.is-mobile #essentialtopbar-menu {border-left:0;} #essentialtopbar.is-mobile .essentialtopbar-menu-content {padding:0 0 0 15px; background:#BBB;} #essentialtopbar-mobile-fixed-modal {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0; z-index:6000; opacity:0;} .essentialtopbar-mobile-fixed.essentialtopbar-mobile-opened {overflow:hidden !important;} .essentialtopbar-mobile-fixed #essentialtopbar.is-mobile #essentialtopbar-menu {position:fixed; overflow:auto; max-height:400px; width:90%; top:0; left:-90%; background:transparent; z-index:6001;}