pydoctheme.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585
  1. @import url('classic.css');
  2. /* unset some styles from the classic stylesheet */
  3. div.document,
  4. div.body,
  5. div.related,
  6. div.body h1,
  7. div.body h2,
  8. div.body h3,
  9. div.body h4,
  10. div.body h5,
  11. div.body h6,
  12. div.sphinxsidebar a,
  13. div.sphinxsidebar p,
  14. div.sphinxsidebar ul,
  15. div.sphinxsidebar h3,
  16. div.sphinxsidebar h3 a,
  17. div.sphinxsidebar h4,
  18. .menu a,
  19. .menu p,
  20. .menu ul,
  21. .menu h3,
  22. .menu h3 a,
  23. .menu h4,
  24. table.docutils td,
  25. table.indextable tr.cap,
  26. pre {
  27. background-color: inherit;
  28. color: inherit;
  29. }
  30. body {
  31. margin-left: 1em;
  32. margin-right: 1em;
  33. }
  34. .mobile-nav,
  35. .menu-wrapper {
  36. display: none;
  37. }
  38. div.related {
  39. margin-top: 0.5em;
  40. margin-bottom: 1.2em;
  41. padding: 0.5em 0;
  42. border-width: 1px;
  43. border-color: #ccc;
  44. }
  45. .mobile-nav + div.related {
  46. border-bottom-style: solid;
  47. }
  48. .document + div.related {
  49. border-top-style: solid;
  50. }
  51. div.related a:hover {
  52. color: #0095c4;
  53. }
  54. .related .switchers {
  55. display: inline-flex;
  56. }
  57. .switchers > div {
  58. margin-right: 5px;
  59. }
  60. div.related ul::after {
  61. content: '';
  62. clear: both;
  63. display: block;
  64. }
  65. .inline-search,
  66. form.inline-search input {
  67. display: inline;
  68. }
  69. form.inline-search input[type='submit'] {
  70. width: 40px;
  71. }
  72. div.document {
  73. display: flex;
  74. /* Don't let long code literals extend beyond the right side of the screen */
  75. overflow-wrap: break-word;
  76. }
  77. /* Don't let long code literals extend beyond the right side of the screen */
  78. span.pre {
  79. white-space: unset;
  80. }
  81. div.sphinxsidebar {
  82. float: none;
  83. position: sticky;
  84. top: 0;
  85. max-height: 100vh;
  86. color: #444;
  87. background-color: #eee;
  88. border-radius: 5px;
  89. line-height: 130%;
  90. font-size: smaller;
  91. }
  92. div.sphinxsidebar h3,
  93. div.sphinxsidebar h4 {
  94. margin-top: 1.5em;
  95. }
  96. div.sphinxsidebarwrapper {
  97. width: 217px;
  98. box-sizing: border-box;
  99. height: 100%;
  100. overflow-x: hidden;
  101. overflow-y: auto;
  102. float: left;
  103. }
  104. div.sphinxsidebarwrapper > h3:first-child {
  105. margin-top: 0.2em;
  106. }
  107. div.sphinxsidebarwrapper > ul > li > ul > li {
  108. margin-bottom: 0.4em;
  109. }
  110. div.sphinxsidebar a:hover {
  111. color: #0095c4;
  112. }
  113. form.inline-search input,
  114. div.sphinxsidebar input,
  115. div.related input {
  116. font-family: 'Lucida Grande', Arial, sans-serif;
  117. border: 1px solid #999999;
  118. font-size: smaller;
  119. border-radius: 3px;
  120. }
  121. div.sphinxsidebar input[type='text'] {
  122. max-width: 150px;
  123. }
  124. #sidebarbutton {
  125. /* Sphinx 4.x and earlier compat */
  126. height: 100%;
  127. background-color: #CCCCCC;
  128. margin-left: 0;
  129. color: #444444;
  130. font-size: 1.2em;
  131. cursor: pointer;
  132. padding-top: 1px;
  133. float: right;
  134. display: table;
  135. /* after Sphinx 4.x and earlier is dropped, only the below is needed */
  136. width: 12px;
  137. border-radius: 0 5px 5px 0;
  138. border-left: none;
  139. }
  140. #sidebarbutton span {
  141. /* Sphinx 4.x and earlier compat */
  142. display: table-cell;
  143. vertical-align: middle;
  144. }
  145. #sidebarbutton:hover {
  146. background-color: #AAAAAA;
  147. }
  148. div.body {
  149. padding: 0 0 0 1.2em;
  150. }
  151. div.body p, div.body dd, div.body li, div.body blockquote {
  152. text-align: left;
  153. line-height: 1.4;
  154. }
  155. div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
  156. margin: 0;
  157. border: 0;
  158. padding: 0.3em 0;
  159. }
  160. div.body hr {
  161. border: 0;
  162. background-color: #ccc;
  163. height: 1px;
  164. }
  165. div.body pre {
  166. border-radius: 3px;
  167. border: 1px solid #ac9;
  168. }
  169. div.body div.admonition,
  170. div.body div.impl-detail {
  171. border-radius: 3px;
  172. }
  173. div.body div.impl-detail > p {
  174. margin: 0;
  175. }
  176. div.body div.seealso {
  177. border: 1px solid #dddd66;
  178. }
  179. div.body a {
  180. color: #0072aa;
  181. }
  182. div.body a:visited {
  183. color: #6363bb;
  184. }
  185. div.body a:hover {
  186. color: #00b0e4;
  187. }
  188. tt, code, pre {
  189. font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
  190. font-size: 96.5%;
  191. }
  192. div.body tt,
  193. div.body code {
  194. border-radius: 3px;
  195. }
  196. div.body tt.descname,
  197. div.body code.descname {
  198. font-size: 120%;
  199. }
  200. div.body tt.xref,
  201. div.body a tt,
  202. div.body code.xref,
  203. div.body a code {
  204. font-weight: normal;
  205. }
  206. table.docutils {
  207. border: 1px solid #ddd;
  208. min-width: 20%;
  209. border-radius: 3px;
  210. margin-top: 10px;
  211. margin-bottom: 10px;
  212. }
  213. table.docutils td,
  214. table.docutils th {
  215. border: 1px solid #ddd !important;
  216. border-radius: 3px;
  217. padding: 0.3em 0.5em;
  218. }
  219. table p,
  220. table li {
  221. text-align: left !important;
  222. }
  223. table.docutils th {
  224. background-color: #eee;
  225. }
  226. table.footnote,
  227. table.footnote td {
  228. border: 0 !important;
  229. }
  230. div.footer {
  231. line-height: 150%;
  232. text-align: right;
  233. width: auto;
  234. margin-right: 10px;
  235. }
  236. div.footer a:hover {
  237. color: #0095c4;
  238. }
  239. .refcount {
  240. color: #060;
  241. }
  242. .stableabi {
  243. color: #229;
  244. }
  245. dl > dt span ~ em,
  246. .sig {
  247. font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
  248. }
  249. .toctree-wrapper ul {
  250. padding-left: 20px;
  251. }
  252. .theme-selector {
  253. margin-left: .5em;
  254. }
  255. div.genindex-jumpbox,
  256. div.genindex-jumpbox > p {
  257. display: inline-flex;
  258. flex-wrap: wrap;
  259. }
  260. div.genindex-jumpbox a {
  261. margin: 0 5px;
  262. min-width: 30px;
  263. text-align: center;
  264. }
  265. .copybutton {
  266. cursor: pointer;
  267. position: absolute;
  268. top: 0;
  269. right: 0;
  270. text-size: 75%;
  271. font-family: monospace;
  272. padding-left: 0.2em;
  273. padding-right: 0.2em;
  274. border-radius: 0 3px 0 0;
  275. color: #ac9; /* follows div.body pre */
  276. border-color: #ac9; /* follows div.body pre */
  277. border-style: solid; /* follows div.body pre */
  278. border-width: 1px; /* follows div.body pre */
  279. }
  280. .copybutton[data-hidden='true'] {
  281. text-decoration: line-through;
  282. }
  283. @media (max-width: 1023px) {
  284. /* Body layout */
  285. div.body {
  286. min-width: 100%;
  287. padding: 0;
  288. font-size: 0.875rem;
  289. }
  290. div.bodywrapper {
  291. margin: 0;
  292. }
  293. /* Typography */
  294. div.body h1 {
  295. font-size: 1.625rem;
  296. }
  297. div.body h2 {
  298. font-size: 1.25rem;
  299. }
  300. div.body h3, div.body h4, div.body h5 {
  301. font-size: 1rem;
  302. }
  303. /* Override default styles to make more readable */
  304. div.body ul {
  305. padding-inline-start: 1rem;
  306. }
  307. div.body blockquote {
  308. margin-inline-start: 1rem;
  309. margin-inline-end: 0;
  310. }
  311. /* Remove sidebar and top related bar */
  312. div.related, .sphinxsidebar {
  313. display: none;
  314. }
  315. /* Anchorlinks are not hidden by fixed-positioned navbar when scrolled to */
  316. html {
  317. scroll-padding-top: 40px;
  318. }
  319. body {
  320. margin-top: 40px;
  321. }
  322. /* Top navigation bar */
  323. .mobile-nav {
  324. display: block;
  325. height: 40px;
  326. width: 100%;
  327. position: fixed;
  328. top: 0;
  329. left: 0;
  330. box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px 0;
  331. z-index: 1;
  332. }
  333. .mobile-nav * {
  334. box-sizing: border-box;
  335. }
  336. .nav-content {
  337. position: absolute;
  338. z-index: 1;
  339. height: 40px;
  340. width: 100%;
  341. display: flex;
  342. background-color: white;
  343. }
  344. .nav-items-wrapper {
  345. display: flex;
  346. flex: auto;
  347. padding: .25rem;
  348. align-items: stretch;
  349. }
  350. .nav-logo {
  351. margin-right: 1rem;
  352. flex-shrink: 0;
  353. align-self: center;
  354. }
  355. .nav-content img {
  356. display: block;
  357. width: 20px;
  358. }
  359. .version_switcher_placeholder {
  360. margin-right: 1rem;
  361. }
  362. .version_switcher_placeholder > select {
  363. height: 100%;
  364. }
  365. .nav-content .search {
  366. display: flex;
  367. flex: auto;
  368. border: 1px solid #a9a9a9;
  369. align-items: stretch;
  370. }
  371. .nav-content .search input[type=search] {
  372. border: 0;
  373. padding-left: 24px;
  374. width: 100%;
  375. flex: 1;
  376. }
  377. .nav-content .search input[type=submit] {
  378. height: 100%;
  379. box-shadow: none;
  380. border: 0;
  381. border-left: 1px solid #a9a9a9;
  382. cursor: pointer;
  383. margin-right: 0;
  384. }
  385. .nav-content .search svg {
  386. position: absolute;
  387. align-self: center;
  388. padding-left: 4px;
  389. }
  390. .toggler__input {
  391. display: none;
  392. }
  393. .toggler__label {
  394. width: 40px;
  395. cursor: pointer;
  396. display: flex;
  397. align-items: center;
  398. justify-content: center;
  399. padding: 8px;
  400. flex-shrink: 0;
  401. }
  402. .toggler__label:hover, .toggler__label:focus {
  403. background-color: rgba(127 127 127 / 50%);
  404. }
  405. .toggler__label > span {
  406. position: relative;
  407. flex: none;
  408. height: 2px;
  409. width: 100%;
  410. background: currentColor;
  411. transition: all 400ms ease;
  412. }
  413. .toggler__label > span::before,
  414. .toggler__label > span::after {
  415. content: '';
  416. height: 2px;
  417. width: 100%;
  418. background: inherit;
  419. position: absolute;
  420. left: 0;
  421. top: -8px;
  422. }
  423. .toggler__label > span::after {
  424. top: 8px;
  425. }
  426. .toggler__input:checked ~ nav > .toggler__label span {
  427. transform: rotate(135deg);
  428. }
  429. .toggler__input:checked ~ nav > .toggler__label span::before {
  430. transform: rotate(90deg);
  431. }
  432. .toggler__input:checked ~ nav > .toggler__label span::before,
  433. .toggler__input:checked ~ nav > .toggler__label span::after {
  434. top: 0;
  435. }
  436. .toggler__input:checked:hover ~ nav > .toggler__label span {
  437. transform: rotate(315deg);
  438. }
  439. .toggler__input:checked ~ .menu-wrapper {
  440. visibility: visible;
  441. left: 0;
  442. }
  443. /* Sliding side menu */
  444. .menu-wrapper {
  445. display: block;
  446. position: fixed;
  447. top: 0;
  448. transition: left 400ms ease;
  449. left: -310px;
  450. width: 300px;
  451. height: 100%;
  452. background-color: #eee;
  453. color: #444444;
  454. box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  455. overflow-y: auto;
  456. }
  457. .menu-wrapper.open {
  458. visibility: visible;
  459. left: 0;
  460. }
  461. .menu {
  462. padding: 40px 10px 30px 20px;
  463. }
  464. .menu-wrapper h3,
  465. .menu-wrapper h4 {
  466. margin-bottom: 0;
  467. font-weight: normal;
  468. }
  469. .menu-wrapper h4 {
  470. font-size: 1.3em;
  471. }
  472. .menu-wrapper h3 {
  473. font-size: 1.4em;
  474. }
  475. .menu-wrapper h3 + p,
  476. .menu-wrapper h4 + p {
  477. margin-top: 0.5rem;
  478. }
  479. .menu a {
  480. font-size: smaller;
  481. text-decoration: none;
  482. }
  483. .menu ul {
  484. list-style: none;
  485. line-height: 1.4;
  486. overflow-wrap: break-word;
  487. padding-left: 0;
  488. }
  489. .menu ul ul {
  490. margin-left: 20px;
  491. list-style: square;
  492. }
  493. .menu ul li {
  494. margin-bottom: 0.5rem;
  495. }
  496. .language_switcher_placeholder {
  497. margin-top: 2rem;
  498. }
  499. .language_switcher_placeholder select {
  500. width: 100%;
  501. }
  502. .document {
  503. position: relative;
  504. z-index: 0;
  505. }
  506. /*Responsive tables*/
  507. .responsive-table__container {
  508. width: 100%;
  509. overflow-x: auto;
  510. }
  511. .menu .theme-selector-label {
  512. margin-top: .5em;
  513. display: flex;
  514. width: 100%;
  515. }
  516. .menu .theme-selector {
  517. flex: auto;
  518. }
  519. }
  520. @media (min-width: 1024px) {
  521. div.footer {
  522. margin-top: -2em;
  523. }
  524. }