custom.css 57 KB

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