resolves #752 upgrade to Font Awesome 4.1

- upgrade to Font Awesome 4.1
- change CSS classes to align with Font Awesome 4.1
- add Font Awesome 3 compat stylesheet to the compat folder
- use simplified class matchers in default stylesheet
- update tests

1 files changed, 13 insertions, 13 deletions

diff --git a/data/stylesheets/asciidoctor-default.css b/data/stylesheets/asciidoctor-default.css
index bdea9f2f..61f4180e 100644
--- a/data/stylesheets/asciidoctor-default.css
+++ b/data/stylesheets/asciidoctor-default.css
@@ -276,7 +276,7 @@ dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; }
 ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.625em; }
 ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; }
 ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; }
-ul.checklist li > p:first-child > i[class^="icon-check"]:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; }
+ul.checklist li > p:first-child > .fa-check-square-o:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; }
 ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; }
 ul.inline { margin: 0 auto 0.625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; }
 ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; }
@@ -355,17 +355,17 @@ div.unbreakable { page-break-inside: avoid; }
 .white-background { background-color: #fafafa; }
 .yellow { color: #bfbf00; }
 .yellow-background { background-color: #fafa00; }
-span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; }
-.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; }
-.admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #005498; color: #003f72; }
-.admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; }
-.admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; }
-.admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; }
-.admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; }
-i.conum { display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; }
-i.conum * { color: white !important; }
-i.conum + b { display: none; }
-i.conum:after { content: attr(data-value); }
-i.conum:not([data-value]):empty { display: none; }
+span.icon > .fa { cursor: default; }
+.admonitionblock td.icon .fa:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; }
+.admonitionblock td.icon .fa-note:before { content: "\f05a"; color: #005498; color: #003f72; }
+.admonitionblock td.icon .fa-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; }
+.admonitionblock td.icon .fa-warning:before { content: "\f071"; color: #bf6900; }
+.admonitionblock td.icon .fa-caution:before { content: "\f06d"; color: #bf3400; }
+.admonitionblock td.icon .fa-important:before { content: "\f06a"; color: #bf0000; }
+.conum { display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; }
+.conum * { color: white !important; }
+.conum + b { display: none; }
+.conum:after { content: attr(data-value); }
+.conum:not([data-value]):empty { display: none; }
 #toc.toc2 { background: white; }
 .literalblock > .content > pre, .listingblock > .content > pre { -webkit-border-radius: 0; border-radius: 0; }