@jupyterlab/nbconvert-css 4.0.0-alpha.11 → 4.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +8 -8
  2. package/style/index.css +186 -625
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jupyterlab/nbconvert-css",
3
- "version": "4.0.0-alpha.11",
3
+ "version": "4.0.0-alpha.12",
4
4
  "description": "CSS bundle for the JupyterLab nbconvert template",
5
5
  "homepage": "https://github.com/jupyterlab/jupyterlab",
6
6
  "bugs": {
@@ -31,13 +31,13 @@
31
31
  "watch": "webpack --watch"
32
32
  },
33
33
  "dependencies": {
34
- "@jupyterlab/application": "^4.0.0-alpha.11",
35
- "@jupyterlab/apputils": "^4.0.0-alpha.11",
36
- "@jupyterlab/cells": "^4.0.0-alpha.11",
37
- "@jupyterlab/codemirror": "^4.0.0-alpha.11",
38
- "@jupyterlab/notebook": "^4.0.0-alpha.11",
39
- "@jupyterlab/outputarea": "^4.0.0-alpha.11",
40
- "@jupyterlab/rendermime": "^4.0.0-alpha.11"
34
+ "@jupyterlab/application": "^4.0.0-alpha.12",
35
+ "@jupyterlab/apputils": "^4.0.0-alpha.12",
36
+ "@jupyterlab/cells": "^4.0.0-alpha.12",
37
+ "@jupyterlab/codemirror": "^4.0.0-alpha.12",
38
+ "@jupyterlab/notebook": "^4.0.0-alpha.12",
39
+ "@jupyterlab/outputarea": "^4.0.0-alpha.12",
40
+ "@jupyterlab/rendermime": "^4.0.0-alpha.12"
41
41
  },
42
42
  "devDependencies": {
43
43
  "css-loader": "^6.7.1",
package/style/index.css CHANGED
@@ -909,6 +909,7 @@
909
909
  --jp-icon-circle: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPgo=);
910
910
  --jp-icon-clear: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8bWFzayBpZD0iZG9udXRIb2xlIj4KICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIC8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsPSJibGFjayIvPgogIDwvbWFzaz4KCiAgPGcgY2xhc3M9ImpwLWljb24zIiBmaWxsPSIjNjE2MTYxIj4KICAgIDxyZWN0IGhlaWdodD0iMTgiIHdpZHRoPSIyIiB4PSIxMSIgeT0iMyIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1LCAxMiwgMTIpIi8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgbWFzaz0idXJsKCNkb251dEhvbGUpIi8+CiAgPC9nPgo8L3N2Zz4K);
911
911
  --jp-icon-close: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1ub25lIGpwLWljb24tc2VsZWN0YWJsZS1pbnZlcnNlIGpwLWljb24zLWhvdmVyIiBmaWxsPSJub25lIj4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjExIi8+CiAgPC9nPgoKICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIGpwLWljb24tYWNjZW50Mi1ob3ZlciIgZmlsbD0iIzYxNjE2MSI+CiAgICA8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPgogIDwvZz4KCiAgPGcgY2xhc3M9ImpwLWljb24tbm9uZSBqcC1pY29uLWJ1c3kiIGZpbGw9Im5vbmUiPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNyIvPgogIDwvZz4KPC9zdmc+Cg==);
912
+ --jp-icon-code-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CiAgICA8cGF0aCBkPSJNNi41OSwzLjQxTDIsOEw2LjU5LDEyLjZMOCwxMS4xOEw0LjgyLDhMOCw0LjgyTDYuNTksMy40MU0xMi40MSwzLjQxTDExLDQuODJMMTQuMTgsOEwxMSwxMS4xOEwxMi40MSwxMi42TDE3LDhMMTIuNDEsMy40MU0yMS41OSwxMS41OUwxMy41LDE5LjY4TDkuODMsMTZMOC40MiwxNy40MUwxMy41LDIyLjVMMjMsMTNMMjEuNTksMTEuNTlaIiAvPgogIDwvZz4KPC9zdmc+Cg==);
912
913
  --jp-icon-code: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CgkJPHBhdGggZD0iTTExLjQgMTguNkw2LjggMTRMMTEuNCA5LjRMMTAgOEw0IDE0TDEwIDIwTDExLjQgMTguNlpNMTYuNiAxOC42TDIxLjIgMTRMMTYuNiA5LjRMMTggOEwyNCAxNEwxOCAyMEwxNi42IDE4LjZWMTguNloiLz4KCTwvZz4KPC9zdmc+Cg==);
913
914
  --jp-icon-collapse-all: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGNsYXNzPSJqcC1pY29uMyIgZmlsbD0iIzYxNjE2MSI+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTggMmMxIDAgMTEgMCAxMiAwczIgMSAyIDJjMCAxIDAgMTEgMCAxMnMwIDItMiAyQzIwIDE0IDIwIDQgMjAgNFMxMCA0IDYgNGMwLTIgMS0yIDItMnoiIC8+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTE4IDhjMC0xLTEtMi0yLTJTNSA2IDQgNnMtMiAxLTIgMmMwIDEgMCAxMSAwIDEyczEgMiAyIDJjMSAwIDExIDAgMTIgMHMyLTEgMi0yYzAtMSAwLTExIDAtMTJ6bS0yIDB2MTJINFY4eiIgLz4KICAgICAgICA8cGF0aCBkPSJNNiAxM3YyaDh2LTJ6IiAvPgogICAgPC9nPgo8L3N2Zz4K);
914
915
  --jp-icon-console: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIwMCAyMDAiPgogIDxnIGNsYXNzPSJqcC1pY29uLWJyYW5kMSBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiMwMjg4RDEiPgogICAgPHBhdGggZD0iTTIwIDE5LjhoMTYwdjE1OS45SDIweiIvPgogIDwvZz4KICA8ZyBjbGFzcz0ianAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNmZmYiPgogICAgPHBhdGggZD0iTTEwNSAxMjcuM2g0MHYxMi44aC00MHpNNTEuMSA3N0w3NCA5OS45bC0yMy4zIDIzLjMgMTAuNSAxMC41IDIzLjMtMjMuM0w5NSA5OS45IDg0LjUgODkuNCA2MS42IDY2LjV6Ii8+CiAgPC9nPgo8L3N2Zz4K);
@@ -980,6 +981,7 @@
980
981
  --jp-icon-trusted: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI1Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMykiIGQ9Ik0xLjg2MDk0IDExLjQ0MDlDMC44MjY0NDggOC43NzAyNyAwLjg2Mzc3OSA2LjA1NzY0IDEuMjQ5MDcgNC4xOTkzMkMyLjQ4MjA2IDMuOTMzNDcgNC4wODA2OCAzLjQwMzQ3IDUuNjAxMDIgMi44NDQ5QzcuMjM1NDkgMi4yNDQ0IDguODU2NjYgMS41ODE1IDkuOTg3NiAxLjA5NTM5QzExLjA1OTcgMS41ODM0MSAxMi42MDk0IDIuMjQ0NCAxNC4yMTggMi44NDMzOUMxNS43NTAzIDMuNDEzOTQgMTcuMzk5NSAzLjk1MjU4IDE4Ljc1MzkgNC4yMTM4NUMxOS4xMzY0IDYuMDcxNzcgMTkuMTcwOSA4Ljc3NzIyIDE4LjEzOSAxMS40NDA5QzE3LjAzMDMgMTQuMzAzMiAxNC42NjY4IDE3LjE4NDQgOS45OTk5OSAxOC45MzU0QzUuMzMzMiAxNy4xODQ0IDIuOTY5NjggMTQuMzAzMiAxLjg2MDk0IDExLjQ0MDlaIi8+CiAgICA8cGF0aCBjbGFzcz0ianAtaWNvbjIiIGZpbGw9IiMzMzMzMzMiIHN0cm9rZT0iIzMzMzMzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA5Ljg2NzE5KSIgZD0iTTIuODYwMTUgNC44NjUzNUwwLjcyNjU0OSAyLjk5OTU5TDAgMy42MzA0NUwyLjg2MDE1IDYuMTMxNTdMOCAwLjYzMDg3Mkw3LjI3ODU3IDBMMi44NjAxNSA0Ljg2NTM1WiIvPgo8L3N2Zz4K);
981
982
  --jp-icon-undo: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyLjUgOGMtMi42NSAwLTUuMDUuOTktNi45IDIuNkwyIDd2OWg5bC0zLjYyLTMuNjJjMS4zOS0xLjE2IDMuMTYtMS44OCA1LjEyLTEuODggMy41NCAwIDYuNTUgMi4zMSA3LjYgNS41bDIuMzctLjc4QzIxLjA4IDExLjAzIDE3LjE1IDggMTIuNSA4eiIvPgogIDwvZz4KPC9zdmc+Cg==);
982
983
  --jp-icon-user: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE2IDdhNCA0IDAgMTEtOCAwIDQgNCAwIDAxOCAwek0xMiAxNGE3IDcgMCAwMC03IDdoMTRhNyA3IDAgMDAtNy03eiIvPgogIDwvZz4KPC9zdmc+Cg==);
984
+ --jp-icon-users: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDM2IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGcgY2xhc3M9ImpwLWljb24zIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjczMjcgMCAwIDEuNzMyNyAtMy42MjgyIC4wOTk1NzcpIiBmaWxsPSIjNjE2MTYxIj4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCgxLjUsMCwwLDEuNSwwLC02KSIgZD0ibTEyLjE4NiA3LjUwOThjLTEuMDUzNSAwLTEuOTc1NyAwLjU2NjUtMi40Nzg1IDEuNDEwMiAwLjc1MDYxIDAuMzEyNzcgMS4zOTc0IDAuODI2NDggMS44NzMgMS40NzI3aDMuNDg2M2MwLTEuNTkyLTEuMjg4OS0yLjg4MjgtMi44ODA5LTIuODgyOHoiLz4KICA8cGF0aCBkPSJtMjAuNDY1IDIuMzg5NWEyLjE4ODUgMi4xODg1IDAgMCAxLTIuMTg4NCAyLjE4ODUgMi4xODg1IDIuMTg4NSAwIDAgMS0yLjE4ODUtMi4xODg1IDIuMTg4NSAyLjE4ODUgMCAwIDEgMi4xODg1LTIuMTg4NSAyLjE4ODUgMi4xODg1IDAgMCAxIDIuMTg4NCAyLjE4ODV6Ii8+CiAgPHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMS41LDAsMCwxLjUsMCwtNikiIGQ9Im0zLjU4OTggOC40MjE5Yy0xLjExMjYgMC0yLjAxMzcgMC45MDExMS0yLjAxMzcgMi4wMTM3aDIuODE0NWMwLjI2Nzk3LTAuMzczMDkgMC41OTA3LTAuNzA0MzUgMC45NTg5OC0wLjk3ODUyLTAuMzQ0MzMtMC42MTY4OC0xLjAwMzEtMS4wMzUyLTEuNzU5OC0xLjAzNTJ6Ii8+CiAgPHBhdGggZD0ibTYuOTE1NCA0LjYyM2ExLjUyOTQgMS41Mjk0IDAgMCAxLTEuNTI5NCAxLjUyOTQgMS41Mjk0IDEuNTI5NCAwIDAgMS0xLjUyOTQtMS41Mjk0IDEuNTI5NCAxLjUyOTQgMCAwIDEgMS41Mjk0LTEuNTI5NCAxLjUyOTQgMS41Mjk0IDAgMCAxIDEuNTI5NCAxLjUyOTR6Ii8+CiAgPHBhdGggZD0ibTYuMTM1IDEzLjUzNWMwLTMuMjM5MiAyLjYyNTktNS44NjUgNS44NjUtNS44NjUgMy4yMzkyIDAgNS44NjUgMi42MjU5IDUuODY1IDUuODY1eiIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMy43Njg1IiByPSIyLjk2ODUiLz4KIDwvZz4KPC9zdmc+Cg==);
983
985
  --jp-icon-vega: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbjEganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjMjEyMTIxIj4KICAgIDxwYXRoIGQ9Ik0xMC42IDUuNGwyLjItMy4ySDIuMnY3LjNsNC02LjZ6Ii8+CiAgICA8cGF0aCBkPSJNMTUuOCAyLjJsLTQuNCA2LjZMNyA2LjNsLTQuOCA4djUuNWgxNy42VjIuMmgtNHptLTcgMTUuNEg1LjV2LTQuNGgzLjN2NC40em00LjQgMEg5LjhWOS44aDMuNHY3Ljh6bTQuNCAwaC0zLjRWNi41aDMuNHYxMS4xeiIvPgogIDwvZz4KPC9zdmc+Cg==);
984
986
  --jp-icon-yaml: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1jb250cmFzdDIganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjRDgxQjYwIj4KICAgIDxwYXRoIGQ9Ik03LjIgMTguNnYtNS40TDMgNS42aDMuM2wxLjQgMy4xYy4zLjkuNiAxLjYgMSAyLjUuMy0uOC42LTEuNiAxLTIuNWwxLjQtMy4xaDMuNGwtNC40IDcuNnY1LjVsLTIuOS0uMXoiLz4KICAgIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE3LjYiIGN5PSIxNi41IiByPSIyLjEiLz4KICAgIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE3LjYiIGN5PSIxMSIgcj0iMi4xIi8+CiAgPC9nPgo8L3N2Zz4K);
985
987
  }
@@ -1062,6 +1064,10 @@
1062
1064
  background-image: var(--jp-icon-close);
1063
1065
  }
1064
1066
 
1067
+ .jp-CodeCheckIcon {
1068
+ background-image: var(--jp-icon-code-check);
1069
+ }
1070
+
1065
1071
  .jp-CodeIcon {
1066
1072
  background-image: var(--jp-icon-code);
1067
1073
  }
@@ -1346,6 +1352,10 @@
1346
1352
  background-image: var(--jp-icon-user);
1347
1353
  }
1348
1354
 
1355
+ .jp-UsersIcon {
1356
+ background-image: var(--jp-icon-users);
1357
+ }
1358
+
1349
1359
  .jp-VegaIcon {
1350
1360
  background-image: var(--jp-icon-vega);
1351
1361
  }
@@ -2245,6 +2255,11 @@ select.jp-mod-styled {
2245
2255
  -moz-appearance: none;
2246
2256
  }
2247
2257
 
