Built files from Bizgaze WebServer
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

MultiStep.min.css 5.2KB

12345
  1. [disabled="disabled"] {
  2. display: none;
  3. }
  4. .multi-step,.multi-step *{-webkit-box-sizing:border-box;box-sizing:border-box;}.multi-step ::after,.multi-step ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.multi-step .btn{-webkit-box-shadow:rgba(0,0,0,.16) 0 2px 5px 0,rgba(0,0,0,.12) 0 2px 10px 0;box-shadow:rgba(0,0,0,.16) 0 2px 5px 0,rgba(0,0,0,.12) 0 2px 10px 0;cursor:pointer;text-transform:uppercase;white-space:normal;overflow-wrap:break-word;color:#fff;line-height:1.5;-webkit-transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,-webkit-box-shadow .15s ease-in-out 0s;-o-transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s,-webkit-box-shadow .15s ease-in-out 0s;margin:.375rem;border-width:0;border-style:initial;border-color:initial;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;-webkit-border-radius:.125rem;border-radius:.125rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:.64rem;padding:.5rem 1.6rem}.multi-step .modal-header{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.multi-step .modal-header .modal-title{text-align:center;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;font-size:.8rem}.multi-step .modal-header .modal-steps{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:.3rem}.multi-step .modal-header .modal-steps .step{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.multi-step .modal-header .modal-steps .step:after,.multi-step .modal-header .modal-steps .step:before{position:absolute;border:1px solid;height:1px;display:block;z-index:1;top:11px;content:''}.multi-step .modal-header .modal-steps .step:first-child:after,.multi-step .modal-header .modal-steps .step:first-child:before{width:50%!important;left:unset;right:unset;-webkit-transform:translateX(51%);-ms-transform:translateX(51%);transform:translateX(51%)}.multi-step .modal-header .modal-steps .step:last-child:after,.multi-step .modal-header .modal-steps .step:last-child:before{width:50%!important;left:0}.multi-step .modal-header .modal-steps .step:before{width:100%}.multi-step .modal-header .modal-steps .step:after{width:0%;left:0;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.multi-step .modal-header .modal-steps .step.current:after{width:calc(50% - 10px);-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.multi-step .modal-header .modal-steps .step.current:first-child:after{width:0%!important;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.multi-step .modal-header .modal-steps .step.completed:after,.multi-step .modal-header .modal-steps .step.skipped:after{width:100%;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.multi-step .modal-header .modal-steps .step .dot{height:20px;width:20px;-webkit-border-radius:20px;border-radius:20px;display:inline-block;position:relative;top:.125em;z-index:2;margin:auto;border:1px solid}.multi-step .modal-header .modal-steps .step .dot:before{content:'';position:absolute;top:-1px;left:-1px;width:20px;height:20px;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);-webkit-border-radius:20px;border-radius:20px}.multi-step .modal-header .modal-steps .step .label{font-size:12px;display:block;margin:.5em 0;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.multi-step .modal-body .step-content-container{position:relative;height:100%}.multi-step .modal-body .step-content-container .step-content{display:none;position:relative;top:0;left:0;width:100%}.multi-step .modal-body .step-content-container .step-content .content-inner{position:relative}.multi-step .modal-body .step-content-container .step-content.active{display:inline-block}.multi-step .modal-footer .btn-prev{margin-right:auto}.multi-step .modal-footer .btn-skip{display:none}.multi-step .modal-footer .btn-skip.skippable{display:block}.multi-step .modal-footer .disabled,.multi-step .modal-footer :disabled{cursor:not-allowed}.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}.flex-center p{margin:0}.flex-center ul{text-align:center}.flex-center ul li{margin-bottom:1rem}.flex-center ul li:last-of-type{margin-bottom:0}