From 80ccdf8cf38206d8a7bc69b47c2cc3dd748b32b4 Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Sat, 18 Jan 2014 22:06:24 -0800
Subject: [PATCH] Css fix for notifications
---
css/civicrm.css | 19 +++++++++----------
1 file changed, 9 insertions(+), 10 deletions(-)
diff --git a/css/civicrm.css b/css/civicrm.css
index 5d5c0c9d9c..b5bcd9a9d5 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -4146,7 +4146,7 @@ div.m ul#civicrm-menu,
right: 15px;
z-index: 999999;
}
-.crm-container div.ui-notify-message {
+#crm-notification-container div.ui-notify-message {
padding: 10px;
margin-bottom: 15px;
color: #fff;
@@ -4156,23 +4156,22 @@ div.m ul#civicrm-menu,
max-height: 600px;
overflow: auto;
}
-.crm-container div.ui-notify-message h1 {
+#crm-notification-container div.ui-notify-message h1 {
font-size: 14px;
margin: 0;
padding: 4px;
font-weight: bold;
color: #fff;
}
-.crm-container div.ui-notify-message p {
+#crm-notification-container div.ui-notify-message p {
margin: 3px 0;
padding: 0;
line-height: 18px;
}
-.crm-container div.ui-notify-message:last-child {
+#crm-notification-container div.ui-notify-message:last-child {
margin-bottom: 0;
}
-.crm-container div.ui-notify-message-style {
- background: #000;
+#crm-notification-container div.ui-notify-message-style {
background: rgba(0,0,0,0.8);
box-shadow: 0 0 6px #000;
}
@@ -4185,10 +4184,10 @@ div.m ul#civicrm-menu,
.crm-container div.ui-notify-message-style a:focus {
color: #B2B8FF;
}
-.crm-container div.ui-notify-message .ui-notify-close {
+#crm-notification-container .ui-notify-message .ui-notify-close {
cursor: pointer;
}
-.crm-container div.ui-notify-message a.ui-notify-cross {
+#crm-notification-container .ui-notify-message a.ui-notify-cross {
margin-top: -4px;
float: right;
text-decoration: none;
@@ -4198,8 +4197,8 @@ div.m ul#civicrm-menu,
padding: 2px;
color: #FDFDFD;
}
-.crm-container div.ui-notify-message .ui-notify-cross:hover,
-.crm-container div.ui-notify-message .ui-notify-cross:focus {
+#crm-notification-container .ui-notify-message .ui-notify-cross:hover,
+#crm-notification-container .ui-notify-message .ui-notify-cross:focus {
color: #ffffab;
}
.crm-container div.ui-notify-message table,
--
GitLab