Posted By

pushmonkey on 04/27/18


Tagged

web cart Ecommerce push notifications Abandoned


Versions (?)

Push Monkey - Push Notification for Desktop & Mobile


 / Published in: HTML
 

URL: https://getpushmonkey.com/

The best and most trusted Desktop Web Push Notifications for your website which is trusted by over 5000+ businesses globally. Try the Push Monkey Push Notification plug in on your website to start increasing sales, visitor retention and even re-engage subscribers.

  1. .push-monkey-theme {
  2. border: 0;
  3. box-shadow: none;
  4. overflow: hidden;
  5. position: relative;
  6. }
  7.  
  8. #noty_bottom_layout_container .push-monkey-theme,
  9. #noty_top_layout_container .push-monkey-theme {
  10. height:34px;
  11. }
  12.  
  13. .push-monkey-theme.noty_container_type_alert {
  14. background-color: #f5f5f5;
  15. }
  16.  
  17. .push-monkey-theme.noty_container_type_information {
  18. background-color: #bbe1e8;
  19. }
  20.  
  21. .push-monkey-theme.noty_container_type_error {
  22. background-color: #eaadad;
  23. color: #fff;
  24. font-weight: bold
  25. }
  26.  
  27. .push-monkey-theme.noty_container_type_warning {
  28. background-color: #fbb450;
  29. color: #fff;
  30. }
  31.  
  32. .push-monkey-theme.noty_container_type_success {
  33. background-color: #2FCC70;
  34. color: #fff;
  35. }
  36.  
  37. .push-monkey-theme .noty_message {
  38. font-size: 14px;
  39. letter-spacing: 1px;
  40. line-height: 1.5;
  41. padding: 0 30px;
  42. }
  43.  
  44. .push-monkey-theme .noty_message img {
  45. height: 34px;
  46. margin-right: 30px;
  47. vertical-align: middle;
  48. width: 65px;
  49. }
  50.  
  51. #noty_topRight_layout_container .push-monkey-theme .noty_message img,
  52. #noty_topLeft_layout_container .push-monkey-theme .noty_message img,
  53. #noty_bottomLeft_layout_container .push-monkey-theme .noty_message img,
  54. #noty_bottomRight_layout_container .push-monkey-theme .noty_message img,
  55. #noty_centerRight_layout_container .push-monkey-theme .noty_message img,
  56. #noty_centerLeft_layout_container .push-monkey-theme .noty_message img {
  57. float: left;
  58. height: 70px;
  59. margin-right: 20px;
  60. width: 65px;
  61. }
  62.  
  63. #noty_topRight_layout_container .push-monkey-theme .noty_message,
  64. #noty_topLeft_layout_container .push-monkey-theme .noty_message,
  65. #noty_bottomLeft_layout_container .push-monkey-theme .noty_message,
  66. #noty_bottomRight_layout_container .push-monkey-theme .noty_message,
  67. #noty_centerRight_layout_container .push-monkey-theme .noty_message,
  68. #noty_centerLeft_layout_container .push-monkey-theme .noty_message {
  69. padding:10px 20px;
  70. }
  71.  
  72. .push-monkey-theme .noty_close {
  73. background: url("../img/banner-close.png") no-repeat;
  74. cursor: pointer;
  75. height: 16px;
  76. position: absolute;
  77. right: 10px;
  78. top: 8px;
  79. visibility: hidden;
  80. width: 16px;
  81. }
  82.  
  83. .push-monkey-theme:hover > .noty_bar > .noty_message > .noty_close {
  84. visibility: visible;
  85. }
  86.  
  87. .noty_modal.push-monkey-theme {
  88. background-color: #000;
  89. border: none;
  90. display: none;
  91. height: 100%;
  92. left: 0;
  93. opacity: 0.6;
  94. position: fixed;
  95. top: 0
  96. width: 100%;
  97. z-index: 10000;
  98. }

Report this snippet  

You need to login to post a comment.