markup-preview-command 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,3 @@
+source "http://rubygems.org"
+
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+(The MIT License)
+
+Copyright (c) mori_dev
+
+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,54 @@
+Markup Previw Command
+=======================
+
+We use this library on Github when rendering your README or any other
+rich text file, *When We are editing by Emacs or other editor*.
+
+Markups
+-------
+
+The following markups are supported. Because We use github-markup gem.
+
+* [.markdown](http://daringfireball.net/projects/markdown/)
+* [.textile](http://www.textism.com/tools/textile/)
+* [.rdoc](http://rdoc.sourceforge.net/)
+* [.org](http://orgmode.org/)
+* [.creole](http://wikicreole.org/)
+* [.mediawiki](http://www.mediawiki.org/wiki/Help:Formatting)
+* [.rst](http://docutils.sourceforge.net/rst.html) -- `pip docutils`
+* [.asciidoc](http://www.methods.co.nz/asciidoc/) -- `brew install asciidoc, sudo apt-get install asciidoc`
+* [.pod](http://search.cpan.org/dist/perl/pod/perlpod.pod) -- `Pod::Simple::HTML`
+  comes with Perl >= 5.10. Lower versions should install Pod::Simple from CPAN.
+
+
+Installation
+--------------
+
+    gem install markup-preview-command
+
+Usage
+-----
+
+    markup-preview --filepath foo --markup markdown --output browser
+    markup-preview --filepath foo.md --output browser
+    markup-preview --f foo.md -o browser
+    cat bar.md | markup-preview -m markdown
+
+Or, more realistically:
+
+    Put markup-preview.el in your load-path.
+    cp path/to/markup-preview-command/etc/markup-preview.el ${HOME}/.emacs.d/elisp/markup-preview.el
+
+    Add following code.
+    (require 'markup-preview)
+    (global-set-key (kbd "M--") 'markup-preview) ; key bind example
+
+Contributing
+------------
+
+Fork, fix, then send me a pull request.
+
+Copyright
+------------
+
+Copyright (c) mori_dev. See LICENSE for details.

data/Rakefile

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

data/bin/markup-preview

@@ -0,0 +1,32 @@
+#!/usr/bin/env ruby
+
+$:.unshift(File.dirname(__FILE__) + '/../lib')
+
+require 'rubygems' unless defined? Gem
+require 'markup-preview-command'
+require 'slop'
+
+def main
+
+  help = <<-EOF
+useage:
+markup-preview -f path/to/foo.md -o browser
+or,
+cat foo.md | markup-preview -m markdown -o browser
+  EOF
+
+  opts = Slop.parse do
+    on :h, :help, help, :tail => true do
+      puts help
+      exit
+    end
+    on :m,  :markup=,   'markup'
+    on :f,  :filepath=, 'filepath'
+    on :o,  :output=,   'set "-o browser" if see result by browser'
+  end
+
+  Markup::Preview::Command::Render.execute(opts)
+
+end
+
+main

data/etc/markup-preview.el

@@ -0,0 +1,86 @@
+;;; markup-preview.el --- Emacs Interface for markup-preview-command
+
+;; Copyright (C) 2012 mori_dev
+
+;; Author: mori_dev <mori.dev.asdf@gmail.com>
+;; Version: 1.0
+;; Keywords: markup, convenience
+;; Prefix: mp:
+
+;; This program is free software; you can redistribute it and/or modify
+;; it under the terms of the GNU General Public License as published by
+;; the Free Software Foundation, either version 3 of the License, or
+;; (at your option) any later version.
+
+;; This program is distributed in the hope that it will be useful,
+;; but WITHOUT ANY WARRANTY; without even the implied warranty of
+;; MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+;; GNU General Public License for more details.
+
+;; You should have received a copy of the GNU General Public License
+;; along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+;;; Installation:
+
+;; This program is dependent on followings:
+;; - markup-preview-command (https://github.com/wakaran/markup-preview-command)
+
+;; Put markup-preview.el in your load-path, and add following code.
+
+;; (require 'markup-preview)
+;;
+;; M-x markup-preview
+;;  Or,
+;; (global-set-key (kbd "M--") 'markup-preview) ; key bind example
+
+;;; History:
+
+;; Revision 1.0  2012/01/08  mori_dev
+;; Initial revision
+
+
+(defvar mp:preferred-format nil)
+
+(defvar mp:extension-markup-alist
+      '(("md" . "Markdown")
+        ("mkd" . "Markdown")
+        ("mkdn" . "Markdown")
+        ("mdown" . "Markdown")
+        ("markdown" . "Markdown")
+        ("rst" . "rest")
+        ("rest" . "rest")
+        ("org" . "Org")
+        ("textile" . "Textile")
+        ("pod" . "Pod")
+        ("creole" . "creole")
+        ("rdoc" . "rdoc")
+        ("mediawiki" . "MediaWiki")))
+
+(defun mp:get-markup (extension)
+  (if mp:preferred-format
+      mp:preferred-format
+    (cdr (assoc extension mp:extension-markup-alist))))
+
+(defun mp:get-target-string ()
+  (if (region-active-p)
+      (buffer-substring-no-properties (region-beginning) (region-end))
+    (buffer-substring-no-properties (point-min) (point-max))))
+
+(defun mp:call-markup-preview-command (temp-file markup)
+  (unless (executable-find "markup-preview")
+    (error "markup-preview not found"))
+  (call-process-shell-command
+     (concat "markup-preview " "--filepath " temp-file " --markup " markup " --output browser"))
+  (delete-file temp-file))
+
+(defun markup-preview ()
+  (interactive)
+  (let ((str (mp:get-target-string))
+        (temp-file (make-temp-file "markup-preview-region-"))
+        (markup (mp:get-markup (file-name-extension (buffer-file-name)))))
+    (unless temp-file (error "fail to get temp-file"))
+    (unless markup (error "fail to get markup"))
+    (with-temp-file temp-file (insert str))
+    (mp:call-markup-preview-command temp-file markup)))
+
+(provide 'markup-preview)

data/lib/markup-preview-command.rb

@@ -0,0 +1,81 @@
+require 'rubygems' unless defined? Gem
+require 'markup-preview-command/version'
+require 'markup-preview-command/util/util'
+
+module Markup::Preview::Command
+  class Render
+
+    require 'github/markup'
+    require 'fileutils'
+    require 'tmpdir'
+
+    include Util
+
+    TMPDIR  = File.join(Dir.tmpdir, 'markup-preview')
+    TMPFILE = File.join(TMPDIR, $$.to_s)
+    FileUtils.mkdir_p(TMPDIR) unless FileTest.directory? TMPDIR
+
+    def initialize(opts)
+      @content = nil
+      @format  = nil
+      @browser = false
+      parse_options(opts)
+    end
+
+    def self.execute(opts)
+      new(opts).execute
+    end
+
+    def execute
+      create_html
+      if @browser
+        open_browser
+        exit($?.exitstatus || 0)
+      else
+        puts File.read(TMPFILE)
+        exit 0
+      end
+    end
+
+
+    private
+
+    def create_html
+      render_result = GitHub::Markup.render("dummy.#{@format}", @content)
+      template_css  = File.read(File.join(File.dirname(__FILE__), 'markup-preview-command', 'css', 'template.css'))
+      gollum_css    = File.read(File.join(File.dirname(__FILE__), 'markup-preview-command', 'css', 'gollum.css'))
+      html          = ERB.new(File.read(File.join(File.dirname(__FILE__), 'markup-preview-command', 'view', 'template.erb')))
+      File.open(TMPFILE, 'w') do |f|
+        f.puts html.result(binding)
+      end
+    end
+
+    def open_browser
+      system "#{browser_command} #{TMPFILE}"
+    end
+
+    def parse_options(opts)
+
+      extensions = ['md','mkd','mkdn','mkdn','mdown','markdown','org','pod',
+                    'creole','rst','rest','textile','rdoc','mediawiki']
+
+
+      @format = opts[:markup].downcase if opts.markup?
+
+      if opts.output? && (opts[:output] === 'browser')
+        @browser = true
+      end
+
+      if opts.filepath? && (File::extname(opts[:filepath]) != "")
+        @format = File::extname(opts[:filepath])[1..-1]
+        unless extensions.include? @format
+          warn "invalid extension. \nvalid extensions: #{extensions.join(', ')}"
+          exit 1
+        end
+      end
+
+      @content = opts.filepath? ? File.read(opts[:filepath]) : $stdin.read
+
+    end
+  end
+end

data/lib/markup-preview-command/css/gollum.css

@@ -0,0 +1,666 @@
+/* This css base on gollum's gollum.css */
+/* https://github.com/github/gollum */
+/* The MIT License */
+
+body, html {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 10px; /* -> 1em */
+  margin: 0;
+  padding: 0;
+}
+
+#wiki-wrapper {
+  margin: 15px auto;
+  overflow: visible;
+  width: 80%;
+  background-color: #F8F8F8;
+  border: 1px solid #E9E9E9;
+  padding: 15px 15px;
+}
+
+
+a:link {
+  color: #4183c4;
+  text-decoration: none;
+}
+
+a:hover, a:visited {
+  color: #4183c4;
+  text-decoration: underline;
+}
+
+
+/* @section head */
+#head {
+  border-bottom: 1px solid #ccc;
+  margin: 4.5em 0 0.5em;
+  padding: 0.5em 0;
+  overflow: hidden;
+}
+
+  #head h1 {
+    font-size: 3.3em;
+    float: left;
+    line-height: normal;
+    margin: 0;
+    padding: 0.08em 0 0 0;
+  }
+
+  #head ul.actions {
+    float: right;
+  }
+
+/* @section content */
+#wiki-content {
+  height: 1%;
+  overflow: visible;
+}
+
+  #wiki-content .wrap {
+    height: 1%;
+    overflow: auto;
+  }
+
+  /* @section comments */
+  #wiki-body #inline-comment {
+    display: none; /* todo */
+  }
+
+  /* @section body */
+  #wiki-body {
+    display: block;
+    float: left;
+    margin-right: 3%;
+    width: 100%;
+  }
+
+  .has-rightbar #wiki-body {
+    width: 68%;
+  }
+
+  /* @section rightbar */
+  #wiki-rightbar {
+    background-color: #f7f7f7;
+    border: 1px solid #ddd;
+    font-size: 13px;
+    float: right;
+    padding: 7px;
+    width: 25%;
+
+    border-radius: 0.5em;
+    -moz-border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+  }
+
+    #wiki-rightbar p {
+      margin: 13px 0 0;
+    }
+
+      #wiki-rightbar > p:first-child {
+        margin-top: 0;
+      }
+
+    #wiki-rightbar p.parent {
+      border-bottom: 1px solid #bbb;
+      font-weight: bold;
+      margin: 0 0 0.5em 0;
+      padding: 0 0 0.5em 0;
+      text-shadow: 0 1px 0 #fff;
+    }
+
+    /* Back arrow */
+    #wiki-rightbar p.parent:before {
+      color: #666;
+      content: "← ";
+    }
+
+    #wiki-rightbar h3 {
+      font-size: 1.2em;
+      color: #333;
+      margin: 1.2em 0 0;
+      padding: 0;
+      text-shadow: 0 1px 0 #fff;
+    }
+
+    #wiki-rightbar ul {
+      margin: 0.5em 0 1em;
+      padding: 0;
+    }
+
+    #wiki-rightbar ul li {
+      color: #bbb;
+      margin: 0 0 0 1em;
+      padding: 0;
+      line-height: 1.75em;
+      list-style-position: inside;
+      list-style-type: round;
+    }
+
+    #wiki-rightbar #nav ul li a {
+      font-weight: bold;
+      text-shadow: 0 1px 0 #fff;
+    }
+
+  /* @section footer */
+  #wiki-footer {
+    clear: both;
+    margin: 2em 0 5em;
+  }
+
+    .has-rightbar #wiki-footer {
+      width: 70%;
+    }
+
+    #wiki-footer #footer-content {
+      background-color: #f7f7f7;
+      border: 1px solid #ddd;
+      font-size: 1.2em;
+      line-height: 1.5em;
+      margin-top: 1.5em;
+      padding: 1em;
+
+      border-radius: 0.5em;
+      -moz-border-radius: 0.5em;
+      -webkit-border-radius: 0.5em;
+    }
+
+    #wiki-footer #footer-content h3 {
+      font-size: 1.2em;
+      color: #333;
+      margin: 0;
+      padding: 0 0 0.2em;
+      text-shadow: 0 1px 0 #fff;
+    }
+
+    #wiki-footer #footer-content p {
+      margin: 0.5em 0 0;
+      padding: 0;
+    }
+
+    #wiki-footer #footer-content ul.links {
+      margin: 0.5em 0 0;
+      overflow: hidden;
+      padding: 0;
+    }
+
+    #wiki-footer #footer-content ul.links li {
+      color: #999;
+      float: left;
+      list-style-position: inside;
+      list-style-type: square;
+      padding: 0;
+      margin-left: 0.75em;
+    }
+
+    #wiki-footer #footer-content ul.links li a {
+      font-weight: bold;
+      text-shadow: 0 1px 0 #fff;
+    }
+
+    #wiki-footer #footer-content ul.links li:first-child {
+      list-style-type: none;
+      margin: 0;
+    }
+
+    .ff #wiki-footer #footer-content ul.links li:first-child {
+      margin: 0 -0.75em 0 0;
+    }
+
+  /* @section page-footer */
+  .page #footer {
+    border-top: 1px solid #ccc;
+    margin: 1em 0 7em;
+  }
+
+  #footer p#last-edit {
+    font-size: 1.2em;
+    line-height: 1.6em;
+    color: #999;
+    margin: 0.9em 0;
+  }
+
+    #footer p#last-edit span.username {
+      font-weight: bold;
+    }
+
+
+/* @section history */
+.history h1 {
+  color: #999;
+  font-weight: normal;
+}
+
+  .history h1 strong {
+    color: #000;
+    font-weight: bold;
+  }
+
+#wiki-history {
+  margin-top: 3em;
+}
+
+  #wiki-history fieldset {
+    border: 0;
+    margin: 2em 0;
+    padding: 0;
+  }
+
+  #wiki-history table, #wiki-history tbody {
+    border-collapse: collapse;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+  }
+
+  #wiki-history table tr {
+    padding: 0;
+    margin: 0;
+  }
+
+  #wiki-history table tr {
+    background-color: #ebf2f6;
+  }
+
+  #wiki-history table tr td {
+    border: 1px solid #c0dce9;
+    font-size: 1.2em;
+    line-height: 1.6em;
+    margin: 0;
+    padding: 0.3em 0.7em;
+  }
+
+  #wiki-history table tr td.checkbox {
+    min-width: 2em;
+    padding: 0.3em;
+  }
+
+  #wiki-history table tr td.checkbox input {
+    cursor: pointer;
+    display: block;
+    padding-right: 0;
+    padding-top: 0.4em;
+    margin-right: -0.2em;
+  }
+
+  #wiki-history table tr:nth-child(2n),
+  #wiki-history table tr.alt-row {
+    background-color: #f3f7fa;
+  }
+
+  #wiki-history table tr.selected {
+    background-color: #ffffea !important;
+    z-index: 100;
+  }
+
+  #wiki-history table tr td.commit-name {
+    border-left: 0;
+  }
+
+  #wiki-history table tr td.commit-name span.time-elapsed {
+    color: #999;
+  }
+
+  #wiki-history table tr td.author {
+    width: 20%;
+  }
+
+  #wiki-history table tr td.author a {
+    color: #000;
+    font-weight: bold;
+  }
+
+  #wiki-history table tr td.author a span.username {
+    display: block;
+    padding-top: 3px;
+  }
+
+  #wiki-history table tr td img {
+    background-color: #fff;
+    border: 1px solid #999;
+    display: block;
+    float: left;
+    height: 18px;
+    overflow: hidden;
+    margin: 0 0.5em 0 0;
+    width: 18px;
+    padding: 2px;
+  }
+
+  #wiki-history table tr td.commit-name a {
+    font-size: 0.9em;
+    font-family: 'Monaco', 'Andale Mono', Consolas, 'Courier New', monospace;
+    padding: 0 0.2em;
+  }
+
+.history #wiki-history ul.actions li,
+.history #footer ul.actions li {
+  margin: 0 0.6em 0 0;
+}
+
+
+/* @section edit */
+.edit h1 {
+  color: #999;
+  font-weight: normal;
+}
+
+  .edit h1 strong {
+    color: #000;
+    font-weight: bold;
+  }
+
+
+/* @section search */
+.results h1 {
+  color: #999;
+  font-weight: normal;
+}
+
+  .results h1 strong {
+    color: #000;
+    font-weight: bold;
+  }
+
+  .results #results {
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 2em;
+    padding-bottom: 2em;
+  }
+
+  .results #results ul {
+    margin: 2em 0 0 0;
+    padding: 0;
+  }
+
+    .results #results ul li {
+      font-size: 1.2em;
+      line-height: 1.6em;
+      list-style-position: outside;
+      padding: 0.2em 0;
+    }
+
+    .results #results ul li span.count {
+      color: #999;
+    }
+
+  .results p#no-results {
+    font-size: 1.2em;
+    line-height: 1.6em;
+    margin-top: 2em;
+  }
+
+  .results #footer ul.actions li {
+    margin: 0 1em 0 0;
+  }
+
+
+/* @section compare */
+.compare h1 {
+  color: #999;
+  font-weight: normal;
+}
+
+  .compare h1 strong {
+    color: #000;
+    font-weight: bold;
+  }
+
+  .compare #compare-content {
+    margin-top: 3em;
+  }
+
+  .compare .data {
+    border: 1px solid #ddd;
+    margin-top: 1em;
+    overflow: auto;
+  }
+
+  .compare .data pre {
+    margin: 0;
+    padding: 0;
+  }
+
+  .compare .data pre div {
+    padding: 0 0 0 1em;
+  }
+
+  .compare .data tr td {
+    font-family: "Consolas", "Monaco", "Andale Mono", "Courier New", monospace;
+    font-size: 1.2em;
+    line-height: 1.8em;
+    margin: 0;
+    padding: 0;
+  }
+
+  .compare .data td.line_numbers {
+    background: #f7f7f7;
+    border-right: 1px solid #999;
+    color: #999;
+    padding: 0 0 0 0.5em;
+  }
+
+.compare #compare-content ul.actions li,
+.compare #footer ul.actions li {
+  margin-left: 0;
+  margin-right: 0.6em;
+}
+
+
+
+/* @control syntax */
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic }
+.highlight .err { color: #a61717; background-color: #e3d2d2 }
+.highlight .k { font-weight: bold }
+.highlight .o { font-weight: bold }
+.highlight .cm { color: #999988; font-style: italic }
+.highlight .cp { color: #999999; font-weight: bold }
+.highlight .c1 { color: #999988; font-style: italic }
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic }
+.highlight .gd { color: #000000; background-color: #ffdddd }
+.highlight .gd .x { color: #000000; background-color: #ffaaaa }
+.highlight .ge { font-style: italic }
+.highlight .gr { color: #aa0000 }
+.highlight .gh { color: #999999 }
+.highlight .gi { color: #000000; background-color: #ddffdd }
+.highlight .gi .x { color: #000000; background-color: #aaffaa }
+.highlight .gc { color: #999; background-color: #EAF2F5 }
+.highlight .go { color: #888888 }
+.highlight .gp { color: #555555 }
+.highlight .gs { font-weight: bold }
+.highlight .gu { color: #aaaaaa }
+.highlight .gt { color: #aa0000 }
+
+
+/* @control minibutton */
+ul.actions {
+   display: block;
+   list-style-type: none;
+   overflow: hidden;
+   padding: 0;
+}
+
+ ul.actions li {
+   float: left;
+   font-size: 1.2em;
+   margin-left: 0.6em;
+ }
+
+.minibutton a {
+  background-color: #f7f7f7;
+  border: 1px solid #d4d4d4;
+  color: #333;
+  display: block;
+  font-weight: bold;
+  margin: 0;
+  padding: 0.4em 1em;
+  height: 1.4em;
+
+  text-shadow: 0 1px 0 #fff;
+
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
+  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+  background: -moz-linear-gradient(top, #f4f4f4, #ececec);
+
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+}
+
+#search-submit {
+  background-color: #f7f7f7;
+  border: 1px solid #d4d4d4;
+  color: #333;
+  display: block;
+  font-weight: bold;
+  margin: 0;
+  padding: 0.4em 1em;
+
+  text-shadow: 0 1px 0 #fff;
+
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
+  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+  background: -moz-linear-gradient(top, #f4f4f4, #ececec);
+
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+}
+
+.minibutton a:hover,
+#search-submit:hover {
+  background: #3072b3;
+  border-color: #518cc6 #518cc6 #2a65a0;
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+  text-decoration: none;
+
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
+  background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
+  background: -moz-linear-gradient(top, #599bdc, #3072b3);
+}
+
+.minibutton a:visited {
+  text-decoration: none;
+}
+
+
+/* @special error */
+#wiki-wrapper.error {
+  height: 1px;
+  position: absolute;
+  overflow: visible;
+  top: 50%;
+  width: 100%;
+}
+
+#error {
+  background-color: #f9f9f9;
+  border: 1px solid #e4e4e4;
+  left: 50%;
+  overflow: hidden;
+  padding: 2%;
+  margin: -10% 0 0 -35%;
+  position: absolute;
+  width: 70%;
+
+  border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  -webkit-border-radius: 0.5em;
+}
+
+#error h1 {
+  font-size: 3em;
+  line-height: normal;
+  margin: 0;
+  padding: 0;
+}
+
+#error p {
+  font-size: 1.2em;
+  line-height: 1.6em;
+  margin: 1em 0 0.5em;
+  padding: 0;
+}
+
+
+/* @control searchbar */
+#head #searchbar {
+  float: right;
+  margin: 1em 0 0 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+  #head #searchbar #searchbar-fauxtext {
+    background: #fff;
+    border: 1px solid #d4d4d4;
+    overflow: hidden;
+
+    border-radius: 0.3em;
+    -moz-border-radius: 0.3em;
+    -webkit-border-radius: 0.3em;
+  }
+
+  #head #searchbar #searchbar-fauxtext input#search-query {
+    border: none;
+    color: #000;
+    float: left;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-size: 1.2em;
+    height: 1.8em;
+
+    -webkit-focus-ring: none;
+  }
+
+  .ff #head #searchbar #searchbar-fauxtext input#search-query {
+    padding: 0.2em 0 0.2em 0.5em;
+  }
+
+  .ie #head #searchbar #searchbar-fauxtext input#search-query {
+    padding: 0.4em 0 0 0.5em;
+  }
+
+  #head #searchbar #searchbar-fauxtext input#search-query.ph {
+    color: #999;
+  }
+
+  #head #searchbar #searchbar-fauxtext #search-submit {
+    border: 0;
+    border-left: 1px solid #d4d4d4;
+    cursor: pointer;
+    margin: 0 !important;
+    padding: 0;
+    float: right;
+    font-size: 1.2em;
+
+    border-radius: 0 3px 3px 0;
+    -moz-border-radius: 0 3px 3px 0;
+    -webkit-border-radius: 0 3px 3px 0;
+  }
+
+  #head #searchbar #searchbar-fauxtext #search-submit span {
+    background-image: url(/images/icon-sprite.png);
+    background-position: -431px -1px;
+    background-repeat: no-repeat;
+    display: block;
+    height: 2em;
+    overflow: hidden;
+    text-indent: -5000px;
+    width: 28px;
+  }
+
+  .ff #head #searchbar #searchbar-fauxtext #search-submit span,
+  .ie #head #searchbar #searchbar-fauxtext #search-submit span {
+    height: 2.2em;
+  }
+
+  #head #searchbar #searchbar-fauxtext #search-submit:hover span {
+    background-position: -431px -28px;
+    padding: 0;
+  }
+
+
+#MathJax_Message {
+  display: none;
+}