kramdown 0.13.4 → 0.13.5

data/CONTRIBUTERS

@@ -1,9 +1,10 @@
   Count Name
 ======= ====
-    483 Thomas Leitner <t_leitner@gmx.at>
+    498 Thomas Leitner <t_leitner@gmx.at>
       3 gettalong <t_leitner@gmx.at>
       3 Ben Armston <ben.armston@googlemail.com>
       3 Alex Marandon <contact@alexmarandon.com>
+      1 tomykaira <tomykaira@gmail.com>
       1 Postmodern <postmodern.mod3@gmail.com>
       1 John Croisant <jacius@gmail.com>
       1 Joe Fiorini <joe@faithfulgeek.org>

data/ChangeLog

@@ -1,3 +1,240 @@
+commit ce785c7cc29372cb7c5c47647535b1943348aff6
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 15:34:37 2012 +0100
+
+    Updated release notes, version number and benchmark graphs
+
+doc/img/graph-ruby-1.8.5-231.png
+doc/img/graph-ruby-1.8.6-399.png
+doc/img/graph-ruby-1.8.7-249.png
+doc/img/graph-ruby-1.8.7-302.png
+doc/img/graph-ruby-1.9.2p136-136.png
+doc/img/graph-ruby-1.9.3p0-0.png
+doc/img/graph-ruby-1.9.3p125-125.png
+doc/news/release_0_13_5.page
+doc/sidebar.template
+doc/tests.page
+lib/kramdown/version.rb
+
+commit 90f0583232e814334b2bb8c7fa3228b2f4e30f81
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 10:14:58 2012 +0100
+
+    Bug fix: Empty id attributes are handled better now
+    
+    * The HTML converter does not output empty id attributes anymore.
+    * The kramdown converter now always converts empty id attributes
+      to IAL form.
+
+lib/kramdown/converter/kramdown.rb
+lib/kramdown/utils/html.rb
+test/testcases/block/04_header/with_auto_ids.html
+test/testcases/block/04_header/with_auto_ids.text
+
+commit d956b98fdf449af145bc8b52539abdb99a062cda
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:53:03 2012 +0100
+
+    Small typo fix in quickref
+
+doc/quickref.page
+
+commit 4df3c5aaad763cc9d8fd4b129a5cdd245ed5a7f7
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:38:29 2012 +0100
+
+    Updated homepage contents
+
+doc/documentation.page
+doc/index.page
+doc/installation.page
+doc/news.page
+doc/syntax.page
+doc/tests.page
+
+commit c0bcd765e131b671661af70274ce632111ad89bb
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:37:15 2012 +0100
+
+    Updated website design
+
+doc/bg.png
+doc/default.scss.css
+doc/default.template
+doc/design.scss.css
+doc/sidebar.template
+
+commit d530421d0a3794010cd0c022decb097158e90732
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:35:51 2012 +0100
+
+    Disabling line numbers in code listings on homepage
+
+Rakefile
+
+commit a47a5c49e35f9ccb220dca7b5b8ac7d585026ef6
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:25:01 2012 +0100
+
+    Updated copyright notice updating code
+
+Rakefile
+
+commit 21ce307a6766d131bf3a61de1142d88b0bd0a8be
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:24:22 2012 +0100
+
+    Updated copyright notices
+
+bin/kramdown
+lib/kramdown.rb
+lib/kramdown/compatibility.rb
+lib/kramdown/converter.rb
+lib/kramdown/converter/base.rb
+lib/kramdown/converter/html.rb
+lib/kramdown/converter/kramdown.rb
+lib/kramdown/converter/latex.rb
+lib/kramdown/converter/toc.rb
+lib/kramdown/document.rb
+lib/kramdown/element.rb
+lib/kramdown/error.rb
+lib/kramdown/options.rb
+lib/kramdown/parser.rb
+lib/kramdown/parser/base.rb
+lib/kramdown/parser/html.rb
+lib/kramdown/parser/kramdown.rb
+lib/kramdown/parser/kramdown/abbreviation.rb
+lib/kramdown/parser/kramdown/autolink.rb
+lib/kramdown/parser/kramdown/blank_line.rb
+lib/kramdown/parser/kramdown/block_boundary.rb
+lib/kramdown/parser/kramdown/blockquote.rb
+lib/kramdown/parser/kramdown/codeblock.rb
+lib/kramdown/parser/kramdown/codespan.rb
+lib/kramdown/parser/kramdown/emphasis.rb
+lib/kramdown/parser/kramdown/eob.rb
+lib/kramdown/parser/kramdown/escaped_chars.rb
+lib/kramdown/parser/kramdown/extensions.rb
+lib/kramdown/parser/kramdown/footnote.rb
+lib/kramdown/parser/kramdown/header.rb
+lib/kramdown/parser/kramdown/horizontal_rule.rb
+lib/kramdown/parser/kramdown/html.rb
+lib/kramdown/parser/kramdown/html_entity.rb
+lib/kramdown/parser/kramdown/line_break.rb
+lib/kramdown/parser/kramdown/link.rb
+lib/kramdown/parser/kramdown/list.rb
+lib/kramdown/parser/kramdown/math.rb
+lib/kramdown/parser/kramdown/paragraph.rb
+lib/kramdown/parser/kramdown/smart_quotes.rb
+lib/kramdown/parser/kramdown/table.rb
+lib/kramdown/parser/kramdown/typographic_symbol.rb
+lib/kramdown/parser/markdown.rb
+lib/kramdown/utils.rb
+lib/kramdown/utils/entities.rb
+lib/kramdown/utils/html.rb
+lib/kramdown/utils/ordered_hash.rb
+lib/kramdown/version.rb
+test/run_tests.rb
+test/test_files.rb
+
+commit 512b00a6d050f506c43b824861f7bbf459862a19
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sun Feb 19 09:12:38 2012 +0100
+
+    Fixed bug RF#29521: HTML math output not always XHTML compatible
+    
+    The characters < and & are not allowed in a script tag in XHTML.
+    So since the HTML converter uses script tags for math elements,
+    whenever these characters appear in a value the value is wrapped
+    in a CDATA section to make the output XHTML compatible.
+
+lib/kramdown/converter/html.rb
+lib/kramdown/parser/html.rb
+test/testcases/block/15_math/normal.html
+
+commit 8f111947dbcea064a997662d65cd53e6e39c8c40
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sat Feb 18 20:06:42 2012 +0100
+
+    Fixed bug RF#29520: inline math statements interpreted as math blocks
+    
+    If a paragraph started and ended with an inline math statement, it was
+    parsed as math block. This is fixed now.
+    
+    Also, it is now better explained in the kramdown syntax documentation
+    how special cases are handled.
+
+doc/syntax.page
+lib/kramdown/converter/kramdown.rb
+lib/kramdown/parser/kramdown/math.rb
+test/testcases/span/math/normal.html
+test/testcases/span/math/normal.text
+
+commit f5b585513508704563cc0bb343869f91520ff853
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sat Feb 18 11:11:45 2012 +0100
+
+    Fixed problem with missing methods/constants on older Ruby 1.8.6 versions
+
+lib/kramdown/compatibility.rb
+
+commit 394d5de7cad34ed5e0bdcfc0fcc7a1a28b3f0229
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Tue Jan 31 17:32:09 2012 +0100
+
+    Moved camelize method from Document#method_to_class_name to Utils.camelize
+
+lib/kramdown/document.rb
+lib/kramdown/utils.rb
+
+commit 7adc3bda20a8290f0af588da7816eec591d4ecaa
+Author: tomykaira <tomykaira@gmail.com>
+Date:   Fri Dec 30 18:08:43 2011 +0900
+
+    Fix Document#method_missing to accept snake_cased class name
+    
+    When doc.to_my_converter is called, it should use MyConverter, but used My_converter
+
+lib/kramdown/document.rb
+
+commit a6b181a9baf2eeeabeb55a1a9d5b26791fecad08
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sat Jan 21 12:18:22 2012 +0100
+
+    HTML attributes names are now converted to lower case
+
+doc/syntax.page
+lib/kramdown/parser/html.rb
+lib/kramdown/parser/kramdown/html.rb
+test/testcases/block/09_html/html5_attributes.html
+test/testcases/block/09_html/simple.text
+test/testcases/span/05_html/normal.text
+
+commit 170ca36a60d823803f575bf5632d9e9d1e74f7db
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Sat Jan 21 12:05:31 2012 +0100
+
+    HTML attributes without values are now supported
+    
+    This means that one can write boolean HTML attributes now without
+    assigning an empty value.
+
+doc/syntax.page
+lib/kramdown/converter/kramdown.rb
+lib/kramdown/parser/html.rb
+lib/kramdown/parser/kramdown/html.rb
+test/testcases/block/09_html/html5_attributes.html
+test/testcases/block/09_html/html5_attributes.text
+test/testcases/span/05_html/normal.html
+test/testcases/span/05_html/normal.text
+
+commit 2c1d7c5e66bfe42052dc43374e123a48e7cb2ad6
+Author: Thomas Leitner <t_leitner@gmx.at>
+Date:   Fri Dec 16 18:40:15 2011 +0100
+
+    Fix to work with newer RDoc versions
+
+Rakefile
+
 commit 2a93cbc0e1bbe705159c645ae617538bad125394
 Author: Thomas Leitner <t_leitner@gmx.at>
 Date:   Fri Dec 16 18:26:32 2011 +0100

