thredded-markdown_coderay 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0e53bf20c59640b5e4c301e6d82c94b4de21a242
-  data.tar.gz: 0d13156754ec8bd8a6fe8217f148d7fc76564408
+  metadata.gz: 4c12c4897fb9fff83b2e5969c0fc3df3b6b4605b
+  data.tar.gz: b43457c2bd42be95e8158dfe8e5fb9967651b780
 SHA512:
-  metadata.gz: e31b62d8fa72c2b53fad286118a1102b7dc65cabba9a9ea560c59fb80f9781bbf6cdf2ca357936dcf4a975788be044a8adb15cdf3a7b45b3f46a55bfb33ac42c
-  data.tar.gz: 39a0204a0057dbb81c6459b0f6dd33bd469179cbae6ca94769aef1fa07ed91780e3b4c007b80912791d1a0bec45ff1c9609ca1fff9bd279182df64ca7916d1d3
+  metadata.gz: 8a382cf5cd6e2c789f5c77e7919d19509e901c47dec1a9696029df4932edef7157b76a4b2ab7499ba29c3618ab61b2f0070f27f12a08a626cf548f1f4068d8d8
+  data.tar.gz: d0954e12d34773fb51b6b7f871d6303adf1353c60d382a47089b093ff9bef4112ec42676e889c0abade3162bc18c1a4cf56a8648022764e9ee1d20de85acbbc4

data/lib/generators/thredded/markdown_coderay/install_generator.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module Thredded
   module MarkdownCoderay
     class InstallGenerator < Rails::Generators::Base
@@ -10,25 +11,26 @@ module Thredded
       public_task :install
 
       def install
-        copy_file '_thredded-coderay.scss',
-                  'app/assets/stylesheets/_thredded-coderay.scss'
-        append_to_file 'app/assets/stylesheets/application.scss', <<~'SCSS'
-          @import "thredded-coderay";
-        SCSS
+        copy_file '_layout.scss',
+                  'app/assets/stylesheets/coderay/_layout.scss'
+        copy_file '_day.scss',
+                  'app/assets/stylesheets/coderay/_day.scss'
+        copy_file '_night.scss',
+                  'app/assets/stylesheets/coderay/_night.scss'
+        add_import_if_file_exists 'application.scss', 'coderay/day'
+        add_import_if_file_exists 'day.scss', 'coderay/day'
+        add_import_if_file_exists 'night.scss', 'coderay/night'
+        add_import_if_file_exists 'email.scss', 'coderay/day'
       end
 
       private
 
-      def coderay_css
-        require 'coderay'
-        CodeRay::Encoders[:html]::CSS.new(:default).stylesheet
-      end
-
-      def indent(multiplier, content)
-        spaces = ' ' * multiplier
-        content.each_line.map do |line|
-          line.blank? ? line : "#{spaces}#{line}"
-        end.join
+      def add_import_if_file_exists(file, import)
+        path = File.join('app', 'assets', 'stylesheets', file)
+        return unless File.exist?(path)
+        append_to_file path, <<~SCSS
+          @import "#{import}";
+        SCSS
       end
     end
   end

data/lib/templates/thredded/markdown_coderay/install/_day.scss

