You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
2.0 KiB

4 years ago
  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/gritter/ie-spacer.gif'); /* ie7/8 fix */
  29. right: 20px;
  30. }
  31. .gritter-top {
  32. background: url('../../images/gritter/gritter.png') no-repeat left -30px;
  33. height: 10px;
  34. }
  35. .hover .gritter-top {
  36. background-position: right -30px;
  37. }
  38. .gritter-bottom {
  39. background: url('../../images/gritter/gritter.png') no-repeat left bottom;
  40. height: 8px;
  41. margin: 0;
  42. }
  43. .hover .gritter-bottom {
  44. background-position: bottom right;
  45. }
  46. .gritter-item {
  47. display: block;
  48. background: url('../../images/gritter/gritter.png') no-repeat left -40px;
  49. color: #eee;
  50. padding: 2px 11px 8px 11px;
  51. font-size: 14px;
  52. font-family: verdana;
  53. }
  54. .hover .gritter-item {
  55. background-position: right -40px;
  56. }
  57. .gritter-item p {
  58. padding: 0;
  59. margin: 0;
  60. }
  61. .gritter-close {
  62. position: absolute;
  63. top: 5px;
  64. left: 3px;
  65. background: url('../../images/gritter/gritter.png') no-repeat left top;
  66. cursor: pointer;
  67. width: 30px;
  68. height: 30px;
  69. }
  70. .gritter-title {
  71. font-size: 14px;
  72. font-weight: bold;
  73. padding: 0 0 7px 0;
  74. display: block;
  75. /*text-shadow:1px 1px #000; /* Not supported by IE :( */
  76. }
  77. .gritter-image {
  78. width: 48px;
  79. height: 48px;
  80. float: left;
  81. }
  82. .gritter-with-image,
  83. .gritter-without-image {
  84. padding: 0 0 5px 0;
  85. }
  86. .gritter-with-image {
  87. width: 220px;
  88. float: right;
  89. }