abajan

threeDifferentlyColoredMulti-uploadButtons_FormID13582909401

Dec 26th, 2011
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.47 KB | None | 0 0
  1. /* display default multi-upload button correctly in Opera 11.10+ and better in IE6+ */
  2. #id_8 .qq-upload-button {
  3. background: -o-linear-gradient(#FBCB5D, #EFA003);
  4. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBCB5D', endColorstr='#EFA003') !important;
  5. zoom: 1;
  6. }
  7.  
  8. /* display hover state of default multi-upload button correctly in Opera 11.10+ and better IE6+ */
  9. #id_8 .qq-upload-button-hover {
  10. background: -o-linear-gradient(#FF7B0D, #FFA84C);
  11. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7B0D', endColorstr='#FFA84C') !important;
  12. zoom: 1;
  13. }
  14.  
  15. /* light gray multi-upload button */
  16. #id_5 .qq-upload-button {
  17. background: #EAEAEA;
  18. background: -moz-linear-gradient(top, #F7F7F7 0%, #ABABAB 100%);
  19. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#ABABAB));
  20. background: -o-linear-gradient(#F7F7F7, #ABABAB);
  21. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#ABABAB') !important;
  22. zoom: 1;
  23. color:#000;
  24. text-shadow: 0 1px #F7F7F7;
  25. border: 1px solid #ABABAB;
  26. }
  27.  
  28. /* light gray multi-upload button hover state */
  29. #id_5 .qq-upload-button-hover {
  30. background: #D7D7D7;
  31. background: -moz-linear-gradient(top, #ABABAB 0%, #F7F7F7 100%);
  32. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABABAB), color-stop(100%,#F7F7F7));
  33. background: -o-linear-gradient(#ABABAB, #F7F7F7);
  34. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ABABAB', endColorstr='#F7F7F7') !important;
  35. zoom: 1;
  36. }
  37.  
  38. /* green multi-upload button */
  39. #id_9 .qq-upload-button {
  40. background: #008608;
  41. background: -moz-linear-gradient(top, #00CA00 0%, #003319 100%);
  42. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00CA00), color-stop(100%,#003319));
  43. background: -o-linear-gradient(#00CA00, #003319);
  44. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CA00', endColorstr='#003319') !important;
  45. zoom: 1;
  46. text-shadow: 0 -1px #003319;
  47. border: 1px solid #003319;
  48. }
  49.  
  50. /* green multi-upload button hover state */
  51. #id_9 .qq-upload-button-hover {
  52. background: #006B0E;
  53. background: -moz-linear-gradient(top, #003319 0%, #00CA00 100%);
  54. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003319), color-stop(100%,#00CA00));
  55. background: -o-linear-gradient(#003319, #00CA00);
  56. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003319', endColorstr='#00CA00') !important;
  57. zoom: 1;
  58. }
Advertisement
Add Comment
Please, Sign In to add comment