tabview-core.css
133 lines
| 3.2 KiB
| text/css
|
CssLexer
r547 | /* | |||
Copyright (c) 2009, Yahoo! Inc. All rights reserved. | ||||
Code licensed under the BSD License: | ||||
http://developer.yahoo.net/yui/license.txt | ||||
version: 2.8.0r4 | ||||
*/ | ||||
/* default space between tabs */ | ||||
.yui-navset .yui-nav li, | ||||
.yui-navset .yui-navset-top .yui-nav li, | ||||
.yui-navset .yui-navset-bottom .yui-nav li { | ||||
margin:0 0.5em 0 0; /* horizontal tabs */ | ||||
} | ||||
.yui-navset-left .yui-nav li, | ||||
.yui-navset-right .yui-nav li { | ||||
margin:0 0 0.5em; /* vertical tabs */ | ||||
} | ||||
.yui-navset .yui-content .yui-hidden { | ||||
/* absolute position off-screen and box collapsing used to | ||||
avoid display:none, which causes issues for some content (firefox | ||||
restarts flash movies) */ | ||||
border:0; | ||||
height:0; | ||||
width:0; | ||||
padding:0; | ||||
position:absolute; | ||||
left:-999999px; | ||||
overflow:hidden; | ||||
visibility:hidden; | ||||
} | ||||
/* default width for side tabs */ | ||||
.yui-navset .yui-navset-left .yui-nav, | ||||
.yui-navset .yui-navset-right .yui-nav, | ||||
.yui-navset-left .yui-nav, | ||||
.yui-navset-right .yui-nav { width:6em; } | ||||
.yui-navset-top .yui-nav, | ||||
.yui-navset-bottom .yui-nav { | ||||
width:auto; | ||||
} | ||||
.yui-navset .yui-navset-left, | ||||
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */ | ||||
.yui-navset-right { padding:0 6em 0 0; } /* ditto */ | ||||
.yui-navset-top, | ||||
.yui-navset-bottom { | ||||
padding:auto; | ||||
} | ||||
/* core */ | ||||
.yui-nav, | ||||
.yui-nav li { | ||||
margin:0; | ||||
padding:0; | ||||
list-style:none; | ||||
} | ||||
.yui-navset li em { font-style:normal; } | ||||
.yui-navset { | ||||
position:relative; /* contain absolute positioned tabs (left/right) */ | ||||
zoom:1; | ||||
} | ||||
.yui-navset .yui-content, | ||||
.yui-navset .yui-content div { | ||||
zoom:1; | ||||
} | ||||
.yui-navset .yui-content:after { | ||||
content:''; | ||||
display:block; | ||||
clear:both; | ||||
} | ||||
.yui-navset .yui-nav li, | ||||
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */ | ||||
.yui-navset .yui-navset-bottom .yui-nav li { | ||||
display:inline-block; | ||||
display:-moz-inline-stack; | ||||
*display:inline; /* IE */ | ||||
vertical-align:bottom; /* safari: for overlap */ | ||||
cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ | ||||
zoom:1; /* IE: kill space between horizontal tabs */ | ||||
} | ||||
.yui-navset-left .yui-nav li, | ||||
.yui-navset-right .yui-nav li { | ||||
display:block; | ||||
} | ||||
.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */ | ||||
.yui-navset .yui-nav li a, | ||||
.yui-navset-top .yui-nav li a, | ||||
.yui-navset-bottom .yui-nav li a { | ||||
display:block; | ||||
display:inline-block; | ||||
vertical-align:bottom; /* safari: for overlap */ | ||||
zoom:1; | ||||
} | ||||
.yui-navset-left .yui-nav li a, | ||||
.yui-navset-right .yui-nav li a { | ||||
display:block; | ||||
} | ||||
.yui-navset-bottom .yui-nav li a { | ||||
vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */ | ||||
} | ||||
.yui-navset .yui-nav li a em, | ||||
.yui-navset-top .yui-nav li a em, | ||||
.yui-navset-bottom .yui-nav li a em { display:block; } | ||||
/* position left and right oriented tabs */ | ||||
.yui-navset .yui-navset-left .yui-nav, | ||||
.yui-navset .yui-navset-right .yui-nav, | ||||
.yui-navset-left .yui-nav, | ||||
.yui-navset-right .yui-nav { | ||||
position:absolute; | ||||
z-index:1; | ||||
} | ||||
.yui-navset-top .yui-nav, | ||||
.yui-navset-bottom .yui-nav { | ||||
position:static; | ||||
} | ||||
.yui-navset .yui-navset-left .yui-nav, | ||||
.yui-navset-left .yui-nav { left:0; right:auto; } | ||||
.yui-navset .yui-navset-right .yui-nav, | ||||
.yui-navset-right .yui-nav { right:0; left:auto; } | ||||