155 lines
3.0 KiB
CSS
155 lines
3.0 KiB
CSS
.sbPlaceHolder
|
|
{
|
|
display:inline;
|
|
width:90px;
|
|
height:23px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sbLink
|
|
{
|
|
vertical-align:top;
|
|
}
|
|
|
|
a.l-btn{
|
|
color:#444;
|
|
font-size:12px;
|
|
text-decoration:none;
|
|
display:inline-block;
|
|
zoom:1;
|
|
height:24px;
|
|
padding-right:18px;
|
|
cursor:pointer;
|
|
outline:none;
|
|
}
|
|
a.l-btn-plain{
|
|
background:transparent;
|
|
padding-right:5px;
|
|
border:1px solid transparent;
|
|
_border:0px solid #efefef;
|
|
_padding:1px 6px 1px 1px;
|
|
}
|
|
|
|
a.l-btn-disabled{
|
|
color:#ccc;
|
|
opacity:0.5;
|
|
filter:alpha(opacity=50);
|
|
cursor:default;
|
|
}
|
|
a.l-btn span.l-btn-left{
|
|
display:block;
|
|
padding:4px 0px 4px 18px;
|
|
line-height:16px;
|
|
}
|
|
a.l-btn-plain span.l-btn-left{
|
|
background:transparent;
|
|
padding-left:5px;
|
|
}
|
|
|
|
a.l-btn span span.l-btn-text{
|
|
display:inline-block;
|
|
height:16px;
|
|
line-height:16px;
|
|
padding:0px;
|
|
}
|
|
a.l-btn span span span.l-btn-empty{
|
|
display:inline-block;
|
|
padding:0px;
|
|
width:16px;
|
|
}
|
|
a:hover.l-btn{
|
|
background-position: bottom right;
|
|
outline:none;
|
|
}
|
|
|
|
a:hover.l-btn-plain{
|
|
border:1px solid #4b4b6f;
|
|
background:url('images/splitbutton_hover.png') repeat-x left bottom;
|
|
_padding:0px 5px 0px 0px;
|
|
}
|
|
a:hover.l-btn-disabled{
|
|
background-position:top right;
|
|
}
|
|
a:hover.l-btn-disabled span.l-btn-left{
|
|
background-position:top left;
|
|
}
|
|
|
|
.menu{
|
|
position:absolute;
|
|
background:#f0f0f0 url('images/splitbutton_menu.gif') repeat-y;
|
|
margin:0;
|
|
padding:2px;
|
|
border:1px solid #ccc;
|
|
overflow:hidden;
|
|
}
|
|
.menu-item{
|
|
position:relative;
|
|
margin:0;
|
|
padding:0;
|
|
height:22px;
|
|
line-height:20px;
|
|
overflow:hidden;
|
|
font-size:12px;
|
|
cursor:pointer;
|
|
border:1px solid transparent;
|
|
_border:1px solid #f0f0f0;
|
|
}
|
|
.menu-text{
|
|
position:absolute;
|
|
left:28px;
|
|
top:0px;
|
|
}
|
|
.menu-icon{
|
|
position:absolute;
|
|
width:16px;
|
|
height:16px;
|
|
top:3px;
|
|
left:2px;
|
|
}
|
|
|
|
|
|
.menu-active{
|
|
border:1px solid #7eabcd;
|
|
background:#fafafa;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
.menu-shadow{
|
|
position:absolute;
|
|
background:#ddd;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
|
|
}
|
|
|
|
.s-btn-downarrow{
|
|
display:inline-block;
|
|
width:16px;
|
|
background:url('images/splitbutton_downarrow.png') no-repeat 4px 0px;
|
|
}
|
|
|
|
a.s-btn-active{
|
|
background-position: bottom right;
|
|
}
|
|
a.s-btn-active span.l-btn-left{
|
|
background-position: bottom left;
|
|
}
|
|
a.s-btn-active .s-btn-downarrow{
|
|
background:url('images/splitbutton_downarrow.png') no-repeat 4px -18px;
|
|
}
|
|
a:hover.l-btn .s-btn-downarrow{
|
|
background:url('images/splitbutton_downarrow.png') no-repeat 4px -18px;
|
|
}
|
|
|
|
a.s-btn-plain-active{
|
|
background:transparent;
|
|
border:1px solid #7eabcd;
|
|
_padding:0px 5px 0px 0px;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
a.s-btn-plain-active .s-btn-downarrow{
|
|
background:url('images/splitbutton_downarrow.png') no-repeat 4px -18px;
|
|
} |