@@ -0,0 +1,367 @@
+@import "./layout";
+
+.CodeRay {
+  color: #333;
+
+  pre {
+    padding: 1em;
+  }
+
+  .line-numbers {
+    color: #AAA;
+    a {
+      color: #AAA;
+    }
+    tt {
+      font-weight: bold;
+    }
+    .highlighted {
+      color: red;
+    }
+  }
+  span.line-numbers {
+    padding: 0 10px 0 0;
+  }
+
+  ol {
+    font-size: 10pt;
+    li {
+      white-space: pre;
+    }
+  }
+
+  .debug {
+    color: white !important;
+    background: blue !important;
+  }
+
+  .annotation {
+    color: #007;
+  }
+
+  .attribute {
+    &-name {
+      color: #f08;
+    }
+    &-value {
+      color: #700;
+    }
+  }
+
+  .binary {
+    color: #509;
+    font-weight: bold
+  }
+
+  .comment {
+    color: #998;
+    font-style: italic;
+  }
+
+  .char {
+    color: #04D;
+    .content {
+      color: #04D;
+    }
+    .delimiter {
+      color: #039;
+    }
+  }
+
+  .class {
+    color: #458;
+    font-weight: bold;
+  }
+
+  .complex {
+    color: #A08;
+    font-weight: bold;
+  }
+
+  .constant {
+    color: teal;
+  }
+
+  .color {
+    color: #0A0;
+  }
+
+  .class-variable {
+    color: #369;
+  }
+
+  .decorator {
+    color: #B0B;
+  }
+
+  .definition {
+    color: #099;
+    font-weight: bold;
+  }
+
+  .directive {
+    color: #088;
+    font-weight: bold;
+  }
+
+  .delimiter {
+    color: black;
+  }
+
+  .doc {
+    color: #970;
+  }
+
+  .doctype {
+    color: #34b;
+  }
+
+  .doc-string {
+    color: #D42;
+    font-weight: bold;
+  }
+
+  .escape {
+    color: #666;
+    font-weight: bold;
+  }
+
+  .entity {
+    color: #800;
+    font-weight: bold;
+  }
+
+  .error {
+    color: #F00;
+    background-color: #FAA;
+  }
+
+  .exception {
+    color: #C00;
+    font-weight: bold;
+  }
+
+  .filename {
+    color: #099;
+  }
+
+  .function {
+    color: #900;
+    font-weight: bold;
+  }
+
+  .global-variable {
+    color: teal;
+    font-weight: bold;
+  }
+
+  .hex {
+    color: #058;
+    font-weight: bold;
+  }
+
+  .integer {
+    color: #099;
+  }
+
+  .include {
+    color: #B44;
+    font-weight: bold;
+  }
+
+  .inline {
+    color: black;
+  }
+
+  .inline .inline {
+    background: #ccc
+  }
+
+  .inline .inline .inline {
+    background: #bbb;
+  }
+
+  .inline .inline-delimiter {
+    color: #D14;
+  }
+
+  .inline-delimiter {
+    color: #D14;
+  }
+
+  .important {
+    color: #f00;
+  }
+
+  .interpreted {
+    color: #B2B;
+    font-weight: bold;
+  }
+
+  .instance-variable {
+    color: teal;
+  }
+
+  .label {
+    color: #970;
+    font-weight: bold;
+  }
+
+  .local-variable {
+    color: #963;
+  }
+
+  .octal {
+    color: #40E;
+    font-weight: bold;
+  }
+
+  .operator {
+  }
+
+  .predefined-constant {
+    font-weight: bold;
+  }
+
+  .predefined {
+    color: #369;
+    font-weight: bold;
+  }
+
+  .preprocessor {
+    color: #579;
+  }
+
+  .pseudo-class {
+    color: #00C;
+    font-weight: bold;
+  }
+
+  .predefined-type {
+    color: #074;
+    font-weight: bold;
+  }
+
+  .reserved, .keyword {
+    color: #000;
+    font-weight: bold;
+  }
+
+  .key {
+    color: #808;
+    .delimiter {
+      color: #606;
+    }
+    .char {
+      color: #80f;
+    }
+  }
+
+  .value {
+    color: #088;
+  }
+
+  .regexp {
+    background-color: #fff0ff;
+    .content {
+      color: #808;
+    }
+    .delimiter {
+      color: #404;
+    }
+    .modifier {
+      color: #C2C;
+    }
+    .function {
+      color: #404;
+      font-weight: bold
+    }
+  }
+
+  .string {
+    color: #D20;
+    .string {
+
+    }
+    .string .string {
+      background-color: #ffd0d0
+    }
+    .content {
+      color: #D14;
+    }
+    .char {
+      color: #D14;
+    }
+    .delimiter {
+      color: #D14;
+    }
+  }
+
+  .shell {
+    color: #D14;
+    .content {
+    }
+    .delimiter {
+      color: #D14;
+    }
+  }
+
+  .symbol {
+    color: #990073;
+    .content {
+      color: #A60;
+    }
+    .delimiter {
+      color: #630;
+    }
+  }
+
+  .tag {
+    color: #070;
+    &-special {
+      color: #D70;
+      font-weight: bold;
+    }
+  }
+
+  .type {
+    color: #339;
+    font-weight: bold;
+  }
+
+  .variable {
+    color: #036;
+  }
+
+  .insert {
+    background: #afa;
+    .insert {
+      color: #080;
+      font-weight: bold;
+    }
+  }
+
+  .delete {
+    background: #faa;
+    .delete {
+      color: #800;
+      font-weight: bold;
+    }
+  }
+
+  .change {
+    color: #aaf;
+    background: #007;
+    .change {
+      color: #66f;
+    }
+  }
+
+  .head {
+    color: #f8f;
+    background: #505;
+    .head {
+      color: #f4f;
+    }
+  }
+}

