| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- .qq-uploader {
- position: relative;
- }
- .qq-upload-button {
- display: inline-block;
- *display: inline;
- padding: 4px 10px 4px;
- margin-bottom: 0;
- *margin-left: .3em;
- font-size: 14px;
- line-height: 20px;
- color: #333333;
- text-align: center;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- vertical-align: middle;
- cursor: pointer;
- background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: linear-gradient(top, #ffffff, #e6e6e6);
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
- background-repeat: repeat-x;
- border: 1px solid #cccccc;
- *border: 0;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
- border-bottom-color: #b3b3b3;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6', GradientType = 0);
- filter: progid:dximagetransform.microsoft.gradient(enabled = false);
- *zoom: 1;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- }
- .qq-upload-button-hover {
- color: #333333;
- text-decoration: none;
- background-color: #e6e6e6;
- *background-color: #d9d9d9;
- /* Buttons in IE7 don't get borders, so darken on hover */
- background-position: 0 -15px;
- -webkit-transition: background-position 0.1s linear;
- -moz-transition: background-position 0.1s linear;
- -ms-transition: background-position 0.1s linear;
- -o-transition: background-position 0.1s linear;
- transition: background-position 0.1s linear;
- }
- .qq-upload-button-focus {
- outline: 1px dotted #666666;
- }
- .qq-upload-drop-area {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- min-height: 40px;
- z-index: 2;
- background: #FFFFFF;
- border: 2px dashed #DDDDDD;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- text-align: center;
- }
- .qq-upload-drop-area span {
- display: block;
- position: absolute;
- top: 50%;
- width: 100%;
- margin-top: -8px;
- font-size: 16px;
- color: #666666;
- }
- .qq-upload-drop-area-active {
- border-color: #CCCCCC;
- background-color: #EFEFEF;
- }
- .qq-upload-list {
- margin: 15px 35px;
- padding: 0;
- list-style: disc;
- }
- .qq-upload-list li {
- margin: 0;
- padding: 0;
- line-height: 15px;
- font-size: 12px;
- }
- .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("/static/ext/js/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;
- }
|