]>
Commit | Line | Data |
---|---|---|
3d800c15 TL |
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 { | |
1ad0d6ab | 39 | cursor: text; |
3d800c15 TL |
40 | position: relative; |
41 | user-select: none; | |
42 | -ms-user-select: none; | |
43 | -webkit-user-select: none; | |
44 | } | |
45 | ||
46 | .xterm.focus, | |
47 | .xterm:focus { | |
48 | outline: none; | |
49 | } | |
50 | ||
51 | .xterm .xterm-helpers { | |
52 | position: absolute; | |
53 | top: 0; | |
54 | /** | |
55 | * The z-index of the helpers must be higher than the canvases in order for | |
56 | * IMEs to appear on top. | |
57 | */ | |
e264b129 | 58 | z-index: 5; |
3d800c15 TL |
59 | } |
60 | ||
61 | .xterm .xterm-helper-textarea { | |
d0f166b1 TL |
62 | padding: 0; |
63 | border: 0; | |
64 | margin: 0; | |
65 | /* Move textarea out of the screen to the far left, so that the cursor is not visible */ | |
3d800c15 TL |
66 | position: absolute; |
67 | opacity: 0; | |
68 | left: -9999em; | |
69 | top: 0; | |
70 | width: 0; | |
71 | height: 0; | |
e264b129 | 72 | z-index: -5; |
3d800c15 TL |
73 | /** Prevent wrapping so the IME appears against the textarea at the correct position */ |
74 | white-space: nowrap; | |
75 | overflow: hidden; | |
76 | resize: none; | |
77 | } | |
78 | ||
79 | .xterm .composition-view { | |
80 | /* TODO: Composition position got messed up somewhere */ | |
81 | background: #000; | |
82 | color: #FFF; | |
83 | display: none; | |
84 | position: absolute; | |
85 | white-space: nowrap; | |
86 | z-index: 1; | |
87 | } | |
88 | ||
89 | .xterm .composition-view.active { | |
90 | display: block; | |
91 | } | |
92 | ||
93 | .xterm .xterm-viewport { | |
94 | /* On OS X this is required in order for the scroll bar to appear fully opaque */ | |
95 | background-color: #000; | |
96 | overflow-y: scroll; | |
97 | cursor: default; | |
98 | position: absolute; | |
99 | right: 0; | |
100 | left: 0; | |
101 | top: 0; | |
102 | bottom: 0; | |
103 | } | |
104 | ||
105 | .xterm .xterm-screen { | |
106 | position: relative; | |
107 | } | |
108 | ||
109 | .xterm .xterm-screen canvas { | |
110 | position: absolute; | |
111 | left: 0; | |
112 | top: 0; | |
113 | } | |
114 | ||
115 | .xterm .xterm-scroll-area { | |
116 | visibility: hidden; | |
117 | } | |
118 | ||
119 | .xterm-char-measure-element { | |
120 | display: inline-block; | |
121 | visibility: hidden; | |
122 | position: absolute; | |
123 | top: 0; | |
124 | left: -9999em; | |
125 | line-height: normal; | |
126 | } | |
127 | ||
3d800c15 TL |
128 | .xterm.enable-mouse-events { |
129 | /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */ | |
130 | cursor: default; | |
131 | } | |
132 | ||
4dc4b7df DC |
133 | .xterm.xterm-cursor-pointer, |
134 | .xterm .xterm-cursor-pointer { | |
3d800c15 TL |
135 | cursor: pointer; |
136 | } | |
137 | ||
138 | .xterm.column-select.focus { | |
139 | /* Column selection mode */ | |
140 | cursor: crosshair; | |
141 | } | |
142 | ||
143 | .xterm .xterm-accessibility, | |
144 | .xterm .xterm-message { | |
145 | position: absolute; | |
146 | left: 0; | |
147 | top: 0; | |
148 | bottom: 0; | |
149 | right: 0; | |
e264b129 | 150 | z-index: 10; |
3d800c15 | 151 | color: transparent; |
1ad0d6ab | 152 | pointer-events: none; |
3d800c15 TL |
153 | } |
154 | ||
155 | .xterm .live-region { | |
156 | position: absolute; | |
157 | left: -9999px; | |
158 | width: 1px; | |
159 | height: 1px; | |
160 | overflow: hidden; | |
161 | } | |
162 | ||
163 | .xterm-dim { | |
1ad0d6ab DC |
164 | /* Dim should not apply to background, so the opacity of the foreground color is applied |
165 | * explicitly in the generated class and reset to 1 here */ | |
166 | opacity: 1 !important; | |
3d800c15 TL |
167 | } |
168 | ||
1ad0d6ab DC |
169 | .xterm-underline-1 { text-decoration: underline; } |
170 | .xterm-underline-2 { text-decoration: double underline; } | |
171 | .xterm-underline-3 { text-decoration: wavy underline; } | |
172 | .xterm-underline-4 { text-decoration: dotted underline; } | |
173 | .xterm-underline-5 { text-decoration: dashed underline; } | |
174 | ||
175 | .xterm-overline { | |
176 | text-decoration: overline; | |
3d800c15 | 177 | } |
f0815f0a | 178 | |
1ad0d6ab DC |
179 | .xterm-overline.xterm-underline-1 { text-decoration: overline underline; } |
180 | .xterm-overline.xterm-underline-2 { text-decoration: overline double underline; } | |
181 | .xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; } | |
182 | .xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; } | |
183 | .xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; } | |
184 | ||
f0815f0a DC |
185 | .xterm-strikethrough { |
186 | text-decoration: line-through; | |
187 | } | |
1ad0d6ab DC |
188 | |
189 | .xterm-screen .xterm-decoration-container .xterm-decoration { | |
190 | z-index: 6; | |
191 | position: absolute; | |
192 | } | |
193 | ||
194 | .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { | |
195 | z-index: 7; | |
196 | } | |
197 | ||
198 | .xterm-decoration-overview-ruler { | |
199 | z-index: 8; | |
200 | position: absolute; | |
201 | top: 0; | |
202 | right: 0; | |
203 | pointer-events: none; | |
204 | } | |
205 | ||
206 | .xterm-decoration-top { | |
207 | z-index: 2; | |
208 | position: relative; | |
209 | } |