linkbutton.css
3.9 KB
.l-btn{text-decoration:none;display:inline-block;overflow:hidden;margin:0;padding:0 14px;cursor:pointer;outline:none;text-align:center;vertical-align:middle;line-height:33px;height:33px}.l-btn.easyui-fluid{padding:0}.l-btn-plain{border:1px solid transparent;padding:0px;padding:0 14px}.l-btn-left{display:inline-block;position:relative;overflow:hidden;margin:0;padding:0;vertical-align:top}.l-btn-text{display:inline-block;vertical-align:top;width:auto;line-height:33px;font-size:12px;padding:0;margin:0 4px}.l-btn-icon{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:50%;margin-top:-8px;font-size:1px}.l-btn span span .l-btn-empty{display:inline-block;margin:0;width:16px;height:24px;font-size:1px;vertical-align:top}.l-btn span .l-btn-icon-left{padding:0 0 0 20px;background-position:left center}.l-btn span .l-btn-icon-right{padding:0 20px 0 0;background-position:right center}.l-btn-icon-left .l-btn-text{margin:0 4px 0 24px}.l-btn-icon-left .l-btn-icon{left:4px}.l-btn-icon-right .l-btn-text{margin:0 24px 0 4px}.l-btn-icon-right .l-btn-icon{right:4px}.l-btn-icon-top .l-btn-text{margin:20px 4px 0 4px}.l-btn-icon-top .l-btn-icon{top:4px;left:50%;margin:0 0 0 -8px}.l-btn-icon-bottom .l-btn-text{margin:0 4px 20px 4px}.l-btn-icon-bottom .l-btn-icon{top:auto;bottom:4px;left:50%;margin:0 0 0 -8px}.l-btn-left .l-btn-empty{margin:0 4px;width:16px}.l-btn-plain:hover{padding:0 14px}.l-btn-focus{outline:#0000FF dotted thin}.l-btn.l-btn-large{height:auto}.l-btn-large .l-btn-text{line-height:40px}.l-btn-large .l-btn-icon{width:32px;height:32px;line-height:32px;margin-top:-16px}.l-btn-large .l-btn-icon-left .l-btn-text{margin-left:40px}.l-btn-large .l-btn-icon-right .l-btn-text{margin-right:40px}.l-btn-large .l-btn-icon-top .l-btn-text{margin-top:36px;line-height:24px;min-width:32px}.l-btn-large .l-btn-icon-top .l-btn-icon{margin:0 0 0 -16px}.l-btn-large .l-btn-icon-bottom .l-btn-text{margin-bottom:36px;line-height:24px;min-width:32px}.l-btn-large .l-btn-icon-bottom .l-btn-icon{margin:0 0 0 -16px}.l-btn-large .l-btn-left .l-btn-empty{margin:0 4px;width:32px}.l-btn{color:#000;background:#e8e8e8;background-repeat:repeat-x;border:1px solid #afafaf;background:-webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:-moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:-o-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#919191,endColorstr=#6a6a6a,GradientType=0);-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}.l-btn:hover{background:#f6f6f6;color:#000;border:1px solid #afafaf;filter:none}.l-btn-plain{background:transparent;border:1px solid transparent;filter:none}.l-btn-outline{border-width:1px;border-color:#555;padding:0}.l-btn-plain:hover{background:#f6f6f6;color:#000;border:1px solid #afafaf;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}.l-btn-disabled,.l-btn-disabled:hover{opacity:0.5;cursor:default;background:#e8e8e8;color:#bfbfbf;border:1px solid #cacaca;background:-webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:-moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:-o-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);background:linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8,endColorstr=#e8e8e8,GradientType=0)}.l-btn-disabled .l-btn-text,.l-btn-disabled .l-btn-icon{filter:alpha(opacity=50)}.l-btn-plain-disabled,.l-btn-plain-disabled:hover{background:transparent;filter:alpha(opacity=50)}.l-btn-selected,.l-btn-selected:hover{background:#1da02b;filter:none;color:#fff;border:1px solid #1da02b}.l-btn-plain-selected,.l-btn-plain-selected:hover{background:#1da02b;color:#fff;border:1px solid #1da02b}