file-uploader.css 1.5 KB

1234567891011121314151617181920212223242526272829
  1. .qq-upload-button {
  2. display:block; /* or inline-block */
  3. padding: 7px 15px;
  4. text-align:center;
  5. border:1px solid #AAA;
  6. color: #555555;
  7. border-radius: 5px;
  8. float:left;
  9. background: #ccc;
  10. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  11. background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  12. background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  13. background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  14. background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  15. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
  16. background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  17. }
  18. .qq-upload-button:hover {
  19. background: #bbb;
  20. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbb), color-stop(0.6, #ddd));
  21. background-image: -webkit-linear-gradient(center bottom, #bbb 0%, #ddd 60%);
  22. background-image: -moz-linear-gradient(center bottom, #bbb 0%, #ddd 60%);
  23. background-image: -o-linear-gradient(bottom, #bbb 0%, #ddd 60%);
  24. background-image: -ms-linear-gradient(top, #bbbbbb 0%,#dddddd 60%);
  25. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#dddddd',GradientType=0 );
  26. background-image: linear-gradient(top, #bbbbbb 0%,#dddddd 60%);
  27. }
  28. .qq-upload-button:focus {outline:1px dotted black;}