forked from Gitlink/forgeplus
1 line
1.9 KiB
CSS
1 line
1.9 KiB
CSS
.boxes{padding:15px 0}.boxes .roundBox{margin:20px auto;display:flex;justify-content:center}.boxes .roundBox>div{margin:0 30px}.boxes .pBox{width:400px;margin:40px auto 20px}.boxes .pBox .progress{width:360px;margin:0 auto;display:flex;background-color:#fafafa;border-radius:10px;height:7px}.boxes .pBox .progress span:first-child{border-radius:10px 0 0 10px}.boxes .pBox .progress span:last-child{border-radius:0 10px 10px 0}.boxes .pBox .progresstip{margin-top:15px;flex-wrap:wrap;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.boxes .pBox .progresstip>span{padding-left:15px;position:relative;min-width:33%;display:flex;justify-content:flex-start}.boxes .pBox .progresstip>span i.zero{display:block;border-radius:50%;height:8px;width:8px;margin-top:10px;margin-right:5px}.boxes .pBox .progresstip>span span{color:#666}.boxes .pBox .progresstip>span span:last-child{color:#999;margin-left:5px}.annulusBasics{width:74px;height:74px;position:relative;overflow:hidden;border-radius:50%;text-align:center;z-index:1}.centerCircle{position:absolute;z-index:10;border-radius:50%;width:60px;height:60px;background:#fff;transform:translate(7px,7px);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:20px;font-size:12px}.centerCircle .score{font-size:18px}.annulusOuter{position:absolute;top:0;left:0;width:74px;height:74px;border:12px solid #ff7f69;border-radius:50%}.leftRectangle{transform-origin:right}.leftRectangle,.rightRectangle{position:absolute;background:#ebeef5;width:37px;height:74px}.rightRectangle{transform-origin:left;left:37px;transform:rotate(0deg)}.repairAnnulus{position:absolute;width:74px;height:74px;z-index:20;border-radius:50%;box-sizing:content-box;border:20px solid #fff;top:-20px;left:-20px} |