smileys.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. /* This Source Code Form is subject to the terms of the Mozilla Public
  2. * License, v. 2.0. If a copy of the MPL was not distributed with this
  3. * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
  4. /* ==== smileys.css ====================================================
  5. == Style rules to bind smiley image types generated by editor and the mozTxtToHTMLConv
  6. == into skinnable images.
  7. ========================================================================== */
  8. @namespace url("http://www.w3.org/1999/xhtml");
  9. /* ::::: we also represent smilies inside of spans ::::: */
  10. .moz-smiley-s1,
  11. .moz-smiley-s2,
  12. .moz-smiley-s3,
  13. .moz-smiley-s4,
  14. .moz-smiley-s5,
  15. .moz-smiley-s6,
  16. .moz-smiley-s7,
  17. .moz-smiley-s8,
  18. .moz-smiley-s9,
  19. .moz-smiley-s10,
  20. .moz-smiley-s11,
  21. .moz-smiley-s12,
  22. .moz-smiley-s13,
  23. .moz-smiley-s14,
  24. .moz-smiley-s15,
  25. .moz-smiley-s16 {
  26. display: inline-block;
  27. vertical-align: middle;
  28. -moz-user-select: all;
  29. }
  30. .moz-smiley-s1 > span,
  31. .moz-smiley-s2 > span,
  32. .moz-smiley-s3 > span,
  33. .moz-smiley-s4 > span,
  34. .moz-smiley-s5 > span,
  35. .moz-smiley-s6 > span,
  36. .moz-smiley-s7 > span,
  37. .moz-smiley-s8 > span,
  38. .moz-smiley-s9 > span,
  39. .moz-smiley-s10 > span,
  40. .moz-smiley-s11 > span,
  41. .moz-smiley-s12 > span,
  42. .moz-smiley-s13 > span,
  43. .moz-smiley-s14 > span,
  44. .moz-smiley-s15 > span,
  45. .moz-smiley-s16 > span {
  46. display: none;
  47. }
  48. /* smile */
  49. .moz-smiley-s1:before {
  50. content: url("chrome://global/skin/icons/emotes/face-smile.png");
  51. }
  52. /* frown */
  53. .moz-smiley-s2:before {
  54. content: url("chrome://global/skin/icons/emotes/face-sad.png");
  55. }
  56. /* wink */
  57. .moz-smiley-s3:before {
  58. content: url("chrome://global/skin/icons/emotes/face-wink.png");
  59. }
  60. /* tongue */
  61. .moz-smiley-s4:before {
  62. content: url("chrome://global/skin/icons/emotes/face-raspberry.png");
  63. }
  64. /* laughing */
  65. .moz-smiley-s5:before {
  66. content: url("chrome://global/skin/icons/emotes/face-laugh.png");
  67. }
  68. /* embarrassed */
  69. .moz-smiley-s6:before {
  70. content: url("chrome://global/skin/icons/emotes/face-embarrassed.png");
  71. }
  72. /* undecided */
  73. .moz-smiley-s7:before {
  74. content: url("chrome://global/skin/icons/emotes/face-uncertain.png");
  75. }
  76. /* surprise */
  77. .moz-smiley-s8:before {
  78. content: url("chrome://global/skin/icons/emotes/face-surprise.png");
  79. }
  80. /* kiss */
  81. .moz-smiley-s9:before {
  82. content: url("chrome://global/skin/icons/emotes/face-kiss.png");
  83. }
  84. /* yell */
  85. .moz-smiley-s10:before {
  86. content: url("chrome://global/skin/icons/emotes/face-angry.png");
  87. }
  88. /* cool */
  89. .moz-smiley-s11:before {
  90. content: url("chrome://global/skin/icons/emotes/face-cool.png");
  91. }
  92. /* money */
  93. .moz-smiley-s12:before {
  94. content: url("chrome://global/skin/icons/emotes/face-money.png");
  95. }
  96. /* foot */
  97. .moz-smiley-s13:before {
  98. content: url("chrome://global/skin/icons/emotes/face-foot.png");
  99. }
  100. /* innocent */
  101. .moz-smiley-s14:before {
  102. content: url("chrome://global/skin/icons/emotes/face-angel.png");
  103. }
  104. /* cry */
  105. .moz-smiley-s15:before {
  106. content: url("chrome://global/skin/icons/emotes/face-crying.png");
  107. }
  108. /* sealed */
  109. .moz-smiley-s16:before {
  110. content: url("chrome://global/skin/icons/emotes/face-sealed.png");
  111. }