1 | .command-line-prompt {
|
2 | border-right: 1px solid #999;
|
3 | display: block;
|
4 | float: left;
|
5 | font-size: 100%;
|
6 | letter-spacing: -1px;
|
7 | margin-right: 1em;
|
8 | pointer-events: none;
|
9 | text-align: right;
|
10 |
|
11 | -webkit-user-select: none;
|
12 | -moz-user-select: none;
|
13 | -ms-user-select: none;
|
14 | user-select: none;
|
15 | }
|
16 |
|
17 | .command-line-prompt > span:before {
|
18 | opacity: 0.7;
|
19 | content: ' ';
|
20 | display: block;
|
21 | padding-right: 0.8em;
|
22 | }
|
23 |
|
24 | .command-line-prompt > span[data-user]:before {
|
25 | content: "[" attr(data-user) "@" attr(data-host) "] $";
|
26 | }
|
27 |
|
28 | .command-line-prompt > span[data-user="root"]:before {
|
29 | content: "[" attr(data-user) "@" attr(data-host) "] #";
|
30 | }
|
31 |
|
32 | .command-line-prompt > span[data-prompt]:before {
|
33 | content: attr(data-prompt);
|
34 | }
|
35 |
|
36 | .command-line-prompt > span[data-continuation-prompt]:before {
|
37 | content: attr(data-continuation-prompt);
|
38 | }
|
39 |
|
40 | .command-line span.token.output {
|
41 |
|
42 | opacity: 0.7;
|
43 | }
|