| /* Tables */ |
| table td { |
| vertical-align: top; |
| border-right: 1px dotted #A0A0A0; |
| border-top: 1px dotted #A0A0A0; |
| padding: 0.3em; |
| } |
| |
| table { |
| border: 1px solid #A0A0A0 ; |
| border-spacing: 0; |
| } |
| |
| table tr th { |
| background-color: #ededee; |
| } |
| |
| /** |
| * Code. |
| */ |
| |
| code { color: #222 ; background-color: #F5F5F5 ; } |
| |
| pre { |
| color: #222 ; background-color: #F5F5F5 ; |
| padding: 1rem; |
| } |
| |
| pre > code { |
| color: inherit; |
| background-color: inherit; |
| } |
| |
| /** |
| * Links. |
| */ |
| a { |
| text-decoration: none; |
| } |
| |
| /** |
| * Custom Bootstrap elements. |
| */ |
| #landing-page-cards .card { |
| height: 100%; |
| } |
| |
| .navbar-brand img { |
| margin-right: 0.2rem; |
| } |
| |
| .nav-link span { |
| opacity: 0.7; |
| margin-right: 0.1rem; |
| } |
| |
| #jumbotron a span { |
| margin-right: 0.3rem; |
| } |
| |
| /* single */ |
| |
| main { |
| article { |
| width: 100%; |
| /* To prevent long lines of code pushing content over the edge of the visible viewport. */ |
| pre { |
| white-space: break-spaces; |
| } |
| /* Ditto the above, but for images. */ |
| img { |
| max-width: 100%; |
| } |
| /* A poor-man's NOTE/admonition. */ |
| blockquote { |
| background-color: var(--bs-light); |
| padding: 0.5rem 1rem 0.01rem 1rem; |
| word-wrap: unset; |
| text-wrap: unset; |
| font-style: italic; |
| } |
| table { |
| width: 100%; |
| margin-bottom: 1rem; |
| |
| th { |
| padding: 0.1rem 0.5rem; |
| } |
| } |
| } |
| aside { |
| &.d-xl-flex { |
| width: 17rem; |
| border-left: 1px solid var(--bs-secondary-bg); |
| overflow-y: scroll; |
| max-height: 100vh; |
| h2 { |
| margin-left: 1rem; |
| background-color: var(--bs-body-bg); |
| } |
| nav { |
| ul { |
| padding: 0 0 0 1rem; |
| } |
| } |
| } |
| &.d-xl-none { |
| border-left: 1px solid var(--bs-secondary-bg); |
| width: 100%; |
| nav { |
| ul { |
| padding: 0 1rem; |
| li { |
| ul { |
| padding: 0 0 0 1rem; |
| } |
| } |
| } |
| } |
| } |
| /* The top dropdown menu has the Bootstrap default z-index of 1000. |
| * The sticky-top that we use in the aside element gets a z-index of |
| * 1020 from Bootstrap, causing the menu to be under this sidebar. |
| * This value fixes that. |
| */ |
| z-index: 999 !important; |
| |
| nav { |
| margin-top: 0.5rem; |
| ul { |
| list-style: none; |
| margin: 0; |
| } |
| } |
| } |
| } |