wcfsetup/install/files/style/ui/userIgnore.scss

   1 /* reduces the visual impact of content by ignored users */
   2 .ignoredUserContent {
   3         /* no grayscale filter in IE11 due to completely lacking support */
   4
   5         -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
   6         filter: grayscale(100%) !important; /* Firefox, Edge */
   7
   8         &:not(:hover) {
   9                 opacity: 0.5 !important;
  10         }
  11 }
  12
  13 .ignoredUserMessage {
  14         @include screen-md-up {
  15                 background-color: $wcfStatusInfoBackground !important;
  16                 border-left: 5px solid $wcfStatusInfoBorder !important;
  17                 color: $wcfStatusInfoText !important;
  18                 cursor: pointer !important;
  19
  20                 &::before {
  21                         content: attr(data-ignored-user-message);
  22                         padding: 10px 20px;
  23                 }
  24         }
  25
  26         @include screen-sm-down {
  27                 border-top: 1px solid $wcfContentBorder;
  28                 margin: 0 -10px;
  29                 padding-top: 30px;
  30
  31                 &::before {
  32                         background-color: $wcfStatusInfoBackground !important;
  33                         border-left: 5px solid $wcfStatusInfoBorder !important;
  34                         color: $wcfStatusInfoText !important;
  35                         content: attr(data-ignored-user-message);
  36                         cursor: pointer !important;
  37                         display: block;
  38                         padding: 10px;
  39                 }
  40         }
  41
  42         > * {
  43                 display: none;
  44         }
  45 }