jquery.noty.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /* CORE STYLES */
  2. /* noty bar */
  3. .noty_bar {
  4. position: fixed;
  5. display: none;
  6. z-index: 9999999;
  7. }
  8. /* noty_message */
  9. .noty_bar .noty_message {
  10. text-align: center;
  11. }
  12. /* noty close button */
  13. .noty_bar .noty_close {
  14. cursor: pointer;
  15. }
  16. /* noty modal */
  17. .noty_modal {
  18. position: fixed;
  19. width: 100%;
  20. height: 100%;
  21. background-color: #000;
  22. z-index: 10000;
  23. opacity: 0.6;
  24. display: none;
  25. left: 0;
  26. top: 0;
  27. }
  28. /* noty container for noty_layout_topLeft & noty_layout_topRight */
  29. ul.noty_cont {
  30. position: fixed;
  31. z-index: 10000000;
  32. margin: 0px;
  33. padding: 0px;
  34. list-style: none;
  35. width: 300px;
  36. }
  37. ul.noty_cont li {
  38. position: relative;
  39. float: left;
  40. clear: both;
  41. list-style: none;
  42. padding: 0px;
  43. margin: 10px 0 0 0;
  44. width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
  45. }
  46. ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
  47. ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
  48. ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
  49. ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
  50. ul.noty_cont.noty_layout_topRight li {float:right}
  51. /* LAYOUTS */
  52. /* noty_layout_top */
  53. .noty_bar.noty_layout_top {
  54. top: 0;
  55. left: 0;
  56. width: 100%;
  57. -webkit-border-radius: 0px;
  58. -moz-border-radius: 0px;
  59. border-radius: 0px;
  60. }
  61. /* noty_layout_bottom */
  62. .noty_bar.noty_layout_bottom {
  63. bottom: 0;
  64. left: 0;
  65. width: 100%;
  66. -webkit-border-radius: 0px;
  67. -moz-border-radius: 0px;
  68. border-radius: 0px;
  69. }
  70. /* noty_layout_center */
  71. .noty_bar.noty_layout_center {
  72. top: 40%;
  73. }
  74. /* noty_layout_topLeft & noty_layout_topRight */
  75. .noty_bar.noty_layout_topLeft,
  76. .noty_bar.noty_layout_topRight,
  77. .noty_bar.noty_layout_bottomLeft,
  78. .noty_bar.noty_layout_bottomRight {
  79. width: 100%;
  80. clear: both;
  81. position: relative;
  82. }
  83. .noty_bar.noty_layout_topLeft .noty_message,
  84. .noty_bar.noty_layout_topRight .noty_message,
  85. .noty_bar.noty_layout_bottomLeft .noty_message,
  86. .noty_bar.noty_layout_bottomRight .noty_message {
  87. text-align: left;
  88. }
  89. /* noty_layout_topCenter */
  90. .noty_bar.noty_layout_topCenter {
  91. top: 20px;
  92. }