sticky.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. div.sticky-queue
  2. {
  3. position:fixed;
  4. background:#fff;
  5. border:1px solid #999;
  6. box-shadow:0px 0px 5px #bbb;
  7. -moz-box-shadow:0px 0px 5px #bbb;
  8. -webkit-box-shadow:0px 0px 5px #bbb;
  9. width:200px;
  10. }
  11. div.sticky-note
  12. { padding-right:20px; }
  13. div.sticky
  14. {
  15. font-size:12px;
  16. color:#555;
  17. display:none;
  18. padding:10px;
  19. position:relative;
  20. }
  21. img.sticky-close
  22. {
  23. position:absolute;
  24. top:10px;
  25. right:10px;
  26. height:14px;
  27. width:14px;
  28. cursor:pointer;
  29. }
  30. .top-right
  31. { right:20px; }
  32. .top-left
  33. { left:20px; }
  34. .top-right, .top-left
  35. {
  36. top:-2px;
  37. border-bottom-right-radius:6px;
  38. border-bottom-left-radius:6px;
  39. -moz-border-radius-bottomright:6px;
  40. -moz-border-radius-bottomleft:6px;
  41. -webkit-border-bottom-right-radius:6px;
  42. -webkit-border-bottom-left-radius:6px;
  43. }
  44. .bottom-right
  45. { right:20px; }
  46. .bottom-left
  47. { left:20px; }
  48. .bottom-right, .bottom-left
  49. {
  50. bottom:-2px;
  51. border-top-right-radius:6px;
  52. border-top-left-radius:6px;
  53. -moz-border-radius-topright:6px;
  54. -moz-border-radius-topleft:6px;
  55. -webkit-border-top-right-radius:6px;
  56. -webkit-border-top-left-radius:6px;
  57. }
  58. .border-top-right, .border-top-left
  59. { border-top:1px solid #999; }
  60. .border-bottom-right, .border-bottom-left
  61. { border-bottom:1px solid #999; }