Posted By

jlizarraga on 03/13/09

Tagged

Versions (?)

Last Edited at 03/13/09 06:52pm

Statistics

Viewed 623 times

Favorited by 0 user(s)

Related snippets

YUI TabView Reset CSS

/ Published in: CSS

This is a CSS reset snippet for the default (yui-navset-top) style of YUI TabView 2.7.0. This snippet enables rapid TabView prototyping and makes it easy to overwrite the default style while still serving the main CSS from Yahoo!'s servers.

Note: Does not overwrite the :hover states. To do so, simply copy and paste a given block and add :hover on the end. :)

Update (05.07.09): Now includes the fix for the following 2.7.0 bug:

http://yuilibrary.com/projects/yui2/ticket/2527894

Highlighted TextExpand

/* YUI TabView Reset CSS */
/* TabView Nav */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
	border-width: 0;
}
/* <li>'s */
.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li {
	margin: 0 5px 0 5px;
	padding: 0;
	border-width: 0;
}
/* <li class="selected"> */
.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected {
	margin: 0 0 -1px 0;
	padding: 0;
	border-width: 0;
}
/* <li> <a>'s */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	margin: 0;
	padding: 0;
	border-width: 0;
	background: none;
}
/* <li class="selected"> <a> */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected a {
	margin: 0;
	padding: 0;
	border-width: 0;
	background: none;
}
/* <li> <a> <em>'s */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
	top: 0;
	margin: 0;
	padding: 0;
	border-width: 0;
	cursor: pointer;
}
/* <li class="selected"> <a> <em> */
.yui-skin-sam .yui-navset .yui-nav .selected a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected a em {
	top: 0;
	margin: 0;
	padding: 0;
	border-width: 0;
	cursor: pointer;
}
/* <div class="yui-content"> */
.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
	margin: 0;
	padding: 0px;
	border: 1px solid #c9c9c9;
	background: #f2f2f2;
}
/* YUI TabView 2.7.0 Bug Fix (#2527894) */
.yui-skin-sam .yui-navset .yui-content .yui-hidden,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content .yui-hidden {
	display: none;
}

URL: http://developer.yahoo.com/yui/tabview/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.