121 lines
8.0 KiB
CSS
121 lines
8.0 KiB
CSS
|
.pk-timeline {
|
||
|
position: relative; }
|
||
|
|
||
|
.pk-timeline::before {
|
||
|
content: '';
|
||
|
width: 2px;
|
||
|
background-color: #eceeef;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
left: 2rem; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-timeline::before {
|
||
|
left: 50%; } }
|
||
|
|
||
|
.pk-tl-block {
|
||
|
position: relative;
|
||
|
padding: 1.5rem;
|
||
|
padding-left: 2rem;
|
||
|
margin-bottom: 1.5rem; }
|
||
|
.pk-tl-block::after {
|
||
|
display: block;
|
||
|
content: "";
|
||
|
clear: both; }
|
||
|
.pk-tl-block:last-child {
|
||
|
margin-bottom: 0; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-block {
|
||
|
padding-left: 1.5rem;
|
||
|
margin-bottom: 0; } }
|
||
|
|
||
|
.pk-tl-icon {
|
||
|
width: 50px;
|
||
|
height: 50px;
|
||
|
line-height: 40px;
|
||
|
text-align: center;
|
||
|
color: #fff;
|
||
|
font-size: 1.13rem;
|
||
|
font-weight: 600;
|
||
|
border-radius: 500px;
|
||
|
background: #60c84c;
|
||
|
border: 5px solid #fff;
|
||
|
box-shadow: 0 0 1px #ddd;
|
||
|
position: absolute;
|
||
|
top: 1.5rem;
|
||
|
left: 9px; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-icon {
|
||
|
top: calc(50% - 25px);
|
||
|
left: calc(50% - 25px); } }
|
||
|
|
||
|
.pk-tl-info {
|
||
|
position: absolute;
|
||
|
top: 1.5rem;
|
||
|
left: 170px; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-info {
|
||
|
top: calc(50% - 25px);
|
||
|
left: calc(50% + 50px); }
|
||
|
.pk-tl-block:nth-child(odd) .pk-tl-info {
|
||
|
right: calc(50% + 50px);
|
||
|
left: auto; } }
|
||
|
|
||
|
.pk-tl-content {
|
||
|
position: relative;
|
||
|
background: #fff;
|
||
|
border-radius: 0.25rem;
|
||
|
border: 1px solid #eceeef;
|
||
|
box-shadow: 0 0 12px #eee;
|
||
|
padding: .5rem;
|
||
|
margin-left: 1.5rem;
|
||
|
margin-top: 50px; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-content {
|
||
|
width: 43%;
|
||
|
margin: 0; }
|
||
|
.pk-tl-block:nth-child(odd) .pk-tl-content {
|
||
|
float: right; } }
|
||
|
|
||
|
.pk-tl-avatar {
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
padding: 5px;
|
||
|
background: #fff;
|
||
|
border: 1px solid #eceeef;
|
||
|
border-radius: 0.25rem;
|
||
|
position: absolute;
|
||
|
top: -50px;
|
||
|
left: 20px; }
|
||
|
.pk-tl-avatar img {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
border-radius: 0.25rem; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-avatar {
|
||
|
top: calc(50% - 40px);
|
||
|
right: -35px;
|
||
|
left: auto; }
|
||
|
.pk-tl-block:nth-child(odd) .pk-tl-avatar {
|
||
|
left: -35px;
|
||
|
right: auto; } }
|
||
|
|
||
|
.pk-tl-content-text {
|
||
|
background: #f7f7f9;
|
||
|
min-height: 100px;
|
||
|
border-radius: 0.25rem;
|
||
|
padding: 2.5rem 1.5rem 1.5rem; }
|
||
|
.pk-tl-content-text p:last-child {
|
||
|
margin-bottom: 0; }
|
||
|
@media (min-width: 768px) {
|
||
|
.pk-tl-content-text {
|
||
|
padding: 1.5rem 3.5rem 1.5rem 1.5rem; }
|
||
|
.pk-tl-block:nth-child(odd) .pk-tl-content-text {
|
||
|
padding: 1.5rem 1.5rem 1.5rem 3.5rem; } }
|
||
|
|
||
|
.pk-tl-content-media img {
|
||
|
max-width: 100%;
|
||
|
height: auto; }
|
||
|
|
||
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbWVsaW5lLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLG1CQUFtQixFQUFFOztBQUV2QjtFQUNFLFlBQVk7RUFDWixXQUFXO0VBQ1gsMEJBQTBCO0VBQzFCLG1CQUFtQjtFQUNuQixPQUFPO0VBQ1AsVUFBVTtFQUNWLFdBQVcsRUFBRTtFQUNiO0lBQ0U7TUFDRSxVQUFVLEVBQUUsRUFBRTs7QUFFcEI7RUFDRSxtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixzQkFBc0IsRUFBRTtFQUN4QjtJQUNFLGVBQWU7SUFDZixZQUFZO0lBQ1osWUFBWSxFQUFFO0VBQ2hCO0lBQ0UsaUJBQWlCLEVBQUU7RUFDckI7SUFDRTtNQUNFLHFCQUFxQjtNQUNyQixpQkFBaUIsRUFBRSxFQUFFOztBQUUzQjtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLGlCQUFpQjtFQUNqQixxQkFBcUI7RUFDckIsb0JBQW9CO0VBQ3BCLHVCQUF1QjtFQUN2Qix5QkFBeUI7RUFDekIsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixVQUFVLEVBQUU7RUFDWjtJQUNFO01BQ0Usc0JBQXNCO01BQ3RCLHVCQUF1QixFQUFFLEVBQUU7O0FBRWpDO0VBQ0UsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixZQUFZLEVBQUU7RUFDZDtJQUNFO01BQ0Usc0JBQXNCO01BQ3RCLHVCQUF1QixFQUFFO01BQ3pCO1FBQ0Usd0JBQXdCO1FBQ3hCLFdBQVcsRUFBRSxFQUFFOztBQUV2QjtFQUNFLG1CQUFtQjtFQUNuQixpQkFBaUI7RUFDakIsdUJBQXVCO0VBQ3ZCLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsZUFBZTtFQUNmLG9CQUFvQjtFQUNwQixpQkFBaUIsRUFBRTtFQUNuQjtJQUNFO01BQ0UsV0FBVztNQUNYLFVBQVUsRUFBRTtNQUNaO1FBQ0UsYUFBYSxFQUFFLEVBQUU7O0FBRXpCO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYixhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLDBCQUEwQjtFQUMxQix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxXQUFXLEVBQUU7RUFDYjtJQUNFLFlBQVk7SUFDWixhQUFhO0lBQ2IsdUJBQXVCLEVBQUU7RUFDM0I7SUFDRTtNQUNFLHNCQUFzQjtNQUN0QixhQUFhO01BQ2IsV0FBVyxFQUFFO01BQ2I7UUFDRSxZQUFZO1FBQ1osWUFBWSxFQUFFLEVBQUU7O0FBRXhCO0VBQ0Usb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQix1QkFBdUI7RUFDdkIsOEJBQThCLEVBQUU7RUFDaEM7SUFDRSxpQkFBaUIsRUFBRTtFQUNyQjtJQUNFO01BQ0UscUNBQXFDLEVBQUU7TUFDdkM7UUFDRSxxQ0FBcUMsRUFBRSxFQUFFOztBQUVqRDtFQUNFLGdCQUFnQjtFQUNoQixhQUFhLEVBQUUiLCJmaWxlIjoicGFnZXMvdGltZWxpbmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBrLXRpbWVsaW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi5way10aW1lbGluZTo6YmVmb3JlIHtcbiAgY29udGVudDogJyc7XG4gIHdpZHRoOiAycHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlY2VlZWY7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDJyZW07IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLnBrLXRpbWVsaW5lOjpiZWZvcmUge1xuICAgICAgbGVmdDogNTAlOyB9IH1cblxuLnBrLXRsLWJsb2NrIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIHBhZGRpbmctbGVmdDogMnJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtOyB9XG4gIC5way10bC1ibG9jazo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgY2xlYXI6IGJvdGg7IH1cbiAgLnBrLXRsLWJsb2NrOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLnBrLXRsLWJsb2NrIHtcbiAgICAgIHBhZGRpbmctbGVmdDogMS41cmVtO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDsgfSB9XG5cbi5way10bC1pY29uIHtcbiAgd2lkdGg6IDUwcHg7XG4gIGhlaWdodDogNTBweDtcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMS4xM3JlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgYm9yZGVyLXJhZGl1czogNTAwcHg7XG4gIGJhY2tncm91bmQ6ICM2MGM4NGM7XG4gIGJvcmRlcjogNXB4IHNvbGlkICNmZmY7XG4gIGJveC1zaGFkb3c6IDAgMCAxcHggI2RkZDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEuNXJlbTtcbiAgbGVmdDogOXB4OyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIC5way10bC1pY29uIHtcbiAgICAgIHRvcDogY2FsYyg1MCUgLSAyNXB4KTtcbiAgICAgIGxlZnQ6IGNhbGMoNTAlIC0gMjVweCk7IH0gfVxuXG4ucGstdGwtaW5mbyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjVyZW07XG4gIGxlZnQ6IDE3MHB4OyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIC5way10bC1pbmZvIHtcbiAgICAgIHRvcDogY2FsYyg1MCUgLSAyNXB4KTtcbiAgICAgIGxlZnQ6IGNhbGMoNTAlICsgNTBweCk7IH1cbiAgICAgIC5way10bC1ibG9jazpudGgtY2hpbGQob2RkKSAucGstdGwtaW5mbyB7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDUwcHgpO1xuICAgICAgICBsZWZ0OiBhdXRvOyB9IH1cblxuLnBrLXRsLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlY2VlZWY7XG4gIGJveC1zaGFkb3c6IDAgMCAxMnB4ICNlZWU7XG4gIHBhZGRpbmc6IC41cmVtO1xuICBtYXJnaW4tbGVmdDogMS41cmVtO1xuICBtYXJnaW4tdG9wOiA1MHB4OyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIC5way10bC1jb250ZW50IHtcbiAgICAgIHdpZHRoOiA0MyU7XG4gICAgICBtYXJnaW46
|