Return to Snippet

Revision: 12441
at May 7, 2009 17:00 by jlizarraga


Updated Code
/* 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;
}

Revision: 12440
at May 7, 2009 16:58 by jlizarraga


Updated Code
/* 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;
}

Revision: 12439
at March 13, 2009 18:52 by jlizarraga


Initial Code
/* 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;
}

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

Initial Description
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

Initial Title
YUI TabView Reset CSS

Initial Tags
css

Initial Language
CSS