SH Pipeline

pipeline.css

body {
  background: #222;
}

/* Typography */

section.pipeline-component h1 {
  display: none;
}

section.pipeline-component h2 {
  font-size: 26px;
  font-weight: normal;
  max-height: 32px;
  overflow: hidden;
}

section.pipeline-component h3 {
 font-size: 24px; 
}

.stage-name {
  font-size: 28px;
}

.taskname {
  font-size: 28px;
}

.timestamp, 
.duration {
  font-size: 26px;
}

/* Pipeline adjustments (sizing etc) */

section.pipeline {
  width: 70%;
}

.pipeline-cell {
  width: 50%;
}

div.stage-header {
  background: #666;
}

div.task-content {
  padding: 8px 3px 8px 3px;
}

/* Hide unnecessary elements */
div.taskname,
div.task-rebuild,
section.pipeline-component h3 {
  display: none;
}

/* Status of pipelines */
@keyframes bluePulse {
    0% {
        background-color: #0e629c;
    }
    50% {
        background-color: #004371;
    }
    100% {
        background-color: #0e629c;
    }
}

@-webkit-keyframes bluePulse {
    from {
        background-color: #0e629c;
    }
    50% {
        background-color: #004371;
    }
    to {
        background-color: #0e629c;
    }
}

.SUCCESS,
.RUNNING,
.CANCELLED,
.FAILED {
  color: #222;
  font-weight: normal;
}

.SUCCESS {
  background: darkgreen;
  color: #fff;
}

.FAILED {
  background: darkred;
  color: #fff;
}

.RUNNING {
  background: darkblue;
  border-left: 6px solid #0040b5;
  color: #fff;
}