noty_theme_twitter.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /* CORE STYLES*/
  2. /* noty bar */
  3. .noty_bar.noty_theme_twitter {
  4. font-size: 13px;
  5. line-height: 18px;
  6. text-shadow: 0 1px 0 #fff;
  7. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  8. }
  9. /* custom container */
  10. .noty_custom_container.noty_theme_twitter.noty_layout_inline {
  11. position: relative;
  12. }
  13. /* custom growl container */
  14. .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_cont.noty_layout_inline {
  15. position: static;
  16. }
  17. /* custom noty bar */
  18. .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar {
  19. position: static;
  20. }
  21. .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar .noty_message {
  22. font-size: 13px;
  23. padding: 4px;
  24. }
  25. .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar .noty_message .noty_buttons {
  26. margin-top: -1px;
  27. }
  28. /* noty_message */
  29. .noty_bar.noty_theme_twitter .noty_message {
  30. padding: 8px 14px;
  31. }
  32. /* noty_has_close_button */
  33. .noty_bar.noty_theme_twitter.noty_closable .noty_message {
  34. padding: 8px 35px 8px 14px;
  35. }
  36. /* noty_buttons */
  37. .noty_bar.noty_theme_twitter .noty_message .noty_buttons {
  38. float: right;
  39. margin-top: -5px;
  40. margin-left: 4px;
  41. }
  42. /* noty_button */
  43. .noty_bar.noty_theme_twitter .noty_message .noty_buttons button {
  44. margin-left: 5px;
  45. }
  46. /* noty close button */
  47. .noty_bar.noty_theme_twitter .noty_close {
  48. position: absolute;
  49. top: 7px;
  50. right: 16px;
  51. font-size: 18px;
  52. line-height: 18px;
  53. font-weight: bold;
  54. color: #000;
  55. opacity: 0.2;
  56. text-shadow: 0 1px 0 #fff;
  57. }
  58. /* noty close button hover */
  59. .noty_bar.noty_theme_twitter .noty_close:hover {
  60. opacity: 0.4;
  61. }
  62. .noty_bar.noty_theme_twitter .noty_close:after {
  63. content: "x";
  64. }
  65. /* noty modal */
  66. .noty_modal.noty_theme_twitter {
  67. opacity: 0.7;
  68. }
  69. /* LAYOUTS */
  70. /* noty_layout_topLeft & noty_layout_topRight */
  71. .noty_bar.noty_theme_twitter.noty_layout_center,
  72. .noty_bar.noty_theme_twitter.noty_layout_topCenter,
  73. .noty_bar.noty_theme_twitter.noty_layout_topLeft,
  74. .noty_bar.noty_theme_twitter.noty_layout_topRight,
  75. .noty_bar.noty_theme_twitter.noty_layout_bottomLeft,
  76. .noty_bar.noty_theme_twitter.noty_layout_bottomRight {
  77. -webkit-border-radius: 4px;
  78. -moz-border-radius: 4px;
  79. border-radius: 4px;
  80. }
  81. .noty_bar.noty_theme_twitter.noty_layout_topLeft .noty_message .noty_buttons,
  82. .noty_bar.noty_theme_twitter.noty_layout_topRight .noty_message .noty_buttons,
  83. .noty_bar.noty_theme_twitter.noty_layout_bottomLeft .noty_message .noty_buttons,
  84. .noty_bar.noty_theme_twitter.noty_layout_bottomRight .noty_message .noty_buttons {
  85. float: none;
  86. border-top: 1px solid #FBEED5;
  87. margin-left: 0;
  88. margin-top: 10px;
  89. padding-top: 10px;
  90. text-align: right;
  91. }
  92. .noty_bar.noty_theme_twitter.noty_layout_center .noty_message .noty_buttons,
  93. .noty_bar.noty_theme_twitter.noty_layout_topCenter .noty_message .noty_buttons {
  94. margin-left: 15px;
  95. margin-top: -2px
  96. }
  97. /* NOTIFICATION TYPES */
  98. /* noty_alert */
  99. .noty_bar.noty_theme_twitter.noty_alert {
  100. background-color: #FCF8E3;
  101. border: 1px solid #FBEED5;
  102. color: #C09853;
  103. }
  104. /* noty_error */
  105. .noty_bar.noty_theme_twitter.noty_error {
  106. background-color: #F2DEDE;
  107. border: 1px solid #EED3D7;
  108. color: #B94A48;
  109. }
  110. /* noty_success */
  111. .noty_bar.noty_theme_twitter.noty_success {
  112. background-color: #DFF0D8;
  113. border: 1px solid #D6E9C6;
  114. color: #468847;
  115. }
  116. /* noty_information */
  117. .noty_bar.noty_theme_twitter.noty_information {
  118. background-color: #D9EDF7;
  119. border: 1px solid #BCE8F1;
  120. color: #3A87AD;
  121. }