/* * 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 **********************************************************************/ /********************************************************************** * UberMenu Skin: Black & White 2.0 * * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com * Copyright: Chris Mavricos, SevenSpark http://sevenspark.com **********************************************************************/ /* Menu Bar */ #megaMenu{ position: fixed; border: 1px solid #8800d1; padding-left: 26%; background-color: #ff00de; background: #ff00de url(http://femalerappers.net/wp-content/plugins/ubermenu/images/black2_bkg.png) top left repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#ff7eee), to(#ff00de)); background: -webkit-linear-gradient(top, #ff7eee, #ff00de); background: -moz-linear-gradient(top, #ff7eee, #ff00de); background: -ms-linear-gradient(top, #ff7eee, #ff00de); background: -o-linear-gradient(top, #ff7eee, #ff00de); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -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.2); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); } /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator, .megaMenuToggle { color: #fff; font-size: 18px; text-align: left; font-family: 'Fjalla One', sans-serif; -webkit-font-smoothing: antialiased !important; font-weight: normal!important; -webkit-transform: translateZ(0); text-transform: uppercase; padding: 10px 10px; padding-top: 10px; padding-bottom: 10px; z-index: 10000; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { border-left: 1px solid #8800d1; -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li:first-child > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li { -webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1); } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { border-top: 1px solid #000000; -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.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: 10px; } /* 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-shadow: #000000; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator { color: #efefef !important; border-bottom-color: transparent !important; background-color: #a700ff; background: #A700FF url(http://femalerappers.net/wp-content/plugins/ubermenu/images/black2_bkg.png) top left repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#C16BFF), to(#A700FF)); background: -webkit-linear-gradient(top, #C16BFF, #A700FF); background: -moz-linear-gradient(top, #C16BFF, #A700FF); background: -ms-linear-gradient(top, #C16BFF, #A700FF); background: -o-linear-gradient(top, #C16BFF, #A700FF); -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.5); } /* 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: #000000; } /* 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; } /* 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: #e0e0e0; color: #ffffff; margin-top: 0px; max-width: 720px; text-shadow: 0px 0px 0px #ffffff; border: none; padding: 15px 15px; padding-top: 15px; padding-bottom: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: rgba(0,0,0, 0.80); background: rgba(0,0,0); /* The Fallback */ } #megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a { color: #888888; } /* 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: none; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 160px; margin-top: 0px; margin-bottom: 0px; border: none; padding: 5px; margin: 0px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > 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: #fff; font-size: 16px; line-height: 16px; text-align: left; font-family:'Fjalla One'; font-weight: none; margin: 0px; padding-top: 0px; padding: 0px; text-transform: uppercase; padding-bottom: 0px; border-bottom: 0px dotted #e9e9e9; } #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a { color: #ff00de; } /* 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: #fff; font-size: 12px; text-shadow: 0px 1px 1px #ffffff; background-color: transparent; } /* 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: #000000; 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: #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 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 { display: none; } #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; } /* HR */ #megaMenu .wpmega-divider { border-top: 1px solid #e0e0e0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } /* Vertical */ #megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator { background-color: #3d3d3d; background: #212121 url(http://femalerappers.net/wp-content/plugins/ubermenu/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.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: none; } /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; } /* #Tablet (Landscape) ================================================== */ @media only screen and (max-width: 960px){ #megaMenu { padding-left: 8%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #newgone2 { display: none; } .sociallogins3 { display: none; } #topmember { display: block; position: absolute; z-index: 4100; margin-top: -115px; margin-left: 10px; } .sociallogins5 { display: none; } #topmember2 { display: block; position: absolute; z-index: 4100; margin-top: -115px; margin-left: 10px; } #search-nav { position: relative; margin-bottom: 10px; margin-top: 0px; z-index: 1000; padding-top: 5px; margin-left: 10px; } .container { overflow: hidden; } #content { margin-top: 0px; position: relative; } #content-wrap { min-height: 100%; overflow: hidden; } /** Search widget **/ #searchform { background: rgba(255,0,255, 0.75); width:290px; height: 25px; border:0px solid #cacaca; padding: 5px; overflow:hidden; margin-top: 0px; margin-bottom: 0px; } #searchform #s { background:url(../../../themes/femalerappersnet/images/clear.png) repeat; border:none; color:#ffffff; height: 25px; font-weight: bold; font-size: 12px; width:290px; float:left; font-family: arial; } #searchform #s:focus { outline:none; } #searchform #s input[type="image"]{ width:32px; height:32px; background:url(http://femalerappers.net/wp-content/plugins/ubermenu/styles/images/clear.png) repeat; border:0 none; position: absolute; margin-left: 90px; } input:focus, select:focus, textarea:focus, button:focus { outline: none; #content-wrapsingle { margin-top: 0px; overflow: visible; } #menugone2 { display: none; } #menugone { display: none; } #dropmenu { z-index: 4000; display: inline; } #menugone4 { display: inline; } #menugone3 { display: none; } .page-navigationnews { display: block; height: 70px; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; width: 300px; margin-right: 10px; position: relative; font-size: 14px; font-family: "Droid Serif", serif; background:url(../../../themes/femalerappersnet/images/topcarouselback.png) repeat; } }