10 .timeline__legends span {
11 border-left-width: 10px;
12 border-left-style: solid;
13 padding: 0 10px 0 5px;
16 .timeline__legends--default {
17 border-left-color: #E91E63;
20 .timeline__legends--section {
21 border-left-color: #3F51B5;
24 .timeline__legends--event_listener {
25 border-left-color: #00BCD4;
28 .timeline__legends--event_listener_loading {
29 border-left-color: #8BC34A;
32 .timeline__legends--template {
33 border-left-color: #FFC107;
36 .timeline__legends--service {
37 border-left-color: #795548;
44 fill: rgba(0, 0, 0, 0.87);
55 .timeline__label rect {
56 stroke: rgba(0, 0, 0, 0.18);
61 .timeline__label rect {
64 .timeline__period--default {
67 .timeline__period--service {
70 .timeline__period--section {
73 .timeline__period--event_listener {
76 .timeline__period--event_listener_loading {
79 .timeline__period--template {
82 .timeline__period-trigger{
88 background: rgb(0,0,0);
89 background: rgba(0, 0, 0, 0.87);
90 border-bottom-left-radius: 2px;
91 border-bottom-right-radius: 2px;