|
.tm-timeline { |
|
position: relative; |
|
} |
|
.container { |
|
margin-top: 40px; |
|
} |
|
.tmtimelineitem { |
|
border-left: 2px solid #2c26d9; |
|
margin-top: -5px; |
|
padding-left: 40px; |
|
padding-bottom: 40px; |
|
position: relative; |
|
} |
|
.tmtimelineitem h2 { |
|
margin-top: 0; |
|
line-height: 0.5; |
|
} |
|
.tmtimelineitem p { |
|
margin-bottom: 0; |
|
} |
|
.tmtimelineitem:before { |
|
content: ' '; |
|
width: 14px; |
|
height: 14px; |
|
position: absolute; |
|
left: -8px; |
|
background-color: #2063df; |
|
border-radius: 50%; |
|
} |
|
.tmtimelineitem:first-child:before { |
|
left: -8px; |
|
} |
|
.tmtimelineitem:last-child:before { |
|
left: -6px; |
|
} |
|
.tmtimelineitem:last-of-type { |
|
padding-bottom: 0; |
|
border: 0; |
|
} |
|
|
|
.tmtimelineentry { |
|
padding-top: 15px; |
|
} |
|
.tmtimelineentry + .tmtimelineentry { |
|
margin-top: 15px; |
|
} |
|
.tmtimelineentry .tmtimelineentrylabel { |
|
font-size: 16px; |
|
color: #1a1a1a; |
|
} |
|
@media (min-width: 768px) { |
|
.tmtimelineentry .tmtimelineentrylabel { |
|
width: 100px; |
|
float: left; |
|
clear: both; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.tmtimelineentry .tmtimelineentrydata { |
|
margin-left: 100px; |
|
} |
|
} |
|
@media (max-width: 767px) { |
|
.uk-block { |
|
padding-top: 50px; |
|
padding-bottom: 50px; |
|
} |
|
} |
|
.tm-block-content { |
|
min-height: calc(100vh - 142px); |
|
} |
|
.uk-block-muted { |
|
background: #f8f9fa; |
|
} |
|
.uk-block-primary { |
|
background: #e43d3c; |
|
} |
|
.uk-block-secondary { |
|
background: #1a1a1a; |
|
} |
|
.ukbadge { |
|
font-weight: 400; |
|
padding: 4px; |
|
box-shadow: #1a1a1a; |
|
} |
|
|
|
.ukbadgesuccess { |
|
background-color: #3dc372; |
|
color: #fff; |
|
border-radius: 8px; |
|
padding: 4px; |
|
text-shadow: #2063df; |
|
} |
|
|
|
.ukbadgewarning { |
|
background-color: #ffb24e; |
|
color: #fff; |
|
} |
|
|
|
.ukbadgedanger { |
|
background-color: #e44e56; |
|
border-radius: 8px; |
|
text-shadow: #ffb24e; |
|
padding: 4px; |
|
color: #fff; |
|
} |
|
|
|
.iconset { |
|
padding-top: 20px; |
|
display: flex; |
|
flex-direction: row; |
|
gap: 50px; |
|
} |
|
|
|
.bicon { |
|
display: flex; |
|
gap: 8px; |
|
flex-direction: row; |
|
} |
|
|
|
.avatar { |
|
border-radius: 5px; |
|
box-shadow: #1a1a1a; |
|
padding: 2px; |
|
} |
|
|