LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

CSS
/*--------------*/
/*	  MENU      */
/*--------------*/

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: right;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	width: 690px;
	margin-top: 29px;
	margin-right: 0px;
}
#access .menu select {
	border: 2px solid #eee;
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
	color: #333;
}
#access .menu ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 1001;
	height: 91px;
	margin: 0;
	float: right;
}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 0px 0px 0px;
	float: left;
}
#access .menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1;
	color: #22221e;
	margin: 0;
	padding: 25px 18px 29px 16px;
	text-align: center;
	background: url(../images/spacer.gif) no-repeat right top;
}
#access .menu ul li a:hover {
	color: #aeb405;         
	padding: 25px 18px 29px 16px;
} 
#access .menu ul li a.active {
	color: #22221e;
	padding: 25px 18px 29px 16px;
	background: url(../images/menu-active.png) no-repeat right top;
}
#access .menu ul li i {
	background: url(../images/menu-active.png) no-repeat left top;
	font-style: normal;
	padding: 25px 0px 27px 2px;
	border-bottom: 4px solid #aeb405;
	color: #22221e;
}


#access .menu ul li ul {
	position: absolute;
	left: 0;
	height: auto;
	display: none;
	visibility: hidden;
	width: 169px;
	padding: 0;
	text-align: left;
	border-top: 4px solid #aeb405;
}
#access .menu ul li ul li {
	display: list-item;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a {
	margin: 0;
	border: none;
	display: block;
	padding: 13px 12px 13px 12px;
	font-size: 11px;
	letter-spacing: 0.8px;
	color: #fff;
	background: #22221e url(../images/spacer.gif) no-repeat center bottom;
	width: 145px;
	text-align: left;
	border-bottom: 1px solid #363636;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #aeb405 url(../images/spacer.gif) no-repeat center bottom;
	border-bottom: 1px solid #363636;
	color: #fff;
	padding: 13px 12px 13px 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {display: none; width: 440px; margin-left: 20px;}

/*-------------------*/
/*      Red.css      */
/*-------------------*/
#access .menu ul li a:hover {
	color: #ff0000;
}
#access .menu ul li i {
	border-bottom: 4px solid #ff0000;
}
#access .menu ul li ul {
	border-top: 4px solid #ff0000;
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #ff0000 url(../../images/spacer.gif) no-repeat center bottom;
}
JS
var ddsmoothmenu={arrowimages:{down:[],right:[]},transition:{overtime:300,outtime:300},shadow:{enable:false,offsetx:5,offsety:5},showhidedelay:{showdelay:100,hidedelay:200},detectwebkit:navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1,detectie6:document.all&&!window.XMLHttpRequest,getajaxmenu:function(e,t){var n=e("#"+t.contentsource[0]);n.html("Loading Menu...");e.ajax({url:t.contentsource[1],async:true,error:function(e){n.html("Error fetching content. Server Response: "+e.responseText)},success:function(r){n.html(r);ddsmoothmenu.buildmenu(e,t)}})},buildmenu:function(e,t){var n=ddsmoothmenu;var r=e("#"+t.mainmenuid+">ul");r.parent().get(0).className=t.classname||"ddsmoothmenu";var i=r.find("ul").parent();i.hover(function(t){e(this).children("a:eq(0)").addClass("selected")},function(t){e(this).children("a:eq(0)").removeClass("selected")});i.each(function(r){var i=e(this).css({});var s=e(this).find("ul:eq(0)").css({display:"block"});s.data("timers",{});this._dimensions={w:this.offsetWidth,h:this.offsetHeight,subulw:s.outerWidth(),subulh:s.outerHeight()};this.istopheader=i.parents("ul").length==1?true:false;s.css({top:this.istopheader&&t.orientation!="v"?this._dimensions.h+"px":0});i.children("a:eq(0)").css(this.istopheader?{paddingRight:n.arrowimages.down[2]}:{});if(n.shadow.enable){this._shadowoffset={x:this.istopheader?s.offset().left+n.shadow.offsetx:this._dimensions.w,y:this.istopheader?s.offset().top+n.shadow.offsety:i.position().top};if(this.istopheader)$parentshadow=e(document.body);else{var o=i.parents("li:eq(0)");$parentshadow=o.get(0).$shadow}this.$shadow=e('
').prependTo($parentshadow).css({left:this._shadowoffset.x+"px",top:this._shadowoffset.y+"px"})}i.hover(function(r){var o=s;var u=i.get(0);clearTimeout(o.data("timers").hidetimer);o.data("timers").showtimer=setTimeout(function(){u._offsets={left:i.offset().left,top:i.offset().top};var r=u.istopheader&&t.orientation!="v"?0:u._dimensions.w;r=u._offsets.left+r+u._dimensions.subulw>e(window).width()?u.istopheader&&t.orientation!="v"?-u._dimensions.subulw+u._dimensions.w:-u._dimensions.w:r;if(o.queue().length<=1){o.css({left:r+"px",width:u._dimensions.subulw+"px"}).animate({height:"show",opacity:"show"},ddsmoothmenu.transition.overtime);if(n.shadow.enable){var s=u.istopheader?o.offset().left+ddsmoothmenu.shadow.offsetx:r;var a=u.istopheader?o.offset().top+n.shadow.offsety:u._shadowoffset.y;if(!u.istopheader&&ddsmoothmenu.detectwebkit){u.$shadow.css({opacity:1})}u.$shadow.css({overflow:"",width:u._dimensions.subulw+"px",left:s+"px",top:a+"px"}).animate({height:u._dimensions.subulh+"px"},ddsmoothmenu.transition.overtime)}}},ddsmoothmenu.showhidedelay.showdelay)},function(e){var t=s;var r=i.get(0);clearTimeout(t.data("timers").showtimer);t.data("timers").hidetimer=setTimeout(function(){t.animate({height:"hide",opacity:"hide"},ddsmoothmenu.transition.outtime);if(n.shadow.enable){if(ddsmoothmenu.detectwebkit){r.$shadow.children("div:eq(0)").css({opacity:0})}r.$shadow.css({overflow:"hidden"}).animate({height:0},ddsmoothmenu.transition.outtime)}},ddsmoothmenu.showhidedelay.hidedelay)})});r.find("ul").css({display:"none",visibility:"visible"})},init:function(e){if(typeof e.customtheme=="object"&&e.customtheme.length==2){var t="#"+e.mainmenuid;var n=e.orientation=="v"?t:t+", "+t;document.write('")}this.shadow.enable=document.all&&!window.XMLHttpRequest?false:this.shadow.enable;jQuery(document).ready(function(t){if(typeof e.contentsource=="object"){ddsmoothmenu.getajaxmenu(t,e)}else{ddsmoothmenu.buildmenu(t,e)}})}} /*--------------------------------------*/ /* INICIALIZA O MENU /*--------------------------------------*/ ddsmoothmenu.init({ mainmenuid: "menu", orientation: 'h', classname: 'menu', contentsource: "markup" })
Host Instantly Drag and Drop Website Builder

 

Wed, 11/29/2017 - 11:19

Related Codes

Pen ID
Pen ID
Pen ID