You are here

smileys.css in Smileys 5

.smileys {
  position: relative;
  padding: 6px 10px 6px 10px;
}

.smileys strong {
  position: absolute;
  left: 25px;
  top: 6px;
}

.smileys span {
  float: left;
  width: 41px;
  height: 47px;
  text-align: center;
}

.smileys span span {
  display: block;
  margin: 0 auto;
  height: 22px;
}

.smiley-class {
  cursor: pointer;
  height: auto;
  width: auto;
  border: 0;
}

.smiley-content {
  border: none;
}

.smileysWindow {
  width: 250px;
  background-color: #FFFAE0;
  overflow: auto;
  max-height: 275px;
  max-width: 290px;
  border: 1px solid #CCCCCC;
  padding: 10px 0px;
}

.smileysWindowtext {
  background-color: #B70101;
  color: #FFFFFF;
  text-align: center;
}

.smileysWindow span {
  margin: 13px 13px 13px 13px;
}

#smileysWindow {
  position: absolute;
  z-index: 1000;
  border: 1px solid #502816;
}

#smileysWindow .titleSmileys {
  cursor: default;
  font-size: 1.1em;
  padding-right: 33%;
}

#smileysWindow .closeSmileys {
  text-align: right;
  cursor: pointer;
  font-size: 1.3em;
}

File

smileys.css
View source
  1. .smileys {
  2. position: relative;
  3. padding: 6px 10px 6px 10px;
  4. }
  5. .smileys strong {
  6. position: absolute;
  7. left: 25px;
  8. top: 6px;
  9. }
  10. .smileys span {
  11. float: left;
  12. width: 41px;
  13. height: 47px;
  14. text-align: center;
  15. }
  16. .smileys span span {
  17. display: block;
  18. margin: 0 auto;
  19. height: 22px;
  20. }
  21. .smiley-class {
  22. cursor: pointer;
  23. height: auto;
  24. width: auto;
  25. border: 0;
  26. }
  27. .smiley-content {
  28. border: none;
  29. }
  30. .smileysWindow {
  31. width: 250px;
  32. background-color: #FFFAE0;
  33. overflow: auto;
  34. max-height: 275px;
  35. max-width: 290px;
  36. border: 1px solid #CCCCCC;
  37. padding: 10px 0px;
  38. }
  39. .smileysWindowtext {
  40. background-color: #B70101;
  41. color: #FFFFFF;
  42. text-align: center;
  43. }
  44. .smileysWindow span {
  45. margin: 13px 13px 13px 13px;
  46. }
  47. #smileysWindow {
  48. position: absolute;
  49. z-index: 1000;
  50. border: 1px solid #502816;
  51. }
  52. #smileysWindow .titleSmileys {
  53. cursor: default;
  54. font-size: 1.1em;
  55. padding-right: 33%;
  56. }
  57. #smileysWindow .closeSmileys {
  58. text-align: right;
  59. cursor: pointer;
  60. font-size: 1.3em;
  61. }