data/lib/templates/thredded/markdown_coderay/install/_layout.scss

@@ -0,0 +1,44 @@
+span.CodeRay {
+  white-space: pre;
+  border: 0;
+  padding: 2px
+}
+
+table.CodeRay {
+  border-collapse: collapse;
+  width: 100%;
+  padding: 2px;
+  td {
+    padding: 1em 0.5em;
+    vertical-align: top;
+  }
+}
+
+.CodeRay {
+  margin: 0 0 0.75rem 0;
+
+  pre {
+    margin: 0;
+  }
+
+  .line-numbers {
+    text-align: right;
+    user-select: none;
+    pre {
+      word-break: normal;
+    }
+  }
+
+  .line {
+    display: block;
+    float: left;
+    width: 100%;
+  }
+
+  .code {
+    width: 100%;
+    pre {
+      overflow: auto;
+    }
+  }
+}

data/lib/templates/thredded/markdown_coderay/install/_night.scss

@@ -0,0 +1,382 @@
+@import "./layout";
+
+.CodeRay {
+  $bg: hsl(220, 13%, 18%);
+  $comment: hsl(240, 0%, 39%);
+  $fg: hsl(220, 14%, 71%);
+  $line-number: hsl(218, 5%, 37%);
+  $yellow: hsl(39, 67%, 69%);
+  $orange: hsl(29, 54%, 61%);
+  $red: hsl(5, 48%, 51%);
+  $magenta: hsl(355, 65%, 65%);
+  $purple: hsl(286, 60%, 67%);
+  $blue: hsl(207, 82%, 66%);
+  $cyan: hsl(187, 47%, 55%);
+  $green: hsl(95, 38%, 62%);
+  $border: hsl(221, 9%, 26%);
+
+  background-color: $bg;
+  border: 1px solid $border;
+  border-radius: 5px;
+  color: $fg;
+
+  pre {
+    background-color: $bg;
+    color: $fg;
+    border: 0 solid $border;
+    padding: 0.7em 1em;
+  }
+
+  .line-numbers {
+    color: $line-number;
+    a {
+      background-color: $line-number !important;
+      color: $comment !important;
+      text-decoration: none !important;
+      &:target {
+        color: $blue !important;
+      }
+    }
+    .highlighted {
+      color: $red !important;
+      a {
+        color: $red !important;
+      }
+    }
+  }
+  span.line-numbers {
+    padding: 0 13px 0 0;
+  }
+
+  .debug {
+    color: $bg !important;
+    background: $blue !important;
+  }
+  .annotation {
+    color: $blue;
+  }
+  .attribute{
+    &-name {
+      color: $orange;
+    }
+    &-value {
+      color: $green;
+    }
+  }
+  .binary {
+    color: $purple;
+    .char {
+      color: $purple;
+    }
+    .delimiter {
+      color: $purple;
+    }
+  }
+
+  .char {
+    color: $red;
+    .content {
+      color: $red;
+    }
+    .delimiter {
+      color: $red;
+    }
+  }
+
+  .class {
+    color: $yellow;
+    &-variable {
+      color: $red;
+    }
+  }
+
+  .color {
+    color: $green;
+  }
+
+  .comment {
+    color: $comment;
+    font-style: italic;
+    .char {
+      color: $fg;
+    }
+    .delimiter {
+      color: $fg;
+    }
+  }
+
+  .constant {
+    color: $yellow;
+  }
+
+  .decorator {
+    color: $magenta;
+  }
+
+  .definition {
+    color: $cyan;
+  }
+
+  .delimiter {
+    color: $comment;
+  }
+
+  .directive {
+    color: $cyan;
+  }
+
+  .docstring {
+    color: $orange;
+  }
+
+  .doctype {
+    color: $blue;
+  }
+
+  .done {
+    text-decoration: line-through;
+    color: $comment;
+  }
+
+  .entity {
+    color: $red;
+  }
+
+  .error {
+    color: $bg;
+    background-color: $red;
+  }
+
+  .escape {
+    color: $comment;
+  }
+
+  .exception {
+    color: $red;
+  }
+
+  .float {
+    color: $orange;
+  }
+
+  .function {
+    color: $blue;
+    .delimiter {
+      color: $blue;
+    }
+  }
+
+  .global-variable {
+    color: $orange;
+  }
+
+  .hex {
+    color: $blue;
+  }
+
+  .id {
+    color: $blue;
+  }
+
+  .include {
+    color: $magenta;
+  }
+
+  .inline {
+    color: $green;
+    &-delimiter {
+      color: $magenta;
+    }
+  }
+
+  .instance-variable {
+    color: $magenta;
+  }
+
+  .integer {
+    color: $orange;
+  }
+
+  .imaginary {
+    color: $red;
+  }
+
+  .important {
+    color: $red;
+  }
+
+  .key {
+    color: $cyan;
+    .char {
+      color: $cyan;
+    }
+    .delimiter {
+      color: $cyan;
+    }
+  }
+
+  .keyword {
+    color: $purple;
+  }
+
+  .label {
+    color: $yellow;
+  }
+
+  .local-variable {
+    color: $fg;
+  }
+
+  .map {
+    .content {
+      color: $purple;
+    }
+    .delimiter {
+      color: $purple;
+    }
+  }
+
+  .namespace {
+    color: $purple;
+  }
+
+  .octal {
+    color: $purple;
+  }
+
+  .operator {
+  }
+
+  .predefined {
+    color: $blue;
+    &-constant {
+      color: $orange;
+    }
+    &-type {
+      color: $green;
+    }
+  }
+
+  .preprocessor {
+    color: $purple;
+  }
+
+  .pseudo-class {
+    color: $blue;
+  }
+
+  .regexp {
+    .content {
+      color: $purple;
+    }
+    .delimiter {
+      color: $purple;
+    }
+    .modifier {
+      color: $purple;
+    }
+  }
+
+  .reserved {
+    color: $green;
+  }
+
+  .shell {
+    .content {
+      color: $green;
+    }
+    .delimiter {
+      color: $green;
+    }
+  }
+
+  .string {
+    .char {
+      color: $green;
+    }
+    .content {
+      color: $green;
+    }
+    .delimiter {
+      color: $green;
+    }
+    .modifier {
+      color: $orange;
+    }
+  }
+
+  .symbol {
+    color: $cyan;
+    .content {
+      color: $cyan;
+    }
+    .delimiter {
+      color: $cyan;
+    }
+  }
+
+  .tag {
+    color: $red;
+  }
+
+  .type {
+    color: $purple;
+  }
+
+  .value {
+    color: $orange;
+  }
+
+  .variable {
+    color: $blue;
+  }
+
+  .insert {
+    background-color: hsla(120, 100%, 50%, 0.2);
+    .insert {
+      color: $green;
+    }
+    .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;
+    }
+  }
+
+  .delete {
+    background: hsla(0, 100%, 50%, 0.12);
+    .delete {
+      color: $red;
+      background: transparent;
+    }
+    .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;
+    }
+  }
+
+  .change {
+    color: $purple;
+    background: $blue;
+    .change {
+      color: $purple;
+    }
+  }
+
+  .head {
+    color: $purple;
+    .head {
+      color: $purple;
+    }
+    .filename {
+      color: $purple;
+    }
+  }
+}

