1/* 2 * AsciiDoc 'volnitsky' theme for xhtml11 and html5 backends. 3 * Based on css from http://volnitsky.com, which was in turn based on default 4 * theme from AsciiDoc 5 * 6 * FIXME: The stlying is still a bit rough in places. 7 * 8 */ 9 10/* Default font. */ 11body { 12 font-family: Georgia,"Times New Roman",Times,serif; 13} 14 15/* Title font. */ 16h1, h2, h3, h4, h5, h6, 17div.title, caption.title, 18thead, p.table.header, 19#toctitle, 20#author, #revnumber, #revdate, #revremark, 21#footer { 22 font-family: Candara,Arial,sans-serif; 23} 24 25 26#toc a { 27 border-bottom: 1px dotted #999999; 28 color: #3A3A4D !important; 29 text-decoration: none !important; 30} 31#toc a:hover { 32 border-bottom: 1px solid #6D4100; 33 color: #6D4100 !important; 34 text-decoration: none !important; 35} 36a { color: #666688; text-decoration: none; border-bottom: 1px dotted #666688; } 37a:visited { color: #615FA0; border-bottom: 1px dotted #615FA0; } 38a:hover { color: #6D4100; border-bottom: 1px solid #6D4100; } 39 40em { 41 font-style: italic; 42 color: #444466; 43} 44 45strong { 46 font-weight: bold; 47 color: #444466; 48} 49 50h1, h2, h3, h4, h5, h6 { 51 color: #666688; 52 margin-bottom: 0.5em; 53 line-height: 1.3; 54 letter-spacing:+0.15em; 55} 56 57h1, h2, h3 { border-bottom: 2px solid #ccd; } 58h2 { padding-top: 0.5em; } 59h3 { float: left; } 60h3 + * { clear: left; } 61 62div.sectionbody { 63 margin-left: 0; 64} 65 66hr { 67 border: 1px solid #444466; 68} 69 70p { 71 margin-top: 0.5em; 72 margin-bottom: 0.5em; 73} 74 75ul, ol, li > p { 76 margin-top: 0; 77} 78 79pre { 80 padding: 0; 81 margin: 0; 82} 83 84#author { 85 color: #444466; 86 font-weight: bold; 87 font-size: 1.1em; 88} 89 90#footer { 91 font-size: small; 92 border-top: 2px solid silver; 93 padding-top: 0.5em; 94 margin-top: 4.0em; 95} 96 97#footer-text { 98 float: left; 99 padding-bottom: 0.5em; 100} 101 102#footer-badges { 103 float: right; 104 padding-bottom: 0.5em; 105} 106 107#preamble { 108 margin-top: 1.5em; 109 margin-bottom: 1.5em; 110} 111 112div.tableblock, div.imageblock, div.exampleblock, div.verseblock, 113div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock, 114div.admonitionblock { 115 margin-top: 1.5em; 116 margin-bottom: 1.5em; 117} 118 119div.admonitionblock { 120 margin-top: 2.5em; 121 margin-bottom: 2.5em; 122} 123 124div.content { /* Block element content. */ 125 padding: 0; 126} 127 128/* Block element titles. */ 129div.title, caption.title { 130 color: #444466; 131 font-weight: bold; 132 text-align: left; 133 margin-top: 1.0em; 134 margin-bottom: 0.5em; 135} 136div.title + * { 137 margin-top: 0; 138} 139 140td div.title:first-child { 141 margin-top: 0.0em; 142} 143div.content div.title:first-child { 144 margin-top: 0.0em; 145} 146div.content + div.title { 147 margin-top: 0.0em; 148} 149 150div.sidebarblock > div.content { 151 background: #ffffee; 152 border: 1px solid silver; 153 padding: 0.5em; 154} 155 156div.listingblock > div.content { 157 border: 1px solid silver; 158 background: #f4f4f4; 159 padding: 0.5em; 160} 161 162div.quoteblock { 163 padding-left: 2.0em; 164 margin-right: 10%; 165} 166div.quoteblock > div.attribution { 167 padding-top: 0.5em; 168 text-align: right; 169} 170 171div.verseblock { 172 padding-left: 2.0em; 173 margin-right: 10%; 174} 175div.verseblock > pre.content { 176 font-family: inherit; 177} 178div.verseblock > div.attribution { 179 padding-top: 0.75em; 180 text-align: left; 181} 182/* DEPRECATED: Pre version 8.2.7 verse style literal block. */ 183div.verseblock + div.attribution { 184 text-align: left; 185} 186 187div.admonitionblock .icon { 188 vertical-align: top; 189 font-size: 1.1em; 190 font-weight: bold; 191 text-decoration: underline; 192 color: #444466; 193 padding-right: 0.5em; 194} 195div.admonitionblock td.content { 196 padding-left: 0.5em; 197 border-left: 2px solid silver; 198} 199 200div.exampleblock > div.content { 201 border-left: 2px solid silver; 202 padding: 0.5em; 203} 204 205div.imageblock div.content { padding-left: 0; } 206span.image img { border-style: none; } 207a.image:visited { color: white; } 208 209dl { 210 margin-top: 0.8em; 211 margin-bottom: 0.8em; 212} 213dt { 214 margin-top: 0.5em; 215 margin-bottom: 0; 216 font-style: normal; 217 color: #444466; 218} 219dd > *:first-child { 220 margin-top: 0.1em; 221} 222 223ul, ol { 224 list-style-position: outside; 225} 226ol.arabic { 227 list-style-type: decimal; 228} 229ol.loweralpha { 230 list-style-type: lower-alpha; 231} 232ol.upperalpha { 233 list-style-type: upper-alpha; 234} 235ol.lowerroman { 236 list-style-type: lower-roman; 237} 238ol.upperroman { 239 list-style-type: upper-roman; 240} 241 242div.compact ul, div.compact ol, 243div.compact p, div.compact p, 244div.compact div, div.compact div { 245 margin-top: 0.1em; 246 margin-bottom: 0.1em; 247} 248 249div.tableblock > table { 250 border: 3px solid #444466; 251} 252thead { 253 font-weight: bold; 254 color: #444466; 255} 256tfoot { 257 font-weight: bold; 258} 259td > div.verse { 260 white-space: pre; 261} 262p.table { 263 margin-top: 0; 264} 265/* Because the table frame attribute is overriden by CSS in most browsers. */ 266div.tableblock > table[frame="void"] { 267 border-style: none; 268} 269div.tableblock > table[frame="hsides"] { 270 border-left-style: none; 271 border-right-style: none; 272} 273div.tableblock > table[frame="vsides"] { 274 border-top-style: none; 275 border-bottom-style: none; 276} 277 278 279div.hdlist { 280 margin-top: 0.8em; 281 margin-bottom: 0.8em; 282} 283div.hdlist tr { 284 padding-bottom: 15px; 285} 286dt.hdlist1.strong, td.hdlist1.strong { 287 font-weight: bold; 288} 289td.hdlist1 { 290 vertical-align: top; 291 font-style: normal; 292 padding-right: 0.8em; 293 color: #444466; 294} 295td.hdlist2 { 296 vertical-align: top; 297} 298div.hdlist.compact tr { 299 margin: 0; 300 padding-bottom: 0; 301} 302 303.comment { 304 background: yellow; 305} 306 307@media print { 308 #footer-badges { display: none; } 309} 310 311#toctitle { 312 color: #666688; 313 font-size: 1.2em; 314 font-weight: bold; 315 margin-top: 1.0em; 316 margin-bottom: 0.1em; 317} 318 319div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 { margin-top: 0; margin-bottom: 0; } 320div.toclevel1 { margin-top: 0.3em; margin-left: 0; font-size: 1.0em; } 321div.toclevel2 { margin-top: 0.25em; margin-left: 2em; font-size: 0.9em; } 322div.toclevel3 { margin-left: 4em; font-size: 0.8em; } 323div.toclevel4 { margin-left: 6em; font-size: 0.8em; } 324 325body { 326 margin: 1em 5%; 327 max-width: 55em; 328 padding-left: 0; 329 330} 331 332.monospaced, tt, div.listingblock > div.content { 333 font-family: Consolas, "Andale Mono", "Courier New", monospace; 334 color: #004400; 335 background: #f4f4f4; 336 max-width: 80em; 337 line-height: 1.2em; 338} 339 340.paragraph p { 341 line-height: 1.5em; 342 margin-top: 1em; 343} 344 345.paragraph p, li, dd, .content { max-width: 45em; } 346.admonitionblock { max-width: 35em; } 347 348div.sectionbody div.ulist > ul > li { 349 list-style-type: square; 350 color: #aaa; 351} 352 div.sectionbody div.ulist > ul > li > * { 353 color: black; 354 /*font-size: 50%;*/ 355 } 356 357 358div.sectionbody div.ulist > ul > li div.ulist > ul > li { 359 color: #ccd ; 360} 361 div.sectionbody div.ulist > ul > li div.ulist > ul > li > * { 362 color: black ; 363 } 364 365em { 366 font-style: normal ! important; 367 font-weight: bold ! important; 368 color: #662222 ! important; 369 letter-spacing:+0.08em ! important; 370} 371 372 373/* 374 * html5 specific 375 * 376 * */ 377 378table.tableblock { 379 margin-top: 1.0em; 380 margin-bottom: 1.5em; 381} 382thead, p.tableblock.header { 383 font-weight: bold; 384 color: #666688; 385} 386p.tableblock { 387 margin-top: 0; 388} 389table.tableblock { 390 border-width: 3px; 391 border-spacing: 0px; 392 border-style: solid; 393 border-color: #444466; 394 border-collapse: collapse; 395} 396th.tableblock, td.tableblock { 397 border-width: 1px; 398 padding: 4px; 399 border-style: solid; 400 border-color: #444466; 401} 402 403table.tableblock.frame-topbot { 404 border-left-style: hidden; 405 border-right-style: hidden; 406} 407table.tableblock.frame-sides { 408 border-top-style: hidden; 409 border-bottom-style: hidden; 410} 411table.tableblock.frame-none { 412 border-style: hidden; 413} 414 415th.tableblock.halign-left, td.tableblock.halign-left { 416 text-align: left; 417} 418th.tableblock.halign-center, td.tableblock.halign-center { 419 text-align: center; 420} 421th.tableblock.halign-right, td.tableblock.halign-right { 422 text-align: right; 423} 424 425th.tableblock.valign-top, td.tableblock.valign-top { 426 vertical-align: top; 427} 428th.tableblock.valign-middle, td.tableblock.valign-middle { 429 vertical-align: middle; 430} 431th.tableblock.valign-bottom, td.tableblock.valign-bottom { 432 vertical-align: bottom; 433} 434 435 436