ui.notify.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. @media screen and (min-width: 370px){
  2. .ui-notify{
  3. width: 350px;
  4. position: fixed;
  5. top: 10px;
  6. right: 10px;
  7. }
  8. .ui-notify-message{
  9. padding: 10px;
  10. margin-bottom: 15px;
  11. -moz-border-radius: 8px;
  12. -webkit-border-radius: 8px;
  13. border-radius: 8px
  14. }
  15. .ui-notify-message h1{
  16. font-size: 14px;
  17. margin: 0;
  18. padding: 0
  19. }
  20. .ui-notify-message p{
  21. margin: 3px 0;
  22. padding: 0;
  23. line-height: 18px
  24. }
  25. .ui-notify-message:last-child{
  26. margin-bottom: 0
  27. }
  28. .ui-notify-message-style{
  29. background: #000;
  30. background: rgba(0,0,0,0.8);
  31. -moz-box-shadow: 0 0 6px #000;
  32. -webkit-box-shadow: 0 0 6px #000;
  33. box-shadow: 0 0 6px #000;
  34. }
  35. .ui-notify-message-style h1{
  36. color: #fff;
  37. font-weight: bold
  38. }
  39. .ui-notify-message-style p{
  40. color: #fff
  41. }
  42. .ui-notify-close{
  43. color: #fff;
  44. text-decoration: underline
  45. }
  46. .ui-notify-click{
  47. cursor: pointer
  48. }
  49. .ui-notify-cross{
  50. margin-top: -4px;
  51. float: right;
  52. cursor: pointer;
  53. text-decoration: none;
  54. font-size: 12px;
  55. font-weight: bold;
  56. text-shadow: 0 1px 1px #fff;
  57. padding: 2px
  58. }
  59. .ui-notify-cross: hover{
  60. color: #ffffab
  61. }
  62. .ui-notify-cross: active{
  63. position: relative;
  64. top: 1px
  65. }
  66. }
  67. @media screen and (max-width: 369px){
  68. .ui-notify{
  69. width: 100%;
  70. position: fixed;
  71. top: 0px;
  72. right: 0px;
  73. }
  74. .ui-notify-message{
  75. padding: 10px;
  76. margin-bottom: 15px;
  77. -moz-border-radius: 8px;
  78. -webkit-border-radius: 8px;
  79. border-radius: 8px
  80. }
  81. .ui-notify-message h1{
  82. font-size: 14px;
  83. margin: 0;
  84. padding: 0
  85. }
  86. .ui-notify-message p{
  87. margin: 3px 0;
  88. padding: 0;
  89. line-height: 18px
  90. }
  91. .ui-notify-message:last-child{
  92. margin-bottom: 0
  93. }
  94. .ui-notify-message-style{
  95. background: #000;
  96. background: rgba(0,0,0,0.8);
  97. -moz-box-shadow: 0 0 6px #000;
  98. -webkit-box-shadow: 0 0 6px #000;
  99. box-shadow: 0 0 6px #000;
  100. }
  101. .ui-notify-message-style h1{
  102. color: #fff;
  103. font-weight: bold
  104. }
  105. .ui-notify-message-style p{
  106. color: #fff
  107. }
  108. .ui-notify-close{
  109. color: #fff;
  110. text-decoration: underline
  111. }
  112. .ui-notify-click{
  113. cursor: pointer
  114. }
  115. .ui-notify-cross{
  116. margin-top: -4px;
  117. float: right;
  118. cursor: pointer;
  119. text-decoration: none;
  120. font-size: 12px;
  121. font-weight: bold;
  122. text-shadow: 0 1px 1px #fff;
  123. padding: 2px
  124. }
  125. .ui-notify-cross: hover{
  126. color: #ffffab
  127. }
  128. .ui-notify-cross: active{
  129. position: relative;
  130. top: 1px
  131. }
  132. }