From 693cbd247cc1d3768d56795da4a580780e6b899c Mon Sep 17 00:00:00 2001
From: PayBas <contact@paybas.com>
Date: Wed, 28 May 2014 22:49:16 +0200
Subject: [ticket/12608] Add styling (CSS class) options to notifications

This will allow different notifications to have different styles

PHPBB3-12608
---
 phpBB/styles/prosilver/template/notification_dropdown.html | 4 ++--
 phpBB/styles/prosilver/template/ucp_notifications.html     | 2 +-
 phpBB/styles/prosilver/theme/colours.css                   | 9 +++++++++
 phpBB/styles/prosilver/theme/common.css                    | 2 +-
 4 files changed, 13 insertions(+), 4 deletions(-)

(limited to 'phpBB/styles/prosilver')

diff --git a/phpBB/styles/prosilver/template/notification_dropdown.html b/phpBB/styles/prosilver/template/notification_dropdown.html
index fbe0e1efd4..4aebeb16a8 100644
--- a/phpBB/styles/prosilver/template/notification_dropdown.html
+++ b/phpBB/styles/prosilver/template/notification_dropdown.html
@@ -18,13 +18,13 @@
 				</li>
 			<!-- ENDIF -->
 			<!-- BEGIN notifications -->
-				<li class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF -->">
+				<li class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF --><!-- IF notifications.STYLING --> {notifications.STYLING}<!-- ENDIF -->">
 					<!-- IF notifications.URL -->
 						<a href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}" class="notification-block" data-real-url="{notifications.URL}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->">
 					<!-- ENDIF -->
 						<!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->
 						<div class="notification_text">
-							<p class="title">{notifications.FORMATTED_TITLE}</p>
+							<p class="notification-title">{notifications.FORMATTED_TITLE}</p>
 							<!-- IF notifications.REFERENCE --><p class="notification-reference">{notifications.REFERENCE}</p><!-- ENDIF -->
 							<!-- IF notifications.FORUM --><p class="notification-forum">{notifications.FORUM}</p><!-- ENDIF -->
 							<!-- IF notifications.REASON --><p class="notification-reason">{notifications.REASON}</p><!-- ENDIF -->
diff --git a/phpBB/styles/prosilver/template/ucp_notifications.html b/phpBB/styles/prosilver/template/ucp_notifications.html
index 61df0c9cf5..a7cf2f43aa 100644
--- a/phpBB/styles/prosilver/template/ucp_notifications.html
+++ b/phpBB/styles/prosilver/template/ucp_notifications.html
@@ -65,7 +65,7 @@
 				</ul>
 				<ul class="topiclist cplist two-columns">
 					<!-- BEGIN notification_list -->
-						<li class="row<!-- IF notification_list.UNREAD --> bg3<!-- ELSE --><!-- IF notification_list.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- ENDIF -->">
+						<li class="row<!-- IF notification_list.UNREAD --> bg3<!-- ELSE --><!-- IF notification_list.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- ENDIF --><!-- IF notification_list.STYLING --> {notification_list.STYLING}<!-- ENDIF -->">
 							<dl>
 								<dt>
 									<div class="list-inner">										
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 875e61020b..a022c361c3 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -235,6 +235,15 @@ p.post-notice.reported:before, p.post-notice.error:before {
 	background-image: url("./images/icon_topic_reported.gif");
 }
 
+.notification_list p.notification-time {
+	color: #4C5D77;
+}
+
+.notification_list .reported p.notifications_title strong,
+.notification_list .reported p.notification-title strong {
+	color: #D31141;
+}
+
 /*
 --------------------------------------------------------------
 Colours and backgrounds for links.css
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 50e89928d0..75ae7ae59d 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -1199,7 +1199,7 @@ form > p.post-notice strong {
 	white-space: nowrap;
 }
 
-.notification_list ul li p.notification-time {
+.notification_list p.notification-time {
 	font-size: 0.9em;
 	margin: 0;
 	text-align: right;
-- 
cgit v1.2.1