/* * This is a sample custom stylesheet. Copy it to ubermenu/styles/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 { background-color:transparent; /* background-color: #313131; background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#717171)); background: -webkit-linear-gradient(top, #313131, #717171); background: -moz-linear-gradient(top, #313131, #717171); background: -ms-linear-gradient(top, #313131, #717171); background: -o-linear-gradient(top, #313131, #717171); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -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); border-top-left-radius:5px; border-top-right-radius:5px; */ } /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size: 15px; color: #fff; padding: 12px 12px; font-weight: normal; text-transform:uppercase; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { } /* 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 { /*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-shadow: 0 1px 1px #222; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover,#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li:focus > a, #megaMenu ul.megaMenu > li > a:focus,#megaMenu ul.megaMenu > li:focus > a, #megaMenu ul.megaMenu > li > a:focus, #megaMenu ul.megaMenu > li.megaHover > a, #megaMenu ul.megaMenu > li > a:hover { color: #fff; 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); } /* 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:focus > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:focus > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:focus span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:focus 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 { color: #ccc; text-shadow: 0 1px 1px #222; } /* 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: #fff; } /* 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: #eee; border-width:0 1px 1px; color: #888888; background-color: #ffffff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-box-shadow: 0 8px 6px -6px #CCC; -moz-box-shadow: 0 8px 6px -6px #ccc; box-shadow: 0 8px 6px -6px #CCC; } /* 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 { } /* 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.sub-menu-1 > li:focus > 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 { font-size:1.3em; display:block; font-family: 'Myriad W01 SmBd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#cf142b;font-weight:normal; text-transform:uppercase; } /* Clinical Applications Headers #megaMenu ul li.ss-nav-menu-mega #menu-item-844 ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega #menu-item-844 ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega #menu-item-844 ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega #menu-item-844 ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega #menu-item-844 ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { color:#444 font-size:1.2em; display:block; font-family: 'FrutigerLTW01-45Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight:normal; text-transform:none; } #megaMenu #menu-item-844 ul li a { color:#222!important; font-size:1.1em; display:block; font-family: 'FrutigerLTW01-45Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight:normal; text-transform:none; padding:2px 5px;}*/ /* 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:#222; font-size:1.1em; display:block; font-family: 'Myriad W01 Regular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight:normal; text-transform:none; padding:1px 5px;} /* Sub Menu Link Hover */ #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 li a:hover, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 li a:focus, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:focus, #megaMenu ul ul.sub-menu > li:focus > a{ color: #fff; background-color: #cf142b; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top: 0; } #megaMenu > ul.megaMenu > li > .wpmega-widgetarea > ul > li { margin: 0; } #megaMenu label, #megaMenu .submit { margin: 0; padding:0!important;display:none!important; } #megaMenu > ul.megaMenu > li > .wpmega-widgetarea > ul > li > form.searchform input[type="text"] { width: 115px; font-size: 12px; border-width: 1px; border-style: solid; float: left; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:4px 0 0 0 ; text-indent:20px; background-image:url(images/searchbg.jpg)!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: #d83f28 !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 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; } /* 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; }