diff --git a/examples/nbtohtml/demo.css b/examples/nbtohtml/demo.css index 790adde..a2d7382 100644 --- a/examples/nbtohtml/demo.css +++ b/examples/nbtohtml/demo.css @@ -2,9 +2,11 @@ body { margin: 0; + font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.4; + line-height: 1.5; background: #eeeeee; } diff --git a/examples/nbtohtml/notebook.css b/examples/nbtohtml/notebook.css index ffbbe04..6a4d211 100644 --- a/examples/nbtohtml/notebook.css +++ b/examples/nbtohtml/notebook.css @@ -1,54 +1,70 @@ .jupyter-notebook { box-sizing: border-box; - font-size: 14px; /* Source: Jupyter Lab */ +} + +.jupyter-notebook p, +.jupyter-notebook ol, +.jupyter-notebook ul { + margin: 0 0 0.8em; +} + +.jupyter-notebook pre, +.jupyter-notebook table { + font-size: 90%; } .jupyter-notebook pre { margin: 0; - font-size: 13px; /* Source: Jupyter Lab */ - font-family: "Menlo", "Consolas", "DejaVu Sans Mono", monospace; /* Source: Jupyter Lab */ + font-family: "Menlo", "Consolas", "DejaVu Sans Mono", monospace; } -.cell + .cell { +.jupyter-notebook .cell + .cell { margin-top: 20px; } -.output { +.jupyter-notebook .output { margin-top: 10px; } -.output-error { +.jupyter-notebook .output-error { background: #ffdddd; } /* Boxes */ -.input, -.raw-cell, -.output-error { +.jupyter-notebook .input, +.jupyter-notebook .raw-cell, +.jupyter-notebook .output-error { padding: 8px 10px; - border-radius: 2px; overflow-y: auto; + border-radius: 2px; } -.input, -.raw-cell { +.jupyter-notebook .input, +.jupyter-notebook .raw-cell { background: #f5f5f5; border: 1px solid #e0e0e0; } .jupyter-notebook table { border-collapse: collapse; - font-size: 12px; /* Source: Jupyter Lab */ } .jupyter-notebook table, .jupyter-notebook th, .jupyter-notebook td { padding: 4px 6px; - border: none; + border: 0; +} + +.jupyter-notebook thead tr { + border-bottom: 1px solid #bdbdbd; +} + +.jupyter-notebook tbody tr:nth-child(even) { + background: #f5f5f5; } -/* ANSI colors for error output (source: Jupyter Lab) */ +/* ANSI colors for error output */ .jupyter-notebook .term-fg30 { /* Black */ color: #3e424d;