jquery.gritter.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /* the norm */
  2. #gritter-notice-wrapper {
  3. position:fixed;
  4. top:20px;
  5. right:20px;
  6. width:301px;
  7. z-index:9999;
  8. }
  9. #gritter-notice-wrapper.top-left {
  10. left: 20px;
  11. right: auto;
  12. }
  13. #gritter-notice-wrapper.bottom-right {
  14. top: auto;
  15. left: auto;
  16. bottom: 20px;
  17. right: 20px;
  18. }
  19. #gritter-notice-wrapper.bottom-left {
  20. top: auto;
  21. right: auto;
  22. bottom: 20px;
  23. left: 20px;
  24. }
  25. .gritter-item-wrapper {
  26. position:relative;
  27. margin:0 0 10px 0;
  28. background:url('../images/ie-spacer.gif'); /* ie7/8 fix */
  29. }
  30. .gritter-top {
  31. background:url(../images/gritter.png) no-repeat left -30px;
  32. height:10px;
  33. }
  34. .hover .gritter-top {
  35. background-position:right -30px;
  36. }
  37. .gritter-bottom {
  38. background:url(../images/gritter.png) no-repeat left bottom;
  39. height:8px;
  40. margin:0;
  41. }
  42. .hover .gritter-bottom {
  43. background-position: bottom right;
  44. }
  45. .gritter-item {
  46. display:block;
  47. background:url(../images/gritter.png) no-repeat left -40px;
  48. color:#eee;
  49. padding:2px 11px 8px 11px;
  50. font-size: 11px;
  51. font-family:verdana;
  52. }
  53. .hover .gritter-item {
  54. background-position:right -40px;
  55. }
  56. .gritter-item p {
  57. padding:0;
  58. margin:0;
  59. word-wrap:break-word;
  60. }
  61. .gritter-close {
  62. display:none;
  63. position:absolute;
  64. top:5px;
  65. left:3px;
  66. background:url(../images/gritter.png) no-repeat left top;
  67. cursor:pointer;
  68. width:30px;
  69. height:30px;
  70. text-indent:-9999em;
  71. }
  72. .gritter-title {
  73. font-size:14px;
  74. font-weight:bold;
  75. padding:0 0 7px 0;
  76. display:block;
  77. text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
  78. }
  79. .gritter-image {
  80. width:48px;
  81. height:48px;
  82. float:left;
  83. }
  84. .gritter-with-image,
  85. .gritter-without-image {
  86. padding:0;
  87. }
  88. .gritter-with-image {
  89. width:220px;
  90. float:right;
  91. }
  92. /* for the light (white) version of the gritter notice */
  93. .gritter-light .gritter-item,
  94. .gritter-light .gritter-bottom,
  95. .gritter-light .gritter-top,
  96. .gritter-light .gritter-close {
  97. background-image: url(../images/gritter-light.png);
  98. color: #222;
  99. }
  100. .gritter-light .gritter-title {
  101. text-shadow: none;
  102. }