SandboXP

1
#runtime_infos {
2
  font-family: DejaVu Sans Mono, monospace;
3
  font-size: 13px;
4
  border: 1px solid #333;
5
  background-color: #000;
6
  padding: 4px;
7
  color: #fff;
8
  float: left;
9
  width: 250px;
10
  margin-bottom: 7px;
11
  margin-right: 7px;
12
  padding-bottom: 7px;
13
}
14

15
#vga {
16
  -webkit-transform-origin: top left;
17
  -moz-transform-origin: top left;
18
  transform-origin: top left;
19
  background-color: #000;
20
}
21

22
body {
23
  background: rgb(2, 0, 36);
24
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 134, 255, 1) 100%);
25
  color: #fff;
26
  line-height: 1.5;
27
  padding: 10px;
28
  font-family: sans-serif;
29
  overflow-x: hidden;
30
}
31

32
a {
33
  color: wheat;
34
  text-decoration: none;
35
}
36

37
.phone_keyboard {
38
  width: 0;
39
  height: 0;
40
  resize: none;
41
  position: absolute;
42
  opacity: 0;
43
  left: -9999em;
44
  top: 0;
45
  z-index: -10;
46
  white-space: nowrap;
47
  overflow: hidden;
48
}
49

50
h4 {
51
  margin: 0 0 9px 0;
52
}
53

54
#start_emulation {
55
  padding: 6px 18px;
56
  font-size: 16px;
57
  font-weight: bold;
58
}
59

60
#setup_error {
61
  color: red;
62
  font-weight: bold;
63
  background-color: #222;
64
  padding: 8px 18px;
65
}
66

67
#config_link {
68
  font-weight: bold;
69
  background-color: #222;
70
  padding: 8px 18px;
71
}
72

73
#screen_container {
74
  float: left;
75
  margin-right: 10px;
76
  margin-bottom: 10px;
77
  outline: 1px solid #555;
78
}
79

80
#boot_options a {
81
  text-decoration: none;
82
  font-weight: bold;
83
  font-size: 16px;
84
}
85

86
#boot_options td {
87
  padding: 1px 7px;
88
}
89

90
#oses small {
91
  font-size: 80%;
92
  color: #ccc;
93
  padding-left: 5px;
94
}
95

96
#oses tr {
97
  cursor: pointer;
98
}
99

100
#oses {
101
  border-spacing: 0;
102
}
103

104
#oses tr:hover {
105
  background-color: #311;
106
}
107

108
#oses td:nth-child(1) {
109
  white-space: pre;
110
  vertical-align: top;
111
}
112

113
#terminal {
114
  max-width: 1024px;
115
}
116

117
/* the code below was copied from xterm.css */
118
.xterm {
119
  font-feature-settings: "liga"0;
120
  position: relative;
121
  user-select: none;
122
  -ms-user-select: none;
123
  -webkit-user-select: none;
124
}
125

126
.xterm.focus,
127
.xterm:focus {
128
  outline: none;
129
}
130

131
.xterm .xterm-helpers {
132
  position: absolute;
133
  top: 0;
134
  /**
135
     * The z-index of the helpers must be higher than the canvases in order for
136
     * IMEs to appear on top.
137
     */
138
  z-index: 5;
139
}
140

141
.xterm .xterm-helper-textarea {
142
  padding: 0;
143
  border: 0;
144
  margin: 0;
145
  /* Move textarea out of the screen to the far left, so that the cursor is not visible */
146
  position: absolute;
147
  opacity: 0;
148
  left: -9999em;
149
  top: 0;
150
  width: 0;
151
  height: 0;
152
  z-index: -5;
153
  /** Prevent wrapping so the IME appears against the textarea at the correct position */
154
  white-space: nowrap;
155
  overflow: hidden;
156
  resize: none;
157
}
158

159
.xterm .composition-view {
160
  /* TODO: Composition position got messed up somewhere */
161
  background: #000;
162
  color: #FFF;
163
  display: none;
164
  position: absolute;
165
  white-space: nowrap;
166
  z-index: 1;
167
}
168

169
.xterm .composition-view.active {
170
  display: block;
171
}
172

173
.xterm .xterm-viewport {
174
  /* On OS X this is required in order for the scroll bar to appear fully opaque */
175
  background-color: #000;
176
  overflow-y: scroll;
177
  cursor: default;
178
  position: absolute;
179
  right: 0;
180
  left: 0;
181
  top: 0;
182
  bottom: 0;
183
}
184

185
.xterm .xterm-screen {
186
  position: relative;
187
}
188

189
.xterm .xterm-screen canvas {
190
  position: absolute;
191
  left: 0;
192
  top: 0;
193
}
194

195
.xterm .xterm-scroll-area {
196
  visibility: hidden;
197
}
198

199
.xterm-char-measure-element {
200
  display: inline-block;
201
  visibility: hidden;
202
  position: absolute;
203
  top: 0;
204
  left: -9999em;
205
  line-height: normal;
206
}
207

208
.xterm {
209
  cursor: text;
210
}
211

212
.xterm.enable-mouse-events {
213
  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
214
  cursor: default;
215
}
216

217
.xterm.xterm-cursor-pointer {
218
  cursor: pointer;
219
}
220

221
.xterm.column-select.focus {
222
  /* Column selection mode */
223
  cursor: crosshair;
224
}
225

226
.xterm .xterm-accessibility,
227
.xterm .xterm-message {
228
  position: absolute;
229
  left: 0;
230
  top: 0;
231
  bottom: 0;
232
  right: 0;
233
  z-index: 10;
234
  color: transparent;
235
}
236

237
.xterm .live-region {
238
  position: absolute;
239
  left: -9999px;
240
  width: 1px;
241
  height: 1px;
242
  overflow: hidden;
243
}
244

245
.xterm-dim {
246
  opacity: 0.5;
247
}
248

249
.xterm-underline {
250
  text-decoration: underline;
251
}
252

253
#start_winxp {
254
  width: 100%;
255
  height: 60px;
256
  font-family: 'Segoe UI', default;
257
  font-size: 40px;
258
  transition: 0.5s all;
259
}
260

261
#start_winxp:hover {
262
  transform: rotate(-5deg) scale(1.1);
263
}
264