gistfile1.css

/*
It's CSS configuration for CodeRay
from this sample
https://github.com/rubychan/coderay/blob/master/lib/coderay/styles/alpha.rb
*/

    .CodeRay {
      background-color: hsl(0,0%,95%);
      border: 1px solid silver;
      color: black;
    }
    .CodeRay pre {
      margin: 0px;
    }

    span.CodeRay { white-space: pre; border: 0px; padding: 2px; }

    table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }
    table.CodeRay td { padding: 2px 4px; vertical-align: top; }

    .CodeRay .line-numbers {
      background-color: hsl(180,65%,90%);
      color: gray;
      text-align: right;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .CodeRay .line-numbers a {
      background-color: hsl(180,65%,90%) !important;
      color: gray !important;
      text-decoration: none !important;
    }
    .CodeRay .line-numbers a:target { color: blue !important; }
    .CodeRay .line-numbers .highlighted { color: red !important; }
    .CodeRay .line-numbers .highlighted a { color: red !important; }
    .CodeRay span.line-numbers { padding: 0px 4px; }
    .CodeRay .line { display: block; float: left; width: 100%; }
    .CodeRay .code { width: 100%; }
    .CodeRay .debug { color: white !important; background: blue !important; }

    .CodeRay .annotation { color:#007 }
    .CodeRay .attribute-name { color:#b48 }
    .CodeRay .attribute-value { color:#700 }
    .CodeRay .binary { color:#509 }
    .CodeRay .char .content { color:#D20 }
    .CodeRay .char .delimiter { color:#710 }
    .CodeRay .char { color:#D20 }
    .CodeRay .class { color:#B06; font-weight:bold }
    .CodeRay .class-variable { color:#369 }
    .CodeRay .color { color:#0A0 }
    .CodeRay .comment { color:#777 }
    .CodeRay .comment .char { color:#444 }
    .CodeRay .comment .delimiter { color:#444 }
    .CodeRay .complex { color:#A08 }
    .CodeRay .constant { color:#036; font-weight:bold }
    .CodeRay .decorator { color:#B0B }
    .CodeRay .definition { color:#099; font-weight:bold }
    .CodeRay .delimiter { color:black }
    .CodeRay .directive { color:#088; font-weight:bold }
    .CodeRay .doc { color:#970 }
    .CodeRay .doc-string { color:#D42; font-weight:bold }
    .CodeRay .doctype { color:#34b }
    .CodeRay .entity { color:#800; font-weight:bold }
    .CodeRay .error { color:#F00; background-color:#FAA }
    .CodeRay .escape  { color:#666 }
    .CodeRay .exception { color:#C00; font-weight:bold }
    .CodeRay .float { color:#60E }
    .CodeRay .function { color:#06B; font-weight:bold }
    .CodeRay .global-variable { color:#d70 }
    .CodeRay .hex { color:#02b }
    .CodeRay .imaginary { color:#f00 }
    .CodeRay .include { color:#B44; font-weight:bold }
    .CodeRay .inline { background-color: hsla(0,0%,0%,0.07); color: black }
    .CodeRay .inline-delimiter { font-weight: bold; color: #666 }
    .CodeRay .instance-variable { color:#33B }
    .CodeRay .integer  { color:#00D }
    .CodeRay .key .char { color: #60f }
    .CodeRay .key .delimiter { color: #404 }
    .CodeRay .key { color: #606 }
    .CodeRay .keyword { color:#080; font-weight:bold }
    .CodeRay .label { color:#970; font-weight:bold }
    .CodeRay .local-variable { color:#963 }
    .CodeRay .namespace { color:#707; font-weight:bold }
    .CodeRay .octal { color:#40E }
    .CodeRay .operator { }
    .CodeRay .predefined { color:#369; font-weight:bold }
    .CodeRay .predefined-constant { color:#069 }
    .CodeRay .predefined-type { color:#0a5; font-weight:bold }
    .CodeRay .preprocessor { color:#579 }
    .CodeRay .pseudo-class { color:#00C; font-weight:bold }
    .CodeRay .regexp .content { color:#808 }
    .CodeRay .regexp .delimiter { color:#404 }
    .CodeRay .regexp .modifier { color:#C2C }
    .CodeRay .regexp { background-color:hsla(300,100%,50%,0.06); }
    .CodeRay .reserved { color:#080; font-weight:bold }
    .CodeRay .shell .content { color:#2B2 }
    .CodeRay .shell .delimiter { color:#161 }
    .CodeRay .shell { background-color:hsla(120,100%,50%,0.06); }
    .CodeRay .string .char { color: #b0b }
    .CodeRay .string .content { color: #D20 }
    .CodeRay .string .delimiter { color: #710 }
    .CodeRay .string .modifier { color: #E40 }
    .CodeRay .string { background-color:hsla(0,100%,50%,0.05); }
    .CodeRay .symbol .content { color:#A60 }
    .CodeRay .symbol .delimiter { color:#630 }
    .CodeRay .symbol { color:#A60 }
    .CodeRay .tag { color:#070 }
    .CodeRay .type { color:#339; font-weight:bold }
    .CodeRay .value { color: #088; }
    .CodeRay .variable  { color:#037 }

    .CodeRay .insert { background: hsla(120,100%,50%,0.12) }
    .CodeRay .delete { background: hsla(0,100%,50%,0.12) }
    .CodeRay .change { color: #bbf; background: #007; }
    .CodeRay .head { color: #f8f; background: #505 }
    .CodeRay .head .filename { color: white; }

    .CodeRay .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .CodeRay .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

    .CodeRay .insert .insert { color: #0c0; background:transparent; font-weight:bold }
    .CodeRay .delete .delete { color: #c00; background:transparent; font-weight:bold }
    .CodeRay .change .change { color: #88f }
    .CodeRay .head .head { color: #f4f }