1- .xterm {font-family : courier-new, courier, monospace;font-feature-settings : "liga" 0 ;position : relative;user-select : none;-ms-user-select : none;-webkit-user-select : none}.xterm .focus , .xterm : focus {outline : none}.xterm .xterm-helpers {position : absolute;top : 0 ;z-index : 10 }.xterm .xterm-helper-textarea {position : absolute;opacity : 0 ;left : -9999em ;top : 0 ;width : 0 ;height : 0 ;z-index : -10 ;white-space : nowrap;overflow : hidden;resize : none}.xterm .composition-view {background : # 000 ;color : # fff ;display : none;position : absolute;white-space : nowrap;z-index : 1 }.xterm .composition-view .active {display : block}.xterm .xterm-viewport {background-color : # 000 ;overflow-y : scroll;cursor : default;position : absolute;right : 0 ;left : 0 ;top : 0 ;bottom : 0 }.xterm .xterm-screen {position : relative}.xterm .xterm-screen canvas {position : absolute;left : 0 ;top : 0 }.xterm .xterm-scroll-area {visibility : hidden}.xterm .xterm-char-measure-element {display : inline-block;visibility : hidden;position : absolute;left : -9999em }.xterm .enable-mouse-events {cursor : default}.xterm : not (.enable-mouse-events ){cursor : text}body , html {font-family : helvetica, sans-serif;font-size : 1em ;color : # 111 ;background-color : # 000 ;color : # f0f0f0 ;height : 100% ;margin : 0 }# header {color : # f0f0f0 ;background-color : green;width : 100% ;border-color : # fff ;border-style : none none solid;border-width : 1px ;text-align : center;flex : 0 1 auto;z-index : 99 ;height : 19px ;display : none}.box {display : block;height : 100% }# terminal-container {display : block;width : calc (1 - 1 px);margin : 0 auto;padding : 2px ;height : calc (100% - 19px )}# terminal-container .terminal {background-color : # 000 ;color : # fafafa ;padding : 2px ;height : calc (100% - 19px )}# terminal-container .terminal : focus .terminal-cursor {background-color : # fafafa }# bottomdiv {position : fixed;left : 0 ;bottom : 0 ;width : 100% ;background-color : # 323232 ;border-color : # fff ;border-style : solid none none;border-width : 1px ;z-index : 99 ;height : 19px }# footer {padding-left : 5px ;padding-right : 5px ;border-style : none none none solid}# footer , # status {display : inline-block;color : # f0f0f0 ;background-color : # 323232 ;border-color : # fff ;border-width : 1px ;text-align : left}# status {padding-right : 10px ;border-style : none solid}# menu , # status {padding-left : 10px ;z-index : 100 }# menu {display : inline-block;font-size : 16px ;color : # fff }# menu : hover .dropup-content {display : block}# credentialsBtn , # logBtn {color : # 000 }.dropup {position : relative;display : inline-block;cursor : pointer}.dropup-content {display : none;position : absolute;background-color : # f1f1f1 ;font-size : 16px ;min-width : 160px ;bottom : 18px ;z-index : 101 }.dropup-content a {color : # 777 ;padding : 12px 16px ;text-decoration : none;display : block}.dropup-content a : hover {background-color : # ccc }.dropup : click .dropup-content , .dropup : hover .dropup-content {display : block}.dropup : hover .dropbtn {background-color : # 3e8e41 }
1+ /**
2+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
3+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
4+ * https://github.com/chjj/term.js
5+ * @license MIT
6+ *
7+ * Permission is hereby granted, free of charge, to any person obtaining a copy
8+ * of this software and associated documentation files (the "Software"), to deal
9+ * in the Software without restriction, including without limitation the rights
10+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11+ * copies of the Software, and to permit persons to whom the Software is
12+ * furnished to do so, subject to the following conditions:
13+ *
14+ * The above copyright notice and this permission notice shall be included in
15+ * all copies or substantial portions of the Software.
16+ *
17+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
23+ * THE SOFTWARE.
24+ *
25+ * Originally forked from (with the author's permission):
26+ * Fabrice Bellard's javascript vt100 for jslinux:
27+ * http://bellard.org/jslinux/
28+ * Copyright (c) 2011 Fabrice Bellard
29+ * The original design remains. The terminal itself
30+ * has been extended to include xterm CSI codes, among
31+ * other features.
32+ */
33+
34+ /**
35+ * Default styles for xterm.js
36+ */
37+
38+ .xterm {
39+ font-family : courier-new, courier, monospace;
40+ font-feature-settings : "liga" 0 ;
41+ position : relative;
42+ user-select : none;
43+ -ms-user-select : none;
44+ -webkit-user-select : none;
45+ }
46+
47+ .xterm .focus ,
48+ .xterm : focus {
49+ outline : none;
50+ }
51+
52+ .xterm .xterm-helpers {
53+ position : absolute;
54+ top : 0 ;
55+ /**
56+ * The z-index of the helpers must be higher than the canvases in order for
57+ * IMEs to appear on top.
58+ */
59+ z-index : 10 ;
60+ }
61+
62+ .xterm .xterm-helper-textarea {
63+ /*
64+ * HACK: to fix IE's blinking cursor
65+ * Move textarea out of the screen to the far left, so that the cursor is not visible.
66+ */
67+ position : absolute;
68+ opacity : 0 ;
69+ left : -9999em ;
70+ top : 0 ;
71+ width : 0 ;
72+ height : 0 ;
73+ z-index : -10 ;
74+ /** Prevent wrapping so the IME appears against the textarea at the correct position */
75+ white-space : nowrap;
76+ overflow : hidden;
77+ resize : none;
78+ }
79+
80+ .xterm .composition-view {
81+ /* TODO: Composition position got messed up somewhere */
82+ background : # 000 ;
83+ color : # FFF ;
84+ display : none;
85+ position : absolute;
86+ white-space : nowrap;
87+ z-index : 1 ;
88+ }
89+
90+ .xterm .composition-view .active {
91+ display : block;
92+ }
93+
94+ .xterm .xterm-viewport {
95+ /* On OS X this is required in order for the scroll bar to appear fully opaque */
96+ background-color : # 000 ;
97+ overflow-y : scroll;
98+ cursor : default;
99+ position : absolute;
100+ right : 0 ;
101+ left : 0 ;
102+ top : 0 ;
103+ bottom : 0 ;
104+ }
105+
106+ .xterm .xterm-screen {
107+ position : relative;
108+ }
109+
110+ .xterm .xterm-screen canvas {
111+ position : absolute;
112+ left : 0 ;
113+ top : 0 ;
114+ }
115+
116+ .xterm .xterm-scroll-area {
117+ visibility : hidden;
118+ }
119+
120+ .xterm-char-measure-element {
121+ display : inline-block;
122+ visibility : hidden;
123+ position : absolute;
124+ top : 0 ;
125+ left : -9999em ;
126+ line-height : normal;
127+ }
128+
129+ .xterm {
130+ cursor : text;
131+ }
132+
133+ .xterm .enable-mouse-events {
134+ /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
135+ cursor : default;
136+ }
137+
138+ .xterm .xterm-cursor-pointer {
139+ cursor : pointer;
140+ }
141+
142+ .xterm .xterm-cursor-crosshair {
143+ /* Column selection mode */
144+ cursor : crosshair;
145+ }
146+
147+ .xterm .xterm-accessibility ,
148+ .xterm .xterm-message {
149+ position : absolute;
150+ left : 0 ;
151+ top : 0 ;
152+ bottom : 0 ;
153+ right : 0 ;
154+ z-index : 100 ;
155+ color : transparent;
156+ }
157+
158+ .xterm .live-region {
159+ position : absolute;
160+ left : -9999px ;
161+ width : 1px ;
162+ height : 1px ;
163+ overflow : hidden;
164+ }
165+ body , html {
166+ font-family : helvetica, sans-serif, arial;
167+ font-size : 1em ;
168+ color : # 111 ;
169+ background-color : rgb (0 , 0 , 0 );
170+ color : rgb (240 , 240 , 240 );
171+ height : 100% ;
172+ margin : 0 ;
173+ }
174+ # header {
175+ color : rgb (240 , 240 , 240 );
176+ background-color : rgb (0 , 128 , 0 );
177+ width : 100% ;
178+ border-color : white;
179+ border-style : none none solid none;
180+ border-width : 1px ;
181+ text-align : center;
182+ flex : 0 1 auto;
183+ z-index : 99 ;
184+ height : 19px ;
185+ display : none;
186+ }
187+ .box {
188+ display : block;
189+ height : 100% ;
190+ }
191+ # terminal-container {
192+ display : block;
193+ width : calc (100% - 1 px);
194+ margin : 0 auto;
195+ padding : 2px ;
196+ height : calc (100% - 19px );
197+ }
198+ # terminal-container .terminal {
199+ background-color : # 000000 ;
200+ color : # fafafa ;
201+ padding : 2px ;
202+ height : calc (100% - 19px );
203+ }
204+ # terminal-container .terminal : focus .terminal-cursor {
205+ background-color : # fafafa ;
206+ }
207+ # bottomdiv {
208+ position : fixed;
209+ left : 0 ;
210+ bottom : 0 ;
211+ width : 100% ;
212+ background-color : rgb (50 , 50 , 50 );
213+ border-color : white;
214+ border-style : solid none none none;
215+ border-width : 1px ;
216+ z-index : 99 ;
217+ height : 19px ;
218+ }
219+ # footer {
220+ display : inline-block;
221+ color : rgb (240 , 240 , 240 );
222+ background-color : rgb (50 , 50 , 50 );
223+ padding-left : 5px ;
224+ padding-right : 5px ;
225+ border-color : white;
226+ border-style : none none none solid;
227+ border-width : 1px ;
228+ text-align : left;
229+ }
230+ # status {
231+ display : inline-block;
232+ color : rgb (240 , 240 , 240 );
233+ background-color : rgb (50 , 50 , 50 );
234+ padding-left : 10px ;
235+ padding-right : 10px ;
236+ border-color : white;
237+ border-style : none solid none solid;
238+ border-width : 1px ;
239+ text-align : left;
240+ z-index : 100 ;
241+ }
242+ # menu {
243+ display : inline-block;
244+ font-size : 16px ;
245+ color : rgb (255 , 255 , 255 );
246+ padding-left : 10px ;
247+ z-index : 100 ;
248+ }
249+ # menu : hover .dropup-content {
250+ display : block;
251+ }
252+ # logBtn , # credentialsBtn , # reauthBtn {
253+ color : # 000 ;
254+ }
255+
256+ .dropup {
257+ position : relative;
258+ display : inline-block;
259+ cursor : pointer;
260+ }
261+ .dropup-content {
262+ display : none;
263+ position : absolute;
264+ background-color : # f1f1f1 ;
265+ font-size : 16px ;
266+ min-width : 160px ;
267+ bottom : 18px ;
268+ z-index : 101 ;
269+ }
270+ .dropup-content a {
271+ color : # 777 ;
272+ padding : 12px 16px ;
273+ text-decoration : none;
274+ display : block;
275+ }
276+ .dropup-content a : hover {
277+ background-color : # ccc
278+ }
279+ .dropup : hover .dropup-content {
280+ display : block;
281+ }
282+ .dropup : click .dropup-content {
283+ display : block;
284+ }
285+ .dropup : hover .dropbtn {
286+ background-color : # 3e8e41 ;
287+ }
0 commit comments