/**
* xterm.js: xterm, in the browser
- * Copyright (c) 2014, sourceLair Limited (www.sourcelair.com (MIT License)
+ * Copyright (c) 2014-2016, SourceLair Private Company (www.sourcelair.com (MIT License)
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
*
background-color: #000;
color: #fff;
font-family: courier-new, courier, monospace;
+ font-feature-settings: "liga" 0;
position: relative;
}
+.terminal.focus,
.terminal:focus {
outline: none;
}
-.terminal .terminal-cursor {
+.terminal .xterm-helpers {
+ position: absolute;
+ top: 0;
+}
+
+.terminal .xterm-helper-textarea {
+ /*
+ * HACK: to fix IE's blinking cursor
+ * Move textarea out of the screen to the far left, so that the cursor is not visible.
+ */
+ position: absolute;
+ opacity: 0;
+ left: -9999em;
+ top: 0;
+ width: 0;
+ height: 0;
+ z-index: -10;
+ /** Prevent wrapping so the IME appears against the textarea at the correct position */
+ white-space: nowrap;
+ overflow: hidden;
+ resize: none;
+}
+
+.terminal a {
+ color: inherit;
+ text-decoration: none;
+}
+
+.terminal a:hover {
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor {
background-color: #fff;
color: #000;
}
-.terminal:not(:focus) .terminal-cursor {
+.terminal:not(.focus) .terminal-cursor {
outline: 1px solid #fff;
outline-offset: -1px;
background-color: transparent;
}
+.terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar).focus.xterm-cursor-blink .terminal-cursor {
+ animation: xterm-cursor-blink 1.2s infinite step-end;
+}
+
+@keyframes xterm-cursor-blink {
+ 0% { }
+ 50% {
+ background-color: transparent;
+ color: inherit;
+ }
+}
+
+.terminal.xterm-cursor-style-bar .terminal-cursor,
+.terminal.xterm-cursor-style-underline .terminal-cursor {
+ position: relative;
+}
+.terminal.xterm-cursor-style-bar .terminal-cursor::before,
+.terminal.xterm-cursor-style-underline .terminal-cursor::before {
+ content: "";
+ display: block;
+ position: absolute;
+ background-color: #fff;
+}
+.terminal.xterm-cursor-style-bar .terminal-cursor::before {
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 1px;
+}
+.terminal.xterm-cursor-style-underline .terminal-cursor::before {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 1px;
+}
+.terminal.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
+.terminal.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
+ animation: xterm-cursor-non-bar-blink 1.2s infinite step-end;
+}
+@keyframes xterm-cursor-non-bar-blink {
+ 0% { background-color: #fff; }
+ 50% { background-color: transparent; }
+}
+
+.terminal .composition-view {
+ background: #000;
+ color: #FFF;
+ display: none;
+ position: absolute;
+ white-space: nowrap;
+ z-index: 1;
+}
+
+.terminal .composition-view.active {
+ display: block;
+}
+
+.terminal .xterm-viewport {
+ /* On OS X this is required in order for the scroll bar to appear fully opaque */
+ background-color: #000;
+ overflow-y: scroll;
+}
+
+.terminal .xterm-wide-char {
+ display: inline-block;
+}
+
+.terminal .xterm-rows {
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.terminal .xterm-rows > div {
+ /* Lines containing spans and text nodes ocassionally wrap despite being the same width (#327) */
+ white-space: nowrap;
+}
+
+.terminal .xterm-scroll-area {
+ visibility: hidden;
+}
+
+.terminal .xterm-char-measure-element {
+ display: inline-block;
+ visibility: hidden;
+ position: absolute;
+ left: -9999em;
+}
+
/*
* Determine default colors for xterm.js
*/
.terminal .xterm-bg-color-255 {
background-color: #eeeeee;
}
-
-/**
- * All terminal rows should have explicitly declared height,
- * in order to allow child elements to adjust.
- */
-.terminal .xterm-rows > div {
- line-height: normal;
-}