qiprofile/app/stylesheets/timeline.styl

Quantitative Imaging Profile ( QiPr) web application

//** The MR visit timeline styles. **//

.qi-timeline-chart
  svg
  // Override the nvd3 style which hides the x axis line.
  .nv-axis.nv-x path.domain
    stroke-opacity: .25

.qi-timeline-neoadjuvant
  opacity .4
  rect&
    fill DarkOliveGreen
  span&
    color LightYellow
    background-color DarkOliveGreen
    margin .2em
    padding 0 .5em 0 .5em

.qi-timeline-primary
  opacity .4
  rect&
    fill Crimson
  span&
    color LightYellow
    background-color Crimson
    margin .2em
    padding 0 .5em 0 .5em

.qi-timeline-adjuvant
  opacity .4
  rect&
    fill DarkSlateBlue
  span&
    color LightYellow
    background-color DarkSlateBlue
    margin .2em
    padding 0 .5em 0 .5em

.qi-timeline-biopsy
  text&
    font-size large
    fill Chartreuse
  span&
    color Chartreuse
    margin .5em

.qi-timeline-surgery
  text&
    font-size large
    fill DarkRed
  span&
    color DarkRed
    margin .5em

.qi-timeline-assessment
  text&
    font-size large
    fill MediumSlateBlue
  span&
    color MediumBlue
    margin .5em