-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patht.html
More file actions
128 lines (121 loc) · 5.21 KB
/
t.html
File metadata and controls
128 lines (121 loc) · 5.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.sdb-popup-card-def-sound {
cursor: pointer;
margin: 0 0 0 1em;
vertical-align: middle;
display: inline-block;
position: relative;
color: #1d9bf5;
background: none;
padding: 2px;
border-radius: 2px;
width: 1.5em;
height: 1.5em;
opacity: 1;
}
.sdb-popup-card-def-sound > svg {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
display: none;
}
.sdb-popup-card-def-sound:hover > svg {
display: none;
}
.sdb-popup-card-def-sound > svg.default-sound {
display: block;
}
.sdb-popup-card-def-sound:hover > svg.default-sound-hover {
display: block;
}
.sdb-popup-card-def-sound_animation > svg:nth-of-type(1) {
-webkit-animation: _3uPUn .6s 0s infinite;
animation: _3uPUn .6s 0s infinite;
z-index: 1;
}
.sdb-popup-card-def-sound_animation > svg:nth-of-type(2) {
-webkit-animation: _2ap2e .6s 0s infinite;
animation: _2ap2e .6s 0s infinite;
z-index: 1;
}
.sdb-popup-card-def-sound_animation > svg:nth-of-type(3) {
-webkit-animation: UHd5D .6s 0s infinite;
animation: UHd5D .6s 0s infinite;
z-index: 1;
}
.sdb-popup-card-def-sound_animation > svg:nth-of-type(4) {
-webkit-animation: _2_tKW .6s 0s infinite;
animation: _2_tKW .6s 0s infinite;
z-index: 1;
}
.sdb-popup-card-def-sound_animation > .default-sound {
-webkit-animation: _15Npa .6s 0s infinite;
animation: _15Npa .6s 0s infinite;
display: inline-block;
opacity: 0;
z-index: 0;
}
.sdb-popup-card-def-sound_animation > .default-sound-hover {
display: none;
}
</style>
</head>
<body>
<div class="sdb-popup-card-def-sound __sdb-popup-card-def-sound_animation__">
<svg viewBox="0 0 25 21"><title>sound1</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7zM15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#1D9BF5"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#8ECDFA"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#D2EBFD"></path>
</g>
</svg>
<svg data-reactid="s0.0.1" viewBox="0 0 25 21"><title>sound4</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7z" stroke="#1D9BF5"></path>
<path d="M15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#8ECDFA"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#1D9BF5"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#D2EBFD"></path>
</g>
</svg>
<svg data-reactid="s0.0.2" viewBox="0 0 25 21"><title>sound2</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7z" stroke="#1D9BF5"></path>
<path d="M15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#D2EBFD"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#8ECDFA"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#1D9BF5"></path>
</g>
</svg>
<svg data-reactid="s0.0.3" viewBox="0 0 25 21"><title>sound3</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7z" stroke="#1D9BF5"></path>
<path d="M15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#8ECDFA"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#D2EBFD"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#1D9BF5"></path>
</g>
</svg>
<svg class="default-sound" data-reactid="s0.0.4" viewBox="0 0 25 21"><title>sound</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7z" stroke="#1D9BF5"></path>
<path d="M15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#D2EBFD"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#D2EBFD"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#D2EBFD"></path>
</g>
</svg>
<svg class="default-sound-hover" data-reactid="s0.0.5" viewBox="0 0 25 21"><title>sound2</title>
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.525 7.445h-3.5c-.83 0-1.5.672-1.5 1.5v3c0 .828.67 1.5 1.5 1.5h3.5l7 7v-20l-7 7z" stroke="#1D9BF5"></path>
<path d="M15.525 6.945c1.125.818 2 2.002 2 3.5 0 1.498-.874 2.682-2 3.5" stroke="#1D9BF5"></path>
<path d="M17.525 4.445c1.667 1.376 3 3.67 3 6 0 2.326-1.34 4.624-3 6" stroke="#1D9BF5"></path>
<path d="M19.525 2.445c2.223 1.835 4 4.893 4 8 0 3.1-1.785 6.165-4 8" stroke="#1D9BF5"></path>
</g>
</svg>
</div>
</body>
</html>