This is MooTabs! Using a slightly modified CSS file and Fx.Transitions.Back.easeOut as changeTransition

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;

}

.mootabs_title li {
	float: left;
	background-color: transparent;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

.mootabs_title li.active {
	border-top: 3px solid #55FF2A;
}

.mootabs_panel {
	display: none;
	position: relative;
	width: 100%;
	top: -1px;
	font-family: "Trebuchet MS";
	clear: both;
	color: #fff;
	overflow: auto;
	text-align:left;
	padding: 3px;
}

.mootabs_panel.active {
	background-color: #272822;
	display: block;

}

.mootabs_title li.over {
	border-top: 3px solid #30DA06;
}

Demo: http://www.silverscripting.com/mootabs/style2.html
Download: http://www.silverscripting.com/mootabs/mootabs1.1.style2.css
Source: http://www.silverscripting.com/mootabs/style2.html

Related Listings:

1. MooTabs with Ajax MooTabs is a tiny(3kb) class for MooTools. As the...
2. Sliding Tabs using Moo Tools Plugin The script relies on width and height of tabs and...
3. Pamoorama – Image Moo tools plugin Pamoorama is a simple script that aims at spicing up...
4. ElementFilter – Moo Tools Plugin My new MooTools plugin, ElementFilter, provides a great way for...
5. Zapatec Ajax Tabs * This demo uses the Zapatec AJAX Transport layer to...

Do you like this post?

Email: