wcfsetup/install/files/style/bbcode/spoiler.scss

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