custom.css 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710
  1. /**
  2. * Various tweaks to the Read the Docs theme to better conform with Godot's
  3. * visual identity. Many colors are also overridden to use CSS variables.
  4. * This makes it possible to provide an automatically-used dark theme
  5. * based on browser preferences.
  6. */
  7. @font-face {
  8. font-family: "JetBrains Mono";
  9. src: url('fonts/JetBrainsMono-Regular.woff2');
  10. font-weight: 400;
  11. font-style: normal;
  12. }
  13. @font-face {
  14. font-family: "JetBrains Mono";
  15. src: url('fonts/JetBrainsMono-Medium.woff2');
  16. font-weight: 600;
  17. font-style: normal;
  18. }
  19. @font-face {
  20. font-family: "JetBrains Mono";
  21. src: url('fonts/JetBrainsMono-Bold.woff2');
  22. font-weight: 700;
  23. font-style: normal;
  24. }
  25. /* Default (light) theme colors */
  26. :root {
  27. --body-color: #404040;
  28. --content-wrap-background-color: #efefef;
  29. --content-background-color: #fcfcfc;
  30. --logo-opacity: 1.0;
  31. --navbar-background-color: #333f67;
  32. --navbar-background-color-hover: #29355c;
  33. --navbar-background-color-active: #212d51;
  34. --navbar-current-background-color: #212d51;
  35. --navbar-current-background-color-hover: #182343;
  36. --navbar-current-background-color-active: #131e3b;
  37. --navbar-category-active-color: rgba(255 115 129 / 10%);
  38. --navbar-current-color: #f1f9ff;
  39. --navbar-level-1-color: #c3e3ff;
  40. --navbar-level-2-color: #b8d6f0;
  41. --navbar-level-3-color: #a3c4e1;
  42. --navbar-expand-base-color: #81a3c2;
  43. --navbar-expand-hover-color: #c3e3ff;
  44. --navbar-expand-active-color: #f1f9ff;
  45. --navbar-dimmed-color: #a3c4e1;
  46. --navbar-heading-color: #ff7381;
  47. --navbar-scrollbar-color: #d45a66;
  48. --navbar-scrollbar-hover-color: #b14550;
  49. --navbar-scrollbar-active-color: #72383e;
  50. --navbar-scrollbar-background: #131e2b;
  51. --link-color: #2980b9;
  52. --link-color-hover: #3091d1;
  53. --link-color-active: #105078;
  54. --link-color-visited: #9b59b6;
  55. --class-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wMjkgMWMtLjk5OS0uMDExLTIuMDA5LjMxMi0zLjAyOSAxdjdjMi4wMTctMS4zNTMgNC4wMTctMS4zMTQgNiAwIDEuOTgzLTEuMzE0IDMuOTgzLTEuMzUzIDYgMHYtN2MtMS4wMi0uNjg4LTIuMDMtMS4wMTEtMy4wMjktMS0uNjYyLjAwNy0xLjMxOC4xNzMtMS45NzEuNDYzdjQuNTM3aC0xdi00Yy0uOTgyLS42NDUtMS45NzEtLjk4OS0yLjk3MS0xem0tNS4wMjkgOXY2aDJjMS42NDYgMCAzLTEuMzU0IDMtM3MtMS4zNTQtMy0zLTN6bTUgM2MwIDEuNjQ2IDEuMzU0IDMgMyAzczMtMS4zNTQgMy0zLTEuMzU0LTMtMy0zLTMgMS4zNTQtMyAzem02IDBjMCAxLjY0NiAxLjM1NCAzIDMgM2gxdi0yaC0xYy0uNTQ5IDAtMS0uNDUxLTEtMXMuNDUxLTEgMS0xaDF2LTJoLTFjLTEuNjQ2IDAtMyAxLjM1NC0zIDN6bS05LTFjLjU0OSAwIDEgLjQ1MSAxIDFzLS40NTEgMS0xIDF6bTYgMGMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMS0xLS40NTEtMS0xIC40NTEtMSAxLTF6IiBmaWxsPSIjNDE0MTQxIiBmaWxsLW9wYWNpdHk9Ii41OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+Cg==");
  56. --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjk4MGI5Ij48cGF0aCBkPSJtNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0ibTUuNzY1IDFoNS4yMzV2NS4zOWwtMS41NzMgMS41NDctMS4zMS0xLjMxLTIuNzI0IDIuNzIzLTIuNjktMi42ODggMi44MS0yLjgwOC0xLjMxMy0xLjMxeiIvPjwvZz48L3N2Zz4K");
  57. --hr-color: #e1e4e5;
  58. --table-row-odd-background-color: #f3f6f6;
  59. --code-background-color: #e9eae5;
  60. --code-border-color: #e1e4e5;
  61. --code-literal-color: #c03e41;
  62. --input-background-color: #fcfcfc;
  63. --input-focus-border-color: #5f8cff;
  64. --tabs-background-color: #e1e4e5;
  65. --tabs-selected-color: #a2a9ae;
  66. --code-tabs-background-color: #e3ecd1;
  67. --code-tabs-selected-color: #8a9378;
  68. --classref-primary-color: #252525;
  69. --classref-secondary-color: #616770;
  70. --classref-setget-color: #56585b;
  71. --search-input-background-color: #e6eef3; /* derived from --input-background-color */
  72. --search-match-color: #2c6b96; /* derived from --link-color */
  73. --search-match-background-color: #e3f2fd; /* derived from --link-color */
  74. --search-active-color: #efefef;
  75. --search-credits-background-color: #333f67; /* derived from --navbar-background-color */
  76. --search-credits-color: #b3b3b3; /* derived from --footer-color */
  77. --search-credits-link-color: #4392c5; /* derived from --link-color */
  78. --search-odd-color: rgb(133 160 253 / 24%);
  79. --search-even-color: rgb(202 209 239 / 30%);
  80. --search-highlighted-color: rgb(255 205 0 / 25%);
  81. --search-context-color: #6c6e72;
  82. --highlight-background-color: #f5ffe1;
  83. --highlight-background-emph-color: #dbe6c3;
  84. --highlight-default-color: #404040;
  85. --highlight-comment-color: #408090;
  86. --highlight-keyword-color: #007020;
  87. --highlight-keyword2-color: #902000;
  88. --highlight-number-color: #208050;
  89. --highlight-decorator-color: #4070a0;
  90. --highlight-type-color: #007020;
  91. --highlight-type2-color: #0e84b5;
  92. --highlight-function-color: #06287e;
  93. --highlight-operator-color: #666666;
  94. --highlight-string-color: #4070a0;
  95. --contribute-background-color: #d7dee8;
  96. --contribute-text-color: #646e72;
  97. --admonition-note-background-color: #e7f2fa;
  98. --admonition-note-color: #404040;
  99. --admonition-note-title-background-color: #6ab0de;
  100. --admonition-note-title-color: #fff;
  101. --admonition-attention-background-color: #ffedcc;
  102. --admonition-attention-color: #404040;
  103. --admonition-attention-title-background-color: #f0b37e;
  104. --admonition-attention-title-color: #fff;
  105. --admonition-danger-background-color: #fcf3f2;
  106. --admonition-danger-color: #404040;
  107. --admonition-danger-title-background-color: #e9a499;
  108. --admonition-danger-title-color: #fff;
  109. --admonition-tip-background-color: #dbfaf4;
  110. --admonition-tip-color: #404040;
  111. --admonition-tip-title-background-color: #1abc9c;
  112. --admonition-tip-title-color: #fff;
  113. --kbd-background-color: #fafbfc;
  114. --kbd-outline-color: #d1d5da;
  115. --kbd-shadow-color: #b0b7bf;
  116. --kbd-text-color: #444d56;
  117. --code-example-good-color: #3fb950;
  118. --code-example-bad-color: #f85149;
  119. --btn-neutral-background-color: #f3f6f6;
  120. --btn-neutral-hover-background-color: #e5ebeb;
  121. --footer-color: #808080;
  122. --system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  123. --monospace-font-family: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
  124. }
  125. /* Dark theme colors */
  126. @media (prefers-color-scheme: dark) {
  127. :root {
  128. --body-color: rgba(255, 255, 255, 0.85);
  129. --content-wrap-background-color: #202326;
  130. --content-background-color: #2e3236;
  131. /* Decrease the logo opacity when using the dark theme to be less distracting */
  132. --logo-opacity: 0.85;
  133. --navbar-background-color: #25282b;
  134. --navbar-background-color-hover: #333639;
  135. --navbar-background-color-active: #111417;
  136. --navbar-current-background-color: #333639;
  137. --navbar-current-background-color-hover: #44474a;
  138. --navbar-current-background-color-active: #222528;
  139. --navbar-category-active-color: rgba(238 115 129 / 10%);
  140. --navbar-current-color: #fefefe;
  141. --navbar-level-1-color: #ddd;
  142. --navbar-level-2-color: #ccc;
  143. --navbar-level-3-color: #bbb;
  144. --navbar-expand-base-color: #80848e;
  145. --navbar-expand-hover-color: #ccc;
  146. --navbar-expand-active-color: #ddd;
  147. --navbar-dimmed-color: #bbb;
  148. --navbar-heading-color: #ee7381;
  149. --navbar-scrollbar-color: #be5460;
  150. --navbar-scrollbar-hover-color: #963e48;
  151. --navbar-scrollbar-active-color: #5f3034;
  152. --navbar-scrollbar-background: #1c1e21;
  153. --link-color: #8cf;
  154. --link-color-hover: #9df;
  155. --link-color-active: #6ad;
  156. --link-color-visited: #cb99f6;
  157. --class-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wMjkgMWMtLjk5OS0uMDExLTIuMDA5LjMxMi0zLjAyOSAxdjdjMi4wMTctMS4zNTMgNC4wMTctMS4zMTQgNiAwIDEuOTgzLTEuMzE0IDMuOTgzLTEuMzUzIDYgMHYtN2MtMS4wMi0uNjg4LTIuMDMtMS4wMTEtMy4wMjktMS0uNjYyLjAwNy0xLjMxOC4xNzMtMS45NzEuNDYzdjQuNTM3aC0xdi00Yy0uOTgyLS42NDUtMS45NzEtLjk4OS0yLjk3MS0xem0tNS4wMjkgOXY2aDJjMS42NDYgMCAzLTEuMzU0IDMtM3MtMS4zNTQtMy0zLTN6bTUgM2MwIDEuNjQ2IDEuMzU0IDMgMyAzczMtMS4zNTQgMy0zLTEuMzU0LTMtMy0zLTMgMS4zNTQtMyAzem02IDBjMCAxLjY0NiAxLjM1NCAzIDMgM2gxdi0yaC0xYy0uNTQ5IDAtMS0uNDUxLTEtMXMuNDUxLTEgMS0xaDF2LTJoLTFjLTEuNjQ2IDAtMyAxLjM1NC0zIDN6bS05LTFjLjU0OSAwIDEgLjQ1MSAxIDFzLS40NTEgMS0xIDF6bTYgMGMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMS0xLS40NTEtMS0xIC40NTEtMSAxLTF6IiBmaWxsPSIjYmZiZmJmIiBmaWxsLW9wYWNpdHk9Ii41OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+Cg==");
  158. --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGNmIj48cGF0aCBkPSJtNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0ibTUuNzY1IDFoNS4yMzV2NS4zOWwtMS41NzMgMS41NDctMS4zMS0xLjMxLTIuNzI0IDIuNzIzLTIuNjktMi42ODggMi44MS0yLjgwOC0xLjMxMy0xLjMxeiIvPjwvZz48L3N2Zz4K");
  159. --hr-color: #555;
  160. --table-row-odd-background-color: #3b3e41;
  161. --code-background-color: #22252d;
  162. --code-border-color: #505356;
  163. --code-literal-color: #d68f8f;
  164. --input-background-color: #333537;
  165. --input-focus-border-color: #5f8cff;
  166. --tabs-background-color: #434649;
  167. --tabs-selected-color: #a2a9ae;
  168. --code-tabs-background-color: #353c4c;
  169. --code-tabs-selected-color: #5a657e;
  170. --classref-primary-color: #e8e8e8;
  171. --classref-secondary-color: #929598;
  172. --classref-setget-color: #9e9fa0;
  173. --search-input-background-color: #43464a; /* derived from --input-background-color */
  174. --search-match-color: #52b4ff; /* derived from --link-color */
  175. --search-match-background-color: #414c56; /* derived from --link-color */
  176. --search-active-color: #202326;
  177. --search-credits-background-color: #202123; /* derived from --navbar-background-color */
  178. --search-credits-color: #6b6b6b; /* derived from --footer-color */
  179. --search-credits-link-color: #628fb1; /* derived from --link-color */
  180. --search-odd-color: #202326;
  181. --search-even-color: #25282b;
  182. --search-highlighted-color: rgb(255 205 0 / 16%);
  183. --search-context-color: #aaa;
  184. /* Colors taken from the Godot script editor with the Adaptive theme */
  185. --highlight-background-color: #202531;
  186. --highlight-background-emph-color: #2d3444;
  187. --highlight-default-color: rgba(255, 255, 255, 0.85);
  188. --highlight-comment-color: rgba(204, 206, 211, 0.5);
  189. --highlight-keyword-color: #ff7085;
  190. --highlight-keyword2-color: #42ffc2;
  191. --highlight-number-color: #a1ffe0;
  192. --highlight-decorator-color: #ffb373;
  193. --highlight-type-color: #8effda;
  194. --highlight-type2-color: #c6ffed;
  195. --highlight-function-color: #57b3ff;
  196. --highlight-operator-color: #abc8ff;
  197. --highlight-string-color: #ffeca1;
  198. --contribute-background-color: #25282d;
  199. --contribute-text-color: #7f939b;
  200. --admonition-note-background-color: #303d4f;
  201. --admonition-note-color: #bfeeff;
  202. --admonition-note-title-background-color: #305070;
  203. --admonition-note-title-color: #bfefff;
  204. --admonition-attention-background-color: #444033;
  205. --admonition-attention-color: #ffeeaf;
  206. --admonition-attention-title-background-color: #665022;
  207. --admonition-attention-title-color: #ffeeaf;
  208. --admonition-danger-background-color: #433;
  209. --admonition-danger-color: #fcc;
  210. --admonition-danger-title-background-color: #633;
  211. --admonition-danger-title-color: #fcc;
  212. --admonition-tip-background-color: #28382d;
  213. --admonition-tip-color: #dfd;
  214. --admonition-tip-title-background-color: #336648;
  215. --admonition-tip-title-color: #dfd;
  216. --kbd-background-color: #595b5d;
  217. --kbd-outline-color: #3d4144;
  218. --kbd-shadow-color: #1e2023;
  219. --kbd-text-color: #e2f2ff;
  220. --code-example-good-color: #3fb950;
  221. --code-example-bad-color: #f85149;
  222. --btn-neutral-background-color: #404040;
  223. --btn-neutral-hover-background-color: #505050;
  224. --footer-color: #aaa;
  225. }
  226. }
  227. body,
  228. h1,
  229. h2,
  230. h3,
  231. h4,
  232. h5,
  233. h6,
  234. input[type="text"],
  235. input[type="button"],
  236. input[type="reset"],
  237. input[type="submit"],
  238. textarea,
  239. legend,
  240. .btn,
  241. .rst-content .toctree-wrapper p.caption,
  242. .rst-versions {
  243. /* Use a system font stack for better performance (no Web fonts required) */
  244. font-family: var(--system-font-family);
  245. /* Some fonts that we use (namely JetBrains Mono) can come with ligatures. It's better to opt-in if needed. */
  246. font-variant-ligatures: none;
  247. }
  248. h1,
  249. h2,
  250. h3,
  251. h4,
  252. h5,
  253. h6,
  254. legend,
  255. .rst-content .toctree-wrapper p.caption {
  256. /* Use a lighter font for headers (Medium instead of Bold) */
  257. font-weight: 500;
  258. }
  259. /* See <https://github.com/godotengine/godot-docs/pull/5876> for context. */
  260. .rst-content .align-right,
  261. .rst-content .align-left {
  262. clear: both;
  263. }
  264. .rst-content div.figure p.caption {
  265. /* Tweak caption styling to be closer to typical captions */
  266. text-align: center;
  267. margin-top: 8px;
  268. opacity: 0.75;
  269. }
  270. .rst-content div.figure.figure-w480 {
  271. max-width: 480px;
  272. }
  273. .rst-content div.figure img {
  274. border: 1px solid var(--body-color);
  275. }
  276. p,
  277. article ul,
  278. article ol,
  279. .wy-plain-list-disc,
  280. .wy-plain-list-decimal,
  281. .rst-content ol.arabic,
  282. .rst-content .toctree-wrapper ul {
  283. /* Increase the line height slightly to account for the different font */
  284. line-height: 25px;
  285. }
  286. /* Depending on the environment, it can be a section tag or a div with the section class. */
  287. .rst-content section ul,
  288. .rst-content section ol,
  289. .rst-content .section ul,
  290. .rst-content .section ol {
  291. /* Increase the line height slightly to account for the different font */
  292. line-height: 25px;
  293. }
  294. .rst-content section ul li,
  295. .rst-content .section ul li {
  296. /* Increase spacing between list items. */
  297. margin-top: 8px;
  298. margin-bottom: 8px;
  299. }
  300. body,
  301. .rst-content table.docutils thead,
  302. .rst-content table.docutils caption {
  303. color: var(--body-color);
  304. }
  305. a {
  306. color: var(--link-color);
  307. }
  308. a:hover {
  309. color: var(--link-color-hover);
  310. text-decoration: underline;
  311. }
  312. a:active {
  313. /* Add visual feedback when clicking on a link */
  314. color: var(--link-color-active);
  315. }
  316. a:visited {
  317. color: var(--link-color-visited);
  318. }
  319. a.btn:hover {
  320. text-decoration: none;
  321. }
  322. /* Style external links differently to make them easier to distinguish from internal links. */
  323. .reference.external {
  324. background-position: center right;
  325. background-repeat: no-repeat;
  326. background-image: var(--external-reference-icon);
  327. padding-right: 13px;
  328. }
  329. /* Distinguish class reference page links from "user manual" page links with a class reference badge. */
  330. /* Remove text wrapping so that the badge is always on the same line as the anchor's text. */
  331. .rst-content a[href*="classes/"] {
  332. white-space: nowrap;
  333. }
  334. /* Add an icon as a badge, after the anchor's text. */
  335. .rst-content a[href*="classes/"]::after {
  336. content: "";
  337. background-image: var(--class-reference-icon);
  338. display: inline-block;
  339. height: 16px;
  340. width: 16px;
  341. padding: 0.125rem 0.375rem;
  342. margin-left: 0.25rem;
  343. }
  344. /* Prevent the class reference badge from appearing twice in the instant search results (not testable locally). */
  345. .wy-body-for-nav .search__result__single a[href*="classes/"]::after {
  346. display: none;
  347. }
  348. .wy-body-for-nav .search__result__single a[href*="classes/"]:first-child::after {
  349. display: inline-block;
  350. }
  351. /* Prevent the class reference badge from appearing several times per item in the dedicated search results page. */
  352. #search-results .context a[href*="classes/"]::after {
  353. display: none;
  354. }
  355. /* Stylize horizontal separator, mainly for the search results page. */
  356. hr,
  357. #search-results .search li:first-child,
  358. #search-results .search li {
  359. border-color: var(--hr-color);
  360. }
  361. /* Stylize the search results page. */
  362. #search-results .search-summary {
  363. color: var(--footer-color);
  364. }
  365. #search-results .context {
  366. color: var(--search-context-color);
  367. padding-left: 14px;
  368. position: relative;
  369. }
  370. #search-results .context:before {
  371. content: "•";
  372. display: block;
  373. position: absolute;
  374. left: 0;
  375. font-size: 120%;
  376. }
  377. #search-results .search li {
  378. background-color: var(--search-odd-color);
  379. padding: 16px 14px;
  380. border-radius: 6px;
  381. border: none;
  382. margin-bottom: 18px;
  383. }
  384. #search-results .search li:first-child {
  385. border: none;
  386. padding: 16px 14px;
  387. margin-top: 20px;
  388. }
  389. #search-results .search li:nth-child(2n) {
  390. background-color: var(--search-even-color);
  391. }
  392. /* Add more visual separation for the title of a search result island. */
  393. #search-results .search li > a:first-child {
  394. font-weight: 600;
  395. font-size: 140%;
  396. }
  397. /* JavaScript documentation directives */
  398. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dt,
  399. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list) > dt {
  400. background-color: var(--admonition-note-background-color);
  401. border-color: var(--admonition-note-title-background-color);
  402. color: var(--admonition-note-color);
  403. }
  404. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl dt {
  405. background-color: transparent;
  406. border-color: transparent;
  407. color: var(--footer-color);
  408. }
  409. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).class dt,
  410. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).function dt,
  411. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).method dt,
  412. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).attribute dt {
  413. font-weight: 600;
  414. padding: 0 8px;
  415. margin-bottom: 1px;
  416. width: 100%;
  417. }
  418. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).class > dt,
  419. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).function > dt,
  420. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).method > dt,
  421. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).attribute > dt {
  422. font-family: var(--monospace-font-family);
  423. font-size: 90%;
  424. font-weight: normal;
  425. margin-bottom: 16px;
  426. padding: 6px 8px;
  427. }
  428. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .sig-prename.descclassname {
  429. color: var(--highlight-type2-color);
  430. font-weight: normal;
  431. }
  432. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .sig-name.descname {
  433. color: var(--highlight-function-color);
  434. font-weight: 700;
  435. }
  436. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .sig-paren,
  437. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .optional {
  438. color: var(--highlight-operator-color) !important;
  439. font-weight: normal;
  440. padding: 0 2px;
  441. }
  442. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .optional {
  443. font-style: italic;
  444. }
  445. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .sig-param,
  446. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).class dt > em,
  447. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).function dt > em,
  448. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).method dt > em {
  449. color: var(--code-literal-color);
  450. font-style: normal;
  451. padding: 0 4px;
  452. }
  453. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .k {
  454. font-style: normal;
  455. }
  456. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .sig-param,
  457. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).class dt > .optional ~ em,
  458. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).function dt > .optional ~ em,
  459. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).method dt > .optional ~ em {
  460. color: var(--highlight-number-color);
  461. font-style: italic;
  462. }
  463. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple).class dt > em.property {
  464. color: var(--highlight-keyword-color);
  465. }
  466. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dt a.headerlink {
  467. color: var(--link-color) !important;
  468. }
  469. html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dt a.headerlink:visited {
  470. color: var(--link-color-visited);
  471. }
  472. html.writer-html5 .rst-content dl.field-list > dd strong {
  473. font-family: var(--monospace-font-family);
  474. }
  475. footer {
  476. color: var(--footer-color);
  477. }
  478. /* Sphinx Search extension */
  479. /* .wy-body-for-nav is used for higher rule specificity */
  480. /* Search popup body */
  481. .wy-body-for-nav .search__outer {
  482. background-color: var(--content-background-color);
  483. border: 2px solid var(--content-background-color);
  484. }
  485. .wy-body-for-nav .search__cross svg {
  486. fill: var(--body-color);
  487. }
  488. .wy-body-for-nav .search__outer::-webkit-scrollbar-track {
  489. border-radius: 10px;
  490. background-color: var(--content-background-color);
  491. }
  492. .wy-body-for-nav .search__outer::-webkit-scrollbar {
  493. width: 7px;
  494. height: 7px;
  495. background-color: var(--content-background-color);
  496. }
  497. .wy-body-for-nav .search__outer::-webkit-scrollbar-thumb {
  498. border-radius: 10px;
  499. background-color: var(--hr-color);
  500. }
  501. /* Search input */
  502. .wy-body-for-nav .search__outer__input {
  503. background-color: var(--search-input-background-color);
  504. background-image: none;
  505. border-radius: 50px;
  506. border: 2px solid transparent;
  507. color: var(--body-color);
  508. height: 36px;
  509. padding: 6px 12px;
  510. }
  511. .wy-body-for-nav .search__outer__input:focus {
  512. border-color: var(--input-focus-border-color);
  513. }
  514. .wy-body-for-nav .search__outer .bar:after,
  515. .wy-body-for-nav .search__outer .bar:before {
  516. display: none;
  517. }
  518. /* Search results item */
  519. .wy-body-for-nav .search__result__single {
  520. border-bottom-color: var(--hr-color);
  521. }
  522. /* Search item title */
  523. .wy-body-for-nav .search__result__title {
  524. color: var(--link-color);
  525. border-bottom: none;
  526. font-size: 120%;
  527. font-weight: 400;
  528. }
  529. /* Search item section */
  530. .wy-body-for-nav .outer_div_page_results:hover,
  531. .wy-body-for-nav .search__result__box .active {
  532. background-color: var(--search-active-color);
  533. }
  534. .wy-body-for-nav .search__result__subheading{
  535. color: var(--body-color);
  536. font-size: 100%;
  537. font-weight: 400;
  538. }
  539. .wy-body-for-nav .search__result__content {
  540. color: var(--footer-color);
  541. }
  542. /* Search item matching substring */
  543. .wy-body-for-nav .search__outer .search__result__title span,
  544. .wy-body-for-nav .search__outer .search__result__content span {
  545. color: var(--search-match-color);
  546. border-bottom: 1px solid var(--search-match-color);
  547. background-color: var(--search-match-background-color);
  548. padding: 0 2px;
  549. }
  550. .wy-body-for-nav .search__result__subheading span {
  551. border-bottom-color: var(--body-color);
  552. }
  553. /* Search empty results */
  554. /* The original styles are inlined, see https://github.com/readthedocs/readthedocs-sphinx-search/issues/48 */
  555. .wy-body-for-nav .search__result__box {
  556. color: var(--body-color) !important;
  557. }
  558. /* Search footer & credits */
  559. .wy-body-for-nav .rtd__search__credits {
  560. background-color: var(--search-credits-background-color);
  561. border-color: var(--search-credits-background-color);
  562. color: var(--search-credits-color);
  563. padding: 4px 8px;
  564. }
  565. .wy-body-for-nav .rtd__search__credits a {
  566. color: var(--search-credits-link-color);
  567. }
  568. /* Main sections */
  569. .wy-nav-content-wrap {
  570. background-color: var(--content-wrap-background-color);
  571. }
  572. .wy-nav-content {
  573. background-color: var(--content-background-color);
  574. max-width: 900px;
  575. }
  576. .wy-body-for-nav {
  577. position: relative;
  578. background-color: var(--content-wrap-background-color);
  579. overflow: visible;
  580. }
  581. @media only screen and (min-width: 769px) {
  582. .wy-body-for-nav {
  583. /* Center the page on wide displays for better readability */
  584. max-width: 1200px;
  585. margin: 0 auto;
  586. }
  587. }
  588. /* Customize the look of tabbed panels, including code tabs. */
  589. .rst-content [role="tablist"] {
  590. border-bottom: none;
  591. }
  592. .rst-content .sphinx-tabs-tab {
  593. border-top: 4px solid transparent;
  594. color: var(--link-color);
  595. padding: 0.5rem 1.25rem;
  596. }
  597. .rst-content .sphinx-tabs-tab[aria-selected="true"] {
  598. background-color: var(--tabs-background-color);
  599. border: none;
  600. border-radius: 0;
  601. border-top: 4px solid var(--tabs-selected-color);
  602. }
  603. .rst-content .sphinx-tabs-tab.code-tab[aria-selected="true"] {
  604. background-color: var(--code-tabs-background-color);
  605. border-top: 4px solid var(--code-tabs-selected-color);
  606. }
  607. .rst-content .sphinx-tabs-tab:focus {
  608. z-index: inherit;
  609. }
  610. .rst-content .sphinx-tabs-panel {
  611. background-color: var(--tabs-background-color);
  612. border: none;
  613. border-radius: 0;
  614. }
  615. .rst-content .sphinx-tabs-panel.code-tab {
  616. background-color: var(--code-tabs-background-color);
  617. }
  618. .rst-content .sphinx-tabs-panel div[class^="highlight"] {
  619. border: none;
  620. box-shadow: none;
  621. margin-bottom: 2px;
  622. }
  623. .rst-content div[class^="highlight"] pre {
  624. font-variant-ligatures: none;
  625. padding: 18px 16px;
  626. }
  627. /* Table display tweaks */
  628. .rst-content table.docutils,
  629. .wy-table-bordered-all {
  630. border: 4px solid var(--code-border-color);
  631. }
  632. .wy-table-bordered-all td,
  633. .wy-table thead th,
  634. .rst-content table.docutils td,
  635. .rst-content table.docutils thead th,
  636. .rst-content table.field-list thead th {
  637. border-bottom: 2px solid var(--code-border-color);
  638. border-left: 2px solid var(--code-border-color);
  639. padding: 4px 16px;
  640. }
  641. html.writer-html5 .rst-content table.docutils th {
  642. border-bottom: 4px solid var(--code-border-color);
  643. border-left: 2px solid var(--code-border-color);
  644. padding: 8px 16px;
  645. vertical-align: middle;
  646. }
  647. .wy-table-odd td,
  648. .wy-table-striped tr:nth-child(2n-1) td,
  649. .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td {
  650. background-color: var(--table-row-odd-background-color);
  651. }
  652. /* Override table no-wrap */
  653. /* The first column cells are not verbose, no need to wrap them */
  654. .wy-table-responsive table td:not(:nth-child(1)),
  655. .wy-table-responsive table th:not(:nth-child(1)) {
  656. white-space: normal;
  657. }
  658. /* Allow to control wrapping behavior per table */
  659. .wy-table-responsive table.wrap-normal td,
  660. .wy-table-responsive table.wrap-normal th {
  661. white-space: normal;
  662. }
  663. /* Make sure line blocks don't stretch tables */
  664. .wy-table-responsive table .line-block {
  665. margin-bottom: 0;
  666. }
  667. /* Make sure not to wrap keyboard shortcuts */
  668. .wy-table-responsive table td kbd {
  669. white-space: nowrap;
  670. }
  671. /* Artificially increasing specificity to make it override theme.css. */
  672. html.writer-html5 .rst-content .wy-table-responsive > table td > p {
  673. line-height: 1.425rem;
  674. }
  675. html.writer-html5 .rst-content .wy-table-responsive > table th > p {
  676. line-height: 1.425rem;
  677. font-size: .95rem;
  678. font-weight: 600;
  679. }
  680. html.writer-html5 .rst-content .wy-table-responsive > table td > p tt.literal,
  681. html.writer-html5 .rst-content .wy-table-responsive > table td > p code.literal {
  682. font-size: .85rem;
  683. padding: 2px 5px;
  684. }
  685. /* Code display tweaks */
  686. code,
  687. .rst-content tt,
  688. .rst-content code {
  689. font-size: 14px;
  690. font-family: var(--monospace-font-family);
  691. background-color: var(--code-background-color);
  692. border: none;
  693. border-radius: 4px;
  694. }
  695. .rst-content tt.literal,
  696. .rst-content code.literal {
  697. color: var(--code-literal-color);
  698. font-weight: 600;
  699. font-variant-ligatures: none;
  700. padding: 3px 5px;
  701. }
  702. .rst-content div[class^="highlight"] {
  703. border: 3px solid var(--code-tabs-background-color);
  704. }
  705. .rst-content div[class^="highlight"] div[class^="highlight"] {
  706. box-shadow: none;
  707. }
  708. .rst-content pre.literal-block,
  709. .rst-content div[class^="highlight"] pre,
  710. .rst-content .linenodiv pre {
  711. /* Increase the font size and line height in code blocks */
  712. font-size: 14px;
  713. line-height: 1.5;
  714. font-family: var(--monospace-font-family);
  715. }
  716. /* Code tab display tweaks */
  717. .ui.tabular.menu .active.item,
  718. .ui.segment {
  719. background-color: var(--code-background-color);
  720. }
  721. /* Syntax highlighting */
  722. /* Remove default red boxes around Pygments errors */
  723. .highlight .err {
  724. border: none;
  725. }
  726. .highlight {
  727. background-color: var(--highlight-background-color);
  728. tab-size: 4;
  729. }
  730. /* Emphasized lines */
  731. .highlight .hll {
  732. background-color: var(--highlight-background-emph-color);
  733. }
  734. .highlight .gh /* Generic.Heading */,
  735. .highlight .gu /* Generic.Subheading */,
  736. .highlight .go /* Generic.Output */,
  737. .highlight .gt /* Generic.Traceback */ {
  738. color: var(--highlight-default-color);
  739. }
  740. .highlight .c /* Comment */,
  741. .highlight .c1 /* Comment.Single */,
  742. .highlight .cm /* Comment.Multiline */,
  743. .highlight .cs /* Comment.Special */ {
  744. color: var(--highlight-comment-color);
  745. }
  746. .highlight .bp /* Name.Builtin.Pseudo */,
  747. .highlight .k /* Keyword */,
  748. .highlight .kc /* Keyword.Constant */,
  749. .highlight .kd /* Keyword.Declaration */,
  750. .highlight .kn /* Keyword.Namespace */,
  751. .highlight .kp /* Keyword.Pseudo */,
  752. .highlight .kr /* Keyword.Reserved */,
  753. .highlight .kt /* Keyword.Type */,
  754. .highlight .ow /* Operator.Word */ {
  755. color: var(--highlight-keyword-color);
  756. }
  757. .highlight .ch /* Comment.Hashbang */,
  758. .highlight .cp /* Comment.Preproc */ {
  759. color: var(--highlight-keyword2-color);
  760. }
  761. .highlight .m /* Literal.Number */,
  762. .highlight .mf /* Literal.Number.Float */,
  763. .highlight .mi /* Literal.Number.Integer */,
  764. .highlight .il /* Literal.Number.Integer.Long */,
  765. .highlight .mb /* Literal.Number.Bin */,
  766. .highlight .mh /* Literal.Number.Hex */,
  767. .highlight .mo /* Literal.Number.Oct */ {
  768. color: var(--highlight-number-color);
  769. }
  770. .highlight .na /* Name.Attribute */,
  771. .highlight .nd /* Name.Decorator */,
  772. .highlight .ni /* Name.Entity */,
  773. .highlight .nl /* Name.Label */ {
  774. color: var(--highlight-decorator-color);
  775. }
  776. .highlight .nb /* Name.Builtin */,
  777. .highlight .ne /* Name.Exception */ {
  778. color: var(--highlight-type-color);
  779. }
  780. .highlight .nc /* Name.Class */,
  781. .highlight .nn /* Name.Namespace */,
  782. .highlight .no /* Name.Constant */,
  783. .highlight .nv /* Name.Variable */,
  784. .highlight .vc /* Name.Variable.Class */,
  785. .highlight .vg /* Name.Variable.Global */,
  786. .highlight .vi /* Name.Variable.Instance */,
  787. .highlight .vm /* Name.Variable.Magic */ {
  788. color: var(--highlight-type2-color);
  789. }
  790. .highlight .nf /* Name.Function */,
  791. .highlight .fm /* Name.Function.Magic */,
  792. .highlight .nt /* Name.Tag */ {
  793. color: var(--highlight-function-color);
  794. }
  795. .highlight .o /* Operator */,
  796. .highlight .si /* Literal.String.Interpol */,
  797. .highlight .sx /* Literal.String.Other */,
  798. .highlight .sr /* Literal.String.Regex */,
  799. .highlight .ss /* Literal.String.Symbol */ {
  800. color: var(--highlight-operator-color);
  801. }
  802. .highlight .cpf/* Comment.PreprocFile */,
  803. .highlight .s /* Literal.String */,
  804. .highlight .s1 /* Literal.String.Single */,
  805. .highlight .s2 /* Literal.String.Double */,
  806. .highlight .sc /* Literal.String.Char */,
  807. .highlight .se /* Literal.String.Escape */,
  808. .highlight .sa /* Literal.String.Affix */,
  809. .highlight .sb /* Literal.String.Backtick */,
  810. .highlight .dl /* Literal.String.Delimiter */,
  811. .highlight .sd /* Literal.String.Doc */,
  812. .highlight .sh /* Literal.String.Heredoc */ {
  813. color: var(--highlight-string-color);
  814. }
  815. /* Call to action for missing documentation */
  816. .rst-content .contribute {
  817. background-color: var(--contribute-background-color);
  818. color: var(--contribute-text-color);
  819. padding: 12px;
  820. margin-bottom: 12px;
  821. }
  822. .rst-content .contribute > p {
  823. margin-bottom: 0;
  824. }
  825. /* Admonition tweaks */
  826. .rst-content .admonition-grid {
  827. display: grid;
  828. grid-template-columns: 1fr;
  829. gap: 20px;
  830. }
  831. .rst-content .admonition-grid-2x {
  832. grid-template-columns: 4fr 5fr;
  833. }
  834. @media screen and (max-width: 1020px) {
  835. .rst-content .admonition-grid {
  836. gap: 12px;
  837. }
  838. .rst-content .admonition-grid-2x {
  839. grid-template-columns: 1fr;
  840. }
  841. }
  842. .rst-content .admonition,
  843. .rst-content .admonition.note,
  844. .rst-content .admonition.seealso {
  845. background-color: var(--admonition-note-background-color);
  846. border-radius: 4px;
  847. box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 29%);
  848. color: var(--admonition-note-color);
  849. }
  850. .rst-content .admonition .admonition-title,
  851. .rst-content .admonition.note .admonition-title,
  852. .rst-content .admonition.seealso .admonition-title {
  853. background-color: var(--admonition-note-title-background-color);
  854. border-radius: 4px 4px 0 0;
  855. color: var(--admonition-note-title-color);
  856. font-weight: 600;
  857. font-size: 105%;
  858. line-height: 120%;
  859. padding: 6px 16px;
  860. }
  861. .rst-content .admonition .admonition-title:before {
  862. margin-right: 9px;
  863. }
  864. .rst-content .admonition.attention,
  865. .rst-content .admonition.caution,
  866. .rst-content .admonition.warning {
  867. background-color: var(--admonition-attention-background-color);
  868. color: var(--admonition-attention-color);
  869. }
  870. .rst-content .admonition.attention .admonition-title,
  871. .rst-content .admonition.caution .admonition-title,
  872. .rst-content .admonition.warning .admonition-title {
  873. background-color: var(--admonition-attention-title-background-color);
  874. color: var(--admonition-attention-title-color);
  875. }
  876. .rst-content .admonition.danger {
  877. background-color: var(--admonition-danger-background-color);
  878. color: var(--admonition-danger-color);
  879. }
  880. .rst-content .admonition.danger .admonition-title {
  881. background-color: var(--admonition-danger-title-background-color);
  882. color: var(--admonition-danger-title-color);
  883. }
  884. .rst-content .admonition.tip,
  885. .rst-content .admonition.important {
  886. background-color: var(--admonition-tip-background-color);
  887. color: var(--admonition-tip-color);
  888. }
  889. .rst-content .admonition.tip .admonition-title,
  890. .rst-content .admonition.important .admonition-title {
  891. background-color: var(--admonition-tip-title-background-color);
  892. color: var(--admonition-tip-title-color);
  893. }
  894. .article-status strong {
  895. color: var(--body-color);
  896. }
  897. /* Keyboard shortcuts tweaks */
  898. kbd, .kbd,
  899. .rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > kbd,
  900. .rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > .kbd {
  901. background-color: var(--kbd-background-color);
  902. border: 1px solid var(--kbd-outline-color);
  903. border-radius: 3px;
  904. box-shadow: inset 0 -1px 0 var(--kbd-shadow-color);
  905. color: var(--kbd-text-color);
  906. display: inline-block;
  907. font-size: 12px;
  908. line-height: 11px;
  909. padding: 4px 5px;
  910. vertical-align: middle;
  911. }
  912. /* Unset excessive styles for nested kbd tags. */
  913. kbd.compound > kbd,
  914. kbd.compound > .kbd,
  915. .kbd.compound > kbd,
  916. .kbd.compound > .kbd {
  917. border: none;
  918. box-shadow: none;
  919. padding: 0;
  920. }
  921. /* Class reference tweaks. */
  922. .classref-section-separator {
  923. border-color: var(--navbar-heading-color);
  924. border-top-width: 3px;
  925. margin: 36px 0;
  926. }
  927. .classref-item-separator {
  928. border-top-width: 2px;
  929. margin: 26px 0;
  930. }
  931. .classref-descriptions-group > p.classref-property,
  932. .classref-descriptions-group > p.classref-signal,
  933. .classref-descriptions-group > p.classref-annotation,
  934. .classref-descriptions-group > p.classref-themeproperty,
  935. .classref-descriptions-group > p.classref-method,
  936. .classref-descriptions-group > p.classref-constructor,
  937. .classref-descriptions-group > p.classref-operator,
  938. .classref-descriptions-group > p.classref-constant,
  939. .classref-descriptions-group > p.classref-enumeration,
  940. .classref-descriptions-group > p.classref-enumeration-constant {
  941. color: var(--classref-secondary-color);
  942. font-family: var(--monospace-font-family);
  943. font-size: 110%;
  944. font-weight: 600;
  945. margin-bottom: 18px;
  946. }
  947. .classref-property {
  948. margin-bottom: 12px;
  949. }
  950. p + .classref-constant {
  951. margin-top: 22px;
  952. }
  953. .classref-descriptions-group > p.classref-enumeration-constant {
  954. font-size: 100%;
  955. margin-top: 18px;
  956. margin-bottom: 14px;
  957. }
  958. .classref-property > a,
  959. .classref-signal > a,
  960. .classref-annotation > a,
  961. .classref-themeproperty > a,
  962. .classref-method > a,
  963. .classref-constructor > a,
  964. .classref-operator > a,
  965. .classref-constant > a,
  966. .classref-enumeration > a {
  967. opacity: 0.85;
  968. }
  969. .classref-enumeration-constant > a {
  970. opacity: 0.75;
  971. }
  972. .classref-property > a:hover,
  973. .classref-signal > a:hover,
  974. .classref-annotation > a:hover,
  975. .classref-themeproperty > a:hover,
  976. .classref-method > a:hover,
  977. .classref-constructor > a:hover,
  978. .classref-operator > a:hover,
  979. .classref-constant > a:hover,
  980. .classref-enumeration > a:hover,
  981. .classref-enumeration-constant > a:hover {
  982. opacity: 1;
  983. }
  984. .classref-property > strong,
  985. .classref-signal > strong,
  986. .classref-annotation > strong,
  987. .classref-themeproperty > strong,
  988. .classref-method > strong,
  989. .classref-constructor > strong,
  990. .classref-operator > strong,
  991. .classref-constant > strong,
  992. .classref-enumeration > strong,
  993. .classref-enumeration-constant > strong {
  994. color: var(--classref-primary-color);
  995. }
  996. .classref-property > code.literal,
  997. .classref-signal > code.literal,
  998. .classref-annotation > code.literal,
  999. .classref-themeproperty > code.literal,
  1000. .classref-method > code.literal,
  1001. .classref-constructor > code.literal,
  1002. .classref-operator > code.literal,
  1003. .classref-constant > code.literal,
  1004. .classref-enumeration > code.literal,
  1005. .classref-enumeration-constant > code.literal {
  1006. background-color: transparent;
  1007. border: none;
  1008. padding: 0;
  1009. font-weight: 600;
  1010. font-size: 90%
  1011. }
  1012. .classref-constant > code.literal,
  1013. .classref-enumeration-constant > code.literal {
  1014. color: var(--classref-setget-color);
  1015. font-weight: 400;
  1016. }
  1017. /* Artificially increasing specificity to make it override theme.css. */
  1018. .classref-descriptions-group ul.classref-property-setget {
  1019. color: var(--classref-setget-color);
  1020. font-size: 90%;
  1021. margin-bottom: 22px;
  1022. }
  1023. .classref-property-setget > li {
  1024. line-height: 22px;
  1025. }
  1026. .classref-property-setget p {
  1027. font-family: var(--monospace-font-family);
  1028. font-size: 100%;
  1029. line-height: 22px;
  1030. }
  1031. .classref-property-setget p > a {
  1032. opacity: 0.75;
  1033. }
  1034. .classref-property-setget p > a:hover {
  1035. opacity: 1;
  1036. }
  1037. .classref-property-setget p > strong {
  1038. color: var(--classref-setget-color);
  1039. }
  1040. .classref-property-setget p > code {
  1041. background-color: transparent;
  1042. border: none;
  1043. padding: 0;
  1044. font-weight: 600;
  1045. }
  1046. .classref-descriptions-group {
  1047. margin-left: 24px;
  1048. }
  1049. #enumerations.classref-descriptions-group {
  1050. margin-left: 48px;
  1051. }
  1052. .classref-descriptions-group > h2,
  1053. .classref-descriptions-group > hr {
  1054. margin-left: -24px;
  1055. }
  1056. #enumerations.classref-descriptions-group > h2,
  1057. #enumerations.classref-descriptions-group > hr {
  1058. margin-left: -48px;
  1059. }
  1060. .classref-descriptions-group > p {
  1061. margin-bottom: 12px;
  1062. }
  1063. .classref-descriptions-group .classref-property,
  1064. .classref-descriptions-group .classref-signal,
  1065. .classref-descriptions-group .classref-annotation,
  1066. .classref-descriptions-group .classref-themeproperty,
  1067. .classref-descriptions-group .classref-method,
  1068. .classref-descriptions-group .classref-constructor,
  1069. .classref-descriptions-group .classref-operator,
  1070. .classref-descriptions-group .classref-constant,
  1071. .classref-descriptions-group .classref-enumeration-constant {
  1072. margin-left: -24px;
  1073. }
  1074. .classref-descriptions-group .classref-enumeration {
  1075. margin-left: -48px;
  1076. }
  1077. .classref-reftable-group .wy-table-responsive {
  1078. margin-bottom: 36px;
  1079. }
  1080. .classref-reftable-group .wy-table-responsive > table {
  1081. width: 100%;
  1082. }
  1083. /* Buttons */
  1084. .btn-neutral {
  1085. background-color: var(--btn-neutral-background-color) !important;
  1086. color: var(--body-color) !important;
  1087. }
  1088. .btn-neutral:hover {
  1089. background-color: var(--btn-neutral-hover-background-color) !important;
  1090. }
  1091. .btn-neutral:visited {
  1092. color: var(--body-color) !important;
  1093. }
  1094. /* Navigation bar logo and search */
  1095. .logo {
  1096. opacity: var(--logo-opacity);
  1097. }
  1098. .wy-side-nav-search > a {
  1099. padding: 0;
  1100. margin-bottom: 0.404em;
  1101. margin-top: 0.404em;
  1102. }
  1103. .wy-side-nav-search > a img.logo {
  1104. /* Fixed size to prevent reflows and support hiDPI displays */
  1105. /* A 5 pixel margin is added on each side. The logo itself displays at 200×200 at 100% scaling. */
  1106. width: 270px;
  1107. height: 70px;
  1108. }
  1109. .wy-side-nav-search {
  1110. background-color: var(--navbar-background-color);
  1111. color: var(--navbar-level-1-color);
  1112. margin-right: 8px;
  1113. }
  1114. .wy-side-nav-search.fixed {
  1115. position: fixed;
  1116. }
  1117. @media only screen and (min-width: 769px) {
  1118. /* Simulate a drop shadow that only affects the bottom edge */
  1119. /* This is used to indicate the search bar is fixed */
  1120. .wy-side-nav-search.fixed-and-scrolled::after {
  1121. content: '';
  1122. position: absolute;
  1123. left: 0;
  1124. bottom: -8px;
  1125. width: 300px;
  1126. height: 8px;
  1127. pointer-events: none;
  1128. background: linear-gradient(hsla(0, 0%, 0%, 0.2), transparent);
  1129. }
  1130. }
  1131. .wy-side-nav-search > a:hover,
  1132. .wy-side-nav-search .wy-dropdown > a:hover {
  1133. background-color: var(--navbar-background-color-hover);
  1134. }
  1135. .wy-side-nav-search > a:active,
  1136. .wy-side-nav-search .wy-dropdown > a:active {
  1137. background-color: var(--navbar-background-color-active);
  1138. }
  1139. .wy-side-nav-search input[type="text"] {
  1140. background-color: var(--input-background-color);
  1141. color: var(--body-color);
  1142. /* Avoid reflowing when toggling the focus state */
  1143. border: 2px solid transparent;
  1144. box-shadow: none;
  1145. /* Make visual feedback instant */
  1146. transition: none;
  1147. font-size: 14px;
  1148. }
  1149. .wy-side-nav-search input[type="text"]:focus {
  1150. border: 2px solid var(--input-focus-border-color);
  1151. }
  1152. .wy-side-nav-search input[type="text"]::placeholder {
  1153. color: var(--body-color);
  1154. opacity: 0.55;
  1155. }
  1156. /* Version branch label below the logo */
  1157. .wy-side-nav-search > div.version {
  1158. color: var(--navbar-dimmed-color);
  1159. font-size: 14px;
  1160. opacity: 0.9;
  1161. }
  1162. /* Navigational top bar (mobile only) */
  1163. .wy-nav-top,
  1164. .wy-nav-top a {
  1165. background-color: var(--navbar-background-color);
  1166. color: var(--navbar-level-1-color);
  1167. }
  1168. /* Navigational sidebar */
  1169. .wy-nav-side {
  1170. background-color: var(--navbar-background-color);
  1171. }
  1172. @media only screen and (min-width: 769px) {
  1173. .wy-nav-side {
  1174. /* Required to center the page on wide displays */
  1175. left: inherit;
  1176. }
  1177. }
  1178. .wy-menu-vertical header,
  1179. .wy-menu-vertical p.caption {
  1180. color: var(--navbar-heading-color);
  1181. /* Improves the appearance of uppercase text */
  1182. letter-spacing: 0.75px;
  1183. }
  1184. /* Default styling of navigation items */
  1185. .wy-menu-vertical li {
  1186. background-color: var(--navbar-background-color);
  1187. }
  1188. .wy-menu-vertical li.current {
  1189. background-color: var(--navbar-current-background-color);
  1190. }
  1191. .wy-menu-vertical li > a {
  1192. color: var(--navbar-level-1-color);
  1193. font-size: 92%;
  1194. line-height: 20px;
  1195. padding: .4045em 1.618em;
  1196. }
  1197. .wy-menu-vertical li > a:hover {
  1198. background-color: var(--navbar-background-color-hover);
  1199. color: var(--navbar-level-1-color);
  1200. }
  1201. .wy-menu-vertical li > a:active {
  1202. background-color: var(--navbar-background-color-active);
  1203. }
  1204. .wy-menu-vertical li > a button.toctree-expand {
  1205. color: var(--navbar-expand-base-color) !important;
  1206. opacity: 0.9;
  1207. margin-right: 8px;
  1208. /* Make the expand icon a bit easier to hit. */
  1209. position: relative;
  1210. width: 12px;
  1211. min-width: 12px; /* Forces the size to stay this way in the flexbox model. */
  1212. height: 18px;
  1213. }
  1214. .wy-menu-vertical li.current > a button.toctree-expand {
  1215. color: var(--navbar-current-color) !important;
  1216. }
  1217. .wy-menu-vertical li > a:hover button.toctree-expand {
  1218. color: var(--navbar-expand-hover-color) !important;
  1219. opacity: 1;
  1220. }
  1221. .wy-menu-vertical li > a:active button.toctree-expand {
  1222. color: var(--navbar-expand-active-color) !important;
  1223. opacity: 1;
  1224. }
  1225. /* Make the expand icon a bit easier to hit. */
  1226. .wy-menu-vertical li > a button.toctree-expand:before {
  1227. position: absolute;
  1228. top: -2px;
  1229. left: -6px;
  1230. width: 24px;
  1231. height: 24px;
  1232. padding: 6px;
  1233. }
  1234. .wy-menu-vertical li.current > a,
  1235. .wy-menu-vertical li.toctree-l2.current > a {
  1236. background-color: var(--navbar-current-background-color-hover);
  1237. border-bottom: 2px solid var(--navbar-current-background-color);
  1238. color: var(--navbar-current-color);
  1239. font-weight: 600;
  1240. /* Make long words always display on a single line, keep wrapping for multiple words */
  1241. /* This fixes the class reference titles' display with very long class names */
  1242. display: flex;
  1243. }
  1244. .wy-menu-vertical li.current > a:hover,
  1245. .wy-menu-vertical li.toctree-l2.current > a:hover {
  1246. background-color: var(--navbar-current-background-color-hover);
  1247. }
  1248. .wy-menu-vertical li.current > a:active,
  1249. .wy-menu-vertical li.toctree-l2.current > a:active {
  1250. background-color: var(--navbar-current-background-color-active);
  1251. }
  1252. /* Slightly adjust first level items. */
  1253. .wy-menu-vertical li.toctree-l1 > a,
  1254. .wy-menu-vertical li.toctree-l1.current > a {
  1255. border: none;
  1256. padding: .4045em 1.918em;
  1257. }
  1258. .wy-menu-vertical li.toctree-l1.current > a {
  1259. border-bottom: 2px solid var(--navbar-current-background-color);
  1260. }
  1261. /* Override styling for children of the current item. */
  1262. .wy-menu-vertical li.current li > a,
  1263. .wy-menu-vertical li.toctree-l2.current li > a,
  1264. .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a,
  1265. .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a {
  1266. background-color: var(--navbar-current-background-color);
  1267. border: none;
  1268. border-bottom: 2px solid var(--navbar-current-background-color);
  1269. color: var(--navbar-level-2-color);
  1270. }
  1271. .wy-menu-vertical li.current li > a:hover,
  1272. .wy-menu-vertical li.toctree-l2.current li > a:hover,
  1273. .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover,
  1274. .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a:hover {
  1275. background-color: var(--navbar-current-background-color-hover);
  1276. }
  1277. .wy-menu-vertical li.current li > a:active,
  1278. .wy-menu-vertical li.toctree-l2.current li > a:active,
  1279. .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:active,
  1280. .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a:active {
  1281. background-color: var(--navbar-current-background-color-active);
  1282. }
  1283. .wy-menu-vertical li.toctree-l2.current li > a,
  1284. .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a,
  1285. .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a {
  1286. color: var(--navbar-level-3-color);
  1287. }
  1288. .wy-menu-vertical li.toctree-l2.current li > a:hover,
  1289. .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover,
  1290. .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a:hover {
  1291. color: var(--navbar-level-1-color);
  1292. }
  1293. .wy-menu-vertical li.current li.current > a,
  1294. .wy-menu-vertical li.toctree-l2.current li.current > a,
  1295. .wy-menu-vertical li.toctree-l2.current li.toctree-l3.current > a,
  1296. .wy-menu-vertical li.toctree-l2.current li.toctree-l4.current > a {
  1297. color: var(--navbar-current-color);
  1298. font-weight: 600;
  1299. }
  1300. /* Banner panel in sidebar */
  1301. .wy-nav-side .ethical-rtd.fixed {
  1302. position: fixed;
  1303. }
  1304. /* Read the Docs flyout panel, with language and version selectors. */
  1305. .rst-versions {
  1306. background-color: var(--navbar-current-background-color);
  1307. }
  1308. .rst-versions.shift-up {
  1309. overflow: visible;
  1310. }
  1311. .rst-versions.shift-up:before {
  1312. content: '';
  1313. position: absolute;
  1314. left: 0;
  1315. top: -8px;
  1316. width: 100%;
  1317. height: 8px;
  1318. pointer-events: none;
  1319. background: linear-gradient(transparent, hsla(0, 0%, 0%, 0.2));
  1320. }
  1321. @media only screen and (min-width: 769px) {
  1322. .rst-versions {
  1323. /* Required to center the page on wide displays */
  1324. left: inherit;
  1325. }
  1326. }
  1327. .rst-versions a,
  1328. .rst-versions .rst-current-version,
  1329. .rst-versions .rst-current-version .fa,
  1330. .rst-versions .rst-other-versions dd a {
  1331. color: var(--navbar-level-1-color);
  1332. }
  1333. .rst-versions .rst-current-version,
  1334. .rst-versions .rst-other-versions {
  1335. padding: 12px 14px;
  1336. }
  1337. .rst-versions .rst-other-versions {
  1338. color: var(--navbar-heading-color);
  1339. }
  1340. .rst-versions .rst-other-versions dl + dl {
  1341. margin-top: 4px;
  1342. }
  1343. .rst-versions .rst-other-versions hr {
  1344. border-color: var(--hr-color);
  1345. margin: 12px 0;
  1346. }
  1347. .rst-versions .rst-other-versions small {
  1348. color: var(--navbar-dimmed-color);
  1349. }
  1350. .rst-versions .rst-other-versions dd a:hover {
  1351. text-decoration: underline;
  1352. }
  1353. /* This will hide every segment of the panel, starting with the 4th. */
  1354. .rst-versions .rst-other-versions .injected dl:nth-child(n+4) {
  1355. display: none;
  1356. }
  1357. .rst-versions .rst-current-version {
  1358. background-color: var(--navbar-current-background-color);
  1359. border-bottom: 1px solid var(--hr-color);
  1360. }
  1361. .rst-versions .rst-current-version:hover {
  1362. background-color: var(--navbar-current-background-color-hover);
  1363. }
  1364. .rst-versions .rst-current-version:active {
  1365. background-color: var(--navbar-current-background-color-active);
  1366. }
  1367. .rst-versions .rst-current-version .fa {
  1368. line-height: 20px;
  1369. }
  1370. /* Hide the obnoxious automatic highlight from the search context. */
  1371. .rst-content .highlighted {
  1372. background-color: transparent;
  1373. box-shadow: none;
  1374. font-weight: inherit;
  1375. padding: 0;
  1376. }
  1377. /* Still slightly highlight matched parts on the dedicated search results page. */
  1378. .rst-content #search-results .highlighted {
  1379. background-color: var(--search-highlighted-color);
  1380. border-radius: 2px;
  1381. color: var(--body-color);
  1382. font-weight: 600;
  1383. padding: 0 3px;
  1384. }
  1385. /* Allows the scrollbar to be shown in the sidebar */
  1386. @media only screen and (min-width: 769px) {
  1387. .wy-side-scroll {
  1388. overflow: hidden;
  1389. }
  1390. .wy-nav-side .wy-side-scroll .ethical-rtd {
  1391. width: calc(300px - 1.25em);
  1392. padding: 0 0 0 1em;
  1393. }
  1394. }
  1395. .wy-menu.wy-menu-vertical {
  1396. overflow-y: auto;
  1397. overflow-x: hidden;
  1398. max-height: calc(100% - 348px);
  1399. padding-bottom: 24px;
  1400. }
  1401. @media screen and (max-width: 768px) {
  1402. .wy-nav-side {
  1403. padding-bottom: 44px;
  1404. }
  1405. .wy-menu.wy-menu-vertical {
  1406. overflow-y: initial;
  1407. max-height: initial;
  1408. }
  1409. }
  1410. /* Scrollbar styling */
  1411. .wy-menu.wy-menu-vertical {
  1412. scrollbar-color: var(--navbar-scrollbar-color) var(--navbar-scrollbar-background);
  1413. }
  1414. .wy-menu.wy-menu-vertical::-webkit-scrollbar {
  1415. width: .75rem;
  1416. }
  1417. .wy-menu.wy-menu-vertical::-webkit-scrollbar-track {
  1418. background-color: var(--navbar-scrollbar-background);
  1419. }
  1420. .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb {
  1421. background-color: var(--navbar-scrollbar-color);
  1422. }
  1423. /* Firefox does the dimming on hover automatically. We emulate it for Webkit-based browsers. */
  1424. .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb:hover {
  1425. background-color: var(--navbar-scrollbar-hover-color);
  1426. }
  1427. .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb:active {
  1428. background-color: var(--navbar-scrollbar-active-color);
  1429. }
  1430. /* Allows to add a green or red bar to code blocks for "good"/"bad" code examples. */
  1431. .code-example-good div.highlight {
  1432. border-left-color: var(--code-example-good-color);
  1433. border-left-width: 8px;
  1434. }
  1435. .code-example-bad div.highlight {
  1436. border-left-color: var(--code-example-bad-color);
  1437. border-left-width: 8px;
  1438. }
  1439. /* Togglable sidebar sections. */
  1440. .wy-menu-vertical p.caption {
  1441. cursor: pointer;
  1442. }
  1443. .wy-menu-vertical p.caption.active {
  1444. background-color: var(--navbar-category-active-color);
  1445. }
  1446. .wy-menu-vertical p.caption:hover {
  1447. background-color: var(--navbar-background-color-hover);
  1448. }
  1449. .wy-menu-vertical p.caption.active .caption-text:before {
  1450. transform: rotate(90deg);
  1451. }
  1452. .wy-menu-vertical p.caption .caption-text:before {
  1453. content: "❯";
  1454. display: inline-block;
  1455. margin-left: -4px;
  1456. transition: transform 0.2s;
  1457. width: 16px;
  1458. height: 32px;
  1459. transform-origin: 2px 16px;
  1460. }
  1461. .wy-menu-vertical p.caption + ul {
  1462. display: none;
  1463. }
  1464. .wy-menu-vertical p.caption + ul.active {
  1465. display: block;
  1466. }
  1467. /* Allow :abbr: tags' content to be displayed on mobile platforms by tapping the word */
  1468. @media (hover: none),
  1469. (hover: on-demand),
  1470. (-moz-touch-enabled: 1),
  1471. (pointer:coarse) {
  1472. /* Do not enable on desktop platforms to avoid doubling the tooltip */
  1473. abbr[title] {
  1474. position: relative;
  1475. }
  1476. abbr[title]:hover::after,
  1477. abbr[title]:focus::after {
  1478. content: attr(title);
  1479. position: absolute;
  1480. left: 0;
  1481. bottom: -32px;
  1482. width: auto;
  1483. white-space: nowrap;
  1484. background-color: #1e1e1e;
  1485. color: #fff;
  1486. border-radius: 3px;
  1487. box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
  1488. font-size: 14px;
  1489. padding: 3px 5px;
  1490. }
  1491. }