data/Rakefile

@@ -35,7 +35,7 @@ begin
         desc = desc.join("\n")
         "[<tt>#{n}</tt> (type: #{definition.type}, default: #{definition.default.inspect})]\n#{desc}\n\n"
       end
-      opt_module.comment << "\n== Available Options\n\n" << opt_defs.join("\n\n")
+      opt_module.comment.text += "\n== Available Options\n\n" << opt_defs.join("\n\n")
 
       file_info
     end
@@ -94,6 +94,7 @@ if defined? Webgen
       config['contentprocessor.tags.map']['options'] = 'OptionsDisplay'
       config['contentprocessor.tags.map']['kdexample'] = 'KDExample'
       config['contentprocessor.tags.map']['kdlink'] = 'KDLink'
+      config['contentprocessor.kramdown.options'][:coderay_line_numbers] = nil
     end
   end
 end
@@ -276,7 +277,7 @@ EOF
   COPYRIGHT=<<EOF
 #
 #--
-# Copyright (C) 2009-2010 Thomas Leitner <t_leitner@gmx.at>
+# Copyright (C) 2009-2012 Thomas Leitner <t_leitner@gmx.at>
 #
 # This file is part of kramdown.
 #
@@ -299,12 +300,12 @@ EOF
   desc "Insert/Update copyright notice"
   task :update_copyright do
     inserted = false
