| /* Use the same line-height on <dd> as for <p>, which prevents odd rendering of |
| single vs. mulei paragraph definition bodies. */ |
| dd { |
| line-height: 24px; |
| } |
| |
| /* |
| Following two styles fix the problem with wide tables introducing a horizontal |
| scrollbar, instead of the much more desired behavior of wrapping cell contents. |
| Source: https://github.com/snide/sphinx_rtd_theme/issues/117#issuecomment-41506687 |
| */ |
| .wy-table-responsive table td, |
| .wy-table-responsive table th { |
| white-space: normal; |
| } |
| |
| .wy-table-responsive { |
| margin-bottom: 24px; |
| max-width: 100%; |
| overflow: visible; |
| } |
| |
| /* Centered figures - constrain to 1000px and align with text column */ |
| .rst-content div.figure.align-center, |
| .rst-content figure.align-center { |
| max-width: 1000px; |
| margin-left: 0; |
| margin-right: 0; |
| text-align: center; |
| } |
| |
| /* pre inside paragraphs gets weird spacing */ |
| span.pre { |
| line-height: initial; |
| } |
| |
| /* Fix for nav bottom padding with flyout */ |
| nav.wy-nav-side { |
| padding-bottom: 3em; |
| } |
| |
| /* Allow content area to expand so that some elements (e.g. tables) may fill up |
| horizontal space as necessary, while limiting the width of general paragraph |
| and list elements. Eye-tracking with really wide blocks of text is error |
| prone and makes reading more difficult, but having large tables with many |
| columns use all available space can be a big win. */ |
| div.wy-nav-content { |
| max-width: 100%; |
| } |
| |
| .rst-content p, |
| .rst-content ol, |
| .rst-content ul, |
| .rst-content dd, |
| .rst-content blockquote, |
| .rst-content .admonition, |
| .rst-content .note, |
| .rst-content .warning, |
| .rst-content .rst-footer-buttons, |
| .rst-content div.align-center, |
| .rst-content div[class*="highlight-"], |
| .rst-content div.highlight { |
| max-width: 1000px; |
| } |
| |
| /* Ensure code blocks don't overflow */ |
| .rst-content div[class*="highlight-"], |
| .rst-content div.highlight { |
| overflow-x: auto; |
| } |
| |
| /* Align centered content containers with text column (not viewport) */ |
| .rst-content div[align="center"], |
| .rst-content div.align-center { |
| margin-left: 0 !important; |
| margin-right: 0 !important; |
| text-align: center; |
| } |
| |
| |
| /* Constrain images to fit within column - scale down if needed, maintain aspect ratio */ |
| .rst-content .graphviz img, |
| .rst-content img.graphviz, |
| .rst-content div.graphviz img, |
| .rst-content figure img, |
| .rst-content div.figure img { |
| max-width: 1000px; |
| height: auto; |
| } |