/* XOT blog CSS * * style sheet for blog posts * HTML structure of posts: * * * ... * *
* *
*
*

*
*
*
*
*
* *
*
* *
*
*
* body of the post *
*
*
*
*
*
* *
* * * */ BODY { background-color: white ; } div#canvas { color: black; width: auto ; max-width: 700px; font-size: 0.9em; line-height:1.1em; } div#header { padding: 10px ; } div#menu { text-align: right ; } div#postheader { margin: 0px ; padding: 10px ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } h1#title { margin: 0px ; padding: 0px ; font-size: 2.0em; line-height: 1.05em ; text-align: left ; } div#subtitle { margin: 0px ; padding: 0px ; padding-top: 20px ; font-size: 1.5em; line-height: 1.05em ; color: var(--accent-color); text-align: left ; } div#postauthor { text-align: left ; } div#postdate { padding-top: 10px; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; text-align: left ; } div#postcommentcount {} div#postprev {} div#postnext {} div#posttags::before { content: "Tags ///" ; } div#posttags { padding-top: 5px; font-size: 0.9em; text-align: left ; } a.posttag { } div#postcategories::before { content: "Categories ///" ; } div#postcategories { padding-top: 5px; font-size: 0.9em; text-align: left ; } a.postcategory { } div#postcontent { margin: 0px ; padding: 10px ; } /* --- footer --- */ div#footer { padding: 10px ; padding-top: 0px ; padding-bottom: 30px; }