formatting examples

This commit is contained in:
Vadim Makeev 2010-11-05 15:42:10 +03:00
parent 18f9f4c024
commit 2d43cad01a
2 changed files with 13 additions and 3 deletions

View File

@ -23,13 +23,13 @@
<section class="slide" id="Header"> <section class="slide" id="Header">
<article> <article>
<h2>Heading</h2> <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> </article>
</section> </section>
<section class="slide" id="TwoLinesHeader"> <section class="slide" id="TwoLinesHeader">
<article> <article>
<h2>Two rows.<br>Mighty heading</h2> <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> <p class="note"><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
</article> </article>
</section> </section>

View File

@ -111,6 +111,15 @@ A {
.slide ARTICLE EM { .slide ARTICLE EM {
font-style:italic; 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 */ /* Quote */
.slide ARTICLE BLOCKQUOTE { .slide ARTICLE BLOCKQUOTE {
@ -165,8 +174,9 @@ A {
} }
.slide ARTICLE PRE CODE { .slide ARTICLE PRE CODE {
display:block; display:block;
padding:0;
background:none;
white-space:pre; white-space:pre;
font-family:Consolas, 'Droid Sans Mono', monospace;
} }
.slide ARTICLE PRE CODE:before { .slide ARTICLE PRE CODE:before {
position:absolute; position:absolute;