widget.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /*-----------------------------------------------------------------------------
  2. | Copyright (c) Jupyter Development Team.
  3. | Distributed under the terms of the Modified BSD License.
  4. |----------------------------------------------------------------------------*/
  5. /*-----------------------------------------------------------------------------
  6. | Private CSS variables
  7. |----------------------------------------------------------------------------*/
  8. :root {
  9. }
  10. /*-----------------------------------------------------------------------------
  11. | Cell
  12. |----------------------------------------------------------------------------*/
  13. .jp-Cell {
  14. padding: var(--jp-cell-padding);
  15. margin: 0px;
  16. border: none;
  17. outline: none;
  18. background: transparent;
  19. }
  20. /*-----------------------------------------------------------------------------
  21. | Common input/output
  22. |----------------------------------------------------------------------------*/
  23. .jp-Cell-inputWrapper, .jp-Cell-outputWrapper {
  24. display: flex;
  25. flex-direction: row;
  26. padding: 0px;
  27. margin: 0px;
  28. }
  29. /* Only input/output areas inside cells */
  30. .jp-Cell-inputArea, .jp-Cell-outputArea {
  31. flex: 1 1 auto;
  32. }
  33. /*-----------------------------------------------------------------------------
  34. | Output
  35. |----------------------------------------------------------------------------*/
  36. /* Put a space between input and output when there IS output */
  37. .jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
  38. margin-top: 5px;
  39. }
  40. /* Make the output collapser disappear when there is not output, but do so
  41. * in a manner that leaves it in the layout and preserves its width.
  42. */
  43. .jp-Cell.jp-mod-noOutputs .jp-Cell-outputCollapser {
  44. border: none !important;
  45. background: transparent !important;
  46. }
  47. /* Text output with the Out[] prompt needs a top padding to match the
  48. * alignment of the Out[] prompt itself.
  49. */
  50. .jp-OutputArea-executeResult .jp-RenderedText.jp-OutputArea-output {
  51. padding-top: var(--jp-code-padding);
  52. }
  53. .jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputCollapser {
  54. min-height: 20px;
  55. }
  56. /*-----------------------------------------------------------------------------
  57. | CodeCell
  58. |----------------------------------------------------------------------------*/
  59. /*-----------------------------------------------------------------------------
  60. | MarkdownCell
  61. |----------------------------------------------------------------------------*/
  62. .jp-MarkdownOutput {
  63. flex: 1 1 auto;
  64. margin-top: 0.5em;
  65. margin-bottom: 0.5em;
  66. padding-left: var(--jp-code-padding);
  67. }
  68. .jp-MarkdownOutput.jp-RenderedHTMLCommon {
  69. overflow: visible;
  70. }