angular-notify.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .cg-notify-message {
  2. position:fixed;
  3. top:0px;
  4. z-index: 9999;
  5. max-width:400px;
  6. text-align: center;
  7. background-color: #d9edf7;
  8. color: #31708f;
  9. padding: 15px;
  10. border: 1px solid #bce8f1;
  11. border-radius: 4px;
  12. -webkit-transition: top 0.5s ease-out,opacity 0.2s ease-out;
  13. -moz-transition: top 0.5s ease-out,opacity 0.2s ease-out;
  14. -o-transition: top 0.5s ease-out,opacity 0.2s ease-out;
  15. transition: top 0.5s ease-out,opacity 0.2s ease-out;
  16. visibility:hidden;
  17. -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  18. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  19. }
  20. .cg-notify-message-center {
  21. left:50%;
  22. }
  23. .cg-notify-message-left {
  24. left:15px;
  25. }
  26. .cg-notify-message-right {
  27. right:15px;
  28. }
  29. .cg-notify-message a {
  30. font-weight:bold;
  31. color:inherit;
  32. }
  33. .cg-notify-message a:hover {
  34. color:inherit;
  35. }
  36. .cg-notify-close {
  37. -webkit-appearance: none;
  38. padding: 0;
  39. cursor: pointer;
  40. background: 0 0;
  41. border: 0;
  42. font-size: 21px;
  43. font-weight: 700;
  44. line-height: 1;
  45. color: #000;
  46. text-shadow: 0 1px 0 #fff;
  47. filter: alpha(opacity=20);
  48. opacity: .2;
  49. position: absolute;
  50. top: 0px;
  51. right: 3px;
  52. line-height: 15px;
  53. }
  54. .cg-notify-close:hover, .cg-notify-close:focus {
  55. color: #000;
  56. text-decoration: none;
  57. cursor: pointer;
  58. filter: alpha(opacity=50);
  59. opacity: .5;
  60. }
  61. .cg-notify-sr-only {
  62. position: absolute;
  63. width: 1px;
  64. height: 1px;
  65. padding: 0;
  66. margin: -1px;
  67. overflow: hidden;
  68. clip: rect(0,0,0,0);
  69. border: 0;
  70. }