2258
+ /*
2259
+ * Copyright (c) Jupyter Development Team.
2260
+ * Distributed under the terms of the Modified BSD License.
2261
+ */
2262
+
2248
2263
  .jp-SidePanel {
2249
2264
  display: flex;
2250
2265
  flex-direction: column;
@@ -2521,39 +2536,9 @@ button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
2521
2536
 
2522
2537
  /* Sibling imports */
2523
2538
 
2524
- /* Override Blueprint's _reset.scss styles */
2525
- html {
2526
- box-sizing: unset;
2527
- }
2528
-
2529
- *,
2530
- *::before,
2531
- *::after {
2532
- box-sizing: unset;
2533
- }
2534
-
2535
2539
  body {
2536
2540
  color: var(--jp-ui-font-color1);
2537
2541
  font-size: var(--jp-ui-font-size1);
2538
-
2539
- /* Blueprint reset rules */
2540
- font-weight: 400;
2541
- letter-spacing: 0;
2542
- line-height: 1.28581;
2543
- text-transform: none;
2544
- }
2545
-
2546
- p {
2547
- margin-top: unset;
2548
- margin-bottom: unset;
2549
- }
2550
-
2551
- small {
2552
- font-size: unset;
2553
- }
2554
-
2555
- strong {
2556
- font-weight: unset;
2557
2542
  }
2558
2543
 
2559
2544
  /* Disable native link decoration styles everywhere outside of dialog boxes */
@@ -2567,6 +2552,13 @@ a:hover {
2567
2552
  color: unset;
2568
2553
  }
2569
2554
 
2555
+ /* Disable default focus outline */
2556
+ :focus {
2557
+ outline: unset;
2558
+ outline-offset: unset;
2559
+ -moz-outline-radius: unset;
2560
+ }
2561
+
2570
2562
  /* Accessibility for links inside dialog box text */
2571
2563
  .jp-Dialog-content a {
2572
2564
  text-decoration: revert;
@@ -2578,13 +2570,6 @@ a:hover {
2578
2570
  color: revert;
2579
2571
  }
2580
2572
 
2581
- /* Override Blueprint's _accessibility.scss styles */
2582
- :focus {
2583
- outline: unset;
2584
- outline-offset: unset;
2585
- -moz-outline-radius: unset;
2586
- }
2587
-
2588
2573
  /* Styles for ui-components */
2589
2574
  .jp-Button {
2590
2575
  color: var(--jp-ui-font-color2);
@@ -3192,6 +3177,11 @@ button.jp-Dialog-close-button {
3192
3177
  margin-right: 12px;
3193
3178
  }
3194
3179
 
3180
+ /*
3181
+ * Copyright (c) Jupyter Development Team.
3182
+ * Distributed under the terms of the Modified BSD License.
3183
+ */
3184
+
3195
3185
  .jp-Input-Boolean-Dialog {
3196
3186
  flex-direction: row-reverse;
3197
3187
  align-items: end;
@@ -3228,6 +3218,11 @@ button.jp-Dialog-close-button {
3228
3218
  word-wrap: break-word;
3229
3219
  }
3230
3220
 
3221
+ /*
3222
+ * Copyright (c) Jupyter Development Team.
3223
+ * Distributed under the terms of the Modified BSD License.
3224
+ */
3225
+
3231
3226
  /**
3232
3227
  * google-material-color v1.2.6
3233
3228
  * https://github.com/danlevan/google-material-color
@@ -4138,6 +4133,11 @@ body.lm-mod-override-cursor * {
4138
4133
  cursor: inherit !important;
4139
4134
  }
4140
4135
 
4136
+ /*
4137
+ * Copyright (c) Jupyter Development Team.
4138
+ * Distributed under the terms of the Modified BSD License.
4139
+ */
4140
+
4141
4141
  .jp-lineFormSearch {
4142
4142
  padding: 4px 12px;
4143
4143
  background-color: var(--jp-layout-color2);
@@ -4530,417 +4530,12 @@ body.lm-mod-override-cursor * {
4530
4530
  color: var(--jp-ui-font-color2);
4531
4531
  }
4532
4532
 
4533
- /* BASICS */
4534
-
4535
- .CodeMirror {
4536
- /* Set height, width, borders, and global font properties here */
4537
- font-family: monospace;
4538
- height: 300px;
4539
- color: black;
4540
- direction: ltr;
4541
- }
4542
-
4543
- /* PADDING */
4544
-
4545
- .CodeMirror-lines {
4546
- padding: 4px 0; /* Vertical padding around content */
4547
- }
4548
- .CodeMirror pre.CodeMirror-line,
4549
- .CodeMirror pre.CodeMirror-line-like {
4550
- padding: 0 4px; /* Horizontal padding of content */
4551
- }
4552
-
4553
- .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
4554
- background-color: white; /* The little square between H and V scrollbars */
4555
- }
4556
-
4557
- /* GUTTER */
4558
-
4559
- .CodeMirror-gutters {
4560
- border-right: 1px solid #ddd;
4561
- background-color: #f7f7f7;
4562
- white-space: nowrap;
4563
- }
4564
- .CodeMirror-linenumbers {}
4565
- .CodeMirror-linenumber {
4566
- padding: 0 3px 0 5px;
4567
- min-width: 20px;
4568
- text-align: right;
4569
- color: #999;
4570
- white-space: nowrap;
4571
- }
4572
-
4573
- .CodeMirror-guttermarker { color: black; }
4574
- .CodeMirror-guttermarker-subtle { color: #999; }
4575
-
4576
- /* CURSOR */
4577
-
4578
- .CodeMirror-cursor {
4579
- border-left: 1px solid black;
4580
- border-right: none;
4581
- width: 0;
4582
- }
4583
- /* Shown when moving in bi-directional text */
4584
- .CodeMirror div.CodeMirror-secondarycursor {
4585
- border-left: 1px solid silver;
4586
- }
4587
- .cm-fat-cursor .CodeMirror-cursor {
4588
- width: auto;
4589
- border: 0 !important;
4590
- background: #7e7;
4591
- }
4592
- .cm-fat-cursor div.CodeMirror-cursors {
4593
- z-index: 1;
4594
- }
4595
- .cm-fat-cursor-mark {
4596
- background-color: rgba(20, 255, 20, 0.5);
4597
- -webkit-animation: blink 1.06s steps(1) infinite;
4598
- -moz-animation: blink 1.06s steps(1) infinite;
4599
- animation: blink 1.06s steps(1) infinite;
4600
- }
4601
- .cm-animate-fat-cursor {
4602
- width: auto;
4603
- border: 0;
4604
- -webkit-animation: blink 1.06s steps(1) infinite;
4605
- -moz-animation: blink 1.06s steps(1) infinite;
4606
- animation: blink 1.06s steps(1) infinite;
4607
- background-color: #7e7;
4608
- }
4609
- @-moz-keyframes blink {
4610
- 0% {}
4611
- 50% { background-color: transparent; }
4612
- 100% {}
4613
- }
4614
- @-webkit-keyframes blink {
4615
- 0% {}
4616
- 50% { background-color: transparent; }
4617
- 100% {}
4618
- }
4619
- @keyframes blink {
4620
- 0% {}
4621
- 50% { background-color: transparent; }
4622
- 100% {}
4623
- }
4624
-
4625
- /* Can style cursor different in overwrite (non-insert) mode */
4626
- .CodeMirror-overwrite .CodeMirror-cursor {}
4627
-
4628
- .cm-tab { display: inline-block; text-decoration: inherit; }
4629
-
4630
- .CodeMirror-rulers {
4631
- position: absolute;
4632
- left: 0; right: 0; top: -50px; bottom: 0;
4633
- overflow: hidden;
4634
- }
4635
- .CodeMirror-ruler {
4636
- border-left: 1px solid #ccc;
4637
- top: 0; bottom: 0;
4638
- position: absolute;
4639
- }
4640
-
4641
- /* DEFAULT THEME */
4642
-
4643
- .cm-s-default .cm-header {color: blue;}
4644
- .cm-s-default .cm-quote {color: #090;}
4645
- .cm-negative {color: #d44;}
4646
- .cm-positive {color: #292;}
4647
- .cm-header, .cm-strong {font-weight: bold;}
4648
- .cm-em {font-style: italic;}
4649
- .cm-link {text-decoration: underline;}
4650
- .cm-strikethrough {text-decoration: line-through;}
4651
-
4652
- .cm-s-default .cm-keyword {color: #708;}
4653
- .cm-s-default .cm-atom {color: #219;}
4654
- .cm-s-default .cm-number {color: #164;}
4655
- .cm-s-default .cm-def {color: #00f;}
4656
- .cm-s-default .cm-variable,
4657
- .cm-s-default .cm-punctuation,
4658
- .cm-s-default .cm-property,
4659
- .cm-s-default .cm-operator {}
4660
- .cm-s-default .cm-variable-2 {color: #05a;}
4661
- .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
4662
- .cm-s-default .cm-comment {color: #a50;}
4663
- .cm-s-default .cm-string {color: #a11;}
4664
- .cm-s-default .cm-string-2 {color: #f50;}
4665
- .cm-s-default .cm-meta {color: #555;}
4666
- .cm-s-default .cm-qualifier {color: #555;}
4667
- .cm-s-default .cm-builtin {color: #30a;}
4668
- .cm-s-default .cm-bracket {color: #997;}
4669
- .cm-s-default .cm-tag {color: #170;}
4670
- .cm-s-default .cm-attribute {color: #00c;}
4671
- .cm-s-default .cm-hr {color: #999;}
4672
- .cm-s-default .cm-link {color: #00c;}
4673
-
4674
- .cm-s-default .cm-error {color: #f00;}
4675
- .cm-invalidchar {color: #f00;}
4676
-
4677
- .CodeMirror-composing { border-bottom: 2px solid; }
4678
-
4679
- /* Default styles for common addons */
4680
-
4681
- div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
4682
- div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
4683
- .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
4684
- .CodeMirror-activeline-background {background: #e8f2ff;}
4685
-
4686
- /* STOP */
4687
-
4688
- /* The rest of this file contains styles related to the mechanics of
4689
- the editor. You probably shouldn't touch them. */
4690
-
4691
- .CodeMirror {
4692
- position: relative;
4693
- overflow: hidden;
4694
- background: white;
4695
- }
4696
-
4697
- .CodeMirror-scroll {
4698
- overflow: scroll !important; /* Things will break if this is overridden */
4699
- /* 50px is the magic margin used to hide the element's real scrollbars */
4700
- /* See overflow: hidden in .CodeMirror */
4701
- margin-bottom: -50px; margin-right: -50px;
4702
- padding-bottom: 50px;
4703
- height: 100%;
4704
- outline: none; /* Prevent dragging from highlighting the element */
4705
- position: relative;
4706
- }
4707
- .CodeMirror-sizer {
4708
- position: relative;
4709
- border-right: 50px solid transparent;
4710
- }
4711
-
4712
- /* The fake, visible scrollbars. Used to force redraw during scrolling
4713
- before actual scrolling happens, thus preventing shaking and
4714
- flickering artifacts. */
4715
- .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
4716
- position: absolute;
4717
- z-index: 6;
4718
- display: none;
4719
- outline: none;
4720
- }
4721
- .CodeMirror-vscrollbar {
4722
- right: 0; top: 0;
4723
- overflow-x: hidden;
4724
- overflow-y: scroll;
4725
- }
4726
- .CodeMirror-hscrollbar {
4727
- bottom: 0; left: 0;
4728
- overflow-y: hidden;
4729
- overflow-x: scroll;
4730
- }
4731
- .CodeMirror-scrollbar-filler {
4732
- right: 0; bottom: 0;
4733
- }
4734
- .CodeMirror-gutter-filler {
4735
- left: 0; bottom: 0;
4736
- }
4737
-
4738
- .CodeMirror-gutters {
4739
- position: absolute; left: 0; top: 0;
4740
- min-height: 100%;
4741
- z-index: 3;
4742
- }
4743
- .CodeMirror-gutter {
4744
- white-space: normal;
4745
- height: 100%;
4746
- display: inline-block;
4747
- vertical-align: top;
4748
- margin-bottom: -50px;
4749
- }
4750
- .CodeMirror-gutter-wrapper {
4751
- position: absolute;
4752
- z-index: 4;
4753
- background: none !important;
4754
- border: none !important;
4755
- }
4756
- .CodeMirror-gutter-background {
4757
- position: absolute;
4758
- top: 0; bottom: 0;
4759
- z-index: 4;
4760
- }
4761
- .CodeMirror-gutter-elt {
4762
- position: absolute;
4763
- cursor: default;
4764
- z-index: 4;
4765
- }
4766
- .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
4767
- .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
4768
-
4769
- .CodeMirror-lines {
4770
- cursor: text;
4771
- min-height: 1px; /* prevents collapsing before first draw */
4772
- }
4773
- .CodeMirror pre.CodeMirror-line,
4774
- .CodeMirror pre.CodeMirror-line-like {
4775
- /* Reset some styles that the rest of the page might have set */
4776
- -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
4777
- border-width: 0;
4778
- background: transparent;
4779
- font-family: inherit;
4780
- font-size: inherit;
4781
- margin: 0;
4782
- white-space: pre;
4783
- word-wrap: normal;
4784
- line-height: inherit;
4785
- color: inherit;
4786
- z-index: 2;
4787
- position: relative;
4788
- overflow: visible;
4789
- -webkit-tap-highlight-color: transparent;
4790
- -webkit-font-variant-ligatures: contextual;
4791
- font-variant-ligatures: contextual;
4792
- }
4793
- .CodeMirror-wrap pre.CodeMirror-line,
4794
- .CodeMirror-wrap pre.CodeMirror-line-like {
4795
- word-wrap: break-word;
4796
- white-space: pre-wrap;
4797
- word-break: normal;
4798
- }
4799
-
4800
- .CodeMirror-linebackground {
4801
- position: absolute;
4802
- left: 0; right: 0; top: 0; bottom: 0;
4803
- z-index: 0;
4804
- }
4805
-
4806
- .CodeMirror-linewidget {
4807
- position: relative;
4808
- z-index: 2;
4809
- padding: 0.1px; /* Force widget margins to stay inside of the container */
4810
- }
4811
-
4812
- .CodeMirror-widget {}
4813
-
4814
- .CodeMirror-rtl pre { direction: rtl; }
4815
-
4816
- .CodeMirror-code {
4817
- outline: none;
4818
- }
4819
-
4820
- /* Force content-box sizing for the elements where we expect it */
4821
- .CodeMirror-scroll,
4822
- .CodeMirror-sizer,
4823
- .CodeMirror-gutter,
4824
- .CodeMirror-gutters,
4825
- .CodeMirror-linenumber {
4826
- -moz-box-sizing: content-box;
4827
- box-sizing: content-box;
4828
- }
4829
-
4830
- .CodeMirror-measure {
4831
- position: absolute;
4832
- width: 100%;
4833
- height: 0;
4834
- overflow: hidden;
4835
- visibility: hidden;
4836
- }
4837
-
4838
- .CodeMirror-cursor {
4839
- position: absolute;
4840
- pointer-events: none;
4841
- }
4842
- .CodeMirror-measure pre { position: static; }
4843
-
4844
- div.CodeMirror-cursors {
4845
- visibility: hidden;
4846
- position: relative;
4847
- z-index: 3;
4848
- }
4849
- div.CodeMirror-dragcursors {
4850
- visibility: visible;
4851
- }
4852
-
4853
- .CodeMirror-focused div.CodeMirror-cursors {
4854
- visibility: visible;
4855
- }
4856
-
4857
- .CodeMirror-selected { background: #d9d9d9; }
4858
- .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
4859
- .CodeMirror-crosshair { cursor: crosshair; }
4860
- .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
4861
- .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
4862
-
4863
- .cm-searching {
4864
- background-color: #ffa;
4865
- background-color: rgba(255, 255, 0, .4);
4866
- }
4867
-
4868
- /* Used to force a border model for a node */
4869
- .cm-force-border { padding-right: .1px; }
4870
-
4871
- @media print {
4872
- /* Hide the cursor when printing */
4873
- .CodeMirror div.CodeMirror-cursors {
4874
- visibility: hidden;
4875
- }
4876
- }
4877
-
4878
- /* See issue #2901 */
4879
- .cm-tab-wrap-hack:after { content: ''; }
4880
-
4881
- /* Help users use markselection to safely style text background */
4882
- span.CodeMirror-selectedtext { background: none; }
4883
-
4884
- .CodeMirror-dialog {
4885
- position: absolute;
4886
- left: 0; right: 0;
4887
- background: inherit;
4888
- z-index: 15;
4889
- padding: .1em .8em;
4890
- overflow: hidden;
4891
- color: inherit;
4892
- }
4893
-
4894
- .CodeMirror-dialog-top {
4895
- border-bottom: 1px solid #eee;
4896
- top: 0;
4897
- }
4898
-
4899
- .CodeMirror-dialog-bottom {
4900
- border-top: 1px solid #eee;
4901
- bottom: 0;
4902
- }
4903
-
4904
- .CodeMirror-dialog input {
4905
- border: none;
4906
- outline: none;
4907
- background: transparent;
4908
- width: 20em;
4909
- color: inherit;
4910
- font-family: monospace;
4911
- }
4912
-
4913
- .CodeMirror-dialog button {
4914
- font-size: 70%;
4915
- }
4916
-
4917
- .CodeMirror-foldmarker {
4918
- color: blue;
4919
- text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
4920
- font-family: arial;
4921
- line-height: .3;
4922
- cursor: pointer;
4923
- }
4924
- .CodeMirror-foldgutter {
4925
- width: .7em;
4926
- }
4927
- .CodeMirror-foldgutter-open,
4928
- .CodeMirror-foldgutter-folded {
4929
- cursor: pointer;
4930
- }
4931
- .CodeMirror-foldgutter-open:after {
4932
- content: "\25BE";
4933
- }
4934
- .CodeMirror-foldgutter-folded:after {
4935
- content: "\25B8";
4936
- }
4937
-
4938
4533
  /*-----------------------------------------------------------------------------
4939
4534
  | Copyright (c) Jupyter Development Team.
4940
4535
  | Distributed under the terms of the Modified BSD License.
4941
4536
  |----------------------------------------------------------------------------*/
4942
4537
 
4943
- .CodeMirror {
4538
+ .cm-editor {
4944
4539
  line-height: var(--jp-code-line-height);
4945
4540
  font-size: var(--jp-code-font-size);
4946
4541
  font-family: var(--jp-code-font-family);
@@ -4951,41 +4546,22 @@ span.CodeMirror-selectedtext { background: none; }
4951
4546
  /* Changed to auto to autogrow */
4952
4547
  }
4953
4548
 
4954
- .CodeMirror pre {
4549
+ .cm-editor pre {
4955
4550
  padding: 0 var(--jp-code-padding);
4956
4551
  }
4957
4552
 
4958
- .CodeMirror.cm-fat-cursor .cm-overlay.cm-searching {
4959
- opacity: 0.5;
4960
- }
4961
-
4962
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-dialog {
4553
+ .jp-CodeMirrorEditor[data-type='inline'] .cm-dialog {
4963
4554
  background-color: var(--jp-layout-color0);
4964
4555
  color: var(--jp-content-font-color1);
4965
4556
  }
4966
4557
 
4967
- /* This causes https://github.com/jupyter/jupyterlab/issues/522 */
4968
-
4969
- /* May not cause it not because we changed it! */
4970
- .CodeMirror-lines {
4971
- padding: var(--jp-code-padding) 0;
4972
- }
4973
-
4974
- .CodeMirror-linenumber {
4975
- padding: 0 8px;
4976
- }
4977
-
4978
4558
  .jp-CodeMirrorEditor {
4979
4559
  cursor: text;
4980
4560
  }
4981
4561
 
4982
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
4983
- border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
4984
- }
4985
-
4986
4562
  /* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
4987
4563
  @media screen and (min-width: 2138px) and (max-width: 4319px) {
4988
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
4564
+ .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
4989
4565
  border-left: var(--jp-code-cursor-width1) solid
4990
4566
  var(--jp-editor-cursor-color);
4991
4567
  }
@@ -4993,21 +4569,16 @@ span.CodeMirror-selectedtext { background: none; }
4993
4569
 
4994
4570
  /* When zoomed out less than 33% */
4995
4571
  @media screen and (min-width: 4320px) {
4996
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
4572
+ .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
4997
4573
  border-left: var(--jp-code-cursor-width2) solid
4998
4574
  var(--jp-editor-cursor-color);
4999
4575
  }
5000
4576
  }
5001
4577
 
5002
- .CodeMirror.jp-mod-readOnly .CodeMirror-cursor {
4578
+ .cm-editor.jp-mod-readOnly .cm-cursor {
5003
4579
  display: none;
5004
4580
  }
5005
4581
 
5006
- .CodeMirror-gutters {
5007
- border-right: 1px solid var(--jp-border-color2);
5008
- background-color: var(--jp-layout-color0);
5009
- }
5010
-
5011
4582
  .jp-CollaboratorCursor {
5012
4583
  border-left: 5px solid transparent;
5013
4584
  border-right: 5px solid transparent;
@@ -5018,16 +4589,15 @@ span.CodeMirror-selectedtext { background: none; }
5018
4589
  margin-right: -5px;
5019
4590
  }
5020
4591
 
5021
- .CodeMirror-selectedtext.cm-searching {
5022
- background-color: var(--jp-search-selected-match-background-color) !important;
5023
- color: var(--jp-search-selected-match-color) !important;
4592
+ .cm-searching,
4593
+ .cm-searching span {
4594
+ background-color: var(--jp-search-unselected-match-background-color);
4595
+ color: var(--jp-search-unselected-match-color);
5024
4596
  }
5025
4597
 
5026
- .cm-searching {
5027
- background-color: var(
5028
- --jp-search-unselected-match-background-color
5029
- ) !important;
5030
- color: var(--jp-search-unselected-match-color) !important;
4598
+ .cm-searching span::selection {
4599
+ background-color: var(--jp-search-selected-match-background-color) !important;
4600
+ color: var(--jp-search-selected-match-color) !important;
5031
4601
  }
5032
4602
 
5033
4603
  .cm-trailingspace {
@@ -5036,14 +4606,6 @@ span.CodeMirror-selectedtext { background: none; }
5036
4606
  background-repeat: repeat-x;
5037
4607
  }
5038
4608
 
5039
- .CodeMirror-focused .CodeMirror-selected {
5040
- background-color: var(--jp-editor-selected-focused-background);
5041
- }
5042
-
5043
- .CodeMirror-selected {
5044
- background-color: var(--jp-editor-selected-background);
5045
- }
5046
-
5047
4609
  .jp-CollaboratorCursor-hover {
5048
4610
  position: absolute;
5049
4611
  z-index: 1;
@@ -5063,143 +4625,6 @@ span.CodeMirror-selectedtext { background: none; }
5063
4625
  border-left: 1px dashed var(--jp-border-color2);
5064
4626
  }
5065
4627
 
5066
- /**
5067
- * Here is our jupyter theme for CodeMirror syntax highlighting
5068
- * This is used in our marked.js syntax highlighting and CodeMirror itself
5069
- * The string "jupyter" is set in ../codemirror/widget.DEFAULT_CODEMIRROR_THEME
5070
- * This came from the classic notebook, which came form highlight.js/GitHub
5071
- */
5072
-
5073
- /**
5074
- * CodeMirror themes are handling the background/color in this way. This works
5075
- * fine for CodeMirror editors outside the notebook, but the notebook styles
5076
- * these things differently.
5077
- */
5078
- .CodeMirror.cm-s-jupyter {
5079
- background: var(--jp-layout-color0);
5080
- color: var(--jp-content-font-color1);
5081
- }
5082
-
5083
- /* In the notebook, we want this styling to be handled by its container */
5084
- .jp-CodeConsole .CodeMirror.cm-s-jupyter,
5085
- .jp-Notebook .CodeMirror.cm-s-jupyter {
5086
- background: transparent;
5087
- }
5088
-
5089
- .cm-s-jupyter .CodeMirror-cursor {
5090
- border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
5091
- }
5092
-
5093
- .cm-s-jupyter span.cm-keyword {
5094
- color: var(--jp-mirror-editor-keyword-color);
5095
- font-weight: bold;
5096
- }
5097
-
5098
- .cm-s-jupyter span.cm-atom {
5099
- color: var(--jp-mirror-editor-atom-color);
5100
- }
5101
-
5102
- .cm-s-jupyter span.cm-number {
5103
- color: var(--jp-mirror-editor-number-color);
5104
- }
5105
-
5106
- .cm-s-jupyter span.cm-def {
5107
- color: var(--jp-mirror-editor-def-color);
5108
- }
5109
-
5110
- .cm-s-jupyter span.cm-variable {
5111
- color: var(--jp-mirror-editor-variable-color);
5112
- }
5113
-
5114
- .cm-s-jupyter span.cm-variable-2 {
5115
- color: var(--jp-mirror-editor-variable-2-color);
5116
- }
5117
-
5118
- .cm-s-jupyter span.cm-variable-3 {
5119
- color: var(--jp-mirror-editor-variable-3-color);
5120
- }
5121
-
5122
- .cm-s-jupyter span.cm-punctuation {
5123
- color: var(--jp-mirror-editor-punctuation-color);
5124
- }
5125
-
5126
- .cm-s-jupyter span.cm-property {
5127
- color: var(--jp-mirror-editor-property-color);
5128
- }
5129
-
5130
- .cm-s-jupyter span.cm-operator {
5131
- color: var(--jp-mirror-editor-operator-color);
5132
- font-weight: bold;
5133
- }
5134
-
5135
- .cm-s-jupyter span.cm-comment {
5136
- color: var(--jp-mirror-editor-comment-color);
5137
- font-style: italic;
5138
- }
5139
-
5140
- .cm-s-jupyter span.cm-string {
5141
- color: var(--jp-mirror-editor-string-color);
5142
- }
5143
-
5144
- .cm-s-jupyter span.cm-string-2 {
5145
- color: var(--jp-mirror-editor-string-2-color);
5146
- }
5147
-
5148
- .cm-s-jupyter span.cm-meta {
5149
- color: var(--jp-mirror-editor-meta-color);
5150
- }
5151
-
5152
- .cm-s-jupyter span.cm-qualifier {
5153
- color: var(--jp-mirror-editor-qualifier-color);
5154
- }
5155
-
5156
- .cm-s-jupyter span.cm-builtin {
5157
- color: var(--jp-mirror-editor-builtin-color);
5158
- }
5159
-
5160
- .cm-s-jupyter span.cm-bracket {
5161
- color: var(--jp-mirror-editor-bracket-color);
5162
- }
5163
-
5164
- .cm-s-jupyter span.cm-tag {
5165
- color: var(--jp-mirror-editor-tag-color);
5166
- }
5167
-
5168
- .cm-s-jupyter span.cm-attribute {
5169
- color: var(--jp-mirror-editor-attribute-color);
5170
- }
5171
-
5172
- .cm-s-jupyter span.cm-header {
5173
- color: var(--jp-mirror-editor-header-color);
5174
- }
5175
-
5176
- .cm-s-jupyter span.cm-quote {
5177
- color: var(--jp-mirror-editor-quote-color);
5178
- }
5179
-
5180
- .cm-s-jupyter span.cm-link {
5181
- color: var(--jp-mirror-editor-link-color);
5182
- }
5183
-
5184
- .cm-s-jupyter span.cm-error {
5185
- color: var(--jp-mirror-editor-error-color);
5186
- }
5187
-
5188
- .cm-s-jupyter span.cm-hr {
5189
- color: #999;
5190
- }
5191
-
5192
- .cm-s-jupyter span.cm-tab {
5193
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
5194
- background-position: right;
5195
- background-repeat: no-repeat;
5196
- }
5197
-
5198
- .cm-s-jupyter .CodeMirror-activeline-background,
5199
- .cm-s-jupyter .CodeMirror-gutter {
5200
- background-color: var(--jp-layout-color2);
5201
- }
5202
-
5203
4628
  /* Styles for shared cursors (remote cursor locations and selected ranges) */
5204
4629
  .jp-CodeMirrorEditor .remote-caret {
5205
4630
  position: relative;
@@ -5280,6 +4705,126 @@ span.CodeMirror-selectedtext { background: none; }
5280
4705
  top: 15%;
5281
4706
  }
5282
4707
 
4708
+ /************************************************************
4709
+ Main Panel
4710
+ *************************************************************/
4711
+
4712
+ .jp-RTCPanel {
4713
+ min-width: var(--jp-sidebar-min-width) !important;
4714
+ color: var(--jp-ui-font-color1);
4715
+ background: var(--jp-layout-color1);
4716
+ font-size: var(--jp-ui-font-size1);
4717
+ }
4718
+
4719
+ /************************************************************
4720
+ User Info Panel
4721
+ *************************************************************/
4722
+ .jp-UserInfoPanel {
4723
+ display: flex;
4724
+ flex-direction: column;
4725
+ max-height: 140px;
4726
+ padding-top: 3px;
4727
+ }
4728
+
4729
+ .jp-UserInfo-Container {
4730
+ margin: 20px;
4731
+ display: flex;
4732
+ flex-direction: column;
4733
+ align-items: center;
4734
+ }
4735
+
4736
+ .jp-UserInfo-Icon {
4737
+ margin: auto;
4738
+ width: 50px;
4739
+ height: 50px;
4740
+ border-radius: 50px;
4741
+ display: inline-flex;
4742
+ align-items: center;
4743
+ }
4744
+
4745
+ .jp-UserInfo-Icon span {
4746
+ margin: auto;
4747
+ text-align: center;
4748
+ font-size: 25px;
4749
+ fill: var(--jp-ui-font-color1);
4750
+ color: var(--jp-ui-font-color1);
4751
+ }
4752
+
4753
+ .jp-UserInfo-Info {
4754
+ margin: 20px;
4755
+ display: inline-flex;
4756
+ flex-direction: column;
4757
+ }
4758
+
4759
+ .jp-UserInfo-Info label {
4760
+ font-weight: bold;
4761
+ fill: var(--jp-ui-font-color1);
4762
+ color: var(--jp-ui-font-color1);
4763
+ }
4764
+
4765
+ .jp-UserInfo-Info input {
4766
+ text-decoration: none;
4767
+ border-top: none;
4768
+ border-left: none;
4769
+ border-right: none;
4770
+ border-color: var(--jp-ui-font-color1);
4771
+ border-width: 0.5px;
4772
+ background-color: transparent;
4773
+ fill: var(--jp-ui-font-color1);
4774
+ color: var(--jp-ui-font-color1);
4775
+ }
4776
+
4777
+ /************************************************************
4778
+ Collaborators Info Panel
4779
+ *************************************************************/
4780
+
4781
+ .jp-CollaboratorsList {
4782
+ flex-direction: column;
4783
+ display: flex;
4784
+ z-index: 1000;
4785
+ }
4786
+
4787
+ .jp-Collaborator {
4788
+ padding: 10px;
4789
+ display: flex;
4790
+ align-items: center;
4791
+ font-size: var(--jp-ui-font-size0);
4792
+ fill: var(--jp-ui-font-color1);
4793
+ color: var(--jp-ui-font-color1);
4794
+ }
4795
+
4796
+ .jp-ClickableCollaborator:hover {
4797
+ cursor: pointer;
4798
+ background-color: var(--jp-layout-color2);
4799
+ fill: var(--jp-ui-font-color0);
4800
+ color: var(--jp-ui-font-color0);
4801
+ }
4802
+
4803
+ .jp-Collaborator > span {
4804
+ padding-left: 7px;
4805
+ }
4806
+
4807
+ .jp-CollaboratorIcon {
4808
+ border-radius: 100%;
4809
+ padding: 2px;
4810
+ width: 24px;
4811
+ height: 24px;
4812
+ display: flex;
4813
+ }
4814
+
4815
+ .jp-CollaboratorIcon > span {
4816
+ text-align: center;
4817
+ margin: auto;
4818
+ font-size: 12px;
4819
+ fill: var(--jp-ui-font-color1);
4820
+ color: var(--jp-ui-font-color1);
4821
+ }
4822
+
4823
+ .jp-CollaboratorCurrent {
4824
+ position: absolute;
4825
+ right: 0;
4826
+ }
4827
+
5283
4828
  /*-----------------------------------------------------------------------------
5284
4829
  | Copyright (c) Jupyter Development Team.
5285
4830
  | Distributed under the terms of the Modified BSD License.
@@ -5771,6 +5316,12 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
5771
5316
  display: none;
5772
5317
  }
5773
5318
 
5319
+ /* Hide empty lines in the output area, for instance due to cleared widgets */
5320
+ .jp-OutputArea-prompt:empty {
5321
+ padding: 0;
5322
+ border: 0;
5323
+ }
5324
+
5774
5325
  /*-----------------------------------------------------------------------------
5775
5326
  | executeResult is added to any Output-result for the display of the object
5776
5327
  | returned by a cell
@@ -6236,6 +5787,11 @@ Note: input and output wrappers have "display: block" propery in print mode.
6236
5787
  overflow-y: auto;
6237
5788
  max-height: 24em;
6238
5789
  margin-left: var(--jp-private-cell-scrolling-output-offset);
5790
+ resize: vertical;
5791
+ }
5792
+
5793
+ .jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea[style*='height'] {
5794
+ max-height: unset;
6239
5795
  }
6240
5796
 
6241
5797
  .jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
@@ -6523,6 +6079,11 @@ cell outputs.
6523
6079
  height: 100%;
6524
6080
  }
6525
6081
 
6082
+ /*
6083
+ * Copyright (c) Jupyter Development Team.
6084
+ * Distributed under the terms of the Modified BSD License.
6085
+ */
6086
+
6526
6087
  /*
6527
6088
  * Execution indicator
6528
6089
  */