From 0aef95cfeca5c46e262e649c489e957d9f45ba2f Mon Sep 17 00:00:00 2001 From: Mischa The Evil Date: Thu, 9 Jul 2015 05:44:37 +0200 Subject: [PATCH 4/4] Update the CodeRay Ruby syntax highlight example. This commit changes the following: * Remove line numbering from syntax highlight example. * Add span with 'CodeRay' class around the syntax highlight example. * Fix span classes in the syntax highlight example: * Ruby scanner changed from ':reserved' to ':keyword' with CodeRay 1.0.0. * Remove obsolete line numbering styles. * Fix internal stylesheet to match CodeRay 1.1.0 (preserving r10132's changes). * Sort internal styles and remove superfluous newlines between styles. --- public/help/ar/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ar/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/az/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/az/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/bg/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/bg/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/bs/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/bs/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/ca/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ca/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/cs/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/cs/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/da/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/da/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/de/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/de/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/el/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/el/wiki_syntax_detailed_textile.html | 45 +++++++++----------- .../help/en-gb/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- .../help/en-gb/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/en/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/en/wiki_syntax_detailed_textile.html | 45 +++++++++----------- .../help/es-pa/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- .../help/es-pa/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/es/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/es/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/et/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/et/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/eu/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/eu/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/fa/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/fa/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/fi/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/fi/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/fr/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/fr/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/gl/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/gl/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/he/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/he/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/hr/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/hr/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/hu/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/hu/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/id/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/id/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/it/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/it/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/ja/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ja/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/ko/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ko/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/lt/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/lt/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/lv/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/lv/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/mk/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/mk/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/mn/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/mn/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/nl/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/nl/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/no/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/no/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/pl/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/pl/wiki_syntax_detailed_textile.html | 45 +++++++++----------- .../help/pt-br/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- .../help/pt-br/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/pt/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/pt/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/ro/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ro/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/ru/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/ru/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/sk/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/sk/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/sl/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/sl/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/sq/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/sq/wiki_syntax_detailed_textile.html | 45 +++++++++----------- .../help/sr-yu/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- .../help/sr-yu/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/sr/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/sr/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/sv/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/sv/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/th/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/th/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/tr/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/tr/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/uk/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/uk/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/vi/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/vi/wiki_syntax_detailed_textile.html | 45 +++++++++----------- .../help/zh-tw/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- .../help/zh-tw/wiki_syntax_detailed_textile.html | 45 +++++++++----------- public/help/zh/wiki_syntax_detailed_markdown.html | 45 +++++++++----------- public/help/zh/wiki_syntax_detailed_textile.html | 45 +++++++++----------- 98 files changed, 1960 insertions(+), 2450 deletions(-) diff --git a/public/help/ar/wiki_syntax_detailed_markdown.html b/public/help/ar/wiki_syntax_detailed_markdown.html index 21d3dd0..70e3e9a 100644 --- a/public/help/ar/wiki_syntax_detailed_markdown.html +++ b/public/help/ar/wiki_syntax_detailed_markdown.html @@ -12,28 +12,23 @@ margin: 1em 1em 1em 1.6em; padding: 2px; background-color: #fafafa; - border: 1px solid #dadada; - width:95%; + border: 1px solid #e2e2e2; + width: auto; overflow-x: auto; + overflow-y: hidden; } a.new { color: #b73535; } - .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 } - .syntaxhl .comment { color:#666; } - - .syntaxhl .class { color:#B06; font-weight:bold } + .syntaxhl .class { color:#258; font-weight:bold } + .syntaxhl .comment { color:#385; } .syntaxhl .delimiter { color:black } .syntaxhl .function { color:#06B; font-weight:bold } - - .syntaxhl .inline { background: #eee } - .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 } - + .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black } + .syntaxhl .inline-delimiter { font-weight: bold; color: #666 } .syntaxhl .instance-variable { color:#33B } - .syntaxhl .reserved { color:#080; font-weight:bold } - - .syntaxhl .string { background-color:#fff0f0; color: #D20; } - .syntaxhl .string .delimiter { color:#710 } - + .syntaxhl .keyword { color:#939; font-weight:bold } + .syntaxhl .string .content { color: #46a } + .syntaxhl .string .delimiter { color:#46a } @@ -314,16 +309,16 @@ It can be expanded by clicking a link.

Example:

-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ar/wiki_syntax_detailed_textile.html b/public/help/ar/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/ar/wiki_syntax_detailed_textile.html
+++ b/public/help/ar/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/az/wiki_syntax_detailed_markdown.html b/public/help/az/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/az/wiki_syntax_detailed_markdown.html
+++ b/public/help/az/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/az/wiki_syntax_detailed_textile.html b/public/help/az/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/az/wiki_syntax_detailed_textile.html
+++ b/public/help/az/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/bg/wiki_syntax_detailed_markdown.html b/public/help/bg/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/bg/wiki_syntax_detailed_markdown.html
+++ b/public/help/bg/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/bg/wiki_syntax_detailed_textile.html b/public/help/bg/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/bg/wiki_syntax_detailed_textile.html
+++ b/public/help/bg/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/bs/wiki_syntax_detailed_markdown.html b/public/help/bs/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/bs/wiki_syntax_detailed_markdown.html
+++ b/public/help/bs/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/bs/wiki_syntax_detailed_textile.html b/public/help/bs/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/bs/wiki_syntax_detailed_textile.html
+++ b/public/help/bs/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ca/wiki_syntax_detailed_markdown.html b/public/help/ca/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/ca/wiki_syntax_detailed_markdown.html
+++ b/public/help/ca/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ca/wiki_syntax_detailed_textile.html b/public/help/ca/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/ca/wiki_syntax_detailed_textile.html
+++ b/public/help/ca/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/cs/wiki_syntax_detailed_markdown.html b/public/help/cs/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/cs/wiki_syntax_detailed_markdown.html
+++ b/public/help/cs/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/cs/wiki_syntax_detailed_textile.html b/public/help/cs/wiki_syntax_detailed_textile.html
index e05d414..7249a3e 100644
--- a/public/help/cs/wiki_syntax_detailed_textile.html
+++ b/public/help/cs/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Např.:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/da/wiki_syntax_detailed_markdown.html b/public/help/da/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/da/wiki_syntax_detailed_markdown.html
+++ b/public/help/da/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/da/wiki_syntax_detailed_textile.html b/public/help/da/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/da/wiki_syntax_detailed_textile.html
+++ b/public/help/da/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/de/wiki_syntax_detailed_markdown.html b/public/help/de/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/de/wiki_syntax_detailed_markdown.html
+++ b/public/help/de/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/de/wiki_syntax_detailed_textile.html b/public/help/de/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/de/wiki_syntax_detailed_textile.html
+++ b/public/help/de/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/el/wiki_syntax_detailed_markdown.html b/public/help/el/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/el/wiki_syntax_detailed_markdown.html
+++ b/public/help/el/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/el/wiki_syntax_detailed_textile.html b/public/help/el/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/el/wiki_syntax_detailed_textile.html
+++ b/public/help/el/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/en-gb/wiki_syntax_detailed_markdown.html b/public/help/en-gb/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/en-gb/wiki_syntax_detailed_markdown.html
+++ b/public/help/en-gb/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/en-gb/wiki_syntax_detailed_textile.html b/public/help/en-gb/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/en-gb/wiki_syntax_detailed_textile.html
+++ b/public/help/en-gb/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/en/wiki_syntax_detailed_markdown.html b/public/help/en/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/en/wiki_syntax_detailed_markdown.html
+++ b/public/help/en/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/en/wiki_syntax_detailed_textile.html b/public/help/en/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/en/wiki_syntax_detailed_textile.html
+++ b/public/help/en/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/es-pa/wiki_syntax_detailed_markdown.html b/public/help/es-pa/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/es-pa/wiki_syntax_detailed_markdown.html
+++ b/public/help/es-pa/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/es-pa/wiki_syntax_detailed_textile.html b/public/help/es-pa/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/es-pa/wiki_syntax_detailed_textile.html
+++ b/public/help/es-pa/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/es/wiki_syntax_detailed_markdown.html b/public/help/es/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/es/wiki_syntax_detailed_markdown.html
+++ b/public/help/es/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/es/wiki_syntax_detailed_textile.html b/public/help/es/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/es/wiki_syntax_detailed_textile.html
+++ b/public/help/es/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/et/wiki_syntax_detailed_markdown.html b/public/help/et/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/et/wiki_syntax_detailed_markdown.html
+++ b/public/help/et/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/et/wiki_syntax_detailed_textile.html b/public/help/et/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/et/wiki_syntax_detailed_textile.html
+++ b/public/help/et/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/eu/wiki_syntax_detailed_markdown.html b/public/help/eu/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/eu/wiki_syntax_detailed_markdown.html
+++ b/public/help/eu/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/eu/wiki_syntax_detailed_textile.html b/public/help/eu/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/eu/wiki_syntax_detailed_textile.html
+++ b/public/help/eu/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fa/wiki_syntax_detailed_markdown.html b/public/help/fa/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/fa/wiki_syntax_detailed_markdown.html
+++ b/public/help/fa/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fa/wiki_syntax_detailed_textile.html b/public/help/fa/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/fa/wiki_syntax_detailed_textile.html
+++ b/public/help/fa/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fi/wiki_syntax_detailed_markdown.html b/public/help/fi/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/fi/wiki_syntax_detailed_markdown.html
+++ b/public/help/fi/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fi/wiki_syntax_detailed_textile.html b/public/help/fi/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/fi/wiki_syntax_detailed_textile.html
+++ b/public/help/fi/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fr/wiki_syntax_detailed_markdown.html b/public/help/fr/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/fr/wiki_syntax_detailed_markdown.html
+++ b/public/help/fr/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/fr/wiki_syntax_detailed_textile.html b/public/help/fr/wiki_syntax_detailed_textile.html
index 0028d0b..6ee0754 100644
--- a/public/help/fr/wiki_syntax_detailed_textile.html
+++ b/public/help/fr/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ Il peut être déroulé en cliquant sur le lien.
 
     
Exemple:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/gl/wiki_syntax_detailed_markdown.html b/public/help/gl/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/gl/wiki_syntax_detailed_markdown.html
+++ b/public/help/gl/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/gl/wiki_syntax_detailed_textile.html b/public/help/gl/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/gl/wiki_syntax_detailed_textile.html
+++ b/public/help/gl/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/he/wiki_syntax_detailed_markdown.html b/public/help/he/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/he/wiki_syntax_detailed_markdown.html
+++ b/public/help/he/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/he/wiki_syntax_detailed_textile.html b/public/help/he/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/he/wiki_syntax_detailed_textile.html
+++ b/public/help/he/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/hr/wiki_syntax_detailed_markdown.html b/public/help/hr/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/hr/wiki_syntax_detailed_markdown.html
+++ b/public/help/hr/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/hr/wiki_syntax_detailed_textile.html b/public/help/hr/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/hr/wiki_syntax_detailed_textile.html
+++ b/public/help/hr/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/hu/wiki_syntax_detailed_markdown.html b/public/help/hu/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/hu/wiki_syntax_detailed_markdown.html
+++ b/public/help/hu/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/hu/wiki_syntax_detailed_textile.html b/public/help/hu/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/hu/wiki_syntax_detailed_textile.html
+++ b/public/help/hu/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/id/wiki_syntax_detailed_markdown.html b/public/help/id/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/id/wiki_syntax_detailed_markdown.html
+++ b/public/help/id/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/id/wiki_syntax_detailed_textile.html b/public/help/id/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/id/wiki_syntax_detailed_textile.html
+++ b/public/help/id/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/it/wiki_syntax_detailed_markdown.html b/public/help/it/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/it/wiki_syntax_detailed_markdown.html
+++ b/public/help/it/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/it/wiki_syntax_detailed_textile.html b/public/help/it/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/it/wiki_syntax_detailed_textile.html
+++ b/public/help/it/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ja/wiki_syntax_detailed_markdown.html b/public/help/ja/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/ja/wiki_syntax_detailed_markdown.html
+++ b/public/help/ja/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ja/wiki_syntax_detailed_textile.html b/public/help/ja/wiki_syntax_detailed_textile.html
index 46ae1bd..05b1781 100644
--- a/public/help/ja/wiki_syntax_detailed_textile.html
+++ b/public/help/ja/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ To go live, all you need to add is a database and a web server.
 
     
表示例:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ko/wiki_syntax_detailed_markdown.html b/public/help/ko/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/ko/wiki_syntax_detailed_markdown.html
+++ b/public/help/ko/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ko/wiki_syntax_detailed_textile.html b/public/help/ko/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/ko/wiki_syntax_detailed_textile.html
+++ b/public/help/ko/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/lt/wiki_syntax_detailed_markdown.html b/public/help/lt/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/lt/wiki_syntax_detailed_markdown.html
+++ b/public/help/lt/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/lt/wiki_syntax_detailed_textile.html b/public/help/lt/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/lt/wiki_syntax_detailed_textile.html
+++ b/public/help/lt/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/lv/wiki_syntax_detailed_markdown.html b/public/help/lv/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/lv/wiki_syntax_detailed_markdown.html
+++ b/public/help/lv/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/lv/wiki_syntax_detailed_textile.html b/public/help/lv/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/lv/wiki_syntax_detailed_textile.html
+++ b/public/help/lv/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/mk/wiki_syntax_detailed_markdown.html b/public/help/mk/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/mk/wiki_syntax_detailed_markdown.html
+++ b/public/help/mk/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/mk/wiki_syntax_detailed_textile.html b/public/help/mk/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/mk/wiki_syntax_detailed_textile.html
+++ b/public/help/mk/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/mn/wiki_syntax_detailed_markdown.html b/public/help/mn/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/mn/wiki_syntax_detailed_markdown.html
+++ b/public/help/mn/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/mn/wiki_syntax_detailed_textile.html b/public/help/mn/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/mn/wiki_syntax_detailed_textile.html
+++ b/public/help/mn/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/nl/wiki_syntax_detailed_markdown.html b/public/help/nl/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/nl/wiki_syntax_detailed_markdown.html
+++ b/public/help/nl/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/nl/wiki_syntax_detailed_textile.html b/public/help/nl/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/nl/wiki_syntax_detailed_textile.html
+++ b/public/help/nl/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/no/wiki_syntax_detailed_markdown.html b/public/help/no/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/no/wiki_syntax_detailed_markdown.html
+++ b/public/help/no/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/no/wiki_syntax_detailed_textile.html b/public/help/no/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/no/wiki_syntax_detailed_textile.html
+++ b/public/help/no/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pl/wiki_syntax_detailed_markdown.html b/public/help/pl/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/pl/wiki_syntax_detailed_markdown.html
+++ b/public/help/pl/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pl/wiki_syntax_detailed_textile.html b/public/help/pl/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/pl/wiki_syntax_detailed_textile.html
+++ b/public/help/pl/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pt-br/wiki_syntax_detailed_markdown.html b/public/help/pt-br/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/pt-br/wiki_syntax_detailed_markdown.html
+++ b/public/help/pt-br/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pt-br/wiki_syntax_detailed_textile.html b/public/help/pt-br/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/pt-br/wiki_syntax_detailed_textile.html
+++ b/public/help/pt-br/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pt/wiki_syntax_detailed_markdown.html b/public/help/pt/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/pt/wiki_syntax_detailed_markdown.html
+++ b/public/help/pt/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/pt/wiki_syntax_detailed_textile.html b/public/help/pt/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/pt/wiki_syntax_detailed_textile.html
+++ b/public/help/pt/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ro/wiki_syntax_detailed_markdown.html b/public/help/ro/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/ro/wiki_syntax_detailed_markdown.html
+++ b/public/help/ro/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ro/wiki_syntax_detailed_textile.html b/public/help/ro/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/ro/wiki_syntax_detailed_textile.html
+++ b/public/help/ro/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ru/wiki_syntax_detailed_markdown.html b/public/help/ru/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/ru/wiki_syntax_detailed_markdown.html
+++ b/public/help/ru/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/ru/wiki_syntax_detailed_textile.html b/public/help/ru/wiki_syntax_detailed_textile.html
index e85b174..c2bde9e 100644
--- a/public/help/ru/wiki_syntax_detailed_textile.html
+++ b/public/help/ru/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -351,16 +346,16 @@ It can be expanded by clicking a link.
 
 
Пример:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sk/wiki_syntax_detailed_markdown.html b/public/help/sk/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sk/wiki_syntax_detailed_markdown.html
+++ b/public/help/sk/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sk/wiki_syntax_detailed_textile.html b/public/help/sk/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sk/wiki_syntax_detailed_textile.html
+++ b/public/help/sk/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sl/wiki_syntax_detailed_markdown.html b/public/help/sl/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sl/wiki_syntax_detailed_markdown.html
+++ b/public/help/sl/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sl/wiki_syntax_detailed_textile.html b/public/help/sl/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sl/wiki_syntax_detailed_textile.html
+++ b/public/help/sl/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sq/wiki_syntax_detailed_markdown.html b/public/help/sq/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sq/wiki_syntax_detailed_markdown.html
+++ b/public/help/sq/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sq/wiki_syntax_detailed_textile.html b/public/help/sq/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sq/wiki_syntax_detailed_textile.html
+++ b/public/help/sq/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sr-yu/wiki_syntax_detailed_markdown.html b/public/help/sr-yu/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sr-yu/wiki_syntax_detailed_markdown.html
+++ b/public/help/sr-yu/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sr-yu/wiki_syntax_detailed_textile.html b/public/help/sr-yu/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sr-yu/wiki_syntax_detailed_textile.html
+++ b/public/help/sr-yu/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sr/wiki_syntax_detailed_markdown.html b/public/help/sr/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sr/wiki_syntax_detailed_markdown.html
+++ b/public/help/sr/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sr/wiki_syntax_detailed_textile.html b/public/help/sr/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sr/wiki_syntax_detailed_textile.html
+++ b/public/help/sr/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sv/wiki_syntax_detailed_markdown.html b/public/help/sv/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/sv/wiki_syntax_detailed_markdown.html
+++ b/public/help/sv/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/sv/wiki_syntax_detailed_textile.html b/public/help/sv/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/sv/wiki_syntax_detailed_textile.html
+++ b/public/help/sv/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/th/wiki_syntax_detailed_markdown.html b/public/help/th/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/th/wiki_syntax_detailed_markdown.html
+++ b/public/help/th/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/th/wiki_syntax_detailed_textile.html b/public/help/th/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/th/wiki_syntax_detailed_textile.html
+++ b/public/help/th/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/tr/wiki_syntax_detailed_markdown.html b/public/help/tr/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/tr/wiki_syntax_detailed_markdown.html
+++ b/public/help/tr/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/tr/wiki_syntax_detailed_textile.html b/public/help/tr/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/tr/wiki_syntax_detailed_textile.html
+++ b/public/help/tr/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/uk/wiki_syntax_detailed_markdown.html b/public/help/uk/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/uk/wiki_syntax_detailed_markdown.html
+++ b/public/help/uk/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/uk/wiki_syntax_detailed_textile.html b/public/help/uk/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/uk/wiki_syntax_detailed_textile.html
+++ b/public/help/uk/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/vi/wiki_syntax_detailed_markdown.html b/public/help/vi/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/vi/wiki_syntax_detailed_markdown.html
+++ b/public/help/vi/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/vi/wiki_syntax_detailed_textile.html b/public/help/vi/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/vi/wiki_syntax_detailed_textile.html
+++ b/public/help/vi/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/zh-tw/wiki_syntax_detailed_markdown.html b/public/help/zh-tw/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/zh-tw/wiki_syntax_detailed_markdown.html
+++ b/public/help/zh-tw/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/zh-tw/wiki_syntax_detailed_textile.html b/public/help/zh-tw/wiki_syntax_detailed_textile.html
index 8615a83..60ad3b1 100644
--- a/public/help/zh-tw/wiki_syntax_detailed_textile.html
+++ b/public/help/zh-tw/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
例子：

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/zh/wiki_syntax_detailed_markdown.html b/public/help/zh/wiki_syntax_detailed_markdown.html
index 21d3dd0..70e3e9a 100644
--- a/public/help/zh/wiki_syntax_detailed_markdown.html
+++ b/public/help/zh/wiki_syntax_detailed_markdown.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -314,16 +309,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
diff --git a/public/help/zh/wiki_syntax_detailed_textile.html b/public/help/zh/wiki_syntax_detailed_textile.html
index 46f8c2c..09f3210 100644
--- a/public/help/zh/wiki_syntax_detailed_textile.html
+++ b/public/help/zh/wiki_syntax_detailed_textile.html
@@ -12,28 +12,23 @@
         margin: 1em 1em 1em 1.6em;
         padding: 2px;
         background-color: #fafafa;
-        border: 1px solid #dadada;
-        width:95%;
+        border: 1px solid #e2e2e2;
+        width: auto;
         overflow-x: auto;
+        overflow-y: hidden;
     }
     a.new { color: #b73535; }
 
-    .syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin:0 }
-    .syntaxhl .comment  { color:#666; }
-
-    .syntaxhl .class { color:#B06; font-weight:bold }
+    .syntaxhl .class { color:#258; font-weight:bold }
+    .syntaxhl .comment  { color:#385; }
     .syntaxhl .delimiter { color:black }
     .syntaxhl .function { color:#06B; font-weight:bold }
-
-    .syntaxhl .inline { background: #eee }
-    .syntaxhl .inline .inline-delimiter { font-weight: bold; color: #888 }
-
+    .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+    .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
     .syntaxhl .instance-variable { color:#33B }
-    .syntaxhl .reserved { color:#080; font-weight:bold }
-
-    .syntaxhl .string { background-color:#fff0f0; color: #D20; }
-    .syntaxhl .string .delimiter { color:#710 }
-
+    .syntaxhl .keyword { color:#939; font-weight:bold }
+    .syntaxhl .string .content { color: #46a }
+    .syntaxhl .string .delimiter { color:#46a }
 
 
 
@@ -318,16 +313,16 @@ It can be expanded by clicking a link.
 
     
Example:

 
-
 1 # The Greeter class
- 2 class Greeter
- 3   def initialize(name)
- 4     @name = name.capitalize
- 5   end
- 6
- 7   def salute
- 8     puts "Hello #{@name}!"
- 9   end
-10 end
+
# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
 

 
 
-- 
1.7.9.5