ghoul 0.1.2

data/.gitignore

@@ -0,0 +1,3 @@
+.sass-cache
+repos
+*.gem

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in rackgem.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,39 @@
+PATH
+  remote: .
+  specs:
+    ghoul (0.0.3)
+      coderay
+      georgedrummond_sinatra_helpers
+      ghoul_grack (= 0.0.1)
+      grit
+      redcarpet
+      sass
+      sinatra (= 1.3.1)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    coderay (1.0.1)
+    diff-lcs (1.1.3)
+    georgedrummond_sinatra_helpers (0.0.7)
+    ghoul_grack (0.0.1)
+    grit (2.4.1)
+      diff-lcs (~> 1.1)
+      mime-types (~> 1.15)
+    mime-types (1.17.1)
+    rack (1.3.5)
+    rack-protection (1.1.4)
+      rack
+    redcarpet (1.17.2)
+    sass (3.1.10)
+    sinatra (1.3.1)
+      rack (~> 1.3, >= 1.3.4)
+      rack-protection (~> 1.1, >= 1.1.2)
+      tilt (~> 1.3, >= 1.3.3)
+    tilt (1.3.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  ghoul!

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2011 George Drummond, george@accountsapp.com
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,46 @@
+# Ghoul - Prettier Git For Everyone :)
+
+Ghoul is a simple yet good looking interface for your git repositories written in sinatra. It is currently only for demonstration purposes and use on your secure local machine as it does not enforce any authentication as of yet.InstallationGhoul can be run either using the ghoul gem or by downloading the git repository and running through the rackup command.
+
+
+## Installing via rubygems
+
+    gem install ghoul
+    ghoul server
+
+    
+## Installing from the git repository
+  
+    git clone http://github.com/georgedrummond/ghoul
+    cd ghoul
+    bundle install
+    rackup
+ 
+    
+## How it works
+
+Ghoul uses the grit, written by the guys at github for parsing your repositories which are located in a folder named "repos" within your home folder e.g. /Users/georgedrummond/repos. For git push, ghoul uses grack. Grack has no authentication so ghoul should only be used on your local machine.
+
+
+## License
+
+    Copyright (c) 2011 George Drummond, george@accountsapp.com
+
+    Permission is hereby granted, free of charge, to any person obtaining
+    a copy of this software and associated documentation files (the
+    "Software"), to deal in the Software without restriction, including
+    without limitation the rights to use, copy, modify, merge, publish,
+    distribute, sublicense, and/or sell copies of the Software, and to
+    permit persons to whom the Software is furnished to do so, subject to
+    the following conditions:
+
+    The above copyright notice and this permission notice shall be
+    included in all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+    MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+    NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+    LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+    OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+    WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/ghoul

@@ -0,0 +1,19 @@
+#!/usr/bin/env ruby
+
+require File.join(File.dirname(__FILE__) , "..", "/lib", "server")
+
+command = ARGV[0]
+
+if command == "server"
+  Ghoul::Server.start
+else
+  puts <<-END_MESSAGE
+
+Usage:
+  
+  ghoul server
+    # => Starts the ghoul server
+    
+  
+END_MESSAGE
+end

data/config.ru

@@ -0,0 +1,30 @@
+#require './lib/little_git.rb'
+#require './lib/little_git/lib/grack.rb'
+require File.join(File.dirname(__FILE__), "lib", "ghoul")
+#require File.join(File.dirname(__FILE__), "lib", "ghoul", "lib", "grack")
+require "ghoul_grack"
+
+# use Rack::ShowExceptions
+
+# As a default, we wil store our repositories at
+#
+#  ~/repos
+#    => /User/georgedrummond/repos
+project_root = File.join(ENV['HOME'], "repos")
+
+config = {
+  :project_root => project_root,
+  :git_path => '/usr/bin/git',
+  :upload_pack => true,
+  :receive_pack => true,
+}
+::MAIN_APP = self
+
+map "/repo" do
+  run GhoulGrack::GitHttp::App.new(config)
+end
+
+
+map "/" do
+  run Ghoul::Application
+end

data/ghoul.gemspec

@@ -0,0 +1,51 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "version"
+
+Gem::Specification.new do |s|
+  s.name        = "ghoul"
+  s.version     = Ghoul::VERSION
+  s.authors     = ["George Drummond"]
+  s.email       = ["george@accountsapp.com"]
+  s.homepage    = ""
+  s.summary     = %q{Ghoul is a simple yet good looking interface for your git repositories written in sinatra. It is currently only for demonstration purposes and use on your secure local machine as it does not enforce any authentication as of yet.}
+  s.description = %q{Ghoul is a simple yet good looking interface for your git repositories written in sinatra. It is currently only for demonstration purposes and use on your secure local machine as it does not enforce any authentication as of yet.}
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_dependency "rack", ">= 1.0.0"
+  s.add_dependency "sinatra", "1.3.1"
+  s.add_dependency "sass"
+  s.add_dependency "grit"
+  s.add_dependency "georgedrummond_sinatra_helpers"
+  s.add_dependency "ghoul_grack", "0.0.1"
+  s.add_dependency "coderay"
+  s.add_dependency "redcarpet"
+  
+  s.post_install_message = <<-message
+  
+#################################################
+#
+# Thanks for installing Ghoul and giving it a go!
+#
+# This is a proof of concept release and in the
+# next few months I hope to add to Ghoul and
+# make it more fully featured.
+#
+# I think the idea behind Ghoul is kind of cool
+# and if you do too, why not contribute and
+# check out our github page.
+#
+# => http://github.com/georgedrummond/ghoul
+#
+#################################################
+
+To Start the Ghoul server run:
+
+    ghoul server
+  
+  message
+end

data/lib/ghoul/app.rb

@@ -0,0 +1,119 @@
+module Ghoul  
+  class Application < Sinatra::Base
+    include GeorgeDrummond::Sinatra::Helpers
+    include Ghoul::Helpers
+    include Ghoul::Repository
+    include Ghoul::UrlHelpers
+      
+    set :public_folder, File.join(File.dirname(__FILE__), 'public')
+    set :views, File.join(File.dirname(__FILE__), 'views')
+    
+    disable :logging, :dump_errors, :raise_errors, :show_exceptions
+    
+    before '/:path' do
+      unless repos_path_exists? && params[:path] != "css/app.css"
+        puts 'doesnt exist'
+        halt erb(:setup_repos_path)
+      end
+    end
+    
+    get "/css/app.css" do
+      sass :app
+    end
+  
+    get "/" do
+      redirect "/repositories"
+    end
+    
+    get '/new_repo' do
+      erb :new_repo
+    end
+    
+    post '/new_repo' do
+      @name = params[:name]
+      if create_repository(@name)
+        redirect repository_path(params[:name])
+      else
+        "Not possible"
+      end
+    end
+    
+    before '/repository/:repository/:commit/*' do
+      @repository = params[:repository]
+      @newest_commit = commit_from_repository(@repository, "trunk")
+      @commit = commit_from_repository(@repository, params[:commit])
+    end
+    
+    get "/repository/:repository/settings" do
+      @repository = params[:repository]
+      @hide_breadcrumbs = true
+      erb :repo_settings
+    end
+    
+    post "/repository/:repository/delete" do
+      require "FileUtils"
+      FileUtils.rm_rf File.join(repos_path, params[:repository])
+      redirect("/")
+    end
+        
+    get "/repository/:repository/:commit/diff/?" do
+      @hide_breadcrumbs = true
+      erb :diff
+    end
+    
+    get "/repository/:repository/commits/?" do
+      @repository = params[:repository]
+      @commits = repository(@repository).commits
+      @commit = commit_from_repository @repository, "trunk"
+      @newest_commit = commit_from_repository(@repository, "trunk")
+      @hide_breadcrumbs = true
+      erb :commits
+    end
+    
+    get "/repository/:repository/commits/:commit/?" do
+      @repository = params[:repository]
+      @commit = repository(@repository).commit(params[:commit])
+      erb :diffs
+    end
+    
+    get "/repositories" do
+      @repositories = repositories
+      erb :repositories
+    end
+    
+    get '/repository/:repository/:commit/raw/*' do
+      resource = repository(@repository).tree(@commit.id)/params[:splat][0]
+      halt 200, {'Content-Type' => 'text/plain'}, resource.data
+    end
+        
+    get '/repository/:repository/:commit/tree/?*' do      
+      if params[:splat][0] != ""
+        resource = repository(@repository).tree(@commit.id)/params[:splat][0]
+      else
+        resource = repository(@repository).tree
+      end
+      
+      if resource.is_a?(Grit::Tree) || params[:splat][0] == ""
+        @resource = resource
+        @splat = params[:splat]
+        erb :tree
+      else
+        @blob = resource  
+        @syntaxer = CodeRay.scan(@blob.data, :plain).div(:line_numbers => :table)
+        erb :blob
+      end
+    end
+    
+    error 404 do
+      erb :'404'
+    end
+    
+    error do
+      #erb :'error'
+    end
+    
+    error  NoCommits do
+      erb :no_commits
+    end
+  end
+end

data/lib/ghoul/lib/helpers.rb

@@ -0,0 +1,64 @@
+module Ghoul
+  module Helpers
+    def human_file_size(filesize)
+      if filesize <= 1023
+        return "#{filesize} bytes"
+      elsif filesize <= 1024*1024
+        return "#{filesize/1024} KB"
+      else
+        return "#{filesize/1024/1024} MB"
+      end
+    end
+    
+    def title(title)
+      @title = title
+    end
+    
+    def breadcrumbs_from_splat(repository, commit, splat)
+      crumbs = splat.split("/")
+      html = []
+      path = []
+      crumbs.each do |crumb|
+        path << crumb
+        html << "#{link_to( crumb, tree_for_commit_path(repository, commit, splat, path.join('/')) )}"
+      end
+      return html.join("/")
+    end
+    
+    def partial(template, locals = {})
+      template = ('partials/_' + template.to_s).to_sym
+      erb(template, :layout => false, :locals => locals)      
+    end
+    
+    def date_format(datetime)
+      datetime.strftime("%d %b %Y @ %H:%M")
+    end
+        
+    def clippy(text, bgcolor='#FFFFFF')
+      html = <<-EOF
+        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+                width="110"
+                height="14"
+                id="clippy" >
+        <param name="movie" value="#{url('/flash/clippy.swf')}"/>
+        <param name="allowScriptAccess" value="always" />
+        <param name="quality" value="high" />
+        <param name="scale" value="noscale" />
+        <param NAME="FlashVars" value="text=#{text}">
+        <param name="bgcolor" value="#{bgcolor}">
+        <embed src="/flash/clippy.swf"
+               width="110"
+               height="14"
+               name="clippy"
+               quality="high"
+               allowScriptAccess="always"
+               type="application/x-shockwave-flash"
+               pluginspage="http://www.macromedia.com/go/getflashplayer"
+               FlashVars="text=#{text}"
+               bgcolor="#{bgcolor}"
+        />
+        </object>
+      EOF
+    end
+  end  
+end

data/lib/ghoul/lib/repository.rb

@@ -0,0 +1,41 @@
+module Ghoul
+  module Repository
+    def repos_path
+      home = ENV['HOME']
+      repos_path = File.join(home, "repos")
+      return repos_path
+    end
+    
+    def repos_path_exists?
+      File.directory? repos_path
+    end
+        
+    def repository(name)
+      path = File.join(repos_path, name)
+      return Grit::Repo.new(path, :is_bare => true)
+    end
+    
+    def repositories
+      return Dir.entries(repos_path)
+    end
+    
+    def commit_from_repository(repository, commit_id)
+      if commit_id == "trunk"
+        commit = repository(repository).commits.first or raise NoCommits
+      else
+        commit = repository(repository).commit(params[:commit])
+      end
+      return commit
+    end
+    
+    def create_repository(name)
+      path = File.join(repos_path, name)
+      if File.exist?(path)
+       return  false
+      end
+      Grit::Repo.init_bare(path)
+    end
+    
+  class NoCommits < NameError; end
+  end
+end

data/lib/ghoul/lib/url_helpers.rb

@@ -0,0 +1,53 @@
+module Ghoul
+  module UrlHelpers
+    def guides_path
+      return "/guides"
+    end
+    
+    def guide_path(guide)
+      return "/guides/#{guide}"
+    end
+    
+    def repositories_path
+      url "/repositories"
+    end
+    
+    def repository_path(repository)
+      url "/repository/#{repository}/trunk/tree"
+    end
+    
+    def repository_git_url(repository)
+      return "http://#{@request.host_with_port}/repo/#{repository}"
+    end
+    
+    def repository_settings_path(repository)
+      url "/repository/#{repository}/settings"
+    end
+    
+    def clone_url(repository)
+      return "http://#{@request.host_with_port}/repo/#{repository}"
+    end
+    
+    def commits_path(repository)
+      url "/repository/#{repository}/commits"
+    end
+    
+    def commit_path(repository, commit)
+      url "/repository/#{repository}/commits/#{commit}"
+    end
+        
+    def blob_for_commit_path(repository, commit, splat="", name="")
+      parts = [repository, commit, "tree", splat, name].find_all { |i| i != ""}
+      url "/repository/#{parts.join("/")}"
+    end
+    alias_method :tree_for_commit_path, :blob_for_commit_path
+    
+    def raw_blob_for_commit_path(repository, commit, splat)
+      url "/repository/#{repository}/#{commit}/raw/#{splat}"
+    end
+    
+    def diff_for_commit_path(repository, commit)
+      url "/repository/#{repository}/#{commit}/diff"
+    end
+  end
+end

data/lib/ghoul/public/css/buttons.css

@@ -0,0 +1,38 @@
+.thoughtbot_button {
+  background-color: #ee432e;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee432e 0%), to(#c63929 50%));
+  /* Saf4+, Chrome */
+  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
+  border: 1px solid #951100;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
+  color: #fff;
+  font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
+  line-height: 1;
+  padding: 8px 10px 8px 10px;
+  text-align: center;
+  text-decoration:none;
+  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
+  width: auto !important ;}
+  .thoughtbot_button:hover {
+    background-color: #f37873;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#f37873 0%), to(#db504d 50%));
+    /* Saf4+, Chrome */
+    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
+    cursor: pointer; }

data/lib/ghoul/public/css/coderay.css

@@ -0,0 +1,136 @@
+.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: #ccc;
+  color: gray;
+  text-align: right;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.CodeRay .line-numbers a {
+  background-color: #ccc !important;
+  color: gray !important;
+  text-decoration: none !important;
+}
+.CodeRay .line-numbers a:target { color: maroon !important; font-weight:bold; }
+.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 .code pre { overflow: auto; }
+
+.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 }
+
+
+table.CodeRay {
+  width: auto;
+}
+
+#main .example {
+  width: 960px;
+  overflow: auto;
+}
+
+#main .CodeRay pre {
+  font-size: 13px ! important;
+  line-height: 15px;
+}