m-steps.css
1.21 KB
.header-steps{width:735px;margin-top:30px}.steps{overflow:hidden}.steps ul{text-align:center}.steps li{float:left;height:34px!important;line-height:34px!important;background:#eee;color:#23ac38;font-size:14px;position:relative}.steps.col2 li{width:50%}.steps.col3 li{width:33.3%}.steps.col4 li{width:25%}.steps.col5 li{width:20%}.steps .steps-current{background:#23ac38;color:#fff}.steps .steps-error{background:#333;color:#fff}.steps li i{height:0;width:0;border-width:25px 0 25px 20px;border-color:transparent transparent transparent #fff;border-style:solid;position:absolute;top:-8px;right:-18px;z-index:1}.steps li em{height:0;width:0;border-width:25px 0 25px 20px;border-color:transparent transparent transparent #eee;border-style:solid;position:absolute;top:-8px;right:-13px;z-index:1}.steps .steps-current em{border-color:transparent transparent transparent #23ac38}.steps .steps-error em{border-color:transparent transparent transparent #333}.steps-num{display:inline-block;width:18px;height:18px;line-height:18px;font-size:12px;background:#fff;color:#79ac32;border-radius:100%;margin-right:5px;text-align:center}.steps-time .steps-current{color:#999;background:0 0}.steps-time li{background:0 0;line-height:1!important;padding-top:5px}