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.
 
 
 
 

102 lines
1.9 KiB

  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. }
  71. .gritter-title {
  72. font-size:14px;
  73. font-weight:bold;
  74. padding:0 0 7px 0;
  75. display:block;
  76. text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
  77. }
  78. .gritter-image {
  79. width:48px;
  80. height:48px;
  81. float:left;
  82. }
  83. .gritter-with-image,
  84. .gritter-without-image {
  85. padding:0;
  86. }
  87. .gritter-with-image {
  88. width:220px;
  89. float:right;
  90. }
  91. /* for the light (white) version of the gritter notice */
  92. .gritter-light .gritter-item,
  93. .gritter-light .gritter-bottom,
  94. .gritter-light .gritter-top,
  95. .gritter-light .gritter-close {
  96. background-image: url(../images/gritter-light.png);
  97. color: #222;
  98. }
  99. .gritter-light .gritter-title {
  100. text-shadow: none;
  101. }