/********************************************************************** * UberMenu Skin: Black & White 2.0 * * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com * Copyright: Chris Mavricos, SevenSpark http://sevenspark.com **********************************************************************/ /* Menu Bar */ #megaMenu{ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* Top Level Items */ #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle { font-size: 12px; color: #ffffff; padding: 12px 15px; font-weight: bold; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator { } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > span.um-anchoremulator { } /* Menu Items with Dropdowns */ #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a, #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.menu-item.mega-with-sub > a, #megaMenu ul li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.menu-item.ss-nav-menu-mega > a, #megaMenu ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 20px; } /* Top Level Menu Item Titles */ #megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title { text-transform: none; text-shadow: #000000; font-size:11px; font-weight:400; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li.menu-item:hover > a, #megaMenu ul.megaMenu > li.menu-item > a:hover, #megaMenu ul.megaMenu > li.menu-item.megaHover > a, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator { } /* Top Level Items Title - Hover */ #megaMenu ul.megaMenu > li.menu-item:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator span.wpmega-link-title { text-shadow:1px 1px 1px rgba(0,0,0,.85); } /* Top Level Items - Current Item */ #megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a { color: #ffffff; } /* Sub Menu Container Style */ #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzYiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzYiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzciLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODMiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.38) 9%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.58) 20%, rgba(0,0,0,0.6) 21%, rgba(0,0,0,0.76) 31%, rgba(0,0,0,0.76) 32%, rgba(0,0,0,0.82) 44%, rgba(0,0,0,0.77) 57%, rgba(0,0,0,0.81) 68%, rgba(0,0,0,0.83) 69%, rgba(0,0,0,1) 78%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 89%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(9%,rgba(0,0,0,0.38)), color-stop(10%,rgba(0,0,0,0.4)), color-stop(20%,rgba(0,0,0,0.58)), color-stop(21%,rgba(0,0,0,0.6)), color-stop(31%,rgba(0,0,0,0.76)), color-stop(32%,rgba(0,0,0,0.76)), color-stop(44%,rgba(0,0,0,0.82)), color-stop(57%,rgba(0,0,0,0.77)), color-stop(68%,rgba(0,0,0,0.81)), color-stop(69%,rgba(0,0,0,0.83)), color-stop(78%,rgba(0,0,0,1)), color-stop(88%,rgba(0,0,0,1)), color-stop(89%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.38) 9%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0.58) 20%,rgba(0,0,0,0.6) 21%,rgba(0,0,0,0.76) 31%,rgba(0,0,0,0.76) 32%,rgba(0,0,0,0.82) 44%,rgba(0,0,0,0.77) 57%,rgba(0,0,0,0.81) 68%,rgba(0,0,0,0.83) 69%,rgba(0,0,0,1) 78%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.38) 9%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0.58) 20%,rgba(0,0,0,0.6) 21%,rgba(0,0,0,0.76) 31%,rgba(0,0,0,0.76) 32%,rgba(0,0,0,0.82) 44%,rgba(0,0,0,0.77) 57%,rgba(0,0,0,0.81) 68%,rgba(0,0,0,0.83) 69%,rgba(0,0,0,1) 78%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.38) 9%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0.58) 20%,rgba(0,0,0,0.6) 21%,rgba(0,0,0,0.76) 31%,rgba(0,0,0,0.76) 32%,rgba(0,0,0,0.82) 44%,rgba(0,0,0,0.77) 57%,rgba(0,0,0,0.81) 68%,rgba(0,0,0,0.83) 69%,rgba(0,0,0,1) 78%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.38) 9%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0.58) 20%,rgba(0,0,0,0.6) 21%,rgba(0,0,0,0.76) 31%,rgba(0,0,0,0.76) 32%,rgba(0,0,0,0.82) 44%,rgba(0,0,0,0.77) 57%,rgba(0,0,0,0.81) 68%,rgba(0,0,0,0.83) 69%,rgba(0,0,0,1) 78%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#000000',GradientType=0 ); } #megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a { color: #ffffff; } /* Horizontal Sub Menus */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu { border-top: none; margin-top:16px; -webkit-box-shadow: inset 0px 0px 200px 5px rgba(255, 255, 255, .1); box-shadow: inset 0px 0px 200px 5px rgba(255, 255, 255, .1); } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item { min-width: 100px; } /* Sub Menu Headers */#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator, #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, #megaMenu .wpmega-widgetarea h2.widgettitle { color: #ffffff; font-size: 12px; padding-bottom: .4em; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 0.6em; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator, #megaMenu ul ul.sub-menu li.menu-item > a, #megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator { color: #ffffff; font-size: 12px; background-color: transparent; } /* Sub Menu Link Hover */ #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover, #megaMenu ul ul.sub-menu > li.menu-item:hover > a { color: #cccccc; background-color: transparent; } /* Top Level Search Bar */39 #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top: 2px; } /* 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: #4d90fe !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: 25px; } .ss-nav-menu-with-img { min-height: 16px; } /* Item Description */ #megaMenu ul.megaMenu li.menu-item a span.wpmega-item-description, #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.wpmega-item-description { font-size: 9px; color: #bbbbbb; text-transform: uppercase; } /* Arrow Colors */ #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.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #bbbbbb; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after { border-left-color: #bbbbbb; } /* HR */ #megaMenu .wpmega-divider { border-top: 1px solid #e0e0e0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } /* Vertical */ #megaMenu.megaMenuVertical > ul > li.menu-item > a, #megaMenu.megaMenuVertical > ul > li.menu-item > span.um-anchoremulator { background-color: #3d3d3d; background: #212121 url(../images/black2_bkg.png) top left repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#212121)); background: -webkit-linear-gradient(top, #3d3d3d, #212121); background: -moz-linear-gradient(top, #3d3d3d, #212121); background: -ms-linear-gradient(top, #3d3d3d, #212121); background: -o-linear-gradient(top, #3d3d3d, #212121); } #megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { border-left-color: #bbbbbb; } #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu { border-left: none; } /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; }