22

✏️ Editing: jet-horizontal-timeline.css

.jet-hor-timeline{position:relative}.jet-hor-timeline--arrows-nav .jet-hor-timeline-inner{overflow:hidden}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:30px}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track::-webkit-scrollbar{height:8px;background:#EFEFF1;-webkit-border-radius:4px;border-radius:4px}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track::-webkit-scrollbar-button{width:0;height:0}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track::-webkit-scrollbar-thumb{background-color:#34314B;border:none;-webkit-border-radius:4px;border-radius:4px}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track::-webkit-scrollbar-track{border:none;background:transparent}.jet-hor-timeline--scroll-bar .jet-hor-timeline-track::-webkit-scrollbar-corner{background:transparent}.jet-hor-timeline--arrows-nav .jet-hor-timeline-track{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;-o-transition:transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.jet-hor-timeline-list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.jet-hor-timeline-list--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.jet-hor-timeline-list--middle{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.jet-hor-timeline-list--bottom{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.jet-hor-timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-left:15px;padding-right:15px;-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.jet-hor-timeline-list--top .jet-hor-timeline-item{padding-top:15px}.jet-hor-timeline-list--bottom .jet-hor-timeline-item{padding-bottom:15px}.jet-hor-timeline-item__card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-width:1px;background-color:#f8f8f8;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-list--top .jet-hor-timeline-item__card{margin-bottom:30px}.jet-hor-timeline-list--bottom .jet-hor-timeline-item__card{margin-top:30px}.jet-hor-timeline-item__card-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:30px;overflow:hidden;z-index:1;background-color:#f8f8f8;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-item__card-img{margin-bottom:10px}.jet-hor-timeline-item__card-img img{vertical-align:top}.jet-hor-timeline-item__card-title{margin:0 0 10px;padding:0;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-item__card-btn-wrap{margin-top:15px}.jet-hor-timeline-item__card-arrow{position:absolute;width:20px;height:20px;border-width:1px;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline .jet-hor-timeline-item__card-arrow{-webkit-box-sizing:content-box;box-sizing:content-box}.jet-hor-timeline-item__card-arrow:before{content:'';display:block;width:100%;height:100%;background-color:#f8f8f8;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-list--top .jet-hor-timeline-item__card-arrow{top:100%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-left-color:transparent !important;border-top-color:transparent !important}.jet-hor-timeline-list--bottom .jet-hor-timeline-item__card-arrow{bottom:100%;-webkit-transform:translateY(50%) rotate(45deg);-ms-transform:translateY(50%) rotate(45deg);transform:translateY(50%) rotate(45deg);border-right-color:transparent !important;border-bottom-color:transparent !important}.jet-hor-timeline--align-left .jet-hor-timeline-item__card-arrow{left:20px}.jet-hor-timeline--align-right .jet-hor-timeline-item__card-arrow{right:20px}.jet-hor-timeline--align-center .jet-hor-timeline-item__card-arrow{left:50%}.jet-hor-timeline--align-center .jet-hor-timeline-list--top .jet-hor-timeline-item__card-arrow{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.jet-hor-timeline--align-center .jet-hor-timeline-list--bottom .jet-hor-timeline-item__card-arrow{-webkit-transform:translateX(-50%) translateY(50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(50%) rotate(45deg);transform:translateX(-50%) translateY(50%) rotate(45deg)}.jet-hor-timeline-item__meta{-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-list--top .jet-hor-timeline-item__meta{margin-bottom:15px}.jet-hor-timeline-list--bottom .jet-hor-timeline-item__meta{margin-top:15px}.jet-hor-timeline--align-left .jet-hor-timeline-item__meta{text-align:left;margin-right:auto}.jet-hor-timeline--align-center .jet-hor-timeline-item__meta{text-align:center;margin-left:auto;margin-right:auto}.jet-hor-timeline--align-right .jet-hor-timeline-item__meta{text-align:right;margin-left:auto}.jet-hor-timeline-item__point{z-index:1;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline-item__point-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;min-width:10px;min-height:10px;font-size:16px;color:#34314B;background-color:#EFEFF1;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.jet-hor-timeline--align-left .jet-hor-timeline-item__point-content{margin-left:10px;margin-right:auto}.jet-hor-timeline--align-center .jet-hor-timeline-item__point-content{margin-left:auto;margin-right:auto}.jet-hor-timeline--align-right .jet-hor-timeline-item__point-content{margin-left:auto;margin-right:10px}.jet-hor-timeline-item.is-active .jet-hor-timeline-item__point-content{background-color:#55cdff;color:#fff}.jet-hor-timeline__line{position:absolute;top:50%;height:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;background-color:#EFEFF1}.jet-hor-timeline__line-progress{width:0;height:100%;background-color:#55cdff;-webkit-transition:500ms ease;-o-transition:500ms ease;transition:500ms ease}.jet-hor-timeline .jet-arrow{position:absolute;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:999;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;width:36px;height:36px;-webkit-border-radius:50%;border-radius:50%;font-size:30px;line-height:1;background-color:#55cdff;color:#fff}.jet-hor-timeline .jet-arrow:before{line-height:0}.jet-hor-timeline .jet-arrow.jet-prev-arrow{left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.jet-hor-timeline .jet-arrow.jet-next-arrow{right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.jet-hor-timeline .jet-arrow.jet-arrow-disabled{opacity:.5;cursor:default;pointer-events:none}

MR SKB