Spaces:
Sleeping
Sleeping
Update spoller.html
Browse files- spoller.html +13 -16
spoller.html
CHANGED
@@ -1,16 +1,7 @@
|
|
1 |
<style>
|
2 |
-
/* УНИВЕРСАЛЬНЫЕ СТИЛИ
|
3 |
-
.
|
4 |
-
|
5 |
-
}
|
6 |
-
|
7 |
-
.spoiler-divider {
|
8 |
-
height: 1px;
|
9 |
-
background-color: #ddd;
|
10 |
-
margin: 10px 0;
|
11 |
-
}
|
12 |
-
|
13 |
-
.spoiler-button {
|
14 |
display: flex;
|
15 |
align-items: center;
|
16 |
justify-content: center;
|
@@ -22,23 +13,29 @@
|
|
22 |
cursor: pointer;
|
23 |
font-size: 16px;
|
24 |
text-transform: uppercase;
|
25 |
-
|
|
|
|
|
26 |
gap: 8px;
|
27 |
}
|
28 |
|
29 |
-
.
|
|
|
30 |
background-color: #e0e0e0;
|
31 |
}
|
32 |
|
33 |
-
.
|
|
|
34 |
padding: 16px;
|
35 |
border: 1px solid #ddd;
|
36 |
border-top: none;
|
37 |
border-radius: 0 0 4px 4px;
|
38 |
display: none;
|
|
|
39 |
}
|
40 |
|
41 |
-
.
|
|
|
42 |
transition: transform 0.3s;
|
43 |
}
|
44 |
</style>
|
|
|
1 |
<style>
|
2 |
+
/* УНИВЕРСАЛЬНЫЕ СТИЛИ (только добавлено, ничего не заменено) */
|
3 |
+
.spoiler1-button,
|
4 |
+
.spoiler2-button {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5 |
display: flex;
|
6 |
align-items: center;
|
7 |
justify-content: center;
|
|
|
13 |
cursor: pointer;
|
14 |
font-size: 16px;
|
15 |
text-transform: uppercase;
|
16 |
+
letter-spacing: 0.5px;
|
17 |
+
transition: background-color 0.3s;
|
18 |
+
margin: 10px 0;
|
19 |
gap: 8px;
|
20 |
}
|
21 |
|
22 |
+
.spoiler1-button:hover,
|
23 |
+
.spoiler2-button:hover {
|
24 |
background-color: #e0e0e0;
|
25 |
}
|
26 |
|
27 |
+
.spoiler1-content,
|
28 |
+
.spoiler2-content {
|
29 |
padding: 16px;
|
30 |
border: 1px solid #ddd;
|
31 |
border-top: none;
|
32 |
border-radius: 0 0 4px 4px;
|
33 |
display: none;
|
34 |
+
margin-top: -4px;
|
35 |
}
|
36 |
|
37 |
+
.arrow {
|
38 |
+
flex-shrink: 0;
|
39 |
transition: transform 0.3s;
|
40 |
}
|
41 |
</style>
|