76 lines
No EOL
2.5 KiB
CSS
76 lines
No EOL
2.5 KiB
CSS
.yui-navset .yui-content {
|
|
border:1px solid #ccc;
|
|
}
|
|
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
|
|
background-color:#fff;
|
|
}
|
|
|
|
.yui-navset .yui-nav li a {
|
|
background:#e5e5e5 url(../img/round_4px_trans_gray.gif) no-repeat;
|
|
}
|
|
.yui-navset .yui-nav li a em {
|
|
background:transparent url(../img/round_4px_trans_gray.gif) no-repeat top right;
|
|
padding:0.5em;
|
|
}
|
|
|
|
/* top oriented */
|
|
|
|
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
|
|
.yui-navset-top .yui-nav li a {
|
|
border-bottom:1px solid #ccc;
|
|
}
|
|
|
|
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
|
|
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
|
|
|
|
/* top & bottom oriented */
|
|
.yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
|
|
margin-left:4px; /* based on border-radius */
|
|
padding-right:8px; /* based on border-radius (2x left to balance margin) */
|
|
padding-left:4px;
|
|
}
|
|
|
|
/* bottom oriented */
|
|
|
|
.yui-navset-bottom .yui-nav { margin-top:-1px; } /* for overlap, based on content border-width */
|
|
.yui-navset-bottom .yui-nav li a { border-top:1px solid #ccc; }
|
|
|
|
.yui-navset-bottom .yui-nav .selected a { border-top:0; }
|
|
.yui-navset-bottom .yui-nav .selected a em { padding-top:0.6em; } /* adjust height */
|
|
|
|
.yui-navset-bottom .yui-nav li a { background-position:bottom left; }
|
|
.yui-navset-bottom .yui-nav li a em { background-position:bottom right; }
|
|
|
|
/* left oriented */
|
|
|
|
.yui-navset-left .yui-content { margin-left:-1px; } /* for overlap, based on content border-width */
|
|
|
|
.yui-navset-left .yui-nav li a {
|
|
border-right:1px solid #ccc;
|
|
padding-bottom:4px;
|
|
}
|
|
|
|
.yui-navset-left .yui-nav li a em, .yui-navset-right .yui-nav li a em {
|
|
padding-top:8px; /* based on border-radius (2x left to balance margin) */
|
|
}
|
|
|
|
.yui-navset-left .yui-nav .selected a { border-right:0; }
|
|
.yui-navset-left .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */
|
|
|
|
.yui-navset-left .yui-nav li a { background-position:bottom left; }
|
|
.yui-navset-left .yui-nav li a em { background-position:top left; }
|
|
|
|
/* right oriented */
|
|
|
|
.yui-navset-right .yui-content { margin-right:-1px; } /* for overlap, based on content border-width */
|
|
|
|
.yui-navset-right .yui-nav li a {
|
|
border-left:1px solid #ccc;
|
|
padding-bottom:4px;
|
|
}
|
|
|
|
.yui-navset-right .yui-nav .selected a { border-left:0; }
|
|
.yui-navset-right .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */
|
|
|
|
.yui-navset-right .yui-nav li a { background-position:bottom right; }
|
|
.yui-navset-right .yui-nav li a em { background-position:top right; } |