Home | History | Annotate | Download | only in stylesheets 
      1 /* Shared CSS for AsciiDoc xhtml11 and html5 backends */
      2 
      3 /* Default font. */
      4 body {
      5   font-family: Georgia,serif;
      6 }
      7 
      8 /* Title font. */
      9 h1, h2, h3, h4, h5, h6,
     10 div.title, caption.title,
     11 thead, p.table.header,
     12 #toctitle,
     13 #author, #revnumber, #revdate, #revremark,
     14 #footer {
     15   /* OLD: font-family: Arial,Helvetica,sans-serif; */
     16   font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
     17 }
     18 
     19 body {
     20   margin: 1em 5% 1em 5%;
     21 }
     22 
     23 a {
     24   /* color: blue; */
     25   color: #990000;
     26   text-decoration: none;
     27 }
     28 a:visited {
     29   /* color: fuchsia; */
     30 }
     31 
     32 a:hover {
     33 	text-decoration: underline;
     34 }
     35 
     36 em {
     37   font-style: italic;
     38   /* color: navy; */
     39 }
     40 
     41 strong {
     42   font-weight: bold;
     43   color: black;
     44   /* color: #083194; */
     45 }
     46 
     47 h1, h2, h3, h4, h5, h6 {
     48   /* color: #527bbd; */
     49   color: #990000;
     50   margin-top: 1.2em;
     51   margin-bottom: 0.5em;
     52   line-height: 1.3;
     53 }
     54 
     55 h1, h2, h3 {
     56   border-bottom: 2px solid silver;
     57 }
     58 h2 {
     59   padding-top: 0.5em;
     60 }
     61 h3 {
     62   float: left;
     63 }
     64 h3 + * {
     65   clear: left;
     66 }
     67 h5 {
     68   font-size: 1.0em;
     69 }
     70 
     71 div.sectionbody {
     72   margin-left: 0;
     73 }
     74 
     75 hr {
     76   border: 1px solid silver;
     77 }
     78 
     79 p {
     80   margin-top: 0.5em;
     81   margin-bottom: 0.5em;
     82 }
     83 
     84 ul, ol, li > p {
     85   margin-top: 0;
     86 }
     87 ul > li     { color: #aaa; }
     88 ul > li > * { color: black; }
     89 
     90 pre {
     91   padding: 0;
     92   margin: 0;
     93 }
     94 
     95 #author {
     96   /* color: #527bbd; */
     97   font-weight: bold;
     98   font-size: 1.1em;
     99 }
    100 #email {
    101 }
    102 #revnumber, #revdate, #revremark {
    103 }
    104 
    105 #footer {
    106   font-size: small;
    107   border-top: 2px solid silver;
    108   padding-top: 0.5em;
    109   margin-top: 4.0em;
    110 }
    111 #footer-text {
    112   float: left;
    113   padding-bottom: 0.5em;
    114 }
    115 #footer-badges {
    116   float: right;
    117   padding-bottom: 0.5em;
    118 }
    119 
    120 #preamble {
    121   margin-top: 1.5em;
    122   margin-bottom: 1.5em;
    123 }
    124 div.imageblock, div.exampleblock, div.verseblock,
    125 div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
    126 div.admonitionblock {
    127   margin-top: 1.0em;
    128   margin-bottom: 1.5em;
    129 }
    130 div.admonitionblock {
    131   margin-top: 2.0em;
    132   margin-bottom: 2.0em;
    133   margin-right: 10%;
    134   /* color: #606060; */
    135 }
    136 
    137 div.content { /* Block element content. */
    138   padding: 0;
    139 }
    140 
    141 /* Block element titles. */
    142 div.title, caption.title {
    143   /* OLD: color: #527bbd; */
    144   color: #990000;
    145   font-weight: bold;
    146   text-align: left;
    147   margin-top: 1.0em;
    148   margin-bottom: 0.5em;
    149 }
    150 div.title + * {
    151   margin-top: 0;
    152 }
    153 
    154 td div.title:first-child {
    155   margin-top: 0.0em;
    156 }
    157 div.content div.title:first-child {
    158   margin-top: 0.0em;
    159 }
    160 div.content + div.title {
    161   margin-top: 0.0em;
    162 }
    163 
    164 div.sidebarblock > div.content {
    165   background: #ffffee;
    166   border: 1px solid #dddddd;
    167   border-left: 4px solid #f0f0f0;
    168   padding: 0.5em;
    169 }
    170 
    171 div.listingblock > div.content {
    172   border: 1px solid #dddddd;
    173   /* border-left: 5px solid #f0f0f0; */
    174   background: #f8f8f8;
    175   padding: 0.5em;
    176 }
    177 
    178 div.quoteblock, div.verseblock {
    179   padding-left: 1.0em;
    180   margin-left: 1.0em;
    181   margin-right: 10%;
    182   border-left: 5px solid #f0f0f0;
    183   color: #777777;
    184 }
    185 
    186 div.quoteblock > div.attribution {
    187   padding-top: 0.5em;
    188   text-align: right;
    189 }
    190 
    191 div.verseblock > pre.content {
    192   font-family: inherit;
    193   font-size: inherit;
    194 }
    195 div.verseblock > div.attribution {
    196   padding-top: 0.75em;
    197   text-align: left;
    198 }
    199 /* DEPRECATED: Pre version 8.2.7 verse style literal block. */
    200 div.verseblock + div.attribution {
    201   text-align: left;
    202 }
    203 
    204 div.admonitionblock .icon {
    205   vertical-align: top;
    206   font-size: 1.1em;
    207   font-weight: bold;
    208   text-decoration: underline;
    209   /* OLD: color: #527bbd; */
    210   color: #990000;
    211   padding-right: 0.5em;
    212 }
    213 div.admonitionblock td.content {
    214   padding-left: 0.5em;
    215   border-left: 3px solid #dddddd;
    216 }
    217 
    218 div.exampleblock > div.content {
    219   border-left: 3px solid #dddddd;
    220   padding-left: 0.5em;
    221 }
    222 
    223 div.imageblock div.content { padding-left: 0; }
    224 span.image img { border-style: none; }
    225 a.image:visited { color: white; }
    226 
    227 dl {
    228   margin-top: 0.8em;
    229   margin-bottom: 0.8em;
    230 }
    231 dt {
    232   margin-top: 0.5em;
    233   margin-bottom: 0;
    234   font-style: normal;
    235   color: navy;
    236 }
    237 dd > *:first-child {
    238   margin-top: 0.1em;
    239 }
    240 
    241 ul, ol {
    242     list-style-position: outside;
    243 }
    244 ol.arabic {
    245   list-style-type: decimal;
    246 }
    247 ol.loweralpha {
    248   list-style-type: lower-alpha;
    249 }
    250 ol.upperalpha {
    251   list-style-type: upper-alpha;
    252 }
    253 ol.lowerroman {
    254   list-style-type: lower-roman;
    255 }
    256 ol.upperroman {
    257   list-style-type: upper-roman;
    258 }
    259 
    260 div.compact ul, div.compact ol,
    261 div.compact p, div.compact p,
    262 div.compact div, div.compact div {
    263   margin-top: 0.1em;
    264   margin-bottom: 0.1em;
    265 }
    266 
    267 tfoot {
    268   font-weight: bold;
    269 }
    270 td > div.verse {
    271   white-space: pre;
    272 }
    273 
    274 div.hdlist {
    275   margin-top: 0.8em;
    276   margin-bottom: 0.8em;
    277 }
    278 div.hdlist tr {
    279   padding-bottom: 15px;
    280 }
    281 dt.hdlist1.strong, td.hdlist1.strong {
    282   font-weight: bold;
    283 }
    284 td.hdlist1 {
    285   vertical-align: top;
    286   font-style: normal;
    287   padding-right: 0.8em;
    288   /* color: navy; */
    289   color: #990000;
    290 }
    291 td.hdlist2 {
    292   vertical-align: top;
    293 }
    294 div.hdlist.compact tr {
    295   margin: 0;
    296   padding-bottom: 0;
    297 }
    298 
    299 .comment {
    300   background: yellow;
    301 }
    302 
    303 .footnote, .footnoteref {
    304   font-size: 0.8em;
    305 }
    306 
    307 span.footnote, span.footnoteref {
    308   vertical-align: super;
    309 }
    310 
    311 #footnotes {
    312   margin: 20px 0 20px 0;
    313   padding: 7px 0 0 0;
    314 }
    315 
    316 #footnotes div.footnote {
    317   margin: 0 0 5px 0;
    318 }
    319 
    320 #footnotes hr {
    321   border: none;
    322   border-top: 1px solid silver;
    323   height: 1px;
    324   text-align: left;
    325   margin-left: 0;
    326   width: 20%;
    327   min-width: 100px;
    328 }
    329 
    330 div.colist td {
    331   padding-right: 0.5em;
    332   padding-bottom: 0.3em;
    333   vertical-align: top;
    334 }
    335 div.colist td img {
    336   margin-top: 0.3em;
    337 }
    338 
    339 @media print {
    340   #footer-badges { display: none; }
    341 }
    342 
    343 #toc {
    344   margin-bottom: 2.5em;
    345 }
    346 
    347 #toctitle {
    348   /* color: #527bbd; */
    349   color: #990000;
    350   font-size: 1.1em;
    351   font-weight: bold;
    352   margin-top: 1.0em;
    353   margin-bottom: 0.1em;
    354 }
    355 
    356 div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
    357   margin-top: 0;
    358   margin-bottom: 0;
    359 }
    360 div.toclevel2 {
    361   margin-left: 2em;
    362   font-size: 0.9em;
    363 }
    364 div.toclevel3 {
    365   margin-left: 4em;
    366   font-size: 0.9em;
    367 }
    368 div.toclevel4 {
    369   margin-left: 6em;
    370   font-size: 0.9em;
    371 }
    372 
    373 span.aqua { color: aqua; }
    374 span.black { color: black; }
    375 span.blue { color: blue; }
    376 span.fuchsia { color: fuchsia; }
    377 span.gray { color: gray; }
    378 span.green { color: green; }
    379 span.lime { color: lime; }
    380 span.maroon { color: maroon; }
    381 span.navy { color: navy; }
    382 span.olive { color: olive; }
    383 span.purple { color: purple; }
    384 span.red { color: red; }
    385 span.silver { color: silver; }
    386 span.teal { color: teal; }
    387 span.white { color: white; }
    388 span.yellow { color: yellow; }
    389 
    390 span.aqua-background { background: aqua; }
    391 span.black-background { background: black; }
    392 span.blue-background { background: blue; }
    393 span.fuchsia-background { background: fuchsia; }
    394 span.gray-background { background: gray; }
    395 span.green-background { background: green; }
    396 span.lime-background { background: lime; }
    397 span.maroon-background { background: maroon; }
    398 span.navy-background { background: navy; }
    399 span.olive-background { background: olive; }
    400 span.purple-background { background: purple; }
    401 span.red-background { background: red; }
    402 span.silver-background { background: silver; }
    403 span.teal-background { background: teal; }
    404 span.white-background { background: white; }
    405 span.yellow-background { background: yellow; }
    406 
    407 span.big { font-size: 2em; }
    408 span.small { font-size: 0.6em; }
    409 
    410 span.underline { text-decoration: underline; }
    411 span.overline { text-decoration: overline; }
    412 span.line-through { text-decoration: line-through; }
    413 
    414 
    415 /*
    416  * xhtml11 specific
    417  *
    418  * */
    419 
    420 tt {
    421   font-family: monospace;
    422   font-size: inherit;
    423   /* color: navy; */
    424   color: black;
    425 }
    426 
    427 div.tableblock {
    428   margin-top: 1.0em;
    429   margin-bottom: 1.5em;
    430 }
    431 div.tableblock > table {
    432   /* border: 3px solid #527bbd; */
    433   border: 2px solid #990000;
    434 }
    435 thead, p.table.header {
    436   font-weight: bold;
    437   /* color: #527bbd; */
    438   color: #990000;
    439 }
    440 p.table {
    441   margin-top: 0;
    442 }
    443 /* Because the table frame attribute is overriden by CSS in most browsers. */
    444 div.tableblock > table[frame="void"] {
    445   border-style: none;
    446 }
    447 div.tableblock > table[frame="hsides"] {
    448   border-left-style: none;
    449   border-right-style: none;
    450 }
    451 div.tableblock > table[frame="vsides"] {
    452   border-top-style: none;
    453   border-bottom-style: none;
    454 }
    455 
    456 
    457 /*
    458  * html5 specific
    459  *
    460  * */
    461 
    462 .monospaced {
    463   font-family: monospace;
    464   font-size: inherit;
    465   color: navy;
    466 }
    467 
    468 table.tableblock {
    469   margin-top: 1.0em;
    470   margin-bottom: 1.5em;
    471 }
    472 thead, p.tableblock.header {
    473   font-weight: bold;
    474   /* color: #527bbd; */
    475   color: #990000;
    476 }
    477 p.tableblock {
    478   margin-top: 0;
    479 }
    480 table.tableblock {
    481   border-width: 3px;
    482   border-spacing: 0px;
    483   border-style: solid;
    484   /* border-color: #527bbd; */
    485   border-color: #990000;
    486   border-collapse: collapse;
    487 }
    488 th.tableblock, td.tableblock {
    489   border-width: 1px;
    490   padding: 4px;
    491   border-style: solid;
    492   /* border-color: #527bbd; */
    493   border-color: #990000;
    494 }
    495 
    496 table.tableblock.frame-topbot {
    497   border-left-style: hidden;
    498   border-right-style: hidden;
    499 }
    500 table.tableblock.frame-sides {
    501   border-top-style: hidden;
    502   border-bottom-style: hidden;
    503 }
    504 table.tableblock.frame-none {
    505   border-style: hidden;
    506 }
    507 
    508 th.tableblock.halign-left, td.tableblock.halign-left {
    509   text-align: left;
    510 }
    511 th.tableblock.halign-center, td.tableblock.halign-center {
    512   text-align: center;
    513 }
    514 th.tableblock.halign-right, td.tableblock.halign-right {
    515   text-align: right;
    516 }
    517 
    518 th.tableblock.valign-top, td.tableblock.valign-top {
    519   vertical-align: top;
    520 }
    521 th.tableblock.valign-middle, td.tableblock.valign-middle {
    522   vertical-align: middle;
    523 }
    524 th.tableblock.valign-bottom, td.tableblock.valign-bottom {
    525   vertical-align: bottom;
    526 }
    527