You are here

purr.css in Purr Messages 7.2

#purr-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.notice {
  position: relative;
  width: 324px;
  font-size: 12px;
  line-height: 16px;
}

.notice .close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 18px;
  height: 17px;
  text-indent: -9999px;
  background: url(./images/purrClose.png) no-repeat 0 10px;
}

.notice-body {
  text-align: left;
  min-height: 50px;
  padding: 22px 32px 0 22px;
  background: url(images/purrTop.png) no-repeat left top;
  color: #f9f9f9;
}

.notice-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notice-body img {
  width: 50px;
  margin: 0 10px 0 0;
  float: left;
}

.notice-body h3	{
  margin: 0;
  font-size: 1.1em;
}

.notice-body p {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 1.4em;
}

.notice-bottom {
  height: 22px;
  background: url(./images/purrBottom.png) no-repeat left top;
}

.notice.error,
.notice.status,
.notice.warning {
  background: none;
  border: 0;
}

.notice.error .notice-body {
  background: url(./images/purrTop-error.png) no-repeat left top;
  border: 0;
}

.notice.error .notice-bottom {
  background: url(images/purrBottom-error.png) no-repeat left top;
}

.notice.warning {
  background: none;
  border: 0;
}

.notice.warning .notice-body {
  background: url(./images/purrTop-warning.png) no-repeat left top;
  border: 0;
}

.notice.warning .notice-bottom {
  background: url(./images/purrBottom-warning.png) no-repeat left top;
}

.notice li {
  margin: 0;
}

.notice a:link {
  color: #aaf;
}

.notice pre {
  margin: 0;
}

File

purrcss/purr.css
View source
  1. #purr-container {
  2. position: fixed;
  3. top: 20px;
  4. right: 20px;
  5. z-index: 1000;
  6. }
  7. .notice {
  8. position: relative;
  9. width: 324px;
  10. font-size: 12px;
  11. line-height: 16px;
  12. }
  13. .notice .close {
  14. position: absolute;
  15. top: 12px;
  16. right: 12px;
  17. display: block;
  18. width: 18px;
  19. height: 17px;
  20. text-indent: -9999px;
  21. background: url(./images/purrClose.png) no-repeat 0 10px;
  22. }
  23. .notice-body {
  24. text-align: left;
  25. min-height: 50px;
  26. padding: 22px 32px 0 22px;
  27. background: url(images/purrTop.png) no-repeat left top;
  28. color: #f9f9f9;
  29. }
  30. .notice-body ul {
  31. margin: 0;
  32. padding: 0;
  33. list-style: none;
  34. }
  35. .notice-body img {
  36. width: 50px;
  37. margin: 0 10px 0 0;
  38. float: left;
  39. }
  40. .notice-body h3 {
  41. margin: 0;
  42. font-size: 1.1em;
  43. }
  44. .notice-body p {
  45. margin: 5px 0 0 0;
  46. font-size: 12px;
  47. line-height: 1.4em;
  48. }
  49. .notice-bottom {
  50. height: 22px;
  51. background: url(./images/purrBottom.png) no-repeat left top;
  52. }
  53. .notice.error,
  54. .notice.status,
  55. .notice.warning {
  56. background: none;
  57. border: 0;
  58. }
  59. .notice.error .notice-body {
  60. background: url(./images/purrTop-error.png) no-repeat left top;
  61. border: 0;
  62. }
  63. .notice.error .notice-bottom {
  64. background: url(images/purrBottom-error.png) no-repeat left top;
  65. }
  66. .notice.warning {
  67. background: none;
  68. border: 0;
  69. }
  70. .notice.warning .notice-body {
  71. background: url(./images/purrTop-warning.png) no-repeat left top;
  72. border: 0;
  73. }
  74. .notice.warning .notice-bottom {
  75. background: url(./images/purrBottom-warning.png) no-repeat left top;
  76. }
  77. .notice li {
  78. margin: 0;
  79. }
  80. .notice a:link {
  81. color: #aaf;
  82. }
  83. .notice pre {
  84. margin: 0;
  85. }