tablist.css revision 56522c45e2b30dcf6faa97eb57206b22ae89b8fd
.yui3-tablist {
margin: 10px;
}
.yui3-tablist ul {
list-style-type: none;
margin: 0;
padding: 0;
zoom: 1; /* Clear the floated <LI> elements in IE */
}
.yui3-tablist ul:after { /* Clear the floated <LI> elements in Webkit, Opera and Gecko */
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.yui3-tablist .yui3-tab {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
border: solid 1px #000;
margin: 0 -1px -1px 0;
*position: relative; /* Necessary to get negative margins in IE */
}
.yui3-tablist .yui3-tab a {
display: block;
text-decoration: none;
color: #000;
background-color: #ccc;
padding: .25em .5em;
cursor: hand; /* Needed for IE 8, which by default renders the text selection cursor. */
}
.yui3-tablist .yui3-tab-selected a {
background-color: #fff;
border-bottom: 1px solid #fff;
margin: 0 0 -1px 0;
*position: relative; /* Necessary to get negative margins in IE */
}
.yui3-tablist .yui3-tab-focused a {
background-color: #99ccff;
border-color: #99ccff;
outline: none;
}
.yui3-tablist .yui3-tabpanel {
display: none;
background-color: #fff;
padding: 10px;
border: solid 1px #000;
}
.yui3-tablist .yui3-tabpanel-selected {
display: block;
}