nest.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. .noty_theme__nest.noty_bar {
  2. margin: 0 0 15px 0;
  3. overflow: hidden;
  4. border-radius: 2px;
  5. position: relative;
  6. box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  7. .noty_theme__nest.noty_bar .noty_body {
  8. padding: 10px;
  9. font-size: 14px;
  10. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  11. .noty_theme__nest.noty_bar .noty_buttons {
  12. padding: 10px; }
  13. .noty_layout .noty_theme__nest.noty_bar {
  14. z-index: 5; }
  15. .noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  16. position: absolute;
  17. top: 0;
  18. margin-top: 4px;
  19. margin-right: -4px;
  20. margin-left: 4px;
  21. z-index: 4;
  22. width: 100%; }
  23. .noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  24. position: absolute;
  25. top: 0;
  26. margin-top: 8px;
  27. margin-right: -8px;
  28. margin-left: 8px;
  29. z-index: 3;
  30. width: 100%; }
  31. .noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  32. position: absolute;
  33. top: 0;
  34. margin-top: 12px;
  35. margin-right: -12px;
  36. margin-left: 12px;
  37. z-index: 2;
  38. width: 100%; }
  39. .noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  40. position: absolute;
  41. top: 0;
  42. margin-top: 16px;
  43. margin-right: -16px;
  44. margin-left: 16px;
  45. z-index: 1;
  46. width: 100%; }
  47. .noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  48. position: absolute;
  49. top: 0;
  50. margin-top: 20px;
  51. margin-right: -20px;
  52. margin-left: 20px;
  53. z-index: -1;
  54. width: 100%; }
  55. #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
  56. #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  57. margin-top: 4px;
  58. margin-left: -4px;
  59. margin-right: 4px; }
  60. #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
  61. #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  62. margin-top: 8px;
  63. margin-left: -8px;
  64. margin-right: 8px; }
  65. #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
  66. #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  67. margin-top: 12px;
  68. margin-left: -12px;
  69. margin-right: 12px; }
  70. #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
  71. #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  72. margin-top: 16px;
  73. margin-left: -16px;
  74. margin-right: 16px; }
  75. #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
  76. #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  77. margin-top: 20px;
  78. margin-left: -20px;
  79. margin-right: 20px; }
  80. .noty_theme__nest.noty_type__alert,
  81. .noty_theme__nest.noty_type__notification {
  82. background-color: #073B4C;
  83. color: #fff; }
  84. .noty_theme__nest.noty_type__alert .noty_progressbar,
  85. .noty_theme__nest.noty_type__notification .noty_progressbar {
  86. background-color: #fff; }
  87. .noty_theme__nest.noty_type__warning {
  88. background-color: #FFD166;
  89. color: #fff; }
  90. .noty_theme__nest.noty_type__error {
  91. background-color: #EF476F;
  92. color: #fff; }
  93. .noty_theme__nest.noty_type__error .noty_progressbar {
  94. opacity: .4; }
  95. .noty_theme__nest.noty_type__info,
  96. .noty_theme__nest.noty_type__information {
  97. background-color: #118AB2;
  98. color: #fff; }
  99. .noty_theme__nest.noty_type__info .noty_progressbar,
  100. .noty_theme__nest.noty_type__information .noty_progressbar {
  101. opacity: .6; }
  102. .noty_theme__nest.noty_type__success {
  103. background-color: #06D6A0;
  104. color: #fff; }