UNPKG

1.98 kBCSSView Raw
1/*-----------------------------------------------------------------------------
2| Copyright (c) Jupyter Development Team.
3| Distributed under the terms of the Modified BSD License.
4|----------------------------------------------------------------------------*/
5
6/*-----------------------------------------------------------------------------
7| Input
8|----------------------------------------------------------------------------*/
9
10/* All input areas */
11.jp-InputArea {
12 display: table;
13 table-layout: fixed;
14 width: 100%;
15 overflow: hidden;
16}
17
18.jp-InputArea-editor {
19 display: table-cell;
20 overflow: hidden;
21 vertical-align: top;
22
23 /* This is the non-active, default styling */
24 border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
25 border-radius: 0;
26 background: var(--jp-cell-editor-background);
27}
28
29.jp-InputPrompt {
30 display: table-cell;
31 vertical-align: top;
32 width: var(--jp-cell-prompt-width);
33 color: var(--jp-cell-inprompt-font-color);
34 font-family: var(--jp-cell-prompt-font-family);
35 padding: var(--jp-code-padding);
36 letter-spacing: var(--jp-cell-prompt-letter-spacing);
37 opacity: var(--jp-cell-prompt-opacity);
38 line-height: var(--jp-code-line-height);
39 font-size: var(--jp-code-font-size);
40 border: var(--jp-border-width) solid transparent;
41
42 /* Right align prompt text, don't wrap to handle large prompt numbers */
43 text-align: right;
44 white-space: nowrap;
45 overflow: hidden;
46 text-overflow: ellipsis;
47
48 /* Disable text selection */
49 -webkit-user-select: none;
50 -moz-user-select: none;
51 -ms-user-select: none;
52 user-select: none;
53}
54
55/*-----------------------------------------------------------------------------
56| Mobile
57|----------------------------------------------------------------------------*/
58@media only screen and (max-width: 760px) {
59 .jp-InputArea-editor {
60 display: table-row;
61 margin-left: var(--jp-notebook-padding);
62 }
63
64 .jp-InputPrompt {
65 display: table-row;
66 text-align: left;
67 }
68}