From 80ccdf8cf38206d8a7bc69b47c2cc3dd748b32b4 Mon Sep 17 00:00:00 2001 From: Coleman Watts 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, -- 2.25.1