/* changed: Menu Bar !!! */ #megaMenu { padding-bottom:2px;padding-right:0px;} @font-face { font-family: 'PT Sans bold'; src: url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/font/pt_sans-web-bold.eot'); src: url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/font/pt_sans-web-bold.woff') format('woff'), url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/font/PT_Sans-Web-Bold.ttf') format('truetype'), url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/font/pt_sans-web-bold.svg') format('svg'); } /* changed: Top Level Items !!!!!!!*/ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size: 11.5pt; color: white; padding:4px 0px 2px 0px!important; font-weight: normal; font-family:'PT Sans bold'; text-transform: uppercase; text-align:center; margin-left:4px; background-size: 100% 35px; background-repeat:no-repeat; height:35px; } #megaMenu ul.megaMenu > li.ss-nav-menu-item-0 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_start.png');width:66px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-1 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_ueberuns.png');width:84px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-2 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_news.png');width:66px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-3 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_globales_lernen.png');width:145px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-4 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_medienpaedagogik.png');width:148px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-5 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_tests.png');width:68px;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-6 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_weiterbildung.png');width:130px;} /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {border-left:none;} /* Vertical Menu Items ???? not used ???*/ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { border-top: 1px solid yellow; -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 ???? i do not no --------*/ #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; } /* changed: Top Level Menu Item Titles !!! nur die Item-Title erstes Level */ #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title { text-transform:uppercase; } /*changed: Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { color: white;border-bottom-color: transparent !important; background-size: 100% 35px;background-repeat:no-repeat;height:35px; } #megaMenu ul.megaMenu > li.ss-nav-menu-item-0 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_start_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-1 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_ueberuns_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-2 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_news_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-3 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_globales_lernen_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-4 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_medienpaedagogik_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-5 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_tests_hover.png')!important;} #megaMenu ul.megaMenu > li.ss-nav-menu-item-6 > a:hover {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_weiterbildung_hover.png')!important;} /* changed: 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;*/} /* changed: 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: white;background-size: 100% 35px;background-repeat:no-repeat;height:35px; } #megaMenu ul.megaMenu li.current_page_item.ss-nav-menu-item-0 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_start_hover.png')!important;} #megaMenu ul.megaMenu li.current-menu-item.ss-nav-menu-item-1 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_ueberuns_hover.png')!important;} #megaMenu ul.megaMenu li.current_page_ancestor.ss-nav-menu-item-1 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_ueberuns_hover.png')!important;} #megaMenu ul.megaMenu li.current-menu-item.ss-nav-menu-item-2 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_news_hover.png')!important;} #megaMenu ul.megaMenu li.current-post-parent.ss-nav-menu-item-2 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_news_hover.png')!important;} #megaMenu ul.megaMenu li.current-category-ancestor.ss-nav-menu-item-2 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_news_hover.png')!important;} #megaMenu ul.megaMenu li.current-page-parent.ss-nav-menu-item-3 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_globales_lernen_hover.png')!important;} #megaMenu ul.megaMenu li.current_page_parent.ss-nav-menu-item-4 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_medienpaedagogik_hover.png')!important;} #megaMenu ul.megaMenu li.current_page_parent.ss-nav-menu-item-5 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_tests_hover.png')!important;} #megaMenu ul.megaMenu li.current_page_ancestor.ss-nav-menu-item-5 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_tests_hover.png')!important;} #megaMenu ul.megaMenu li.current-page-parent.ss-nav-menu-item-6 > a {background-image:url('http://www.globales-lernen-digital.de/wp-content/themes/globales-lernen/images/menu_weiterbildung_hover.png')!important;} /* 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:none; padding-top:4px!important; background-color: #d6d6d6; border-bottom:10px solid #d6d6d6!important; border-top:25px solid #d6d6d6!important; line-height:0pt!important; } /* 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: /*12px solid transparent*/none;border-top-color: transparent !important; } /* Sub Menu Columns ===================================*/ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li {} /* 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: #0066CC;font-size:13pt!important;font-family:'PT Sans bold', sans-serif; padding-top:0px!important;line-height:0pt!important;margin-top:0px!important; margin-bottom:0px!important; } /* 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: #0066CC!important;font-size:13pt!important;background-color: transparent;line-height:0pt!important; } /* 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: #CC0033!important;background-color: transparent;} /* Top Level Search Bar */ #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: #d83f28 !important;} /* Sub Menu current */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li.current_page_item a, #megaMenu ul ul.sub-menu > li.current_page_item > a {color: #CC0033!important;background-color: transparent;} #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li.current-menu-item a, #megaMenu ul ul.sub-menu > li.current-menu-item.ss-nav-menu-item-depth-1 > a {color: #CC0033!important;background-color: transparent;} /* 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 { color: #0066CC!important;font-size:0.85em!important; font-family: 'PT Sans', sans-serif; padding-top:0px; line-height:13.2pt!important;padding-bottom:5px; } /* 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;} /**/ #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; } /*http://wpmegamenu.com/customizer/*/ #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 45.5%;margin-right:0%;margin-left:1.1%;margin-bottom:0px;margin-top:1px!important; text-align:left;padding:5px 0 0 10px;line-height:0px!important;height:auto; } #megaMenu ul.sub-menu-1 > li.ss-nav-menu-with-desc a , #megaMenu ul.sub-menu-1 > li.ss-nav-menu-with-desc {line-height:0pt!important;} @media screen and (max-width: 480px) { #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li {width:85.5%!important;} #megaMenu ul.sub-menu-1 li.ss-nav-menu-item-depth-1 {border:1px solid #d6d6d6;} } /*ss-nav-menu-with-desc*/