b0y-101 Mini Shell


Current Path : E:/www3/chiangrai/wp-content/plugins/gutentor/assets/css/widget/
File Upload :
Current File : E:/www3/chiangrai/wp-content/plugins/gutentor/assets/css/widget/progress-bar.css

.circular .gutentor-single-item-content{margin-top:20px}.gutentor-progressbar .progressbar-wrap{position:relative;clear:both;display:block;width:100%;overflow:hidden}.gutentor-progressbar .progressbar-wrap .progressbar{-webkit-transition:width 1.5s ease-in-out 0s;-o-transition:width 1.5s ease-in-out 0s;transition:width 1.5s ease-in-out 0s;display:inline-block;float:left;height:100%;width:0;padding-left:10px;padding-right:10px}.gutentor-progressbar .progressbar-wrap .progressbar[data-width='0.00'] .percent{padding-left:10px}.gutentor-progressbar .progressbar-wrap .progressbar.striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:20px 20px}.gutentor-progressbar .progressbar-wrap .progressbar.striped-animated{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:20px 20px}.gutentor-progressbar .progress-bar-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.gutentor-progressbar .progress-bar-text .gutentor-single-item-title{margin-right:auto}.gutentor-progressbar .progress-bar-text span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.gutentor-progressbar.progress-bar-template1 .gutentor-progressbar-circular,.gutentor-progressbar.gutentor-progress-bar-template1 .gutentor-progressbar-circular{display:block;position:relative;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.gutentor-progressbar.progress-bar-template1 .gutentor-progressbar-circular canvas,.gutentor-progressbar.gutentor-progress-bar-template1 .gutentor-progressbar-circular canvas{position:absolute;top:0;left:0}.gutentor-progressbar.progress-bar-template1 .gutentor-progressbar-circular .percent,.gutentor-progressbar.gutentor-progress-bar-template1 .gutentor-progressbar-circular .percent{display:inline-block;z-index:2}.gutentor-progressbar.progress-bar-template1 .gutentor-porgress-bar-item,.gutentor-progressbar.gutentor-progress-bar-template1 .gutentor-porgress-bar-item{text-align:center}.gutentor-progressbar.progress-bar-template1 .gutentor-single-item-content,.gutentor-progressbar.gutentor-progress-bar-template1 .gutentor-single-item-content{margin-top:15px}.gutentor-progressbar.progress-bar-template2 .progressbar-wrap,.gutentor-progressbar.progress-bar-template3 .progressbar-wrap,.gutentor-progressbar.progress-bar-template4 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template2 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template3 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template4 .progressbar-wrap{background-color:#eee;border-radius:4px}.gutentor-progressbar.progress-bar-template2 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template2 .progressbar-wrap{margin-bottom:20px}.gutentor-progressbar.progress-bar-template2 .progressbar-wrap .progressbar,.gutentor-progressbar.gutentor-progress-bar-template2 .progressbar-wrap .progressbar{background-color:#0d47a1;height:auto}.gutentor-progressbar.progress-bar-template2 .progressbar-wrap .progressbar span,.gutentor-progressbar.gutentor-progress-bar-template2 .progressbar-wrap .progressbar span{display:inline;-webkit-animation:show 0.35s forwards ease-in-out 0.5s;animation:show 0.35s forwards ease-in-out 0.5s}.gutentor-progressbar.progress-bar-template2 .progressbar-wrap .progressbar .gutentor-single-item-title,.gutentor-progressbar.gutentor-progress-bar-template2 .progressbar-wrap .progressbar .gutentor-single-item-title{display:inline;margin:0;clear:none;-webkit-animation:show 0.35s forwards ease-in-out 0.5s;animation:show 0.35s forwards ease-in-out 0.5s}.gutentor-progressbar.progress-bar-template3 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template3 .progressbar-wrap{margin-top:20px}.gutentor-progressbar.progress-bar-template4 .progressbar-wrap,.gutentor-progressbar.gutentor-progress-bar-template4 .progressbar-wrap{margin-top:15px;margin-bottom:15px}.gutentor-progressbar.progress-bar-template4 .progressbar-wrap .progressbar,.gutentor-progressbar.gutentor-progress-bar-template4 .progressbar-wrap .progressbar{height:10px}@-webkit-keyframes show{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes show{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes progress-bar-stripes{from{background-position:20px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:20px 0}to{background-position:0 0}}

Copyright © 2019 by b0y-101