/ajaxupload/src/main/resources/com/googlecode/tawus/ajaxupload/components/ajaxupload.css

http://github.com/tawus/javamagic · CSS · 31 lines · 26 code · 5 blank · 0 comment · 0 complexity · 56238c8ce21b8a9375bd3e9c475cbea5 MD5 · raw file 

    

  1. .qq-uploader { position:relative; width: 100%;}
    2. 

  2. 

  3. .qq-upload-button {
    4. 

  4.     display:block; /* or inline-block */
    5. 

  5.     width: 105px; padding: 7px 0; text-align:center;    
    6. 

  6.     background:#880000; border-bottom:1px solid #ddd;color:#fff;
    7. 

  7. }
    8. 

  8. .qq-upload-button-hover {background:#cc0000;}
    9. 

  9. .qq-upload-button-focus {outline:1px dotted black;}
    10. 

  10. 

  11. .qq-upload-drop-area {
    12. 

  12.     position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    13. 

  13.     background:#FF9797; text-align:center; 
    14. 

  14. }
    15. 

  15. .qq-upload-drop-area span {
    16. 

  16.     display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
    17. 

  17. }
    18. 

  18. .qq-upload-drop-area-active {background:#FF7171;}
    19. 

  19. 

  20. .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
    21. 

  21. .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
    22. 

  22. .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    23. 

  23.     margin-right: 7px;
    24. 

  24. }
    25. 

  25. 

  26. .qq-upload-file {}
    27. 

  27. .qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
    28. 

  28. .qq-upload-size,.qq-upload-cancel {font-size:11px;}
    29. 

  29. 

  30. .qq-upload-failed-text {display:none;}
    31. 

  31. .qq-upload-fail .qq-upload-failed-text {display:inline;}
    32.