data/lib/thredded/markdown_coderay.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 require 'thredded/markdown_coderay/version'
 require 'thredded/markdown_coderay/railtie' if defined?(Rails)
 

data/lib/thredded/markdown_coderay/railtie.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module Thredded
   module MarkdownCoderay
     class Railtie < Rails::Railtie

data/lib/thredded/markdown_coderay/version.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
+
 module Thredded
   module MarkdownCoderay
-    VERSION = '0.1.0'
+    VERSION = '0.1.1'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thredded-markdown_coderay
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Gleb Mazovetskiy
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-11-13 00:00:00.000000000 Z
+date: 2017-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: coderay
@@ -80,7 +80,8 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 0.8.0
-description: Highlights code syntax in your Markdown posts via Coderay.
+description: A Thredded plugin that highlights code syntax in your Markdown posts
+  via Coderay.
 email:
 - glex.spb@gmail.com
 executables: []
@@ -90,7 +91,9 @@ files:
 - LICENSE.txt
 - README.md
 - lib/generators/thredded/markdown_coderay/install_generator.rb
-- lib/templates/thredded/markdown_coderay/install/_thredded-coderay.scss
+- lib/templates/thredded/markdown_coderay/install/_day.scss
+- lib/templates/thredded/markdown_coderay/install/_layout.scss
+- lib/templates/thredded/markdown_coderay/install/_night.scss
 - lib/thredded/markdown_coderay.rb
 - lib/thredded/markdown_coderay/railtie.rb
 - lib/thredded/markdown_coderay/version.rb
