Commit | Line | Data |
---|---|---|
c947cf5f | 1 | .redactor-layer woltlab-spoiler { |
d155ee4d | 2 | background-color: $wcfContentBackground; |
8a52619a | 3 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
a9b6cdfc AE |
4 | border-radius: 2px; |
5 | display: block; | |
6 | margin: 1em 0; | |
7 | padding: 10px 20px; | |
8 | position: relative; | |
8a52619a | 9 | |
adb94be6 | 10 | &:not(.redactorCalcHeight)::before { |
333f26a7 | 11 | color: $wcfContentLink; |
a9b6cdfc AE |
12 | content: attr(data-title); |
13 | cursor: pointer; | |
14 | display: block; | |
15 | margin-bottom: 20px; | |
8a52619a | 16 | |
a9b6cdfc AE |
17 | @include wcfFontHeadline; |
18 | } | |
19 | } | |
20 | ||
3772a18e | 21 | .spoilerBox { |
9e8632c0 | 22 | clear: both; |
0663e9fb | 23 | margin: 1em 0; |
8a52619a | 24 | |
82456fe9 | 25 | > .spoilerBoxContent { |
3772a18e | 26 | background-color: $wcfContentBackground; |
8a52619a | 27 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
3772a18e AE |
28 | padding: 10px 20px; |
29 | margin-top: 10px; | |
8a52619a | 30 | |
3772a18e AE |
31 | > p:first-child { |
32 | margin-top: 0; | |
33 | } | |
8a52619a | 34 | |
3772a18e AE |
35 | > p:last-child { |
36 | margin-bottom: 0; | |
37 | } | |
84c6e07c AE |
38 | } |
39 | } |