jquery.gritter.css 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. #gritter-notice-wrapper {
  2. position:fixed;
  3. top:20px;
  4. right:20px;
  5. width:301px;
  6. z-index:9999;
  7. }
  8. .gritter-item-wrapper {
  9. position:relative;
  10. margin:0 0 10px 0;
  11. background: #000;
  12. background: rgba(0,0,0,0.75);
  13. -moz-border-radius: 3px;
  14. -webkit-border-radius: 3px;
  15. border-radius: 3px;
  16. }
  17. .growl-primary {
  18. background: rgba(66,139,202,0.80);
  19. }
  20. .growl-success {
  21. background: rgba(28,175,154,0.80);
  22. }
  23. .growl-warning {
  24. background: rgba(240,173,78,0.80);
  25. }
  26. .growl-danger {
  27. background: rgba(217,83,79,0.80);
  28. }
  29. .growl-info {
  30. background: rgba(91,192,222,0.80);
  31. }
  32. .gritter-item {
  33. display:block;
  34. color:#eee;
  35. padding: 15px;
  36. font-size: 11px;
  37. }
  38. .gritter-item p {
  39. padding:0;
  40. margin:0;
  41. word-wrap:break-word;
  42. line-height: 18px;
  43. font-size: 13px;
  44. opacity: 0.75;
  45. }
  46. .gritter-close {
  47. display:none;
  48. position:absolute;
  49. top: 10px;
  50. right: 10px;
  51. background: url(../images/close-white.png) no-repeat center center;
  52. cursor:pointer;
  53. width:10px;
  54. height:11px;
  55. text-indent:-9999em;
  56. opacity: 0.5;
  57. }
  58. .gritter-title {
  59. font-size: 14px;
  60. padding:0 0 7px 0;
  61. display:block;
  62. font-family: 'LatoBold';
  63. }
  64. .gritter-image {
  65. width:48px;
  66. height:48px;
  67. float:left;
  68. }
  69. .gritter-with-image,
  70. .gritter-without-image {
  71. padding:0;
  72. }
  73. .gritter-with-image {
  74. width:220px;
  75. float:right;
  76. padding-left: 10px;
  77. }
  78. /* for the light (white) version of the gritter notice */
  79. .gritter-light .gritter-item {
  80. background: #fff;
  81. background: rgba(255,255,255,0.75);
  82. color: #666;
  83. }