/*************************************
Base for code highlighting
*************************************/

code {
  padding:0 5px;
  color:#fff;
}

pre code { line-height:1.3;}

/*************************************
RUBY Highlighting
*************************************/
code.ruby span.comment {
  color: #666;
}

code.ruby span.string {
  color: #A5C261;
}

code.ruby span.brackets {
  color: #E3C2F8;
}

code.ruby span.symbol {
  color: #6D9CBE;
}

code.ruby span.keywords {
  color: #C761A3;
}

 /*************************************
JAVASCRIPT Highlighting
*************************************/
code.javascript span.comment {
  color: #666;
}

code.javascript span.string {
  color: #A5C261;
}

code.javascript span.brackets {
  color: #E3C2F8;
}

code.javascript span.symbol {
  color: #6D9CBE;
}

code.javascript span.keywords {
  color: #C761A3;
}

/*************************************
HTML Highlighting
*************************************/
code.html span.comment {
  color: #666;
}

code.html span.string {
  color: #A5C261;
}

code.html span.tag {
  color: #0082A3
}

code.html span.attribute {
  color: #333;
}

code.html span.doctype {
  color: #999;
}

/*************************************
CSS Highlighting
*************************************/
code.css span.comment {
  color: #666;
}

code.css span.keywords {
  color: #BF7833;
}

code.css span.selectors {
  color: #BF7833;
}

code.css span.properties {
  color: #6D9CBE;
}

code.css span.units {
  color: #A5C261;
}