From b8b9bbe53a7f771a8ce4bc331bab30d27d06507c Mon Sep 17 00:00:00 2001 From: Devaev Maxim Date: Thu, 20 Feb 2020 22:58:00 +0300 Subject: css --- web/kvm/index.html | 384 +++++++++++++++++++++++++---------------------- web/share/css/keypad.css | 3 +- web/share/css/main.css | 7 +- 3 files changed, 209 insertions(+), 185 deletions(-) diff --git a/web/kvm/index.html b/web/kvm/index.html index 8a4f759b..81d4d340 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -313,8 +313,8 @@
@@ -359,14 +359,14 @@
-

Mouse
Left

-

•
← Hold

+
Mouse
Left
+
•
← Hold
-

Mouse
Middle

-

•
← Hold

+
Mouse
Middle
+
•
← Hold
-

•
Hold →

-

Mouse
Right

+
•
Hold →
+
Mouse
Right
@@ -380,128 +380,138 @@
-

Esc

+
Esc
-

F1

-

F2

-

F3

-

F4

+
F1
+
F2
+
F3
+
F4
-

F5

-

F6

-

F7

-

F8

+
F5
+
F6
+
F7
+
F8
-

F9

-

F10

-

F11

-

F12

+
F9
+
F10
+
F11
+
F12
-

~
`

-

!
1

-

@
2

-

#
3

-

$
4

-

%
5

-

^
6

-

&
7

-

*
8

-

(
9

-

)
0

-

_
-

-

+
=

-

↤

+
~
`
+
!
1
+
@
2
+
#
3
+
$
4
+
%
5
+
^
6
+
&
7
+
*
8
+
(
9
+
)
0
+
_
-
+
+
=
+
↤
-

⇤
⇥

-

Q

-

W

-

E

-

R

-

T

-

Y

-

U

-

I

-

O

-

P

-

{
[

-

}
]

-

|
\

+
⇤
⇥
+
Q
+
W
+
E
+
R
+
T
+
Y
+
U
+
I
+
O
+
P
+
{
[
+
}
]
+
|
\
- -

Caps Lock

+
+ + +
+ + Caps Lock +
-

A

-

S

-

D

-

F

-

G

-

H

-

J

-

K

-

L

-

:
;

-

"
'

-

Enter
↵

+
A
+
S
+
D
+
F
+
G
+
H
+
J
+
K
+
L
+
:
;
+
"
'
+
Enter
↵
-

•
Shift

-

Z

-

X

-

C

-

V

-

B

-

N

-

M

-

<
,

-

>
.

-

?
/

-

•
Shift

+
•
Shift
+
Z
+
X
+
C
+
V
+
B
+
N
+
M
+
<
,
+
>
.
+
?
/
+
•
Shift
-

•
Ctrl

-

•
Win

-

•
Alt

+
•
Ctrl
+
•
Win
+
•
Alt
-

•
Alt

-

•
Win

-

•
Ctrl

+
•
Alt
+
•
Win
+
•
Ctrl
-

•
Pt/Sq

+
•
Pt/Sq
- -

ScrLk

+
+ + +
+ + ScrLk +
-

P/Brk

+
P/Brk
-

Ins

-

Home

-

PgUp

+
Ins
+
Home
+
PgUp
-

Del

-

End

-

PgDn

+
Del
+
End
+
PgDn
-

↑

+
↑
-

←

-

↓

-

→

+
←
+
↓
+
→
@@ -509,111 +519,121 @@
-

Esc

+
Esc
-

F1

-

F2

-

F3

-

F4

-

F5

-

F6

-

F7

-

F8

-

F9

-

F10

-

F11

-

F12

+
F1
+
F2
+
F3
+
F4
+
F5
+
F6
+
F7
+
F8
+
F9
+
F10
+
F11
+
F12
-

•
Pt/Sq

+
•
Pt/Sq
- -

ScrLk

+
+ + +
+ + ScrLk +
-

P/Brk

-

Ins

-

Home

-

End

-

Del

+
P/Brk
+
Ins
+
Home
+
End
+
Del
-

~
`

-

!
1

-

@
2

-

#
3

-

$
4

-

%
5

-

^
6

-

&
7

-

*
8

-

(
9

-

)
0

-

_
-

-

+
=

-

↤

+
~
`
+
!
1
+
@
2
+
#
3
+
$
4
+
%
5
+
^
6
+
&
7
+
*
8
+
(
9
+
)
0
+
_
-
+
+
=
+
↤
-

⇤
⇥

-

Q

-

W

-

E

-

R

-

T

-

Y

-

U

-

I

-

O

-

P

-

{
[

-

}
]

-

|
\

+
⇤
⇥
+
Q
+
W
+
E
+
R
+
T
+
Y
+
U
+
I
+
O
+
P
+
{
[
+
}
]
+
|
\
- -

Caps Lock

+
+ + +
+ + Caps Lock +
-

A

-

S

-

D

-

F

-

G

-

H

-

J

-

K

-

L

-

:
;

-

"
'

-

Enter
↵

+
A
+
S
+
D
+
F
+
G
+
H
+
J
+
K
+
L
+
:
;
+
"
'
+
Enter
↵
-

•
Shift

-

Z

-

X

-

C

-

V

-

B

-

N

-

M

-

<
,

-

>
.

-

?
/

-

PgUp

-

↑

-

PgDn

+
•
Shift
+
Z
+
X
+
C
+
V
+
B
+
N
+
M
+
<
,
+
>
.
+
?
/
+
PgUp
+
↑
+
PgDn
-

•
Ctrl

-

•
Win

-

•
Alt

+
•
Ctrl
+
•
Win
+
•
Alt
-

•
Alt

-

•
Win

-

•
Shift

-

•
Ctrl

-

←

-

↓

-

→

+
•
Alt
+
•
Win
+
•
Shift
+
•
Ctrl
+
←
+
↓
+
→
diff --git a/web/share/css/keypad.css b/web/share/css/keypad.css index abd01578..a0030006 100644 --- a/web/share/css/keypad.css +++ b/web/share/css/keypad.css @@ -116,13 +116,14 @@ div.keypad div.small { font-size: 0.7em; } -div.keypad p { +div.keypad div.label { margin: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } + div.keypad b { color: var(--cs-key-holded-bg); } diff --git a/web/share/css/main.css b/web/share/css/main.css index ab506a1b..423162e1 100644 --- a/web/share/css/main.css +++ b/web/share/css/main.css @@ -80,9 +80,12 @@ img.svg-gray { filter: invert(0.7); vertical-align: middle; } -img.inline { + +img.inline-lamp { vertical-align: middle; - height: 0.8em; + height: 8px; + margin-left: 2px; + margin-right: 2px; } button, -- cgit v1.2.3