stickynotes.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .stickynote {
  2. display: block;
  3. padding:20px 20px 35px;
  4. margin:30px 35px 20px 20px;
  5. width:200px;
  6. height:200px;
  7. font:14px sans-serif;
  8. line-height:1.5;
  9. border:0;
  10. border-radius:3px;
  11. background: -webkit-linear-gradient(#F9EFAF, #F7E98D);
  12. background: -moz-linear-gradient(#F9EFAF, #F7E98D);
  13. background: -o-linear-gradient(#F9EFAF, #F7E98D);
  14. background: -ms-linear-gradient(#F9EFAF, #F7E98D);
  15. background: linear-gradient(#F9EFAF, #F7E98D);
  16. box-shadow:0 8px 8px rgba(0,0,0,0.1);
  17. overflow:hidden;
  18. transition:box-shadow 0.5s ease;
  19. font-smoothing:subpixel-antialiased;
  20. position: absolute;
  21. top : 0;
  22. right: 0;
  23. float: right;
  24. z-index: 9900;
  25. }
  26. .stickynote:hover {
  27. -webkit-transform: rotate(8deg);
  28. -moz-transform: rotate(8deg);
  29. -o-transform: rotate(8deg);
  30. -ms-transform: rotate(8deg);
  31. transform: rotate(8deg);
  32. -webkit-box-shadow: 0 20px 20px #777;
  33. -moz-box-shadow: 0 20px 20px #777;
  34. box-shadow: 0 20px 20px #777;
  35. z-index: 9999;
  36. }