DmitrMakeev commited on
Commit
d763333
·
verified ·
1 Parent(s): 2dd5fbe

Update spoller.html

Browse files
Files changed (1) hide show
  1. spoller.html +13 -16
spoller.html CHANGED
@@ -1,16 +1,7 @@
1
  <style>
2
- /* УНИВЕРСАЛЬНЫЕ СТИЛИ ДЛЯ ЛЮБОГО КОЛИЧЕСТВА СПОЙЛЕРОВ */
3
- .spoiler-wrapper {
4
- margin: 20px 0;
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
- transition: all 0.3s;
 
 
26
  gap: 8px;
27
  }
28
 
29
- .spoiler-button:hover {
 
30
  background-color: #e0e0e0;
31
  }
32
 
33
- .spoiler-content {
 
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
- .spoiler-arrow {
 
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>