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. */ 11 body { 12 font-family: Georgia,"Times New Roman",Times,serif; 13 } 14 15 /* Title font. */ 16 h1, h2, h3, h4, h5, h6, 17 div.title, caption.title, 18 thead, 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 } 36 a { color: #666688; text-decoration: none; border-bottom: 1px dotted #666688; } 37 a:visited { color: #615FA0; border-bottom: 1px dotted #615FA0; } 38 a:hover { color: #6D4100; border-bottom: 1px solid #6D4100; } 39 40 em { 41 font-style: italic; 42 color: #444466; 43 } 44 45 strong { 46 font-weight: bold; 47 color: #444466; 48 } 49 50 h1, 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 57 h1, h2, h3 { border-bottom: 2px solid #ccd; } 58 h2 { padding-top: 0.5em; } 59 h3 { float: left; } 60 h3 + * { clear: left; } 61 62 div.sectionbody { 63 margin-left: 0; 64 } 65 66 hr { 67 border: 1px solid #444466; 68 } 69 70 p { 71 margin-top: 0.5em; 72 margin-bottom: 0.5em; 73 } 74 75 ul, ol, li > p { 76 margin-top: 0; 77 } 78 79 pre { 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 112 div.tableblock, div.imageblock, div.exampleblock, div.verseblock, 113 div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock, 114 div.admonitionblock { 115 margin-top: 1.5em; 116 margin-bottom: 1.5em; 117 } 118 119 div.admonitionblock { 120 margin-top: 2.5em; 121 margin-bottom: 2.5em; 122 } 123 124 div.content { /* Block element content. */ 125 padding: 0; 126 } 127 128 /* Block element titles. */ 129 div.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 } 136 div.title + * { 137 margin-top: 0; 138 } 139 140 td div.title:first-child { 141 margin-top: 0.0em; 142 } 143 div.content div.title:first-child { 144 margin-top: 0.0em; 145 } 146 div.content + div.title { 147 margin-top: 0.0em; 148 } 149 150 div.sidebarblock > div.content { 151 background: #ffffee; 152 border: 1px solid silver; 153 padding: 0.5em; 154 } 155 156 div.listingblock > div.content { 157 border: 1px solid silver; 158 background: #f4f4f4; 159 padding: 0.5em; 160 } 161 162 div.quoteblock { 163 padding-left: 2.0em; 164 margin-right: 10%; 165 } 166 div.quoteblock > div.attribution { 167 padding-top: 0.5em; 168 text-align: right; 169 } 170 171 div.verseblock { 172 padding-left: 2.0em; 173 margin-right: 10%; 174 } 175 div.verseblock > pre.content { 176 font-family: inherit; 177 } 178 div.verseblock > div.attribution { 179 padding-top: 0.75em; 180 text-align: left; 181 } 182 /* DEPRECATED: Pre version 8.2.7 verse style literal block. */ 183 div.verseblock + div.attribution { 184 text-align: left; 185 } 186 187 div.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 } 195 div.admonitionblock td.content { 196 padding-left: 0.5em; 197 border-left: 2px solid silver; 198 } 199 200 div.exampleblock > div.content { 201 border-left: 2px solid silver; 202 padding: 0.5em; 203 } 204 205 div.imageblock div.content { padding-left: 0; } 206 span.image img { border-style: none; } 207 a.image:visited { color: white; } 208 209 dl { 210 margin-top: 0.8em; 211 margin-bottom: 0.8em; 212 } 213 dt { 214 margin-top: 0.5em; 215 margin-bottom: 0; 216 font-style: normal; 217 color: #444466; 218 } 219 dd > *:first-child { 220 margin-top: 0.1em; 221 } 222 223 ul, ol { 224 list-style-position: outside; 225 } 226 ol.arabic { 227 list-style-type: decimal; 228 } 229 ol.loweralpha { 230 list-style-type: lower-alpha; 231 } 232 ol.upperalpha { 233 list-style-type: upper-alpha; 234 } 235 ol.lowerroman { 236 list-style-type: lower-roman; 237 } 238 ol.upperroman { 239 list-style-type: upper-roman; 240 } 241 242 div.compact ul, div.compact ol, 243 div.compact p, div.compact p, 244 div.compact div, div.compact div { 245 margin-top: 0.1em; 246 margin-bottom: 0.1em; 247 } 248 249 div.tableblock > table { 250 border: 3px solid #444466; 251 } 252 thead { 253 font-weight: bold; 254 color: #444466; 255 } 256 tfoot { 257 font-weight: bold; 258 } 259 td > div.verse { 260 white-space: pre; 261 } 262 p.table { 263 margin-top: 0; 264 } 265 /* Because the table frame attribute is overriden by CSS in most browsers. */ 266 div.tableblock > table[frame="void"] { 267 border-style: none; 268 } 269 div.tableblock > table[frame="hsides"] { 270 border-left-style: none; 271 border-right-style: none; 272 } 273 div.tableblock > table[frame="vsides"] { 274 border-top-style: none; 275 border-bottom-style: none; 276 } 277 278 279 div.hdlist { 280 margin-top: 0.8em; 281 margin-bottom: 0.8em; 282 } 283 div.hdlist tr { 284 padding-bottom: 15px; 285 } 286 dt.hdlist1.strong, td.hdlist1.strong { 287 font-weight: bold; 288 } 289 td.hdlist1 { 290 vertical-align: top; 291 font-style: normal; 292 padding-right: 0.8em; 293 color: #444466; 294 } 295 td.hdlist2 { 296 vertical-align: top; 297 } 298 div.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 319 div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 { margin-top: 0; margin-bottom: 0; } 320 div.toclevel1 { margin-top: 0.3em; margin-left: 0; font-size: 1.0em; } 321 div.toclevel2 { margin-top: 0.25em; margin-left: 2em; font-size: 0.9em; } 322 div.toclevel3 { margin-left: 4em; font-size: 0.8em; } 323 div.toclevel4 { margin-left: 6em; font-size: 0.8em; } 324 325 body { 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 348 div.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 358 div.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 365 em { 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 378 table.tableblock { 379 margin-top: 1.0em; 380 margin-bottom: 1.5em; 381 } 382 thead, p.tableblock.header { 383 font-weight: bold; 384 color: #666688; 385 } 386 p.tableblock { 387 margin-top: 0; 388 } 389 table.tableblock { 390 border-width: 3px; 391 border-spacing: 0px; 392 border-style: solid; 393 border-color: #444466; 394 border-collapse: collapse; 395 } 396 th.tableblock, td.tableblock { 397 border-width: 1px; 398 padding: 4px; 399 border-style: solid; 400 border-color: #444466; 401 } 402 403 table.tableblock.frame-topbot { 404 border-left-style: hidden; 405 border-right-style: hidden; 406 } 407 table.tableblock.frame-sides { 408 border-top-style: hidden; 409 border-bottom-style: hidden; 410 } 411 table.tableblock.frame-none { 412 border-style: hidden; 413 } 414 415 th.tableblock.halign-left, td.tableblock.halign-left { 416 text-align: left; 417 } 418 th.tableblock.halign-center, td.tableblock.halign-center { 419 text-align: center; 420 } 421 th.tableblock.halign-right, td.tableblock.halign-right { 422 text-align: right; 423 } 424 425 th.tableblock.valign-top, td.tableblock.valign-top { 426 vertical-align: top; 427 } 428 th.tableblock.valign-middle, td.tableblock.valign-middle { 429 vertical-align: middle; 430 } 431 th.tableblock.valign-bottom, td.tableblock.valign-bottom { 432 vertical-align: bottom; 433 } 434 435 436