-    Dir["lib/**/*.rb"].each do |file|
+    Dir["lib/**/*.rb", "test/**/*.rb"].each do |file|
       if !File.read(file).start_with?(CODING_LINE + COPYRIGHT)
         inserted = true
         puts "Updating file #{file}"
         old = File.read(file)
-        if !(result = old.gsub!(/\A#{Regexp.escape(CODING_LINE)}#\n#--.*?\n#\+\+\n#\n/m, CODING_LINE + COPYRIGHT))
+        if !old.gsub!(/\A#{Regexp.escape(CODING_LINE)}#\n#--.*?\n#\+\+\n#\n/m, CODING_LINE + COPYRIGHT)
           old.gsub!(/\A(#{Regexp.escape(CODING_LINE)})?/, CODING_LINE + COPYRIGHT + "\n")
         end
         File.open(file, 'w+') {|f| f.puts(old)}

data/VERSION

@@ -1 +1 @@
-0.13.4
+0.13.5

data/bin/kramdown

@@ -2,7 +2,7 @@
 # -*- coding: utf-8 -*-
 #
 #--
-# Copyright (C) 2009 Thomas Leitner <t_leitner@gmx.at>
+# Copyright (C) 2009-2012 Thomas Leitner <t_leitner@gmx.at>
 #
 # This file is part of kramdown.
 #

data/doc/default.scss.css

@@ -1,530 +1,184 @@
-$text-color: #354146;
-$link-color: #1666A3;
+@import url(design.css);
 
-* {
-    padding: 0;
-    margin: 0;
+aside.banner {
+    font-size: 18px;
+    line-height: 27px;
 }
 
-body {
-    margin: 0;
-    padding: 0;
-    color: #000;
-    text-align: left;
-    background: #fff;
-}
-
-body, table, code {
-    font: normal 12px/1.5em Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
-}
-
-.with-margin {
-    margin: 0 auto;
-    min-width: 600px;
-    max-width: 1000px;
-}
+aside a {
+    text-decoration: none;
 
-/* header */
-#fullheader {
-    background: #364147;
-    background-image: -moz-linear-gradient(top, rgba(54,65,71,1), rgba(81,92,96,1));
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54,65,71,1)), to(rgba(81,92,96,1)));
-    position: relative;
+    &:hover {
+        text-decoration: underline;
+    }
 }
 
-#header {
-    @extend .with-margin;
+#content {
+    blockquote.information {
+        border-left: 12px solid #080;
+        background-color: #bfb;
+        padding: 12px 12px 12px 0;
+        margin-left: -48px;
+        padding-left: 48px;
+    }
 
-    position: relative;
-    padding: 0 0 0 30px;
-    height: 70px;
+    blockquote.markdown-difference {
+        border-left: 12px solid #dc0;
+        background-color: #ffa;
+        padding: 12px 12px 12px 0;
+        margin-left: -48px;
+        padding-left: 48px;
 
-    h1#logo {
-        a {
-            color: #ced1d2;
-            text-decoration: none;
+        &:before {
+            content: "Difference to Standard Markdown";
             display: block;
-            padding: 18px 0 17px;
-            font-weight: normal;
-        }
-
-        a:hover {
-            color: #fff;
-        }
-
-        span.slogan {
-            font-size: 60%; padding-left: 1.5em;
+            font-weight: bold;
         }
     }
-}
-
-#donation {
-    position: absolute;
-    right: 10px;
-    bottom: 5px;
-}
-
-/* menu */
-#fullnav {
-    background: #3f4a50;
-    background-image: -moz-linear-gradient(top, rgba(63,74,80,1), rgba(88,99,103,1));
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(63,74,80,1)), to(rgba(88,99,103,1)));
-}
-
-#nav {
-    @extend .with-margin;
 
