/ 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
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
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* 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/