PageRenderTime 58ms CodeModel.GetById 31ms RepoModel.GetById 0ms app.codeStats 0ms

/Server/AjaxControlToolkit/AjaxFileUpload/AjaxFileUpload.css

http://ajaxcontroltoolkit.codeplex.com
CSS | 175 lines | 148 code | 25 blank | 2 comment | 0 complexity | 4103745789e61151f4f2f9ee5facdf4b MD5 | raw file
Possible License(s): BSD-3-Clause 
    

  1. .ajax__fileupload {

    2. 

  2.     padding: 4px;

    3. 

  3.     border: #D3D3D3 1px solid;

    4. 

  4.     overflow: auto;

    5. 

  5. }

    6. 

  6. 

    7. 

  7. .ajax__fileupload_selectFileContainer {

    8. 

  8.     height: 24px;

    9. 

  9.     line-height: 24px;

    10. 

  10. }

    11. 

  11. 

    12. 

  12. .ajax__fileupload_selectFileButton {

    13. 

  13.     display:block;

    14. 

  14.     height: 24px;

    15. 

  15.     line-height: 24px;

    16. 

  16.     width: 80px;

    17. 

  17.     text-align: center;

    18. 

  18.     background-color: #212121;

    19. 

  19.     color: #D0D0D0;

    20. 

  20.     cursor: pointer;

    21. 

  21.     margin-right: 4px;

    22. 

  22.     font-size: 13px;

    23. 

  23. }

    24. 

  24. 

    25. 

  25. .ajax__fileupload_selectFileButton:hover {

    26. 

  26.     background-color: #000000;

    27. 

  27.     color: #ffffff;

    28. 

  28. }

    29. 

  29. 

    30. 

  30. .ajax__fileupload_topFileStatus {

    31. 

  31.     color: rgb(127, 126, 126);

    32. 

  32. }

    33. 

  33. 

    34. 

  34. .ajax__fileupload_ProgressBarHolder 

    35. 

  35. {

    36. 

  36.     margin-right: 70px;

    37. 

  37.     _margin-right: 0;

    38. 

  38. }

    39. 

  39. 

    40. 

  40. .ajax__fileupload_uploadbutton {

    41. 

  41.     width: 60px;

    42. 

  42.     text-align: center;

    43. 

  43.     cursor: pointer;

    44. 

  44.     color: white;

    45. 

  45.     font-weight: bold;

    46. 

  46.     background-color: #000099;

    47. 

  47. }

    48. 

  48. 

    49. 

  49. .ajax_fileupload_cancelbutton {

    50. 

  50.     width: 60px;

    51. 

  51.     text-align: center;

    52. 

  52.     cursor: pointer;

    53. 

  53.     color: white;

    54. 

  54.     font-weight: bold;

    55. 

  55.     background-color: #990033;

    56. 

  56. }

    57. 

  57. 

    58. 

  58. .ajax__fileupload_dropzone {

    59. 

  59.     border-style: dotted; 

    60. 

  60.     border-width: 1px; 

    61. 

  61.     line-height: 50px; 

    62. 

  62.     text-align:center;

    63. 

  63.     _text-align:left; /* IE Only */

    64. 

  64.     margin-bottom:2px;

    65. 

  65. }

    66. 

  66. 

    67. 

  67. .ajax__fileupload_queueContainer 

    68. 

  68. {

    69. 

  69.     border: #A9A9A9 1px solid;

    70. 

  70.     border-width: 1px; 

    71. 

  71.     margin-top:2px; 

    72. 

  72.     padding:4px;

    73. 

  73.     clear: both;

    74. 

  74. }

    75. 

  75. 

    76. 

  76. .ajax__fileupload_progressBar {

    77. 

  77.     padding-left:4px; 

    78. 

  78.     background-color: #CCFFCC; 

    79. 

  79. }

    80. 

  80. 

    81. 

  81. .ajax__fileupload_footer {

    82. 

  82.     margin-top: 2px;

    83. 

  83.     line-height: 20px;

    84. 

  84.     height: 20px;

    85. 

  85. }

    86. 

  86. 

    87. 

  87. .ajax__fileupload_fileItemInfo {

    88. 

  88.     line-height: 20px;

    89. 

  89.     height: 20px;

    90. 

  90.     margin-bottom: 2px;

    91. 

  91.     overflow: hidden;

    92. 

  92. }

    93. 

  93. 

    94. 

  94. .ajax__fileupload_fileItemInfo .filename {

    95. 

  95.     font-weight: bold;

    96. 

  96. }

    97. 

  97. 

    98. 

  98. .ajax__fileupload_fileItemInfo .uploadstatus {

    99. 

  99.     font-style: italic;

    100. 

  100. }

    101. 

  101. 

    102. 

  102. .ajax__fileupload_fileItemInfo .removeButton {

    103. 

  103.     cursor: pointer;

    104. 

  104.     background-color: #900;

    105. 

  105.     color: white;

    106. 

  106.     width: 55px;

    107. 

  107.     height: 20px;

    108. 

  108.     line-height: 20px;

    109. 

  109.     text-align: center;

    110. 

  110.     display: block;

    111. 

  111.     float: left;

    112. 

  112. }

    113. 

  113. 

    114. 

  114. .ajax__fileupload_fileItemInfo .uploadedState {

    115. 

  115.     color: #060;

    116. 

  116.     background-color: #fff;

    117. 

  117. }

    118. 

  118. 

    119. 

  119. .ajax__fileupload_fileItemInfo .uploadingState {

    120. 

  120.     color: #FF9900;

    121. 

  121.     background-color: #fff;

    122. 

  122. }

    123. 

  123. 

    124. 

  124. .ajax__fileupload_fileItemInfo .pendingState {

    125. 

  125.     color: #009;

    126. 

  126.     background-color: #fff;

    127. 

  127. }

    128. 

  128. 

    129. 

  129. .ajax__fileupload_fileItemInfo .errorState {

    130. 

  130.     color: #ffffff;

    131. 

  131.     background-color: #ff0000;

    132. 

  132. }

    133. 

  133. 

    134. 

  134. .ajax__fileupload_fileItemInfo .cancelledState {

    135. 

  135.     color: #900;

    136. 

  136.     background-color: #fff;

    137. 

  137. }

    138. 

  138. 

    139. 

  139. /*Check*/

    140. 

  140. .ajax__fileupload_selectFileContainer {

    141. 

  141. 	display: inline-block;

    142. 

  142.     overflow: hidden;

    143. 

  143.     position: relative;

    144. 

  144.     width: 80px;

    145. 

  145.     /*float: left;*/

    146. 

  146. }

    147. 

  147. 

    148. 

  148. .ajax__fileupload_selectFileContainer input {

    149. 

  149.     border: medium none;

    150. 

  150.     cursor: pointer;

    151. 

  151.     height: 40px;

    152. 

  152.     margin: 0;

    153. 

  153.     opacity: 0;

    154. 

  154.     position: absolute;

    155. 

  155.     right: 0;

    156. 

  156.     top: 0;

    157. 

  157. }

    158. 

  158. 

    159. 

  159. 

    160. 

  160. 

    161. 

  161. .ajax__fileupload_fileItemInfo 

    162. 

  162. {

    163. 

  163.     position: relative;

    164. 

  164.     z-index: 0;

    165. 

  165. }

    166. 

  166. .ajax__fileupload_fileItemInfo div

    167. 

  167. {

    168. 

  168.     display: inline-block;

    169. 

  169. }

    170. 

  170. .ajax__fileupload_fileItemInfo div.removeButton 

    171. 

  171. {

    172. 

  172.     position: absolute;

    173. 

  173.     top: 0;

    174. 

  174.     right: 0;

    175. 

  175. }
    176.