From 7e80892cea3a30faf5dd7059031c9dba019f27bb Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 31 Mar 2012 00:27:07 +0200
Subject: [PATCH] Added CSS for notifications

---
 wcfsetup/install/files/style/bootstrap.less   |  1 +
 .../install/files/style/notification.less     | 71 +++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 wcfsetup/install/files/style/notification.less

diff --git a/wcfsetup/install/files/style/bootstrap.less b/wcfsetup/install/files/style/bootstrap.less
index a1e1fe61ae..978d6242c6 100644
--- a/wcfsetup/install/files/style/bootstrap.less
+++ b/wcfsetup/install/files/style/bootstrap.less
@@ -32,6 +32,7 @@
 @import "message.less";
 @import "dialog.less";
 @import "tooltip.less";
+@import "notification.less";
 
 /* application */
 @import "wbb.less";
\ No newline at end of file
diff --git a/wcfsetup/install/files/style/notification.less b/wcfsetup/install/files/style/notification.less
new file mode 100644
index 0000000000..d8a8aae89f
--- /dev/null
+++ b/wcfsetup/install/files/style/notification.less
@@ -0,0 +1,71 @@
+/*  
+Be careful with the following classes! 
+ - [.scrollableContainer] Don't touch!
+ - [.scrollableItems] Keep the inflated width, you may lower its number but it must be incredible bloated
+ - [.scrollableItems > div] Must be a fixed-width float, otherwise it would break the "scrollable"-class from jQueryTools. 
+ 	Do NOT use css-tables or [display: inline-block] as it won't work with the whole magic
+*/
+
+.userNotificationContainer {
+	width: 240px;
+}
+
+.userNotificationDetails {
+	padding: @wcfGapSmall;
+	width: 250px - 2 * @wcfGapSmall;
+
+	section {
+		border-top: 1px solid @wcfContainerBorderColor;
+	}
+	
+	nav {
+		border-top: 1px solid @wcfContainerBorderColor;
+		margin-top: @wcfGapSmall;
+		padding-top: @wcfGapSmall;
+		text-align: center;
+		
+		ul {
+			display: inline-block;
+		}
+	}
+}
+
+.scrollableContainer {
+	font-size: 90%;
+	overflow: hidden;
+	position: relative;
+	width: 250px;
+	
+	.scrollableItems {
+		position: relative;
+		width: 20000em;
+		
+		> div {
+			border-right: 1px solid @wcfContainerBorderColor;
+			cursor: default;
+			float: left;
+			width: 250px;
+		}
+	}
+	
+	> div:first-child {
+		ul {
+			margin: 0;
+			padding: 0;
+			
+			li {
+				border-top: 1px solid @wcfContainerBorderColor;
+				cursor: pointer;
+				padding: @wcfGapSmall;
+				
+				&:first-child {
+					border-top-width: 0;
+				}
+			}
+		}
+		
+		p {
+			padding: 4px 14px;
+		}
+	}
+}
\ No newline at end of file
-- 
2.20.1