aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/pages/timeline/Timeline.css
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/pages/timeline/Timeline.css')
-rw-r--r--FrontEnd/src/pages/timeline/Timeline.css145
1 files changed, 0 insertions, 145 deletions
diff --git a/FrontEnd/src/pages/timeline/Timeline.css b/FrontEnd/src/pages/timeline/Timeline.css
index 5325af98..5bf0a7bb 100644
--- a/FrontEnd/src/pages/timeline/Timeline.css
+++ b/FrontEnd/src/pages/timeline/Timeline.css
@@ -22,146 +22,6 @@
padding-top: 10px;
}
-@keyframes timeline-line-node {
- to {
- box-shadow: 0 0 20px 3px var(--cru-primary-l1-color);
- }
-}
-
-@keyframes timeline-line-node-current {
- to {
- box-shadow: 0 0 20px 3px var(--cru-primary-enhance-l1-color);
- }
-}
-
-@keyframes timeline-line-node-loading {
- to {
- box-shadow: 0 0 20px 3px var(--cru-primary-l1-color);
- }
-}
-
-@keyframes timeline-line-node-loading-edge {
- from {
- transform: rotate(0turn);
- }
-
- to {
- transform: rotate(1turn);
- }
-}
-
-@keyframes timeline-top-loading-enter {
- from {
- transform: translate(0, -100%);
- }
-}
-
-@keyframes timeline-post-enter {
- from {
- transform: translate(0, 100%);
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
-}
-
-.timeline-top-loading-enter {
- animation: 1s timeline-top-loading-enter;
-}
-
-.timeline-line {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 30px;
- position: absolute;
- z-index: 1;
- left: 2em;
- top: 0;
- bottom: 0;
- transition: left 0.5s;
-}
-
-@media (max-width: 575.98px) {
- .timeline-line {
- left: 1em;
- }
-}
-
-.timeline-line .segment {
- width: 12px;
- background: var(--cru-primary-color);
-}
-
-.timeline-line .segment.start {
- height: 1.8em;
- flex: 0 0 auto;
-}
-
-.timeline-line .segment.end {
- flex: 1 1 auto;
-}
-
-.timeline-line .segment.current-end {
- height: 2em;
- flex: 0 0 auto;
- background: linear-gradient(var(--cru-primary-enhance-color), white);
-}
-
-.timeline-line .node-container {
- flex: 0 0 auto;
- position: relative;
- width: 18px;
- height: 18px;
-}
-
-.timeline-line .node {
- width: 24px;
- height: 24px;
- position: absolute;
- background: var(--cru-primary-color);
- left: -3px;
- top: -3px;
- border-radius: 50%;
- box-sizing: border-box;
- z-index: 1;
- animation: 1s infinite alternate;
- animation-name: timeline-line-node;
-}
-
-.timeline-line .node-loading-edge {
- color: var(--cru-primary-color);
- width: 38px;
- height: 38px;
- position: absolute;
- left: -10px;
- top: -10px;
- box-sizing: border-box;
- z-index: 2;
- animation: 1.5s linear infinite timeline-line-node-loading-edge;
-}
-
-.timeline-line.current .segment.start {
- background: linear-gradient(var(--cru-primary-color),
- var(--cru-primary-enhance-color));
-}
-
-.timeline-line.current .segment.end {
- background: var(--cru-primary-enhance-color);
-}
-
-.timeline-line.current .node {
- background: var(--cru-primary-enhance-color);
- animation-name: timeline-line-node-current;
-}
-
-.timeline-line.loading .node {
- background: var(--cru-primary-color);
- animation-name: timeline-line-node-loading;
-}
-
.timeline-content-image {
max-width: 80%;
max-height: 200px;
@@ -199,8 +59,3 @@
margin-right: 0.6em;
}
-
-.timeline-top {
- position: sticky;
- top: 56px;
-} \ No newline at end of file