| .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; |
| } |
|
|
| .readmore { |
| font-weight: 400; |
| text-shadow: #1a1a1a; |
| color: #2657b2; |
| -webkit-text-fill-color: #2c26d9; |
| } |
|
|
