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: .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
  27         @include screen-sm-down {
  28                 border-top: 1px solid $wcfContentBorder;
  29                 margin: 0 -10px;
  30                 padding-top: 30px;
  31
  32                 &::before {
  33                         background-color: $wcfStatusInfoBackground !important;
  34                         border-left: 5px solid $wcfStatusInfoBorder !important;
  35                         color: $wcfStatusInfoText !important;
  36                         content: attr(data-ignored-user-message);
  37                         cursor: pointer !important;
  38                         display: block;
  39                         padding: 10px;
  40                 }
  41         }
  42
  43         > * {
  44                 display: none;
  45         }
  46 }