10 lines
15 KiB
CSS
10 lines
15 KiB
CSS
|
/*!
|
||
|
|
* # Semantic UI 1.11.4 - Step
|
||
|
|
* http://github.com/semantic-org/semantic-ui/
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* Copyright 2014 Contributors
|
||
|
|
* Released under the MIT license
|
||
|
|
* http://opensource.org/licenses/MIT
|
||
|
|
*
|
||
|
|
*/.ui.steps .step{position:relative;display:table-cell;vertical-align:middle;margin:0;padding:.9285em 1.5em .9285em 2.25em;background:#fff;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px #d4d4d5;border-radius:0}.ui.steps .step:after{position:absolute;z-index:2;content:'';top:50%;right:0;border:none;background-color:#fff;width:1.5em;height:1.5em;border-bottom:1px solid rgba(39,41,43,.15);border-right:1px solid rgba(39,41,43,.15);-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps .step,.ui.steps .step:after{-webkit-transition:background-color .2s ease,opacity .2s ease,color .2s ease,box-shadow .2s ease;transition:background-color .2s ease,opacity .2s ease,color .2s ease,box-shadow .2s ease}.ui.steps{display:table;table-layout:fixed;background:0 0;box-shadow:'';line-height:1.142rem;box-sizing:border-box;border-radius:.2857rem}.ui.steps .step:first-child{padding-left:1.5em;border-radius:.2857rem 0 0 .2857rem}.ui.steps .step:last-child{border-radius:0 .2857rem .2857rem 0}.ui.steps .step:only-child{border-radius:.2857rem}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.steps .step .title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.0714em;font-weight:700}.ui.steps .step .description{font-weight:400;font-size:.9285em;color:rgba(0,0,0,.8)}.ui.steps .step .title~.description{margin-top:.1em}.ui.steps .step>.icon,.ui.steps .step>.icon~.content{display:table-cell;vertical-align:middle}.ui.steps .step>.icon{font-size:2em;margin:0;padding-right:.6em}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:table-cell;position:static;text-align:center;content:counters(ordered,".");vertical-align:middle;padding-right:.6em;font-size:2em;counter-increment:ordered}.ui.ordered.steps .step>*{display:table-cell;vertical-align:middle}.ui.vertical.steps{display:inline-block;overflow:visible}.ui.vertical.steps .step{display:block;border-radius:0;padding:.9285em 1.5em}.ui.vertical.steps .step:first-child{padding:.9285em 1.5em;border-radius:.2857rem .2857rem 0 0}.ui.vertical.steps .step:last-child{border-radius:0 0 .2857rem .2857rem}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .active.step:after{display:block}@media only screen and (max-width:767px){.ui.steps{overflow:visible}.ui.steps .step{display:block;border-radius:0;padding:.9285em 1.5em}.ui.steps .step:first-child{padding:.9285em 1.5em;border-radius:.2857rem .2857rem 0 0}.ui.steps .step:last-child{border-radius:0 0 .2857rem .2857rem}.ui.steps .step:after{display:none}}.ui.steps .link.step:hover,.ui.steps .link.step:hover::after,.ui.steps a.step:hover,.ui.steps a.step:hover::after{background:#fafafa;color:rgba(0,0,0,.8)}.ui.steps .link.step:active,.ui.steps .link.step:active::after,.ui.steps a.step:active,.ui.steps a.step:active::after{background:#f0f0f0;color:rgba(0,0,0,.8)}.ui.steps .step.active{cursor:auto;background:#f0f0f0}.ui.steps .step.active:after{background:#f0f0f0}.ui.steps .step.active .title{color:#009fda}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,.85)}.ui.steps .link.active.step:hover,.ui.steps .link.active.step:hover::after,.ui.steps a.active.step:hover,.ui.steps a.active.step:hover::after{cursor:pointer;background:#ececec;color:rgba(0,0,0,.8)}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{color:#5bbd72}.ui.steps .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .description,.ui.steps .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps .disabled.step:after{background:#fff}@media only screen and (min-width:992px){.ui[class*="tablet stackable"].steps{overflow:visible}.ui[class*="tablet stackable"].steps .step{display:block;border-radius:0;padding:.9285em 1.5em}.ui[class*="tablet stackable"].steps .step:first-child{padding:.9285em 1.5em;border
|