yaffs.net Git - yaffs-website/blob - web/modules/contrib/devel/webprofiler/css/timeline.css

   1 /**
   2  * Timeline
   3  */
   4
   5 .timeline__legends {
   6   font-size: 12px;
   7   line-height: 1.5em;
   8 }
   9
  10 .timeline__legends span {
  11   border-left-width: 10px;
  12   border-left-style: solid;
  13   padding: 0 10px 0 5px;
  14 }
  15
  16 .timeline__legends--default {
  17   border-left-color: #E91E63;
  18 }
  19
  20 .timeline__legends--section {
  21   border-left-color: #3F51B5;
  22 }
  23
  24 .timeline__legends--event_listener {
  25   border-left-color: #00BCD4;
  26 }
  27
  28 .timeline__legends--event_listener_loading {
  29   border-left-color: #8BC34A;
  30 }
  31
  32 .timeline__legends--template {
  33   border-left-color: #FFC107;
  34 }
  35
  36 .timeline__legends--service {
  37     border-left-color: #795548;
  38 }
  39
  40 text {
  41     font-size: 12px;
  42     line-height: 20px;
  43     height: 22px;
  44     fill: rgba(0, 0, 0, 0.87);
  45 }
  46 #timeline {
  47     background: white;
  48     margin: 10px 0;
  49     width: 100%;
  50     position: relative;
  51     padding:  0 0 40px 0;
  52 }
  53 .timeline__row,
  54 .timeline__scale--x,
  55 .timeline__label rect {
  56     stroke: rgba(0, 0, 0, 0.18);
  57 }
  58 .timeline__row{
  59     fill: transparent;
  60 }
  61 .timeline__label rect {
  62     fill: white;
  63 }
  64 .timeline__period--default {
  65     fill: #E91E63;
  66 }
  67 .timeline__period--service {
  68     fill: #795548;
  69 }
  70 .timeline__period--section {
  71     fill: #3F51B5;
  72 }
  73 .timeline__period--event_listener {
  74     fill: #00BCD4;
  75 }
  76 .timeline__period--event_listener_loading {
  77     fill: #8BC34A;
  78 }
  79 .timeline__period--template {
  80     fill: #FFC107;
  81 }
  82 .timeline__period-trigger{
  83     fill: transparent;
  84 }
  85 .tooltip{
  86     position: absolute;
  87     padding: 8px;
  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;
  92     width: 175px;
  93     text-align: center;
  94     display: none;
  95     color: white;
  96 }
  97 .tooltip__title{
  98     display: block;
  99 }
 100 .tooltip__content{
 101     display: block;
 102 }
 103 .axis{
 104     stroke-width: 2px;
 105     fill: none;
 106 }