|
1 | 1 | @import url('base.css'); |
2 | 2 |
|
3 | | - |
4 | 3 | .fl-jp-AppletView .fl-jp-Applet .jp-OutputArea { |
5 | | - display: block; |
| 4 | + display: block; |
6 | 5 | } |
7 | 6 |
|
8 | 7 | .fl-jp-AppletView .fl-jp-Applet { |
9 | | - overflow-y: auto; |
10 | | - background: var(--jp-layout-color0); |
11 | | - box-shadow: var(--jp-elevation-z4); |
| 8 | + overflow-y: auto; |
| 9 | + background: var(--jp-layout-color0); |
| 10 | + box-shadow: var(--jp-elevation-z4); |
12 | 11 | } |
13 | 12 |
|
14 | | - |
15 | 13 | .fl-jp-AppletView { |
16 | | - overflow-y: auto; |
| 14 | + overflow-y: auto; |
17 | 15 | } |
18 | 16 |
|
19 | 17 | .fl-jp-AppletView .jp-collapseHeadingButton { |
20 | | - display: none; |
| 18 | + display: none; |
21 | 19 | } |
22 | 20 |
|
23 | 21 | .fl-jp-AppletView .jp-InternalAnchorLink { |
24 | | - display: none; |
| 22 | + display: none; |
25 | 23 | } |
26 | 24 |
|
27 | 25 | .fl-jl-notebook-inlecture .fl-jp-Applet .jp-OutputArea-child, |
|
31 | 29 | .fl-jl-notebook-inlecture .fl-jp-Applet .jp-Cell-inputWrapper, |
32 | 30 | .fl-jl-notebook-inlecture .fl-jp-Applet .jp-InputArea, |
33 | 31 | .fl-jl-notebook-inlecture .fl-jp-Applet .jp-OutputArea { |
34 | | - width: fit-content; |
| 32 | + width: fit-content; |
35 | 33 | } |
36 | 34 |
|
37 | 35 | .fl-jl-notebook-inlecture .fl-jp-Applet h1, |
|
40 | 38 | .fl-jl-notebook-inlecture .fl-jp-Applet h4, |
41 | 39 | .fl-jl-notebook-inlecture .fl-jp-Applet h5, |
42 | 40 | .fl-jl-notebook-inlecture .fl-jp-Applet h6 { |
43 | | - white-space: nowrap; |
44 | | - /* overflow: hidden; |
| 41 | + white-space: nowrap; |
| 42 | + |
| 43 | + /* overflow: hidden; |
45 | 44 | text-overflow: ellipsis; */ |
46 | | - } |
| 45 | +} |
47 | 46 |
|
48 | 47 | .fl-jl-notebook-inlecture .jp-OutputArea-output { |
49 | | - width: max-content; |
50 | | - height: max-content; |
| 48 | + width: max-content; |
| 49 | + height: max-content; |
51 | 50 | } |
52 | 51 |
|
53 | | -@keyframes fadeOut { |
54 | | - 0% { |
55 | | - opacity: 1; |
56 | | - max-height: 50vh; |
57 | | - } |
| 52 | +@keyframes fade-out { |
| 53 | + 0% { |
| 54 | + opacity: 1; |
| 55 | + max-height: 50vh; |
| 56 | + } |
58 | 57 |
|
59 | | - 90% { |
60 | | - opacity: 0.1; |
61 | | - max-height: 50vh; |
62 | | - } |
| 58 | + 90% { |
| 59 | + opacity: 0.1; |
| 60 | + max-height: 50vh; |
| 61 | + } |
63 | 62 |
|
64 | | - 100% { |
65 | | - opacity: 0; |
66 | | - max-height: 0; |
67 | | - } |
| 63 | + 100% { |
| 64 | + opacity: 0; |
| 65 | + max-height: 0; |
| 66 | + } |
68 | 67 | } |
69 | 68 |
|
70 | | -.fl-jl-notebook-inlecture [data-mime-type="application/vnd.jupyter.stderr"] { |
71 | | - opacity: 1; |
72 | | - max-height: 50vh; |
73 | | - overflow: hidden; |
74 | | - animation: fadeOut 2s ease forwards; |
75 | | - animation-delay: 2s; |
| 69 | +.fl-jl-notebook-inlecture [data-mime-type='application/vnd.jupyter.stderr'] { |
| 70 | + opacity: 1; |
| 71 | + max-height: 50vh; |
| 72 | + overflow: hidden; |
| 73 | + animation: fade-out 2s ease forwards; |
| 74 | + animation-delay: 2s; |
76 | 75 | } |
77 | 76 |
|
78 | 77 | .fl-jp-AppletViewToolbar { |
79 | | - position: absolute; |
80 | | - right: 0; |
81 | | - top: 0; |
82 | | - box-shadow: none; |
83 | | - border-bottom: none; |
| 78 | + position: absolute; |
| 79 | + right: 0; |
| 80 | + top: 0; |
| 81 | + box-shadow: none; |
| 82 | + border-bottom: none; |
84 | 83 | } |
85 | 84 |
|
86 | 85 | .lm-AccordionPanel .lm-AccordionPanel-title { |
87 | | - box-sizing: border-box; |
88 | | - padding: 0px 10px; |
89 | | - background: #f5f5f5; |
90 | | - border: 2px solid #c0c0c0; |
91 | | - border-bottom: none; |
92 | | - font: 12px Helvetica, Arial, sans-serif; |
93 | | - min-height: 22px; |
94 | | - max-height: 22px; |
95 | | - min-width: 35px; |
96 | | - line-height: 20px; |
97 | | - margin: 0px; |
98 | | -} |
99 | | - |
100 | | -.lm-AccordionPanel .lm-AccordionPanel-title .lm-AccordionPanel-titleCollapser:before { |
101 | | - content: '\25B2'; |
102 | | - position: absolute; |
103 | | - right: 10px; |
104 | | -} |
105 | | - |
106 | | -.lm-AccordionPanel .lm-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser:before { |
107 | | - content: '\25BC'; |
| 86 | + box-sizing: border-box; |
| 87 | + padding: 0 10px; |
| 88 | + background: #f5f5f5; |
| 89 | + border: 2px solid #c0c0c0; |
| 90 | + border-bottom: none; |
| 91 | + font: |
| 92 | + 12px Helvetica, |
| 93 | + Arial, |
| 94 | + sans-serif; |
| 95 | + min-height: 22px; |
| 96 | + max-height: 22px; |
| 97 | + min-width: 35px; |
| 98 | + line-height: 20px; |
| 99 | + margin: 0; |
| 100 | +} |
| 101 | + |
| 102 | +.lm-AccordionPanel |
| 103 | + .lm-AccordionPanel-title |
| 104 | + .lm-AccordionPanel-titleCollapser::before { |
| 105 | + content: '\25B2'; |
| 106 | + position: absolute; |
| 107 | + right: 10px; |
| 108 | +} |
| 109 | + |
| 110 | +.lm-AccordionPanel |
| 111 | + .lm-AccordionPanel-title.lm-mod-expanded |
| 112 | + .lm-AccordionPanel-titleCollapser::before { |
| 113 | + content: '\25BC'; |
108 | 114 | } |
109 | 115 |
|
110 | 116 | .fl-jl-notebook-inlecture .lm-AccordionPanel-title { |
111 | | - display: none; |
| 117 | + display: none; |
112 | 118 | } |
113 | 119 |
|
114 | 120 | .fl-jl-notebook-inlecture .lm-SplitPanel-handle { |
115 | | - display: none; |
| 121 | + display: none; |
116 | 122 | } |
117 | 123 |
|
118 | 124 | .fl-jl-notebook-inlecture .fl-jp-AppletView { |
119 | | - overflow: hidden; |
| 125 | + overflow: hidden; |
120 | 126 | } |
121 | 127 |
|
122 | 128 | .fl-jl-notebook-inlecture .jp-NotebookPanel-notebook { |
123 | | - display: none; |
| 129 | + display: none; |
124 | 130 | } |
125 | 131 |
|
126 | 132 | body[data-notebook='notebooks'] .jp-WindowedPanel-inner { |
127 | | - margin-top: 0; |
| 133 | + margin-top: 0; |
128 | 134 | } |
129 | 135 |
|
130 | | -.jp-OutputArea.fl-jl-cell-interceptor-unsupported:not(.fl-jl-notebook-inlecture *)::after { |
131 | | - content: "Network transmission of this output is unsupported."; |
132 | | - position: absolute; |
133 | | - bottom: 0; |
134 | | - left: 50%; |
135 | | - transform: translateX(-50%); |
136 | | - color: red; |
137 | | - padding: 2px 4px; |
138 | | - font-size: 1em; |
139 | | - font-weight: bold; |
140 | | - text-align: start; |
| 136 | +.jp-OutputArea.fl-jl-cell-interceptor-unsupported:not( |
| 137 | + .fl-jl-notebook-inlecture * |
| 138 | + )::after { |
| 139 | + content: 'Network transmission of this output is unsupported.'; |
| 140 | + position: absolute; |
| 141 | + bottom: 0; |
| 142 | + left: 50%; |
| 143 | + transform: translateX(-50%); |
| 144 | + color: red; |
| 145 | + padding: 2px 4px; |
| 146 | + font-size: 1em; |
| 147 | + font-weight: bold; |
| 148 | + text-align: start; |
141 | 149 | } |
142 | 150 |
|
143 | 151 | .jp-OutputArea .widget-button:not(.fl-jl-notebook-inlecture *)::after { |
144 | | - content: "Unsupported!"; |
145 | | - position: absolute; |
146 | | - bottom: 0; |
147 | | - left: 50%; |
148 | | - transform: translateX(-50%); |
149 | | - color: red; |
150 | | - background-color: #fffc; |
151 | | - padding: 2px 4px; |
152 | | - font-size: 1em; |
153 | | - font-weight: bold; |
154 | | - text-align: start; |
| 152 | + content: 'Unsupported!'; |
| 153 | + position: absolute; |
| 154 | + bottom: 0; |
| 155 | + left: 50%; |
| 156 | + transform: translateX(-50%); |
| 157 | + color: red; |
| 158 | + background-color: #fffc; |
| 159 | + padding: 2px 4px; |
| 160 | + font-size: 1em; |
| 161 | + font-weight: bold; |
| 162 | + text-align: start; |
155 | 163 | } |
0 commit comments