/* * 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 { /*border: 1px solid #003375; border-bottom: none;*/ border-top: 0.3rem solid rgba(255,153,0,1);/*orange*/ border-bottom: 0.3rem solid rgba(255,153,0,1);/*orange*/ /*background-color: #0056c7;*/ background: rgba(1,52,103,1); background: #333 url(../images/blue_bkg.png) top left repeat-x; /* background: -webkit-gradient(linear, left top, left bottom, from(#0056c7), to(#00439c)); background: -webkit-linear-gradient(top, #0056c7, #00439c); background: -moz-linear-gradient(top, #0056c7, #00439c); background: -ms-linear-gradient(top, #0056c7, #00439c); background: -o-linear-gradient(top, #0056c7, #00439c);*/ background: -moz-linear-gradient(top, rgba(1,52,103,1) 0%, rgba(68,107,143,1) 50%, rgba(1,52,103,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,52,103,1)), color-stop(50%, rgba(68,107,143,1)), color-stop(100%, rgba(1,52,103,1))); background: -webkit-linear-gradient(top, rgba(1,52,103,1) 0%, rgba(68,107,143,1) 50%, rgba(1,52,103,1) 100%); background: -o-linear-gradient(top, rgba(1,52,103,1) 0%, rgba(68,107,143,1) 50%, rgba(1,52,103,1) 100%); background: -ms-linear-gradient(top, rgba(1,52,103,1) 0%, rgba(68,107,143,1) 50%, rgba(1,52,103,1) 100%); background: linear-gradient(to bottom, rgba(1,52,103,1) 0%, rgba(68,107,143,1) 50%, rgba(1,52,103,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013467', endColorstr='#013467', GradientType=0 ); /*-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;*/ -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.1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } /* Top Level Items */ #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle { /*font-size: 12px; color: #eeeeee;*/ font-size: 16px; color: white; 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 { border-left: 1px solid #003375; -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1); } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > span.um-anchoremulator { border-top: 1px solid #003375; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } /* 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: 0 -1px 1px #003375; } /* 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 { color: #ffffff !important; border-bottom-color: transparent !important; background-color: #e9e9e9; background: #e9e9e9 url(../images/vanilla_bkg.png) top left repeat-x; background: -moz-linear-gradient(top, #684705 0%, #c88809 50%, #684705 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#684705), color-stop(50%,#c88809), color-stop(100%,#684705)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #684705 0%,#c88809 50%,#684705 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #684705 0%,#c88809 50%,#684705 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #684705 0%,#c88809 50%,#684705 100%); /* IE10+ */ background: linear-gradient(to bottom, #684705 0%,#c88809 50%,#684705 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684705', endColorstr='#684705',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1); } /* 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: none; } /* 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 { border-color: #033669; color: #ffffff; font-size: 14px !important; /* 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: #033669; background: -webkit-gradient(linear, left top, left bottom, from(#033669), to(#204e7a)); background: -webkit-linear-gradient(top, #033669, #204e7a); background: -moz-linear-gradient(top, #033669, #204e7a); background: -ms-linear-gradient(top, #033669, #204e7a); background: -o-linear-gradient(top, #033669, #204e7a); } #megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a { color: #888888; } /* 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; } /* 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: #ff9900; font-size: 15px; font-weight: bold; text-shadow: none; padding-bottom: .4em; border-bottom: 1px dotted #e9e9e9; 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: 13px; text-shadow: none; 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: #ff9900; background-color: transparent; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item.menu-item > .wpmega-nonlink > form#searchform { padding-top: 2px; } /* Highlight color */ #megaMenu ul.megaMenu li.menu-item.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #ff9900 !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: silver; 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.megaMenu 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: #0056c7; background: #333 url(../images/blue_bkg.png) top left repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#0056c7), to(#00439c)); background: -webkit-linear-gradient(top, #0056c7, #00439c); background: -moz-linear-gradient(top, #0056c7, #00439c); background: -ms-linear-gradient(top, #0056c7, #00439c); background: -o-linear-gradient(top, #0056c7, #00439c); } #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; }