#timeline{position:relative;width:100%;margin:35px 0 15px}#timeline .post{margin:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:none}.container{width:98%;margin:0 auto}#timeline:before{content:'';position:absolute;top:0;left:18px;height:100%;width:1px;background:linear-gradient(to top,#1a80ea,red,#1a80ea,red,#1a80ea,red)}.timeline-block{position:relative}.timeline-block:after{content:"";display:table;clear:both}.timeline-block:first-child{margin-top:0}.timeline-block:last-child{margin-bottom:0}.timeline-time{position:absolute;top:0;left:0;background:var(--be-bg-white);width:40px;height:40px;font-size:20px;font-size:2rem;font-weight:700;text-align:center;line-height:54px;z-index:2;border-radius:50%;border:1px solid #999}.timeline-block:nth-child(even) .timeline-time{border:2px solid #4d8cb8}.timeline-content{position:relative;background:var(--be-bg-white);margin:0 0 10px 60px;padding:15px 20px;color:#777;text-align:justify;border-radius:8px;box-shadow:0 0 0 1px var(--be-shadow)}.timeline-meta{margin:5px 0 0}.timeline_meta_r{float:right}.timeline-meta .comment{margin:0 0 0 5px}.timeline-meta,.timeline-meta a{color:#999}.timeline-meta .no-comment{display:none}.timeline-content:after{content:"";display:table;clear:both}.timeline-content h2{font-size:16px;font-size:1.6rem;margin:0 0 7px}.timeline-content .date{font-weight:700;color:#666;display:inline-block;font-size:14px;font-size:1.4rem;float:left;padding:10px 0}.timeline-content .jt{position:absolute;top:20px;height:1px;width:28px;right:100%;background:linear-gradient(to right,red,#1a80ea)}.timeline-thum{width:100px;height:75px;margin:5px 10px 0 0;border-radius:5px}.timeline-content .date{position:absolute;top:-40px;left:10px;font-size:14px;font-size:1.4rem}@media only screen and (min-width:900px){#timeline{margin:15px 0}#timeline:before{left:50%;margin-left:-1px}.timeline-content{margin-left:0;width:45%}.timeline-time{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.timeline-content .date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1.6rem}.timeline-block:nth-child(odd) .timeline-content .jt{top:28px;left:100%}.timeline-block:nth-child(even) .timeline-content .jt{top:28px;right:100%}.timeline-block:nth-child(even) .timeline-content{float:right}.timeline-block:nth-child(even) .timeline-content:before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#fff}.timeline-block:nth-child(even) .timeline-content .date{left:auto;right:122%;text-align:right}}@media only screen and (max-width:900px){.timeline-content{margin:0 0 35px 60px}.timeline-time{font-size:14px;font-size:1.4rem;line-height:35px}}.night .jt,.night #timeline:before{background:#262626}