1 line
14 KiB
CSS
1 line
14 KiB
CSS
|
.timeline,.timeline>li{list-style:none}.timeline{position:relative;display:block;margin:0;padding:10px 0}.timeline:after,.timeline:before{content:' ';display:table}.timeline:after{clear:both}.timeline>li:nth-child(even){float:left;clear:left}.timeline>li:nth-child(odd){float:right;clear:right}.timeline .media{border-bottom:1px solid #EEE;font-size:13px}.timeline .media p{font-size:13px}.timeline .media:last-child{border-bottom:0}.timeline-line+.timeline-item{margin-top:-20px}.timeline-group{display:block;position:relative;margin:20px 0;text-align:center;float:none!important;z-index:1}.timeline-poster{margin-top:-20px}.timeline-poster .btn-link{color:#A1AAB0}.timeline-poster .btn-link.active,.timeline-poster .btn-link:active,.timeline-poster .btn-link:focus,.timeline-poster .btn-link:hover{color:#3E5771}#timeline.timeline-center .timeline-line{display:inline-block;position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#DDD;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#timeline.timeline-center .timeline-item{position:relative;display:inline-block;width:50%;padding:0 50px 35px}#timeline.timeline-center .timeline-item:nth-child(even):after,#timeline.timeline-center .timeline-item:nth-child(even):before,#timeline.timeline-center .timeline-item:nth-child(odd):after,#timeline.timeline-center .timeline-item:nth-child(odd):before{top:20px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;position:absolute;content:'';z-index:1}#timeline.timeline-center .timeline-item:nth-child(even){padding:0 35px 50px 0}#timeline.timeline-center .timeline-item:nth-child(even):after{right:25px;border-left:11px solid #FFF}#timeline.timeline-center .timeline-item:nth-child(even):before{right:24px;border-left:12px solid #CCC}#timeline.timeline-center .timeline-item:nth-child(even)>.timeline-badge{right:-20px}#timeline.timeline-center .timeline-item:nth-child(odd){padding:0 0 50px 35px}#timeline.timeline-center .timeline-item:nth-child(odd):after{left:25px;border-right:11px solid #FFF}#timeline.timeline-center .timeline-item:nth-child(odd):before{left:24px;border-right:12px solid #CCC}#timeline.timeline-center .timeline-item:nth-child(odd)>.timeline-badge{left:-20px}#timeline.timeline-center .timeline-item>.timeline-badge{position:absolute;top:12px;z-index:1}#timeline.timeline-center .timeline-item>.timeline-badge>span{display:inline-block;width:40px;height:40px;border-radius:50%;text-align:center;text-decoration:none;-webkit-transition:all ease .3s;transition:all ease .3s}#timeline.timeline-center .timeline-item>.timeline-badge>span i{color:#FFF;font-size:1.6rem;display:block;line-height:40px;top:0}#timeline.timeline-center .timeline-item>.timeline-badge>a.active,#timeline.timeline-center .timeline-item>.timeline-badge>span:active,#timeline.timeline-center .timeline-item>.timeline-badge>span:focus,#timeline.timeline-center .timeline-item>.timeline-badge>span:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#timeline.timeline-center .timeline-item>.timeline-panel{position:relative;background-color:#FFF;border:1px solid #DDD;border-radius:4px}#timeline.timeline-center .timeline-item>.timeline-panel:hover .timeline-actions{display:block}#timeline.timeline-right .timeline-line{display:inline-block;position:absolute;top:0;bottom:0;right:12px;width:2px;background-color:#DDD;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#timeline.timeline-right .timeline-group{text-align:right}#timeline.timeline-right .timeline-item{position:relative;display:inline-block;width:100%;padding:0 43px 35px 0}#timeline.timeline-right .timeline-item:after{content:'';position:absolute;right:33px;top:21px;width:0;height:0;z-index:1;border-top:11px solid #F8F8F8;border-bottom:11px solid #F8F8F8;border-left:11px solid #FFF}#timeline.timeline-right .timeline-item:before{content:'';position:absolute;right:32px;top:20px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparen
|