-    ul {
-        height: 40px;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-
-        li {
-            display: block;
-            float: left;
-            margin: 0;
-            padding: 0;
-
-            a, span {
-                display: block;
-                float: left;
-                font-size: 90%;
-                color: white;
-                text-decoration: none;
-                text-align: center;
-                padding: 12px 20px 8px;
-                -webkit-transition: all 0.2s ease-in-out;
-                -moz-transition: all 0.2s ease-in-out;
-                -o-transition: all 0.2s ease-in-out;
-                transition: all 0.2s ease-in-out;
-            }
+    blockquote pre {
+        border: none;
+    }
 
-            a:hover, span:hover {
-                color: #ced1d2;
-                text-decoration: underline;
-            }
+    table {
+        border-collapse: collapse;
+        margin-left: auto;
+        margin-right: auto;
+        width: 100%;
 
+        td, th {
+            padding: 3px 5px;
         }
-
-        li.webgen-menu-item-selected a, li.webgen-menu-item-selected span, li.webgen-menu-submenu-inhierarchy span {
-            color: #101517;
-            border: 1px solid #fff;
-            border-bottom:1px solid #e6e8e9;
-            background:#e6e8e9;
-            background-image: -moz-linear-gradient(top, #d6d8d9, #e6e8e9);
-            background-image: -webkit-gradient(linear, left top, left bottom, from(#d6d8d9), to(#e6e8e9));
-            text-decoration:none;
+        th {
+            background-color: #080;
+            color: white;
         }
-
     }
-}
-
-/* intro */
-#fullintro {
-    background: #e6e8e9;
-}
 
-#intro {
-    @extend .with-margin;
-
-    background: #e6e8e9;
-    height: auto;
-
-    #intro-in {
-        padding: 20px 5px;
+    pre.show-whitespaces .ws-space {
+        background-color: #f44;
     }
-
-    p {
-        margin: 15px 0px 0px
+    pre.show-whitespaces .ws-space-l {
+        background-color: #f22;
     }
-
-    a {
-        color: $link-color;
+    pre.show-whitespaces .ws-space-r {
+        background-color: #f00;
+    }
+    pre.show-whitespaces .ws-tab {
+        background-color: #ff4;
+    }
+    pre.show-whitespaces .ws-tab-l {
+        background-color: #ff2;
+    }
+    pre.show-whitespaces .ws-tab-r {
+        background-color: #ff0;
+    }
+    pre.show-whitespaces.ws-lr .ws-tab {
         background-color: inherit;
-        text-decoration: underline;
     }
-
-    a:hover, a:link {
-        color: #0B4775;
+    pre.show-whitespaces.ws-lr .ws-space {
+        background-color: inherit;
+        opacity: 0;
     }
 
-}
-
-/* content */
-#container {
-    @extend .with-margin;
-
-    position: relative;
-    clear: both;
-    background-color: #fff;
-    background-image: -moz-linear-gradient(top, #eee, #fff 100, #fff);
-    background-image: -webkit-gradient(linear, 0 0, 0 200, from(#eee), to(#fff));
-
-    a {
-        color: $link-color;
-        background-color: inherit;
-        text-decoration: underline;
+    pre.kdexample-before {
+        width: 45%;
+        float: left;
+        margin: 0;
     }
 
-    a:hover, a:link {
-        color: #0B4775;
+    pre.kdexample-before:hover + pre {
+        display: block;
     }
 
-    #sidebar {
+    pre.kdexample-after-source {
+        display: none;
+        width: 45%;
         float: right;
-        width: 30%;
-        min-width: 100px;
-        margin: 0 0 10px 10px;
-        color: black;
-        font-size: 92%;
-        background-color: #eee;
-
-        #sidebar-content {
-            padding: 5px 10px;
-            opacity: 1;
-        }
-
-        p {
-            margin: 0px;
-            padding: 5px 0px;
-        }
+        background-color: #ffffee;
+        border: 2px solid #e6e8e9;
+        margin: 0 10px;
+        padding: 5px;
+    }
 
-        ul {
-            list-style: square;
-            margin: 5px 0px 5px 15px;
-            padding: 3px;
+    div.kdexample-after-live {
+        width: 45%;
+        float: right;
+        clear: none;
+        background-color: #eeffee;
+        border: 2px solid #e6e8e9;
+        margin: 0 10px 12px;
+        padding: 5px;
+    }
 
-            ul {
-                margin: 0px 0px 0px 5px;
-            }
-        }
+    div.kdsyntaxlink {
+        float: right;
+        position: relative;
+        top: -17px;
+        padding: 5px;
+        border: 1px solid #e6e8e9;
+        margin-right: 10px;
+        margin-left: 10px;
 
         a {
-            padding: 1px;
             text-decoration: none;
         }
-
-        h1 {
-            font: bold 150% Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
-        }
     }
+}
 
-    #main {
-
-        margin-top: 20px;
-        padding: 0px 20px;
-
-        h1, h2, h3, h4, h5, h6 {
-            font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
-            font-weight: bold;
-            text-shadow: 1px 1px 2px #888;
-            line-height: 1.5em;
-        }
-        h1 { font-size: 230%; }
-        h2 { font-size: 190%; }
-        h3 { font-size: 160%; }
-        h4 { font-size: 130%; }
-
-        h1, h2, h3, h4 {
-            margin: 40px 0px 0px;
-        }
-
-        p, ul, ol, dl, table, pre, blockquote {
-            margin: 20px 0px 0px;
-        }
-
-        ul, ol {
-            margin-left: 10px;
-            padding: 0 15px;
-            color: #000;
-        }
-
-        ul ul, ul ol, ol ul, ol ol {
-            margin-top: 0px;
-        }
-
-        dt {
-            background-color: #eee;
-            padding: 2px;
-        }
-
-        dd {
-            margin: 5px 0px 10px 20px;
-            padding: 2px;
-
-            p, ul, ol, dl, table, pre, blockquote {
-                margin-top: 0px;
-            }
-
-        }
-
-        *:target::after {
-            content: " ☜";
-            font-size: 120%;
-        }
-
-        pre {
-            margin-left: 10px;
-            margin-right: 10px;
-            padding: 5px;
-            text-align: left;
-            overflow: visible;
-            font: 'Lucida Console', 'courier new', monospace;
-            color: white;
-            background: #eee;
-            border-top: 1px solid green;
-            border-bottom: 1px solid green;
-        }
-
-        pre > code {
-            color: black;
-            font-weight: normal;
-        }
-
-        pre[title]::before {
-            display:block;
-            padding: 5px;
-            margin: -5px -5px 5px -5px;
-            background: green;
-            color: white;
-            content:attr(title);
-            font: bold 100% 'Helvetica Neue', 'Trebuchet MS', Arial, Sans-serif;
-        }
-
-        code {
-            font-family: "Lucida Console", monospace;
-            font-weight: bold;
-            font-size: 100%;
-            color: black;
-        }
-
-        blockquote.warning, blockquote.information, blockquote.important {
-            position: relative;
-            padding: 5px 5px 5px 45px;
-            min-height: 40px;
-            border: 1px solid green;
-            border-radius: 10px;
-            -webkit-border-radius: 10px;
-            -moz-border-radius: 10px;
-            box-shadow: 0px 0px 5px #888;
-            -moz-box-shadow: 0px 0px 5px #888;
-            -webkit-box-shadow: 0px 0px 5px #888;
-
-            p, ul, ol, dl, table, pre, blockquote {
-                margin-top: 0px;
-            }
-        }
-
-        blockquote.warning::before, blockquote.information::before, blockquote.important::before {
-            display: block;
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            height: 30px;
-            width: 30px;
-            margin: 3px;
-            padding: 2px;
-            font: bold 30px "Georgia";
-            line-height: 30px;
-            text-align: center;
-            text-shadow: 1px 1px 2px #888;
-            background: white;
-            border-radius: 5px;
-            -webkit-border-radius: 5px;
-            -moz-border-radius: 5px;
-        }
-
-        blockquote.warning::before {
-            content: '⚠';
-        }
-
-        blockquote.information::before {
-            content: '✔';
-        }
-
-        blockquote.important::before {
-            content: '!';
-        }
-
-        blockquote pre {
-            border: none;
-        }
-
-        table {
-            border-collapse: collapse;
-            margin-left: auto;
-            margin-right: auto;
-            width: 100%;
-
-            td, th {
-                padding: 3px 5px;
-            }
-
-            th {
-                background-color: green;
-                color: white;
-            }
-        }
-
-
-
-        /* added definitions ------------------------------------------------------------ */
-
-        .news-item {
-            border-top: 3px solid #ddd;
-            margin-top: 20px;
-
-            h2 {
-                margin-top: 20px;
-            }
-        }
-
-        .news-date {
-            margin-top: 30px;
-        }
-
-        pre {
-            margin: 15px 10px;
-            background-color: #e6e8e9;
-            color: #000;
-        }
-
-        pre.show-whitespaces .ws-space {
-            background-color: #f44;
-        }
-        pre.show-whitespaces .ws-space-l {
-            background-color: #f22;
-        }
-        pre.show-whitespaces .ws-space-r {
-            background-color: #f00;
-        }
-
-        pre.show-whitespaces .ws-tab {
-            background-color: #ff4;
-        }
-        pre.show-whitespaces .ws-tab-l {
-            background-color: #ff2;
-        }
-        pre.show-whitespaces .ws-tab-r {
-            background-color: #ff0;
-        }
-
-        pre.show-whitespaces.ws-lr .ws-tab {
-            background-color: inherit;
-        }
-        pre.show-whitespaces.ws-lr .ws-space {
-            background-color: inherit;
-            opacity: 0;
-        }
-
-        blockquote.markdown-difference {
-            margin: 15px 20px;
-            padding: 5px;
-            border: 2px solid #e6e8e9;
-            background-color: #ffffee
-        }
-
-        blockquote.markdown-difference:before {
-            content: "Difference to Standard Markdown";
-            display: block;
-            font-weight: bold;
-            margin-top: 5px
-        }
-
-        pre.kdexample-before {
-            width: 45%;
-            float: left;
-            margin: 10px 10px 3px 10px;
-        }
-        pre.kdexample-before:hover + pre {
-            display: block;
-        }
-
-        pre.kdexample-after-source {
-            display: none;
-            width: 45%;
-            float: right;
-            background-color: #ffffee;
-            border: 2px solid #e6e8e9;
-            margin: 10px 10px 3px 10px;
-            margin-left: 10px;
-            margin-right: 10px;
-            margin-bottom: 3px;
-        }
-
-        div.kdexample-after-live {
-            width: 45%;
-            float: right;
-            clear: right;
-            background-color: #eeffee;
-            border: 2px solid #e6e8e9;
-            margin: 10px 10px 3px 10px;
-            padding: 5px;
-        }
-
-        div.kdsyntaxlink {
-            float: right;
-            padding: 5px;
-            border: 1px solid #e6e8e9;
-            margin-right: 10px;
-            margin-left: 10px;
-        }
-
-        div.kdsyntaxlink a {
-            text-decoration: none;
-        }
-
-
-    }
+.news-item {
+    border-top: 2px solid #ddd;
+    margin-top: 46px;
 }
 
-/* footer */
-#footer {
-    @extend .with-margin;
+.news-date {
+    float: right;
+    margin-top: 2px;
+    font-size: small;
+    color: #888;
+}
 
+footer {
     clear: both;
-    margin-top: 20px;
-    padding: 5px 20px 30px;
     font-size: 92%;
     text-align: left;
-    color: #898989;
-    background-color: #eee;
-
-    h2, p {
-        padding-left: 0;
-    }
 
     a {
         color: #898989;
-    }
 
-    a:hover {
-        text-decoration: none;
-        color: #666;
+        &:hover {
+            text-decoration: none;
+            color: #666;
+        }
     }
+}
 
-    ul {
-        margin: 0;
-        padding: 0;
-    }
+/* common rules */
+acronym {
+    cursor: help;
+    border-bottom: 1px solid #777;
 }
 
+.float-left {
+    float: left;
+}
 
-/* common rules */
-img {
-    border: none;
+.float-right {
+    float: right;
 }
 
-acronym {
-  cursor: help;
-  border-bottom: 1px solid #777;
+.a-left, tr.a-left td {
+    text-align: left;
 }
 
-.float-left  { float: left; }
-.float-right { float: right; }
-.a-left, tr.a-left td {text-align:left;}
-.a-center, tr.a-center td {text-align:center;}
-.a-right, tr.a-right td {text-align:right;}
+.a-center, tr.a-center td {
+    text-align: center;
+}
+
+.a-right, tr.a-right td {
+    text-align: right;
+}
 
-.clear { clear: both; }
+.clear {
+    clear: both;
+}