author | Olivier Brunel
<jjk@jjacky.com> 2022-12-23 13:35:00 UTC |
committer | Olivier Brunel
<jjk@jjacky.com> 2022-12-23 13:35:00 UTC |
parent | 0acb5996c02b32eb5344bb4ebfacd85cca0e0bae |
base.htm | +37 | -8 |
diff --git a/base.htm b/base.htm index 16b8191..a310eb4 100644 --- a/base.htm +++ b/base.htm @@ -116,9 +116,11 @@ main .highlight { main .highlight2 { color: red; } -main pre { +main pre, main tt { font-family: Monaco,Consolas,Liberation Mono,Courier,monospace; white-space: pre; +} +main pre { overflow: auto; } main h1 { @@ -157,6 +159,9 @@ main h6 { padding-bottom: 8px; font-size: 80%; } +main blockquote { + margin: 4px 23px 23px 42px; +} main footer { padding-top: 8px; text-align: center; @@ -205,6 +210,20 @@ main footer { border: 1px solid #e1e4e5; background: #f2ecb7; } + main blockquote :first-child::before { + content: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAABRElEQVRYw+3WTytEURjH8c/4l1JTpKxsyEbYWFkpG+UVKOWFeAts7eytbJSysLLVxIKNFAslwhSlUQabUdM0xm0e967Ot+7inPN8z+13z73nXBKJRCIRoJSxbggrmMMInlHBIWoF+KEAQ9jAaJuxe2zhJUe/Iz0ZahZ/uTmMYT1nPxxg/I/xWQzn6IcD1IIha//wkEIBKhlq+nP0wwHOsYuvDjWvOfod6c1Yd9O4ZjDQZvwAbzn6oRVofpKbqLf0P+GxAD8cAO7w0NJ3WqAfDlBCuan9gaMC/XCA+cbJ+sMRqgX6oQCTWGtqX2O/QL8tfRlqyljGUlPgW2y3+SDz8Lv6mRvEQmPbm25ZqQvs/LHtRf3wCkxgtaWvij2cZJg36ocD/Pw91nGJY5zhM+O8UT/8Ck01TswrvHcxb9RPJBKJRDF8AyNbWk4WFTIzAAAAAElFTkSuQmCC); + float: left; + } + main blockquote cite { + font-style: italic; + padding-left: 8px; + } + main blockquote cite::before { + content: "— "; + } + main q { + font-style: italic; + } main footer { margin-top: 16px; border-top: 2px solid #2d70aa; @@ -331,11 +350,11 @@ main footer { <h2>Getting Started</h2> <p>Alright let's <span class="highlight2">get started</span> then.</p> <p>We can test block stuff :</p> -<pre> + <pre> This is a text. No formatting or anything there. Now we will have to test some very long line, to see how the overflow is handled and make sure it works as expected. That is, as we expect, i.e. things don't break and a nice little scrollbar is featured. -</pre> + </pre> </section> <section id="titles"> <h2>This is level 2</h2> @@ -356,11 +375,21 @@ Now we will have to test some very long line, to see how the overflow is handled </section> </section> </section> - <footer> - Copyright © 2022 Author Name - All Rights Reserved - <br> - <span class="generated">Generated with qmdoc</span> - </footer> + <section id="foo"> + <h1>Foo</h1> + <p>Here's some <tt>typetext stuff</tt> after which will follow + no less than a quote : + <blockquote cite="https://source.lnk"><p>Here it is. I'm a + quote.<br>No really, I was said by someone, once.<br>I + swear.</p> + <cite>Someone. Once.</cite></blockquote> + Of course <q>everything has been said before</a> so, there. + </section> + <footer> + Copyright © 2022 Author Name - All Rights Reserved + <br> + <span class="generated">Generated with qmdoc</span> + </footer> </main> </body> </html>