/*++++++++ A ++++++++++*/ .toolbar-A { padding: 3px; font-size: 13px; font-family: Tahoma, Verdana, 微软雅黑,新宋体, Helvetica, Arial, sans-serif; } .toolbar-A-director { float: left; width: 1px; background-color: #c8b1b1; border-left: 1px solid #dcdceb; border-right: 1px solid #dcdceb; height: 22px; margin: 3px 3px 0px 2px; } .toolbar-A-btn-outer { padding-right: 5px; text-decoration: none; color: #777; background: transparent; } .toolbar-A-btn { border: 1px solid #ccc; border-radius: 3px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background: -moz-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2)); background: -o-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2)); background: -ms-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2)); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f7f7f7, endcolorstr=#f2f2f2, gradientType=0); height: 24px; padding: 1px 8px; cursor: pointer; line-height: 23px; display: inline-block; color: #444; white-space: nowrap; } .toolbar-A-btn:hover { border: 1px solid #76B4AC; color: black; } .toolbar-A-btn-icon { font-size: 16px; } .toolbar-A-btn-content { background-position: left center; display: inline-block; vertical-align: baseline; margin-left: 2px; background-repeat: no-repeat; } /*++++++++ B ++++++++++*/ .toolbar-B { height: 100%; padding: 0px; margin: 0px; border: 0; } .toolbar-B-btn { height: 100%; float: left; cursor: pointer; } .toolbar-B-btn:hover { background-color: #10ae99; } .toolbar-B-btn-text { margin-left: 10px; } .toolbar-B-btn-image { margin-left: 5px; vertical-align: middle; } /*++++++++ C ++++++++++*/ .toolbar-C { height: 100%; padding: 0px; margin: 0px; border: 0; } .toolbar-C-btn { height: 100%; width: 7.6%; float: left; cursor: pointer; text-align: center; overflow: hidden; } .toolbar-C-btn:hover { background-color: #4b9ac6; } .toolbar-C-btn-text { width: 100%; margin-top: 2px; } .toolbar-C-btn-icon { width: 100%; }