|
| 1 | +html { |
| 2 | + overscroll-behavior-y: none; |
| 3 | +} |
| 4 | + |
| 5 | +.md-typeset h5 { |
| 6 | + text-transform: none; /* undo uppercasing of h5 applied by theme */ |
| 7 | +} |
| 8 | + |
| 9 | +/* Branded header styles */ |
| 10 | +.md-header, |
| 11 | +.md-tabs { |
| 12 | + background-image: url('../images/background.svg'); |
| 13 | + background-size: cover; |
| 14 | +} |
| 15 | +.md-tabs { |
| 16 | + background-position-y: -48px; /* exact height of .md-header on medium-width viewports */ |
| 17 | +} |
| 18 | +@media screen and (min-width: 1600px) { |
| 19 | + .md-tabs { |
| 20 | + background-position-y: -52.8px; /* exact height of .md-header on wide viewports */ |
| 21 | + } |
| 22 | +} |
| 23 | +@media screen and (min-width: 2000px) { |
| 24 | + .md-tabs { |
| 25 | + background-position-y: -57.6px; /* exact height of .md-header on ultrawide viewports */ |
| 26 | + } |
| 27 | +} |
| 28 | + |
| 29 | +/* Nav styling */ |
| 30 | +.md-nav__link { |
| 31 | + align-items: center; |
| 32 | +} |
| 33 | +.md-nav__link svg { |
| 34 | + height: 1em; |
| 35 | +} |
| 36 | +.md-nav__link:not(:hover, .md-nav__link--active) > svg { |
| 37 | + color: var(--md-default-fg-color--light); /* slightly muted nav icons */ |
| 38 | +} |
| 39 | +@media screen and (min-width: 76.25em) { |
| 40 | + .md-nav__item--section { |
| 41 | + margin: 2em 0; |
| 42 | + } |
| 43 | +} |
| 44 | + |
| 45 | +/* smaller figcaptions */ |
| 46 | +figcaption { |
| 47 | + font-size: 0.8em; |
| 48 | +} |
| 49 | + |
| 50 | +/* Disable interactivity styles on grid cards, which are not interactive */ |
| 51 | +.md-typeset .grid.cards>ul>li:hover { |
| 52 | + border: .05rem solid var(--md-default-fg-color--lightest); /* copy from base grid card styles */ |
| 53 | + box-shadow: unset; |
| 54 | +} |
| 55 | + |
| 56 | +/* hide math overflow */ |
| 57 | +.md-typeset div.arithmatex { |
| 58 | + overflow-y: hidden; |
| 59 | +} |
| 60 | + |
| 61 | +/* Apply IBM branding colors on top of 'default' scheme */ |
| 62 | +[data-md-color-scheme="default"] { |
| 63 | + --md-primary-fg-color: #0F62FE; |
| 64 | + --md-primary-fg-color--dark: #452485; |
| 65 | + --md-primary-fg-color--light: #d4e3ff; |
| 66 | + |
| 67 | + --md-typeset-a-color: #0F62FE; /* manually set link color to indigo */ |
| 68 | + |
| 69 | + --md-mg-positive-color: #008e10; |
| 70 | + --md-mg-negative-color: #ac0000; |
| 71 | + |
| 72 | + --md-mg-substitution-color: #008e10; |
| 73 | + --md-mg-deletion-color: #ac0000; |
| 74 | + --md-mg-insertion-color: #3e57d3; |
| 75 | +} |
| 76 | + |
| 77 | +/* Apply IBM branding on top of 'slate' (dark) scheme */ |
| 78 | +@media screen { |
| 79 | + [data-md-color-scheme="slate"] { |
| 80 | + --md-primary-fg-color: #0F62FE; |
| 81 | + --md-primary-fg-color--dark: #332362; |
| 82 | + --md-primary-fg-color--light: #835dcd; |
| 83 | + |
| 84 | + --md-typeset-a-color: #5f72ff; /* manually set link color to indigo */ |
| 85 | + |
| 86 | + --md-hue: 216; |
| 87 | + |
| 88 | + --md-default-fg-color: hsla(var(--md-hue), 25%, 95%, 1); |
| 89 | + --md-default-fg-color--light: hsla(var(--md-hue), 25%, 90%, 0.62); |
| 90 | + --md-default-fg-color--lighter: hsla(var(--md-hue), 25%, 90%, 0.32); |
| 91 | + --md-default-fg-color--lightest: hsla(var(--md-hue), 25%, 90%, 0.12); |
| 92 | + --md-default-bg-color: hsla(var(--md-hue), 7%, 13%, 1); |
| 93 | + --md-default-bg-color--light: hsla(var(--md-hue), 7%, 13%, 0.54); |
| 94 | + --md-default-bg-color--lighter: hsla(var(--md-hue), 7%, 13%, 0.26); |
| 95 | + --md-default-bg-color--lightest: hsla(var(--md-hue), 7%, 13%, 0.07); |
| 96 | + |
| 97 | + --md-code-fg-color: hsla(var(--md-hue), 7%, 90%, 1); |
| 98 | + --md-code-bg-color: hsla(var(--md-hue), 7%, 17%, 1); |
| 99 | + --md-code-bg-color--light: hsla(var(--md-hue), 7%, 17%, 0.75); |
| 100 | + --md-code-bg-color--lighter: hsla(var(--md-hue), 7%, 17%, 0.5); |
| 101 | + |
| 102 | + --md-footer-bg-color: hsla(var(--md-hue), 7%, 10%, 0.87); |
| 103 | + --md-footer-bg-color--dark: hsla(var(--md-hue), 7%, 8%, 1); |
| 104 | + |
| 105 | + --md-mg-positive-color: #b6ffc4; |
| 106 | + --md-mg-negative-color: #ffbcbf; |
| 107 | + |
| 108 | + --md-mg-substitution-color: #b6ffc4; |
| 109 | + --md-mg-deletion-color: #ffbcbf; |
| 110 | + --md-mg-insertion-color: #948aff; |
| 111 | + } |
| 112 | +} |
| 113 | + |
| 114 | +/* custom admonition type for FAQ */ |
| 115 | +:root { |
| 116 | + --md-admonition-icon--faq: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="flag_1_"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.99,2.99c-0.55,0-1,0.45-1,1v11c0,0.55,0.45,1,1,1s1-0.45,1-1v-11C3.99,3.44,3.54,2.99,2.99,2.99z M2.99-0.01c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S3.54-0.01,2.99-0.01z M4.99,3.02v7.23c2.07-2.11,5.92,1.75,9,0V3.02C10.99,5.09,7.05,0.99,4.99,3.02z"/></g></svg>'); |
| 117 | + --md-tip-border-color: #0F62FE; |
| 118 | + --md-tip-bg-color: #0F62FE; |
| 119 | + --md-tip-text-color: #edf3ff; |
| 120 | +} |
| 121 | + |
| 122 | +[data-md-color-scheme="dark"] { |
| 123 | + --md-tip-text-color: var(--md-default-fg-color--lighter); |
| 124 | +} |
| 125 | + |
| 126 | +.md-typeset .admonition.tip, |
| 127 | +.md-typeset details.tip { |
| 128 | + border-color: var(--md-tip-border-color); |
| 129 | +} |
| 130 | + |
| 131 | +.md-typeset .tip > .admonition-title, |
| 132 | +.md-typeset .tip > summary { |
| 133 | + background-color: var(--md-tip-bg-color); |
| 134 | + color: var(--md-tip-text-color); |
| 135 | +} |
| 136 | + |
| 137 | +.md-typeset .tip > .admonition-title::before, |
| 138 | +.md-typeset .tip > summary::before { |
| 139 | + background-color: #edf3ff; |
| 140 | + -webkit-mask-image: var(--md-admonition-icon--tip); |
| 141 | + mask-image: var(--md-admonition-icon--tip); |
| 142 | +} |
| 143 | + |
| 144 | +.md-typeset .admonition.faq, |
| 145 | +.md-typeset details.faq { |
| 146 | + border-color: var(--md-typeset-table-color); |
| 147 | +} |
| 148 | +.md-typeset .faq > .admonition-title, |
| 149 | +.md-typeset .faq > summary { |
| 150 | + background-color: var(--md-typeset-table-color--light); |
| 151 | +} |
| 152 | +.md-typeset .faq > .admonition-title::before, |
| 153 | +.md-typeset .faq > summary::before { |
| 154 | + background-color: var(--md-accent-fg-color); |
| 155 | + -webkit-mask-image: var(--md-admonition-icon--faq); |
| 156 | + mask-image: var(--md-admonition-icon--faq); |
| 157 | +} |
| 158 | +.mg-cell-color-positive { |
| 159 | + color: var(--md-mg-positive-color); |
| 160 | +} |
| 161 | +.mg-cell-color-negative { |
| 162 | + color: var(--md-mg-negative-color); |
| 163 | +} |
| 164 | + |
| 165 | +.mg-color-substitution { |
| 166 | + color: var(--md-mg-substitution-color); |
| 167 | +} |
| 168 | +.mg-color-deletion { |
| 169 | + color: var(--md-mg-deletion-color); |
| 170 | +} |
| 171 | +.mg-color-insertion { |
| 172 | + color: var(--md-mg-insertion-color); |
| 173 | +} |
0 commit comments