update admin/css/pearStep.css.

就眠仪式 2020-07-20 23:58:45 +08:00 committed by Gitee
parent 585d3a326d
commit 0ed5eac768
1 changed files with 46 additions and 46 deletions

View File

@ -1,83 +1,83 @@
.lay-step { .lay-step {
font-size: 0; font-size: 0;
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
width: 60%; width: 60%;
padding-left: 15%; padding-left: 15%;
} }
.step-item { .step-item {
display: inline-block; display: inline-block;
line-height: 35px; line-height: 35px;
position: relative; position: relative;
font-size: 15px; font-size: 15px;
} }
.step-item-tail { .step-item-tail {
width: 100%; width: 100%;
padding: 0 10px; padding: 0 10px;
position: absolute; position: absolute;
left: 0; left: 0;
top: 13px; top: 13px;
} }
.step-item-tail i { .step-item-tail i {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 2px; height: 2px;
margin-top: 4px; margin-top: 4px;
vertical-align: top; vertical-align: top;
background: #5FB878; background: #5FB878;
position: relative; position: relative;
} }
.step-item-tail .step-item-tail-done { .step-item-tail .step-item-tail-done {
background: #5FB878; background: #5FB878;
height: 3px; height: 3px;
margin-top: 4px; margin-top: 4px;
} }
.step-item-head { .step-item-head {
position: relative; position: relative;
display: inline-block; display: inline-block;
height: 35px; height: 35px;
width: 35px; width: 35px;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
color: #5FB878; color: #5FB878;
border: 2px solid #5FB878; border: 2px solid #5FB878;
border-radius: 50%; border-radius: 50%;
background: #ffffff; background: #ffffff;
} }
.step-item-head.step-item-head-active { .step-item-head.step-item-head-active {
background: #5FB878; background: #5FB878;
color: #ffffff; color: #ffffff;
} }
.step-item-main { .step-item-main {
display: block; display: block;
position: relative; position: relative;
margin-left: -50%; margin-left: -50%;
margin-right: 50%; margin-right: 50%;
padding-left: 26px; padding-left: 26px;
text-align: center; text-align: center;
} }
.step-item-main-title { .step-item-main-title {
font-weight: bolder; font-weight: bolder;
color: #555555; color: #555555;
} }
.step-item-main-desc { .step-item-main-desc {
color: #aaaaaa; color: #aaaaaa;
} }
.lay-step + [carousel-item]:before { .lay-step+[carousel-item]:before {
display: none; display: none;
} }
.lay-step + [carousel-item] > * { .lay-step+[carousel-item]>* {
background-color: transparent; background-color: transparent;
} }