| /* |
| * AsciiDoc 'volnitsky' theme for xhtml11 and html5 backends. |
| * Based on css from http://volnitsky.com, which was in turn based on default |
| * theme from AsciiDoc |
| * |
| * FIXME: The stlying is still a bit rough in places. |
| * |
| */ |
| |
| /* Default font. */ |
| body { |
| font-family: Georgia,"Times New Roman",Times,serif; |
| } |
| |
| /* Title font. */ |
| h1, h2, h3, h4, h5, h6, |
| div.title, caption.title, |
| thead, p.table.header, |
| #toctitle, |
| #author, #revnumber, #revdate, #revremark, |
| #footer { |
| font-family: Candara,Arial,sans-serif; |
| } |
| |
| |
| #toc a { |
| border-bottom: 1px dotted #999999; |
| color: #3A3A4D !important; |
| text-decoration: none !important; |
| } |
| #toc a:hover { |
| border-bottom: 1px solid #6D4100; |
| color: #6D4100 !important; |
| text-decoration: none !important; |
| } |
| a { color: #666688; text-decoration: none; border-bottom: 1px dotted #666688; } |
| a:visited { color: #615FA0; border-bottom: 1px dotted #615FA0; } |
| a:hover { color: #6D4100; border-bottom: 1px solid #6D4100; } |
| |
| em { |
| font-style: italic; |
| color: #444466; |
| } |
| |
| strong { |
| font-weight: bold; |
| color: #444466; |
| } |
| |
| h1, h2, h3, h4, h5, h6 { |
| color: #666688; |
| margin-bottom: 0.5em; |
| line-height: 1.3; |
| letter-spacing:+0.15em; |
| } |
| |
| h1, h2, h3 { border-bottom: 2px solid #ccd; } |
| h2 { padding-top: 0.5em; } |
| h3 { float: left; } |
| h3 + * { clear: left; } |
| |
| div.sectionbody { |
| margin-left: 0; |
| } |
| |
| hr { |
| border: 1px solid #444466; |
| } |
| |
| p { |
| margin-top: 0.5em; |
| margin-bottom: 0.5em; |
| } |
| |
| ul, ol, li > p { |
| margin-top: 0; |
| } |
| |
| pre { |
| padding: 0; |
| margin: 0; |
| } |
| |
| #author { |
| color: #444466; |
| font-weight: bold; |
| font-size: 1.1em; |
| } |
| |
| #footer { |
| font-size: small; |
| border-top: 2px solid silver; |
| padding-top: 0.5em; |
| margin-top: 4.0em; |
| } |
| |
| #footer-text { |
| float: left; |
| padding-bottom: 0.5em; |
| } |
| |
| #footer-badges { |
| float: right; |
| padding-bottom: 0.5em; |
| } |
| |
| #preamble { |
| margin-top: 1.5em; |
| margin-bottom: 1.5em; |
| } |
| |
| div.tableblock, div.imageblock, div.exampleblock, div.verseblock, |
| div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock, |
| div.admonitionblock { |
| margin-top: 1.5em; |
| margin-bottom: 1.5em; |
| } |
| |
| div.admonitionblock { |
| margin-top: 2.5em; |
| margin-bottom: 2.5em; |
| } |
| |
| div.content { /* Block element content. */ |
| padding: 0; |
| } |
| |
| /* Block element titles. */ |
| div.title, caption.title { |
| color: #444466; |
| font-weight: bold; |
| text-align: left; |
| margin-top: 1.0em; |
| margin-bottom: 0.5em; |
| } |
| div.title + * { |
| margin-top: 0; |
| } |
| |
| td div.title:first-child { |
| margin-top: 0.0em; |
| } |
| div.content div.title:first-child { |
| margin-top: 0.0em; |
| } |
| div.content + div.title { |
| margin-top: 0.0em; |
| } |
| |
| div.sidebarblock > div.content { |
| background: #ffffee; |
| border: 1px solid silver; |
| padding: 0.5em; |
| } |
| |
| div.listingblock > div.content { |
| border: 1px solid silver; |
| background: #f4f4f4; |
| padding: 0.5em; |
| } |
| |
| div.quoteblock { |
| padding-left: 2.0em; |
| margin-right: 10%; |
| } |
| div.quoteblock > div.attribution { |
| padding-top: 0.5em; |
| text-align: right; |
| } |
| |
| div.verseblock { |
| padding-left: 2.0em; |
| margin-right: 10%; |
| } |
| div.verseblock > pre.content { |
| font-family: inherit; |
| } |
| div.verseblock > div.attribution { |
| padding-top: 0.75em; |
| text-align: left; |
| } |
| /* DEPRECATED: Pre version 8.2.7 verse style literal block. */ |
| div.verseblock + div.attribution { |
| text-align: left; |
| } |
| |
| div.admonitionblock .icon { |
| vertical-align: top; |
| font-size: 1.1em; |
| font-weight: bold; |
| text-decoration: underline; |
| color: #444466; |
| padding-right: 0.5em; |
| } |
| div.admonitionblock td.content { |
| padding-left: 0.5em; |
| border-left: 2px solid silver; |
| } |
| |
| div.exampleblock > div.content { |
| border-left: 2px solid silver; |
| padding: 0.5em; |
| } |
| |
| div.imageblock div.content { padding-left: 0; } |
| span.image img { border-style: none; } |
| a.image:visited { color: white; } |
| |
| dl { |
| margin-top: 0.8em; |
| margin-bottom: 0.8em; |
| } |
| dt { |
| margin-top: 0.5em; |
| margin-bottom: 0; |
| font-style: normal; |
| color: #444466; |
| } |
| dd > *:first-child { |
| margin-top: 0.1em; |
| } |
| |
| ul, ol { |
| list-style-position: outside; |
| } |
| ol.arabic { |
| list-style-type: decimal; |
| } |
| ol.loweralpha { |
| list-style-type: lower-alpha; |
| } |
| ol.upperalpha { |
| list-style-type: upper-alpha; |
| } |
| ol.lowerroman { |
| list-style-type: lower-roman; |
| } |
| ol.upperroman { |
| list-style-type: upper-roman; |
| } |
| |
| div.compact ul, div.compact ol, |
| div.compact p, div.compact p, |
| div.compact div, div.compact div { |
| margin-top: 0.1em; |
| margin-bottom: 0.1em; |
| } |
| |
| div.tableblock > table { |
| border: 3px solid #444466; |
| } |
| thead { |
| font-weight: bold; |
| color: #444466; |
| } |
| tfoot { |
| font-weight: bold; |
| } |
| td > div.verse { |
| white-space: pre; |
| } |
| p.table { |
| margin-top: 0; |
| } |
| /* Because the table frame attribute is overriden by CSS in most browsers. */ |
| div.tableblock > table[frame="void"] { |
| border-style: none; |
| } |
| div.tableblock > table[frame="hsides"] { |
| border-left-style: none; |
| border-right-style: none; |
| } |
| div.tableblock > table[frame="vsides"] { |
| border-top-style: none; |
| border-bottom-style: none; |
| } |
| |
| |
| div.hdlist { |
| margin-top: 0.8em; |
| margin-bottom: 0.8em; |
| } |
| div.hdlist tr { |
| padding-bottom: 15px; |
| } |
| dt.hdlist1.strong, td.hdlist1.strong { |
| font-weight: bold; |
| } |
| td.hdlist1 { |
| vertical-align: top; |
| font-style: normal; |
| padding-right: 0.8em; |
| color: #444466; |
| } |
| td.hdlist2 { |
| vertical-align: top; |
| } |
| div.hdlist.compact tr { |
| margin: 0; |
| padding-bottom: 0; |
| } |
| |
| .comment { |
| background: yellow; |
| } |
| |
| @media print { |
| #footer-badges { display: none; } |
| } |
| |
| #toctitle { |
| color: #666688; |
| font-size: 1.2em; |
| font-weight: bold; |
| margin-top: 1.0em; |
| margin-bottom: 0.1em; |
| } |
| |
| div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 { margin-top: 0; margin-bottom: 0; } |
| div.toclevel1 { margin-top: 0.3em; margin-left: 0; font-size: 1.0em; } |
| div.toclevel2 { margin-top: 0.25em; margin-left: 2em; font-size: 0.9em; } |
| div.toclevel3 { margin-left: 4em; font-size: 0.8em; } |
| div.toclevel4 { margin-left: 6em; font-size: 0.8em; } |
| |
| body { |
| margin: 1em 5%; |
| max-width: 55em; |
| padding-left: 0; |
| |
| } |
| |
| .monospaced, tt, div.listingblock > div.content { |
| font-family: Consolas, "Andale Mono", "Courier New", monospace; |
| color: #004400; |
| background: #f4f4f4; |
| max-width: 80em; |
| line-height: 1.2em; |
| } |
| |
| .paragraph p { |
| line-height: 1.5em; |
| margin-top: 1em; |
| } |
| |
| .paragraph p, li, dd, .content { max-width: 45em; } |
| .admonitionblock { max-width: 35em; } |
| |
| div.sectionbody div.ulist > ul > li { |
| list-style-type: square; |
| color: #aaa; |
| } |
| div.sectionbody div.ulist > ul > li > * { |
| color: black; |
| /*font-size: 50%;*/ |
| } |
| |
| |
| div.sectionbody div.ulist > ul > li div.ulist > ul > li { |
| color: #ccd ; |
| } |
| div.sectionbody div.ulist > ul > li div.ulist > ul > li > * { |
| color: black ; |
| } |
| |
| em { |
| font-style: normal ! important; |
| font-weight: bold ! important; |
| color: #662222 ! important; |
| letter-spacing:+0.08em ! important; |
| } |
| |
| |
| /* |
| * html5 specific |
| * |
| * */ |
| |
| table.tableblock { |
| margin-top: 1.0em; |
| margin-bottom: 1.5em; |
| } |
| thead, p.tableblock.header { |
| font-weight: bold; |
| color: #666688; |
| } |
| p.tableblock { |
| margin-top: 0; |
| } |
| table.tableblock { |
| border-width: 3px; |
| border-spacing: 0px; |
| border-style: solid; |
| border-color: #444466; |
| border-collapse: collapse; |
| } |
| th.tableblock, td.tableblock { |
| border-width: 1px; |
| padding: 4px; |
| border-style: solid; |
| border-color: #444466; |
| } |
| |
| table.tableblock.frame-topbot { |
| border-left-style: hidden; |
| border-right-style: hidden; |
| } |
| table.tableblock.frame-sides { |
| border-top-style: hidden; |
| border-bottom-style: hidden; |
| } |
| table.tableblock.frame-none { |
| border-style: hidden; |
| } |
| |
| th.tableblock.halign-left, td.tableblock.halign-left { |
| text-align: left; |
| } |
| th.tableblock.halign-center, td.tableblock.halign-center { |
| text-align: center; |
| } |
| th.tableblock.halign-right, td.tableblock.halign-right { |
| text-align: right; |
| } |
| |
| th.tableblock.valign-top, td.tableblock.valign-top { |
| vertical-align: top; |
| } |
| th.tableblock.valign-middle, td.tableblock.valign-middle { |
| vertical-align: middle; |
| } |
| th.tableblock.valign-bottom, td.tableblock.valign-bottom { |
| vertical-align: bottom; |
| } |
| |
| |
