Added some CSS for collapsed messages

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 5076ce169dfa3c542fa28cf0fa0fa7c62a491b75..f1686bd4548676c77fd2c47b9fd543b732a086a9 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -15,8 +15,28 @@
                        opacity: 1;
        }
        
-       &.deleted {
-               opacity: .5;
+       &.messageDeleted {
+               background-color: @wcfErrorBackgroundColor;
+               
+               .messageSidebar {
+                       color: @wcfErrorColor !important;
+                       
+                       a {
+                               color: @wcfErrorColor !important;
+                       }
+               }
+       }
+       
+       &.messageDisabled:not(.messageDeleted) {
+               background-color: @wcfSuccessBackgroundColor;
+               
+               .messageSidebar {
+                       color: @wcfSuccessColor !important;
+                       
+                       a {
+                               color: @wcfSuccessColor !important;
+                       }
+               }
        }
 }
        
@@ -102,6 +122,11 @@
                
                a {
                        padding: 1px 5px;
+                       vertical-align: middle;
+               }
+               
+               input[type=checkbox] {
+                       vertical-align: middle;
                }
        }
 }
@@ -157,7 +182,7 @@
 .message .messageContent {
        background-color: @wcfContainerBackgroundColor;
        
-       .borderRadius();
+       .borderRadius(5px, 4px, 4px, 5px);
        
        .messageHeader {
                padding: @wcfGapMedium @wcfGapLarge 0;
@@ -300,6 +325,40 @@ li:nth-child(2n+1) .message {
        }
 }
 
+.messageCollapsed {
+       background-color: lighten(@wcfContainerBorderColor, 16%);
+       border-color: lighten(@wcfContainerBorderColor, 8%);
+       color: @wcfDimmedColor;
+       opacity: .7;
+       padding: @wcfGapMedium @wcfGapLarge;
+
+       .boxShadow(0, 0, @wcfErrorBackgroundColor, 10px);
+       .transition(opacity, .1s);
+       
+       &:hover {
+               opacity: 1;
+       }
+       
+       &.messageCollapsedExpandable {
+               cursor: pointer;
+       }
+       
+       p {
+               display: inline-block;
+               vertical-align: middle;
+               
+               span {
+                       display: block;
+                       font-size: @wcfSmallFontSize;
+                       margin-left: @wcfGapSmall;
+               }
+       }
+       
+       .messageCounter {
+               padding-top: 3px;
+       }
+}
+
 /*todo: move*/
 .highlight {
        background-color: rgba(255, 200, 0, 1);