/* * This is a sample custom stylesheet. Copy it to ubermenu/custom/custom.css and * set your Style Application setting to 'Custom' to start customizing */ /********************************************************************** * UberMenu Skin: Custom * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com **********************************************************************/ /* Menu Bar */ #megaMenu { /* DGMDATA CUSTOM */ border:none; border-bottom:none; background-color:#FFFFFF; /*background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)); background:-webkit-linear-gradient(top,transparent,transparent); background:-moz-linear-gradient(top,transparent,transparent); background:-ms-linear-gradient(top,transparent,transparent); background:-o-linear-gradient(top,transparent,transparent); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;*/ /* End DGMDATA CUSTOM */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* DGMDATA CUSTOM */ -webkit-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0.9); -moz-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0.9); box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0.9); font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin:11px 11px 25px 11px; /* End DGMDATA CUSTOM */ } /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { /* DGMDATA CUSTOM */ font-size:12px; color:#707173; padding:0px 15px; /* End DGMDATA CUSTOM */ font-weight:bold; /* DGMDATA CUSTOM */ font-style: normal !important; letter-spacing: 1px; /* End DGMDATA CUSTOM */ } #megaMenu ul.megaMenu > li.menu-item > a { } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { border-left: 2px solid #312f32; /*-webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);*/ } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { /*border-top: 1px solid #d9d9d9; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);*/ } /* Menu Items with Dropdowns */ #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.mega-with-sub > a, #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega > a, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator { /* DGMDATA CUSTOM padding-right: 20px;*/ } /* Top Level Menu Item Titles */ #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title { text-transform: none; text-align:center; } /*text-shadow: 0 -1px 1px #ffffff;*/ /********************************************************************** Texte principal Roolover **********************************************************************/ /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { color: #FFFFFF !important; /*border-bottom-color: transparent !important; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: -webkit-linear-gradient(top, transparent, transparent); background: -moz-linear-gradient(top, transparent, transparent); background: -ms-linear-gradient(top, transparent, transparent); background: -o-linear-gradient(top, transparent, transparent); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9);*/ background-color:#000000; } /* Top Level Items Title - Hover */ #megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { } /*text-shadow: 0 -1px 1px #ffffff;*/ /* Top Level Items - Current Item */ #megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a { color: #FFFFFF; background-color:#000000; } /* Sub Menu Container Style */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-color: #7e7e80; color: #888888; /* text-shadow: 0px 1px 1px #ffffff; -webkit-box-shadow: 1px 1px 1px #dddddd; -moz-box-shadow: 1px 1px 1px #dddddd; box-shadow: 1px 1px 1px #dddddd;*/ background-color: #d6d6d6; /*background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#636262)); background: -webkit-linear-gradient(top, #222222, #636262); background: -moz-linear-gradient(top, #222222, #636262); background: -ms-linear-gradient(top, #222222, #636262); background: -o-linear-gradient(top, #222222, #636262);*/ } /* Horizontal Sub Menus */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-top: 0px solid #e0e0e0; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 100px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { /*color: #777777; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; padding-bottom: .4em; border-bottom: 1px dotted #e9e9e9; margin-bottom: 0.6em;*/ } /********************************************************************** Sous-menu >> Deplacement vertical **********************************************************************/ .sub-menu { margin-top:0 !important; } .sub-menu-1 { margin-top:0px !important; } /********************************************************************** Sous-menu >> ITEM non sélectionné **********************************************************************/ /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { color: #707173; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; font-weight:bold; font-size: 12px; text-shadow: 0px 1px 1px #ffffff; background-color: transparent; border-top:1px solid #707173; } /********************************************************************** Sous-menu >> ITEM sélectionné **********************************************************************/ /* Sub Menu Link Hover */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a { color: #FFFFFF; background-color: #317aa8; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top:0px; } /********************************************************************** PADDING DU MENU **********************************************************************/ #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator { padding:5px 0px 5px 0px; } #menu-item-100 { padding-right:0px !important; } /* Highlight color */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #888888 !important; } /* Image Spacing */ #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left: 21px; } .ss-nav-menu-with-img { min-height: 16px; } /* Item Description */ #megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description { font-size: 9px; color: #bbbbbb; text-transform: uppercase; } /* Arrow Colors */ #megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #bbbbbb; } #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after { border-left-color: #bbbbbb; } /********************************************************************** RETIRER LES ARROWS **********************************************************************/ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg > li.megaReg-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator::after{ display:none; border:none !important; } /********************************************************************** IE RETIRER LES ARROWS **********************************************************************/ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { border-style: none; } /* Vertical */ #megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator { /*background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4);*/ } #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after { /*border-left-color: #bbbbbb;*/ } #megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-left: 1px solid #e0e0e0; } /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; } #megaMenu ul.sub-menu-2, #megaMenu ul.sub-menu-3 {display: none !important;}