@@ -114,7 +117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.6.11
 signing_key: 
 specification_version: 4
 summary: Thredded Markdown code blocks highlighting via Coderay.

data/lib/templates/thredded/markdown_coderay/install/_thredded-coderay.scss

@@ -1,139 +0,0 @@
-.thredded--post--content {
-  .CodeRay {
-    margin: 1rem 0;
-  }
-
-  .CodeRay {
-    color: #333;
-  }
-
-  .CodeRay pre {
-    margin: 0;
-    padding: 1em;
-  }
-
-  div.CodeRay { }
-  span.CodeRay { white-space: pre; border: 0; padding: 2px }
-
-  table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
-  table.CodeRay td {
-    padding: 1em 0.5em;
-    vertical-align: top;
-  }
-
-  .CodeRay .line-numbers {
-    color: #AAA;
-    text-align: right;
-    user-select: none;
-  }
-
-  .CodeRay .line-numbers pre {
-    word-break: normal;
-  }
-
-  .CodeRay .line-numbers a {
-    color: #AAA;
-  }
-
-  .CodeRay .line-numbers tt { font-weight: bold }
-  .CodeRay .line-numbers .highlighted { color: red }
-  .CodeRay .line { display: block; float: left; width: 100%; }
-  .CodeRay span.line-numbers { padding: 0 10px 0 0 }
-  .CodeRay .code { width: 100% }
-
-  ol.CodeRay { font-size: 10pt }
-  ol.CodeRay li { white-space: pre }
-
-  .CodeRay .code pre { overflow: auto }
-  .CodeRay .debug { color:white ! important; background:blue ! important; }
-
-  .CodeRay .annotation { color:#007 }
-  .CodeRay .attribute-name { color:#f08 }
-  .CodeRay .attribute-value { color:#700 }
-  .CodeRay .binary { color:#509; font-weight:bold }
-  .CodeRay .comment  { color:#998; font-style: italic;}
-  .CodeRay .char { color:#04D }
-  .CodeRay .char .content { color:#04D }
-  .CodeRay .char .delimiter { color:#039 }
-  .CodeRay .class { color:#458; font-weight:bold }
-  .CodeRay .complex { color:#A08; font-weight:bold }
-  .CodeRay .constant { color:teal; }
-  .CodeRay .color { color:#0A0 }
-  .CodeRay .class-variable { color:#369 }
-  .CodeRay .decorator { color:#B0B; }
-  .CodeRay .definition { color:#099; font-weight:bold }
-  .CodeRay .directive { color:#088; font-weight:bold }
-  .CodeRay .delimiter { color:black }
-  .CodeRay .doc { color:#970 }
-  .CodeRay .doctype { color:#34b }
-  .CodeRay .doc-string { color:#D42; font-weight:bold }
-  .CodeRay .escape  { color:#666; font-weight:bold }
-  .CodeRay .entity { color:#800; font-weight:bold }
-  .CodeRay .error { color:#F00; background-color:#FAA }
-  .CodeRay .exception { color:#C00; font-weight:bold }
-  .CodeRay .filename { color:#099; }
-  .CodeRay .function { color:#900; font-weight:bold }
-  .CodeRay .global-variable { color:teal; font-weight:bold }
-  .CodeRay .hex { color:#058; font-weight:bold }
-  .CodeRay .integer  { color:#099; }
-  .CodeRay .include { color:#B44; font-weight:bold }
-  .CodeRay .inline { color: black }
-  .CodeRay .inline .inline { background: #ccc }
-  .CodeRay .inline .inline .inline { background: #bbb }
-  .CodeRay .inline .inline-delimiter { color: #D14; }
-  .CodeRay .inline-delimiter { color: #D14; }
-  .CodeRay .important { color:#f00; }
-  .CodeRay .interpreted { color:#B2B; font-weight:bold }
-  .CodeRay .instance-variable { color:teal }
-  .CodeRay .label { color:#970; font-weight:bold }
-  .CodeRay .local-variable { color:#963 }
-  .CodeRay .octal { color:#40E; font-weight:bold }
-  .CodeRay .operator { }
-  .CodeRay .predefined-constant {  font-weight:bold }
-  .CodeRay .predefined { color:#369; font-weight:bold }
-  .CodeRay .preprocessor { color:#579; }
-  .CodeRay .pseudo-class { color:#00C; font-weight:bold }
-  .CodeRay .predefined-type { color:#074; font-weight:bold }
-  .CodeRay .reserved, .keyword  { color:#000; font-weight:bold }
-
-  .CodeRay .key { color: #808; }
-  .CodeRay .key .delimiter { color: #606; }
-  .CodeRay .key .char { color: #80f; }
-  .CodeRay .value { color: #088; }
-
-  .CodeRay .regexp { background-color:#fff0ff }
-  .CodeRay .regexp .content { color:#808 }
-  .CodeRay .regexp .delimiter { color:#404 }
-  .CodeRay .regexp .modifier { color:#C2C }
-  .CodeRay .regexp .function  { color:#404; font-weight: bold }
-
-  .CodeRay .string { color: #D20; }
-  .CodeRay .string .string { }
-  .CodeRay .string .string .string { background-color:#ffd0d0 }
-  .CodeRay .string .content { color: #D14; }
-  .CodeRay .string .char { color: #D14; }
-  .CodeRay .string .delimiter { color: #D14; }
-
-  .CodeRay .shell { color:#D14 }
-  .CodeRay .shell .content { }
-  .CodeRay .shell .delimiter { color:#D14 }
-
-  .CodeRay .symbol { color:#990073 }
-  .CodeRay .symbol .content { color:#A60 }
-  .CodeRay .symbol .delimiter { color:#630 }
-
-  .CodeRay .tag { color:#070 }
-  .CodeRay .tag-special { color:#D70; font-weight:bold }
-  .CodeRay .type { color:#339; font-weight:bold }
-  .CodeRay .variable  { color:#036 }
-
-  .CodeRay .insert { background: #afa; }
-  .CodeRay .delete { background: #faa; }
-  .CodeRay .change { color: #aaf; background: #007; }
-  .CodeRay .head { color: #f8f; background: #505 }
-
-  .CodeRay .insert .insert { color: #080; font-weight:bold }
-  .CodeRay .delete .delete { color: #800; font-weight:bold }
-  .CodeRay .change .change { color: #66f; }
-  .CodeRay .head .head { color: #f4f; }
-}