You are here

Home » API reference » TinyBrowser 7

fileuploader.css in TinyBrowser 7 

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

.qq-upload-button {
/*
    display:block;
    display:inline;
*/
	padding: 0px 5px;
/*
	text-align:center;    
*/
	font-size: 10px;
}
.qq-upload-button-hover {/* background:#aaa; */}
.qq-upload-button-focus {/* outline:1px dotted black;*/}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; 
	width:100%; 
	height:100%; 
	font-size: 10px;
/*
	min-height: 70px; 
*/
	z-index:2;
    background:#ccc; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; 
/*
	top: 50%; 
*/
	width:100%; 
	margin-top:-2px; 
	font-size:10px;
	height:100%; 
}
.qq-upload-drop-area-active { background:#888; }

.qq-upload-list {margin:10px 30px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:14px; font-size:11px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../img/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

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

File

tinybrowser/css/fileuploader.css
View source 
  1. .qq-uploader { position:relative; width: 100%;}

  2. 

  3. .qq-upload-button {

  4. /*

  5.     display:block;

  6.     display:inline;

  7. */

  8. 	padding: 0px 5px;

  9. /*

  10. 	text-align:center;    

  11. */

  12. 	font-size: 10px;

  13. }

  14. .qq-upload-button-hover {/* background:#aaa; */}

  15. .qq-upload-button-focus {/* outline:1px dotted black;*/}

  16. 

  17. .qq-upload-drop-area {

  18.     position:absolute; top:0; left:0; 

  19. 	width:100%; 

  20. 	height:100%; 

  21. 	font-size: 10px;

  22. /*

  23. 	min-height: 70px; 

  24. */

  25. 	z-index:2;

  26.     background:#ccc; text-align:center; 

  27. }

  28. .qq-upload-drop-area span {

  29.     display:block; position:absolute; 

  30. /*

  31. 	top: 50%; 

  32. */

  33. 	width:100%; 

  34. 	margin-top:-2px; 

  35. 	font-size:10px;

  36. 	height:100%; 

  37. }

  38. .qq-upload-drop-area-active { background:#888; }

  39. 

  40. .qq-upload-list {margin:10px 30px; padding:0; list-style:disc;}

  41. .qq-upload-list li { margin:0; padding:0; line-height:14px; font-size:11px;}

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

  43.     margin-right: 7px;

  44. }

  45. 

  46. .qq-upload-file {}

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

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

  49. 

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

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