From 2d43cad01ab1a6cc7573f37909835f46816b8ab8 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <pepelsbey@gmail.com>
Date: Fri, 5 Nov 2010 15:42:10 +0300
Subject: [PATCH] formatting examples

---
 index.htm         |  4 ++--
 styles/screen.css | 12 +++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.htm b/index.htm
index 20ba33a..24d7960 100755
--- a/index.htm
+++ b/index.htm
@@ -23,13 +23,13 @@
 		<section class="slide" id="Header">
 			<article>
 				<h2>Heading</h2>
-				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.</p>
+				<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of <a href="#TwoLinesHeader">this tool</a> may or may not crash your browser, lock up <em>your</em> machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.</p>
 			</article>
 		</section>
 		<section class="slide" id="TwoLinesHeader">
 			<article>
 				<h2>Two rows.<br>Mighty heading</h2>
-				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive…</p>
+				<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of <a href="#SevenItemsList">this tool</a> may or may not crash your browser, lock up <em>your</em> machine, erase your hard drive…</p>
 				<p class="note"><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
 			</article>
 		</section>
diff --git a/styles/screen.css b/styles/screen.css
index 471b317..d1d55db 100755
--- a/styles/screen.css
+++ b/styles/screen.css
@@ -111,6 +111,15 @@ A {
 .slide ARTICLE EM {
 	font-style:italic;
 	}
+.slide ARTICLE KBD,
+.slide ARTICLE CODE {
+	padding:1px 4px;
+	-webkit-border-radius:4px;
+	-moz-border-radius:4px;
+	border-radius:4px;
+	background:#EEE;
+	font-family:Consolas, 'Droid Sans Mono', monospace;
+	}
 
 /* Quote */
 .slide ARTICLE BLOCKQUOTE {
@@ -165,8 +174,9 @@ A {
 	}
 	.slide ARTICLE PRE CODE {
 		display:block;
+		padding:0;
+		background:none;
 		white-space:pre;
-		font-family:Consolas, 'Droid Sans Mono', monospace;
 		}
 	.slide ARTICLE PRE CODE:before {
 		position:absolute;