From 6a200b7004fa99f1942985f3765de90e6f4037ec Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 5 Jun 2012 19:54:56 +0200
Subject: [PATCH] Added some CSS for collapsed messages

---
 wcfsetup/install/files/style/message.less | 65 +++++++++++++++++++++--
 1 file changed, 62 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 5076ce169d..f1686bd454 100644
--- 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);
-- 
2.20.1