Small style optimization
authorMarcel Werk <burntime@woltlab.com>
Wed, 31 Jul 2013 17:24:24 +0000 (19:24 +0200)
committerMarcel Werk <burntime@woltlab.com>
Wed, 31 Jul 2013 17:24:24 +0000 (19:24 +0200)
wcfsetup/install/files/style/message.less

index 44d31477ad042bc800354c17d78740194ab47fe4..60637db109c62d8a59998f3c502c2792830741f0 100644 (file)
                }
        }
        
-       &.messageDisabled {
+       &.messageDisabled:not(.messageReduced) {
                background-color: @wcfDisabledBackgroundColor;
                
                .messageSidebar {
                }
        }
        
-       &.messageDeleted {
+       &.messageDeleted:not(.messageReduced) {
                background-color: @wcfDeletedBackgroundColor;
                
                .messageSidebar {
                }
        }
        
-       &.jsMarked {
+       &.jsMarked:not(.messageReduced) {
                background-color: @wcfSelectedBackgroundColor;
                
                .messageSidebar {
@@ -650,6 +650,33 @@ li:nth-child(2n+1) .message {
                opacity: 1;
                position: relative;
        }
+       
+       &.messageDisabled {
+               border-color: @wcfDisabledColor;
+               
+               .messageContent {
+                       @wcfDisabledBackgroundGradientColor: fade(@wcfDisabledBackgroundColor, 0%);
+                       .linearGradientNative(~"to bottom, @{wcfDisabledBackgroundColor}, @{wcfDisabledBackgroundGradientColor} 90px");
+               }
+       }
+       
+       &.messageDeleted {
+               border-color: @wcfDeletedColor;
+               
+               .messageContent {
+                       @wcfDeletedBackgroundGradientColor: fade(@wcfDeletedBackgroundColor, 0%);
+                       .linearGradientNative(~"to bottom, @{wcfDeletedBackgroundColor}, @{wcfDeletedBackgroundGradientColor} 90px");
+               }
+       }
+       
+       &.jsMarked {
+               border-color: @wcfSelectedColor;
+               
+               .messageContent {
+                       @wcfSelectedBackgroundGradientColor: fade(@wcfSelectedBackgroundColor, 0%);
+                       .linearGradientNative(~"to bottom, @{wcfSelectedBackgroundColor}, @{wcfSelectedBackgroundGradientColor} 90px");
+               }
+       }
 }
 
 .messageCollapsed {